:root{
    --padding: max(11%, 22px);
}

#maincontent {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 auto;
}

.experience-heroImage {
    margin-bottom: 24px;
}

.experience-programDetails, .experience-desktopTabs, .experience-programConclusion {
    margin-bottom: 96px;
}

.experience-programDetails, .experience-programConclusion, .experience-programSocials{
    margin-right: auto;
    margin-left: auto;
    max-width: 1076px;
}

.experience-programDetails, .experience-programConclusion {
    padding-right: var(--padding);
    padding-left: var(--padding);
}

.experience-programSocials{
    padding-bottom: 48px;
}

.experience-programDetails p, .experience-programConclusion p{
    max-width: 636px;
    margin-right: auto;
    margin-left: auto;
}

.experience-programDetails p{
    text-align: center;
}

.experience-programDetails figure, .experience-programConclusion figure{
    max-width: 634px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 32px;
    padding-bottom: 96px;
    margin-bottom: 0;
}
/*
.tabs-horizontal{
    padding-top: 96px;
    padding-bottom: 96px;
}*/

.tab-content .textbox-2{
    text-align: left;
    margin: 0 auto !important;
}

.tab-content .content-asset{
    text-align: center;
    margin-bottom: 24px;
}

.tab-content .content-asset iframe{
    height: 504px;
    width: 854px;
}

.tab-content .textbox-2 h3{
    margin-bottom: 24px;
}

.content.text-left h3 {
    margin-bottom: 4px;
    padding-bottom: 0px !important;
}

#maincontent .tabs-horizontal > h2{
    margin-bottom: 48px;
}

.tab-content .experience-assets-cta{
    margin-top: 24px;
}

.experience-assets-gallery{
    max-width: 854px;
    margin: 0 auto;
}


@media (min-width: 544px) {
    #maincontent .col-sm-6:first-child {
        padding-right: 24px !important;
    }
    
     #maincontent .col-sm-6:last-child{
        padding-left: 24px !important;
    }
}

@media (min-width: 769px) {
    #maincontent .col-md-6:first-child {
        padding-right: 24px !important;
    }

    #maincontent .col-md-6:last-child {
        padding-left: 24px !important;
    }
}

@media (min-width: 992px) {
    #maincontent .col-lg-6:first-child {
        padding-right: 24px !important;
    }

    #maincontent .col-lg-6:last-child {
        padding-left: 24px !important;
    }
}

@media (min-width: 1200px) {
    #maincontent .col-xl-6:first-child {
        padding-right: 24px !important;
    }

    #maincontent .col-xl-6:last-child {
        padding-left: 24px !important;
    }
}

#maincontent .tabs-desktop.tabs-horizontal .nav-tabs .nav-link {
    margin-right: 12px;
    margin-left: 12px;
    padding-right: 0px;
    padding-left: 0px;
}

#maincontent .tabs-dropdown {
    margin-bottom: 24px;   
}

#maincontent .experience-desktopTabs .tabs-desktop .tab-content{
    padding-top: 0;
}

.experience-programDetails figure, .experience-programConclusion figure, .tabs-desktop .tab-content{
    max-width: 100%;
    padding-right: var(--padding);
    padding-left: var(--padding);
}

#maincontent .experience-layouts-horizontalTabs .container-fluid{
    padding-right: 0;
    padding-left: 0;
}

@media only screen and (max-width: 1199.98px) {
    #maincontent {
        padding: 0;
    }

    .tab-content .textbox-2{
        max-width: 100%;
    }

    .tabs-desktop .col-md-10{
        flex: 0 0 100%;
    }

    .tab-content .content-asset {
        position: relative;
        padding-bottom: 56.210%;
    }

    .tab-content .content-asset iframe{
        max-width: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .experience-layouts-horizontalTabs .container{
        max-width: 100%;
    }
    
}

@media screen and (max-width: 544px) {
    .experience-programDetails a {
        display: inherit;
    }
}

.experience-programTitle {
    height: 0;
}

.experience-programTitle > .experience-assets-texttile2 {
    position:relative;
    bottom: 100px;
    left: 20%;
    width: 60%;
    padding: 40px;
    background: white;
    text-align: center;
}

@media screen and (max-width: 544px) {
    .experience-programTitle {
        height: 100%;
    }
    .experience-programTitle > .experience-assets-texttile2 {
        left: 10%;
        width: 80%;
        bottom: 0;
    } 
}

@media screen and (min-width: 770px){
    .accordion .card {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }
}