.main-video-section {
    background: black;

    /*height:93%;*/
    width: auto;
    /*padding-top:90px;*/

    display: flex;
    align-items: center;
    justify-content: center;
}

.main-video-section .poster-heading{
    position:absolute;
    z-index: 3;
    bottom: 2%;
    left: 10.55%
}

.main-video-section .poster-heading h1{
    color: #FFF;

    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 145.023%;
}

.work-parents-main-section {
    background-image: url('../images/working-with-parents-main-section-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    height: 80vh;
}

.parents-support-section {
    background: #DDD4C3;
}

.discussion-section{
    background: rgba(234, 224, 216, 0.60);
}

.discussion-section .heading {
    color: #3E3E3E;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145.023%;
}

.support-section{
    opacity: 0.9399999976158142;
    background:  rgba(234, 224, 216, 0.9) url('../images/young-adults-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0rem -25rem;
}

.embrace-role-card{
    background-image: url('../images/embrace-better-role-bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

.open-communication-card {
    background-image: url('../images/open-communication-card-bg.png');
    background-repeat: no-repeat;
    background-position: right;
}
.complimentary-consultation-card {
    background-image: url('../images/complimentary-consultation-bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

.confidentiality-card {
    background-image: url('../images/confidentiality-bg.png');
    background-repeat: no-repeat;
    background-position: top;
}

.regular-updates-card {
    background-image: url('../images/regular-updates-card-bg.png');
    background-repeat: no-repeat;
    background-position: 32rem center;
}

.ongoing-support {
    background-image: url('../images/ongoing-support-bg.png');
    background-repeat: no-repeat;
    background-position: 32rem center;
}

.parental-growth-card{
    background-image: url('../images/parental-growth-bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

.mentoring-partnership-card{
    background-image: url('../images/mentoring-partnership-bg.png');
    background-repeat: no-repeat;
    background-position: 32rem center;
}

.support-section .support-container {
    margin-top:5rem !important;
    margin-bottom:5rem !important;
}

.support-section .support-container .card{
    background: #DDCDC3;
    border-color: #DDCDC3;
    border-radius: 12px;
}

.support-section .support-container .card img{
    border-radius: 6px;
}

.support-section .support-container .card h2{
    color: #402409;
    font-family: Inter;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 47.5px; /* 148.438% */
    letter-spacing: -0.48px;
}

.support-section .support-container .card li{
    color: #333;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.24px;
}

.parents-support-section .parents-support-container{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    width:80%;
}

.parents-support-section .parents-support-container .heading {
    color: #402409;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 93.75% */
    letter-spacing: -0.48px;
}
.parents-support-section .parents-support-container p {
    color:#333;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.27px;
    padding-top:2rem;
}

.w-custom{
    width: 80% !important;
}

.videoInterview {
    object-position: initial;
    object-fit: contain;
    cursor: pointer;
    height: 45rem;
    width: 100%;
}

.video-mentee {
    object-position: top;
    object-fit: contain;
    cursor: pointer;
    height: 18rem;
    width: 100%;
}

.main-video-iframe{
    width: 100%;
    height:80vh;
}

.video-container {
    position: relative;
    padding-bottom: 40.25%; /* 16:9 aspect ratio (change as needed) */
    height: 0;
    overflow: hidden;
    /*padding-top:10%;*/
    /*padding:20%;*/
    border-radius: 0;
}

/* Make the embedded video player responsive within the container */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding:0em 2em;
}

#poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    object-fit: cover;
}

.close-button{
    right:1%;
    top:1%;
}

.border-bottom-right-radius{
    border-bottom-right-radius: 0px !important;
}

.border-bottom-left-radius{
    border-bottom-left-radius: 0px !important;
}

.video-container .wrapper-poster-play-icon{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-container .wrapper-poster-play-icon .play{
    display:none;
}

.video-testinomial-container .wrapper-poster-play-icon {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-testinomial-container .wrapper-poster-play-icon .play{
    display:none;
}


@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .close-button{
        top:3% !important;
    }

    .parents-support-section .parents-support-container .heading {
        line-height: normal;
    }

    .support-section .support-container img {
        /*width: 100%;*/
        /*height:100%;*/
    }

    .w-custom {
        width:100% !important;
    }

    .support-section .support-container .card{
        padding: 0.75em !important;
    }

    .support-section .support-container .card h2{
        font-size: 1.5rem !important;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 225% */
        letter-spacing: -0.24px;
    }

    .support-section .support-container .card li{
        font-size: 1rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.24px;

        padding: 0 !important;
    }

    .confidentiality-card{
        padding:0 !important;
    }

    .complimentary-consultation-card{
        padding:0 !important;
    }

    .parental-growth-card{
        padding:0 !important;
    }

    .regular-updates-card{
        background-position: center;
    }

    .ongoing-support{
        background-position: center;
    }

    .mentoring-partnership-card{
        background-position: center;
    }

}

@media only screen and (max-width: 768px) {

    .discussion-section .heading{
        font-weight: 600 !important;
        font-size: 1.75rem;
        text-align: center;

    }

    .video-testinomial-container .wrapper-poster-play-icon{
        top:40%;
    }

    .border-bottom-right-radius{
        border-bottom-right-radius: 6px !important;
    }

    .border-bottom-left-radius{
        border-bottom-left-radius: 6px !important;
    }

    .close-button{
        top:4% !important;
    }

    .video-container iframe {
        padding:0em 1.5em;
    }

    .main-video-section .poster-heading{
        display:none;
    }

    .video-container{
        padding-bottom: 65% !important;
    }

    .support-section .support-container img {
        width: 100%;
        height:100%;
    }

    .main-video-section{
        /*padding:0;*/
        height:auto;
    }



    .videoInterview {
        object-position: initial;
        object-fit: cover;
        cursor: pointer;
        height: auto !important;
    }

    .video-mentee {
        object-position: center;
        object-fit: contain;
        cursor: pointer;
    }

    .main-video-iframe{
        width: 100%;
        height:40vh;
    }

    .parents-support-section h2{
        font-size: 1.6rem !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 40.8px !important;
        text-align: center;

    }

    .parents-support-section p{
        font-size: 1rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 28.86px !important;
        padding-top: 0 !important;
    }

    .support-section .support-container > div{
        width: 100% !important;
    }

    .support-section .support-container .card{
        padding:0.75rem !important;
        padding-bottom:0 !important;
    }

    .support-section .support-container img{
        border-radius: 6px !important;
        max-height: 12rem;
        object-position: center;
        object-fit: cover;
    }

    .support-section .support-container .card h2{
        font-size: 1.75rem !important;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 225% */
        letter-spacing: -0.24px;
        text-align: center;

    }

    .support-section .support-container .card li{
        font-size: 1rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.24px;

        padding: 0 !important;
    }


    .embrace-role-card{
        background-position: right bottom;
    }

    .open-communication-card {
        background-position: right bottom;
    }
    .complimentary-consultation-card {
        background-position: right bottom;
        padding:0 !important;
    }

    .confidentiality-card {
        background-position: right bottom;
        padding:0 !important;
    }

    .regular-updates-card {
        background-position: right bottom;
    }

    .ongoing-support {
        background-position: right bottom;
    }

    .ongoing-support img{
        object-position: top !important;
    }

    .parental-growth-card{
        background-position: right bottom;
        padding:0 !important;

    }

    .parental-growth-card img{
        object-position: top !important;
    }

    .mentoring-partnership-card{
        background-position: right bottom;
    }

    .support-container .card .card-body .card-title{
        padding-left:0 !important;
    }

    .parents-support-section .parents-support-container{
        width:100%;
        margin-top:50px !important;
        margin-bottom:50px !important;
    }

    .support-section .support-container{
        margin-top:3em !important;
        margin-bottom:1em !important;
    }

    .consultation-btn-mobile{
        display: block !important;
    }
}

.landing-page{
    position: relative;
    z-index: 9999999;
}