.main-video-section {
  background: black;
  /*height: 100vh !important;*/
  /*height:93%;*/
  width: auto;
  /*padding-top:95px;*/

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

.main-video-section .poster-heading{
  position:absolute;
  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: url('../images/young-adults-bg.png'), rgba(234, 224, 216, 0.60);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0rem -45rem;
}

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

.setting-goals-card {
  background-image: url('../images/setting-goals-bg.png');
  background-repeat: no-repeat;
  background-position: 25rem center;
}

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

.gradual-independence-card{
  background-image: url('../images/gradual-independence-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;
}

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

.life-long-success-card {
  background-image: url('../images/life-long-success-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;
  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: 3rem !important;
  margin-bottom: 3rem !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: top;
  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 !important;
}

/* 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%;
}

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

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

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

.consultation-btn-mobile{
  display: none;
}

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

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


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

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

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

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

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

    padding: 0 !important;
  }

  .mentor-mentee-session-card{
    background-position: right bottom;
    padding: 0 !important;
  }

  .setting-goals-card {
    background-position: center;
    padding: 0 !important;
  }

  .setting-goals-card img{
    object-fit: cover !important;
    object-position: right;
    border-radius: 1rem !important;
    border-bottom-left-radius: 0.25rem !important
  }

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

  .parent-involvement-card img{
    object-fit: cover !important;
    object-position: left;
    border-radius: 1rem !important;
    border-bottom-right-radius: 0.25rem !important
  }

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

  .life-long-success-card {
    background-position: center;
    padding: 0 !important;
  }

  .academic-career-support-card {
    background-position: center;
    padding:0 !important;
  }

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

}


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

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

  .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;
  }

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

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


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

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

  .video-mentee-section{
    background:none !important;
  }

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

  .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;
  }

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

  .support-section .support-container .card h2{
    font-size: 1.75rem !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 40px; /* 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;
  }


  .mentor-mentee-session-card{
    background-position: right bottom;
  }

  .setting-goals-card {
    background-position: right bottom;
  }
  .parent-involvement-card {
    background-position: right bottom;
  }

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

  .life-long-success-card {
    background-position: right bottom;
  }

  .academic-career-support-card {
    background-position: right bottom;
    padding:0 !important;
  }
  .parents-support-section .parents-support-container{
    width:100%;
    margin-top:50px !important;
    margin-bottom:50px !important;
  }

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

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

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