.banner-main-flex{align-items:flex-end;display:flex}.banner-main-flex>div:first-child{flex-basis:40%}.banner-main-flex>div:nth-child(2){flex-basis:60%}.banner-innerText-flex{justify-content:space-between;align-items:flex-end;gap:2rem;padding:0 4rem;display:flex}.down-arrow{flex-basis:5%;width:2rem;padding-bottom:1rem}.common-bannerTitle-width{width:78%}.section-arrow{cursor:pointer}.banner-main-img img{clip-path:inset(100% 0 0);width:100%;max-width:51rem;height:100vh;transition:clip-path 1.2s ease-out;display:block}.reveal-img img{clip-path:inset(0)}.banner-title h1 span{width:100%;max-width:46rem;font-size:var(--banner-big-title-font-size);color:#000;text-transform:uppercase;font-family:var(--medium-font-family-Om)}.banner-title-div .letter{opacity:0;transition:transform .4s,opacity .4s;transform:translateY(100%)}.banner-title-div.animate .letter{opacity:1;transform:translateY(0)}@media only screen and (max-width:1680px){.down-arrow{width:2.5rem}.common-bannerTitle-width{width:80%}}@media only screen and (max-width:1280px){.common-bannerTitle-width{width:86%}}@media only screen and (max-width:1024px){.common-bannerTitle-width{width:100%}}@media only screen and (max-width:767px){.banner-innerText-flex{padding:15rem 2rem 0}.banner-main-flex{align-items:unset;flex-direction:column-reverse;gap:5rem}.white-down-arrow{position:absolute;bottom:5%;right:5%}.down-arrow{width:2.5rem}.banner-main-img img{height:unset}.banner-main-flex>div:first-child,.banner-main-flex>div:nth-child(2){flex-basis:100%;width:100%}}
