main {
    background: #ffff;
}

main .container {
    max-width: 1200px;
}

#sponsorship-opportunity {
    background: linear-gradient(0deg, rgb(0 0 0 / 55%), rgb(0 0 0 / 55%))!important;
}

#opportunity-banner ul {
    justify-content: center;
    display: flex;
    column-gap: 68px;
}

#testimonials p, #testimonials h2,#testimonials, span.heading-sub, .btn {
    text-align: center;
}

#testimonials p {
    margin: auto;
}

#testimonials .row, #green-testimonials .row {
    justify-content: center;
}

#green-testimonials {
    background: #fff;
    padding: 35px 0!important;
}

.slider-testimonials {
    border-radius: 5px 5px 0 0;
    padding: 50px 70px;
    height: 230px;
    align-content: center;
}

.testimonial-details {
    margin-bottom: 20px;
}

.item {
    margin-bottom: 30px;
}

#testimonials {
    padding: 50px 0 50px 0!important;
}

#green-testimonials p {
    margin-bottom: 0;
}

#green-testimonials h3 {
    margin: 0;
}

.slider-testimonials.d-green p {
    min-height: 130px;
}

.slider-description h3 {
    color: var(--fdgreen);
}

#opportunity-banner ul li {
    list-style: none;
}

#get-in-touch h2, #opportunity-content h2
, #green-testimonials h2 {
    color: var(--dgreen);
}

#get-in-touch {
    background-color: #fafafa;
}

.form {
    padding: 20px;
    background: #ffffff;
}

#opportunity-content {
    background: no-repeat;
    background-image: url(../../media/images/halftone-bg.png);
    background-color: var(--fsgreen);
    padding: 0px;
}

.card-img .col {
    padding: 0;
    background: #fff;
    margin: 10px;
}

.description {
    text-align: center;
    padding: 20px 20px 5px 20px;
}

.card-img img {
    width: 100%;
    max-height: 165px;
    object-fit: cover;
    object-position: top;
}

.sponsor-button {
    justify-content: center;
    display: flex;
    column-gap: 15px;
}

#get-in-touch .row {
    max-width: 850px;
    margin: auto;
}

#get-in-touch {
    padding: 40px 20px 50px 20px!important;
}

#fname, #company, #email     {
    margin-right: 15px;
}

video {
    width: 100%;
}

.sponsor-video {
    padding: 0!important;
    position: relative!important;
    height: 500px;
    width: 100%;
    max-width: 100%;
}

#video-sponsor {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.sponsor-video .col {
    padding: 0;
}

#opportunity-banner ul {
    margin: 0;
}

#opportunity-content, #opportunity-banner {
    position: relative;
    z-index: 99 !important;
    padding: 50px 20px!important;
}

.form {
    border-radius: 5px;
    padding: 20px;
    background: #ffffff;
}

#opportunity-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
  }

.col.sliders {
    max-width: 1600px;
    text-align: center;
    }

    #opportunity-banner {
        padding: 50px 20px;
    }

    .slider-description {
        border-radius: 0 0 5px 5px;
        padding: 20px 20px 20px 20px;
        background: #f0f0f0;
    }

.owl-item {
    opacity: 0.4; 
    transition: opacity 0.3s ease-in-out;
}

.owl-item.active {
    opacity: 1;
}

.sponsor-chkbox-label {
    font-size: 14px;
}

.sponsor-chkbox-label-heading {
    font-weight: 500;
}

@media screen and (max-width: 980px) {
    #testimonials img.quote-icon {
        left: 10px!important;
        top: 25px!important;
    }

    #testimonials-btn button.btn{
        margin-bottom: 0!important;
    }

    #testimonials .col, #get-in-touch .col
    , #green-testimonials .col{
        padding: 0;
    }

    .slider-testimonials {
        padding: 20px;
    }

    #opportunity-banner ul {
        display: block;
        padding: 0;
    }

    .card-img {
        display: block;
        margin: 0;
    }

    .card-img .col {
        margin: 10px 0!important;
    }

    .sponsor-button {
        display: block;
        width: 100%;
    }

    .form .form-group {
        display: block!important;
    }

    #fname, #company, #email     {
        margin-right: unset!important;
        margin-bottom: 15px;
    }

    #opportunity-content {
        padding: 30px 20px!important;
    }

    .description {
        margin-bottom: 20px!important;
    }

    #opportunity-video {
        object-position: -172px 166px;
    }

    #owl-demo .item img {
        left: 42%;
        top: -20px;
    }

    #green-testimonials  .item {
        margin-top: 65px!important;
    }
    
    #green-testimonials .row {
        width: 100%;
        margin: auto;
    }

    #green-testimonials .sliders {
        padding: 0!important;
        text-align: center;
    }

    #get-in-touch, #green-testimonials {
        padding: 30px 0!important;
    }

    #green-testimonials .quote-icon {
        right: 75%!important;
        top: 25%!important;
    }

    .sponsor-button .btn:last-child {
        margin: 0!important;
    }

    #green-testimonials .container-fluid {
        padding: 0;
    }
    
    .vimeo-wrapper iframe { 
        padding-bottom: 30px;
        transform: translate(-50%, -43%);
    }
    
    .sponsor-video, #sponsorship-opportunity {
        overflow: hidden!important;
    }

    section:first-child {
        display: block;
        padding-right: 0!important;
        padding-left: 0!important;
        padding-bottom: 0!important;
    }

    #sponsorship-opportunity .row {
        height: 100px!important;
    }

    #sponsorship-opportunity {
        padding: 20px !important;
    }

    #opportunity-content, #opportunity-banner {
        padding: 30px 0 !important;
    }

    #get-in-touch button {
        width: 100%;
    }

    .sponsor-button button {
        width: 100%;
        margin-bottom: 15px;
    }
}

.vimeo-wrapper, .vimeo-wrappers {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
 }

 .vimeo-wrapper {
    place-content: center;
 }
 
 .vimeo-wrapper iframe, .vimeo-wrappers iframe {
    z-index: 0;
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }

 .sponsor-video, #sponsorship-opportunity {
     overflow: hidden!important;
 }

 #opportunity-banner a {
    font-family: 'Poppins' !important;
}