section.banner {position: relative;padding: 0;}
section h2{ font-size: 38px; font-weight: 700;color: #000000;line-height: 1; margin-bottom: 30px;text-align: center;}
.banner-content {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: center; max-width: 100%;}
.yellow-button {font-weight: 600;font-size: 14px;background-color: var(--yellowbg);color: var(--black);transition: all 0.4s ease-out;padding: 20px 74px;text-transform: uppercase;}
.yellow-button:hover{color: #fff;background-color: var(--black);}
section.banner .banner-content h1{font-size: 65px; line-height: 1; font-weight: 700;color: #fff;width: 460px;max-width: 100%; margin: 0 auto;line-height: 1.3;}
section{padding: 0;}


 section.pastcrew{margin-top: 120px;}
 section.pastcrew .video-slider {margin-top: 45px;margin-bottom: 90px;}
 section.pastcrew .video-slider h3{font-size: 20px; font-weight: 600; line-height: 1; margin-bottom: 20px;}
 .video-slider .img{position: relative;padding-top: 51%;border-radius: 10px; overflow: hidden;}
 .video-slider .img img{ width: 100%; height: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;border-radius: 10px;}
 .video-slider .img .play { position: absolute; content: ""; width: 70px; height: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
iframe {  display: none; width: 100%; height: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}

 
  h3.coming-soon {
    margin-top: 80px; margin-bottom: 80px;
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
     color: rgba(0, 0, 0,0.1);
    
}


img.play {
    cursor: pointer;
}
@media screen and (max-width: 1366px){
  
}
@media screen and (max-width: 1280px){
   
}
@media screen and (max-width: 1024px){
   
    section h2{font-size: 34px;}
    section.banner .banner-content h1{font-size: 55px;} 
    section.challanges {margin-top: 60px;}
    section.pastcrew .video-slider {
        margin-top: 30px;
        margin-bottom: 60px;
    }
    section.pastcrew {
        margin-top: 60px;
    }
 
}

@media screen and (max-width: 991px){
 
    h3.coming-soon{font-size: 40px;margin-top: 50px; margin-bottom: 50px;}
    
}
@media screen and (max-width: 767px){
    section.banner .banner-content h1{font-size: 45px;}
    section h2 {font-size: 30px;}
    section.banner img{min-height: 240px; object-fit: cover; object-position: center;}
  
    
}