.homebanner{margin-top: 80px; margin-bottom: 110px;  background: linear-gradient(0deg,rgba(15, 101, 158, 0) 0%,rgba(15, 101, 158, 0.08) 100%    ); height: auto; min-height: 635px;   }
.homebanner .content{text-align: center;}
.homebanner img{margin-top: 67px; object-fit: contain;}
.homebanner h1{font-weight: 700; font-size: 44px; line-height: 1.3; margin-top: 52px;/* text-transform: capitalize; */}
.homebanner a{font-weight: 600; font-size: 14px; background-color: var(--yellowtext);padding: 20px 58px;margin-top: 42px; text-transform: uppercase;}


.section-title{font-weight: 700; font-size: 38px;} 
.yellow-button{background-color: var(--yellowbg); color: var(--black); transition: all 0.4s ease-out; padding: 20px 50px;}
.yellow-button:hover{color: #fff;background-color: var(--black);}


/* our story section */
.ourstory .story-content{margin-top: 30px;}
.ourstory p{font-size: 16px; line-height: 1.6;}
.ourstory p + p{margin-bottom: 26px;}
.ourstory .img{position: relative; }
.ourstory img{object-fit: contain; object-position: center; width: 100%; height: auto;}
.ourstory .play{position: absolute; content: ""; width: 70px; height: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%);} 




.film-challenge{padding: 90px 0 88px 0 ;}
.film-challenge .section-title {
    margin-bottom: 60px;
    text-transform: capitalize;
}
.film-challenge .box h3{margin-top: 30px;font-weight: 600; font-size: 20px; line-height: 1.3; }
.film-challenge .box p{margin-top: 20px;font-weight: 300; font-size: 16px; line-height: 1.6; }
.film-challenge a.yellow-button{font-weight: 600; font-size: 14px; padding: 20px 74px;margin-top: 85px; text-transform: uppercase;}

.partners{margin: 120px 0 100px 0;}
.partners .section-title{margin-bottom: 60px;}
.partners .partner-logo-inner + .partner-logo-inner{margin-top: 60px;}
.partners .partner-logo-inner { display: flex; flex-wrap: wrap; row-gap: 16px; }
.partners .partner-logo-inner .partner-image { width: 25%; align-items: center; display: flex; justify-content: center;}
.bottombanner{background-image: url(../images/home-bottom-banner.webp); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 90px;}
.bottombanner .content{max-width: 80%; margin: auto;}
.bottombanner h2{font-size: 30px; color: #fff; line-height: 1.1; font-weight: 600;}
.bottombanner a.yellow-button{font-weight: 600; font-size: 14px; padding: 20px 68px; margin-top: 65px; text-transform: uppercase;}


@media screen and (max-width: 1024px){
    .homebanner{padding-bottom: 0;}
}
@media screen and (max-width: 768px){
    .homebanner{padding: 0;margin-bottom: 50px;/* height: 500px; */} 
    .homebanner img{margin-top: 0;} 
    .homebanner h1 {font-size: 36px;margin-top: 40px; } 
    .homebanner a{margin-top: 30px;} 
    .film-challenge {padding: 60px 0; }
    .partners {margin: 60px 0; } 
    section {padding: 0; }
}

@media screen and (max-width: 767px){
    .homebanner img {  object-fit: contain; object-position: center; width: 100%; height: 200px; }
    .bottombanner{padding: 30px 0;}
    .bottombanner .content{max-width: 100%;}
    .bottombanner h2{font-size: 22px;}
    .partners .partner-logo-inner{row-gap: 30px;}
    .partners .partner-logo-inner .partner-image{width: 50%;}
    .ourstory .section-title{margin-top: 30px;}
    .bottombanner a.yellow-button{margin-top: 20px;}
    .film-challenge a.yellow-button{margin-top: 30px;}
    .section-title { font-weight: 700; font-size: 32px; }
    .film-challenge .section-title { margin-bottom: 40px; }
    .partners .section-title { margin-bottom: 40px; }
    .our_purpose_model .close-button svg { position: absolute; top: -26px; right: -16px; width: 40px; }

}