/*REQUIRED_CSS*/
body, html {min-height: 100vh; padding: 0; margin: 0; font-size: 16px; line-height: 1.6; transition: all .4s ease-in .3s; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

/*LENIS CSS*/
html.lenis, html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-smooth iframe {pointer-events: none;}

/*MAIN CARD STACK*/
.cardWithStackSection {position: relative;}
.cardStackSection {padding-bottom: 75px;}
.cardStackWrapper {z-index: 9999;}
.singleCardWrapper .card{border-radius: 20px; overflow: hidden; border: 0; margin-bottom: 25px;}
.mainCardWrapper {margin-top: 60px;}
.mainCardWrapper:first-child {margin-top: 0;}


.cardStackContent {height: 100%;position: relative;background-position: left;background-size: 120%;z-index: 9;padding: 50px;display: flex;flex-direction: column;justify-content: space-between;}
.cardStackContent:before {position: absolute;content: '';height: 100%;width: 100%;background-color: rgb(0 0 0 / 40%);backdrop-filter: blur(30px);z-index: -1;left: 0;top: 0;}
.cardStackContent .sub-title {color: #fff;font-size: 20px;letter-spacing: -0.02rem;margin-bottom: 30px;}
.cardStackContent .card-logo{width: 162px;}
.cardStackContent .all-title {color: #fff;font-size: 48px;letter-spacing: -0.02rem;font-weight: 700;margin-bottom: 15px;}
.cardStackContent p {color: rgb(255 255 255 / 80%);font-size: 17px;font-weight: 300;}
.cardStackContent .bottom-content p {font-size: 14px;font-weight: 600;color: rgb(255 255 255 / 80%);}
.mainCardWrapper.showTitle .cardStackContent .sub-title {position: absolute;top: -1px;background-color: #5A4341;z-index: 999999;width: 100%;padding: 10px 30px;left: -1px;}
.mainCardWrapper.second-card.showTitle .cardStackContent .sub-title{background-color: #593852;}
.mainCardWrapper.third-card.showTitle .cardStackContent .sub-title{background-color: #484E43;}
.mainCardWrapper.showTitle .myImageSlider{position: relative;}
.mainCardWrapper.showTitle .myImageSlider:after {position: absolute;content: '';height: 44px;width: 100%;background-color: #2A2B37;top: 0;right: 0px;z-index: 99;}
.mainCardWrapper.second-card.showTitle .myImageSlider:after {background-color: #212037;}
.mainCardWrapper.third-card.showTitle .myImageSlider:after {background-color: #14282B;}
.swiper-button-wrap {position: absolute;width: 100%;bottom: 20px;z-index: 999;display: flex;flex-direction: row-reverse;gap: 0px;right: 20px;}
.swiper-button-wrap .swiper-button-prev, .swiper-button-wrap .swiper-button-next {position: static;transform: translateY(0px) !important;border-radius: 0;height: 40px;box-shadow: 0px 0px;background-color: rgb(255 255 255 / 20%);}
.swiper-button-wrap .swiper-button-prev:hover, .swiper-button-wrap .swiper-button-next:hover{background-color: rgb(255 255 255 / 50%);}
.swiper-button-prev:after, .swiper-button-next:after{color: #ffffff !important;}
.swiper-pagination {margin-top: 0 !important;bottom: 27px !important;text-align: left;left: 40px !important;}
.swiper-pagination .swiper-pagination-bullet {background-color: #fff;}
.swiper-pagination .swiper-pagination-bullet-active:after {position: absolute;content: '';width: 30px;height: 30px;border: solid 2px rgb(255 255 255 / 21%);left: -11px;top: -11px;border-radius: 50%;}
.swiper-pagination .swiper-pagination-bullet-active {margin: 0px 20px !important;position: relative;}

@media (min-width: 992px) {
    
}