/*======================================= Home Slider =======================================*/
.home-slider .swiper-slide{position: relative;}
.home-slider .swiper-slide::before{content: '';position: absolute;bottom: 0;left: 0;height: 100%;aspect-ratio: 848/850;background: url(../img/banner-shape.png) no-repeat right bottom;background-size: 100% 100%;opacity: 75%;clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);transition: 0.5s 0.5s;z-index: 2;}
.home-slider .swiper-slide::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0/40%);z-index: 1;}
.home-slider .swiper-slide.swiper-slide-active::before{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
/*--------------------------------*/
.home-slider .slider-caption-area{position: absolute;left: 0;bottom: 167px;width: 100%;z-index: 1;display: none;}
.home-slider .slider-caption-area.active{display: block;}
.home-slider .slider-caption{margin: 0 auto;padding: 0 0 0 40px;max-width: 1374px;color: #fff;}
.home-slider .slider-caption h5{margin-bottom: 10px;font-size: 55px;font-weight: 700;line-height: 1.02;letter-spacing: -0.3px;white-space: pre-line;}
.home-slider .slider-caption p{margin-bottom: 0;max-width: 90%;width: 770px;font-size: 20px;font-weight: 600;letter-spacing: 0.4px;}
.home-slider .slider-caption .btn-area{margin-top: 35px;display: flex;gap: 16px;}
.home-slider .slider-caption .btn-area .theme-btn{padding: 10px 10px 10px 20px;box-shadow: none;}
.home-slider .slider-caption .btn-area .theme-btn.no-icon{padding-inline: 36px;background: transparent;box-shadow: inset 0 0 0 2px #fff;color: #fff;}
.home-slider .slider-caption .btn-area .theme-btn.no-icon:hover{background: #fff;color: #444;}
.home-slider:hover .custom_arrows{opacity: 1;}

/*--------------------------------*/
.custom_arrows{display: flex;justify-content: flex-start;align-items: center;gap: 10px;margin-bottom: 20px;position: absolute;bottom: -90px;right: 70px;opacity: 0;transition: all 0.5s;}
.custom_arrows .swiper-pagination{margin: 0;height: 2px;width: 100%;max-width: 400px;background: rgb(255 255 255 / 25%);overflow: hidden;opacity: 1;position: unset;}
.custom_arrows .swiper-pagination span.swiper-pagination-progressbar-fill{background: #fff;opacity: 1;}
.slide_count {display: flex; align-items: center; justify-content: space-between; width: 100px; margin: 0 auto; font-size: 18px; background-color: #0E4975;padding: 10px 20px;border-radius: 50px;position: relative;}
.slide_count::after{
  position: absolute;
  content: '';
  width: 1px;
  height: 70%;
  left: 50%;
  background-color: #fff;
}
.slide_count i {cursor: pointer; transition: 0.3s; }
.slide_count i:hover {transform: scale(1.2);}

/*======================================= Services Section =======================================*/
.services-secn{padding: 90px 0 75px;}
.services-secn .theme-title-area{margin-bottom: 40px;}
.services-secn .services-slider-area{width: calc(100% + (100vw - 1374px - 15px) / 2);}
.services-secn .theme-btn{display: flex;margin: 0 0 0 auto;width: fit-content;}
/*--------------------------------*/
.services-secn .custom_arrows{margin-block: 40px 0;}
.services-secn .custom_arrows .swiper-pagination{max-width: 290px;background: rgb(0 0 0 / 25%);}
.services-secn .custom_arrows .swiper-pagination span.swiper-pagination-progressbar-fill{background: rgb(0 0 0/75%);}
/*======================================= About Section =======================================*/
.about-secn{padding: 95px 0 80px;background: var(--theme-color);position: relative;z-index: 0;}
.about-secn .about-content-area .theme-title-area{margin-bottom: 30px;}
.about-secn .about-content-area .theme-title-area .theme-title{color: #fff;}
.about-secn .about-content-area p{max-width: 95%;color: rgb(255 255 255/75%);font-weight: 500;}
.about-secn .about-content-area .theme-btn{margin-top: 45px;background: transparent;box-shadow: inset 0 0 0 2px #fff;color: #fff;}
.about-secn .about-content-area .theme-btn .icon{background: var(--theme-color2);}
/*--------------------------------*/
.cardswipe-area{position: relative;margin-top: calc(45px + 58px);/*padding-top: 58px;*/width: 95%;z-index: 0;transition: 0.5s ease all;}
.cardswipe-area .cardswipe-card{width: 100%;background: var(--theme-color2);border-radius: 10px;color: #fff;transition: 0.5s ease all;}
.cardswipe-area .cardswipe-card.active{background: #fff;box-shadow: 0 20px 6px rgb(0 0 0 /16%);color: var(--theme-color2);}
.cardswipe-area .cardswipe-card .cardswipe-title{margin: 0;padding: 20px 30px 10px 50px;border-bottom: 1px solid rgb(0 0 0/10%);font-size: 20px;font-weight: 600;line-height: 1.2;transition: 0.5s;}
.cardswipe-area .cardswipe-card .cardswipe-content{padding: 20px 30px 30px 50px;display: flex;justify-content: space-between;align-items: flex-start}
.cardswipe-area .cardswipe-card .cardswipe-content p{margin: 0;width: calc(100% - 80px);max-width: 526px;color: var(--theme-dark);}
.cardswipe-area .cardswipe-card .cardswipe-content .icon-area{display: flex;justify-content: flex-end;}
/* .cardswipe-area .cardswipe-card:not(.active){cursor: pointer;position: absolute;top: 0;z-index: -1;transition: 0.5s ease all;} */
.cardswipe-area .cardswipe-card:not(.active) .cardswipe-title{border-color: transparent;}
.cardswipe-area .cardswipe-card:not(.active) .cardswipe-content p{color: #fff;}
.cardswipe-area .cardswipe-card{transform: translateY(-50px);position: absolute;top: 0;z-index: -1;}
.cardswipe-area .cardswipe-card.active{transform: translateY(0px);z-index: 1;position: relative;}
@keyframes fadeup{
  0%{transform: translateY(-50px);}
  50%{transform: translateY(80px);}
  100%{transform: translateY(50px);}
}

/*--------------------------------*/
.about-secn .about-right-img{width: 100%;aspect-ratio: 556/454;border-radius: 10px;overflow: hidden;}
.about-secn .about-right-img img{width: 100%;height: 100%;object-fit: cover;}
/*----------------*/
.about-right-content{margin-top: 25px;display: flex;flex-direction: row;}
.about-right-content .counter{margin-bottom: 5px;width: fit-content;display: flex;align-items: center;gap: 12px;background-position: left bottom;background-size: 0 0, 100% 2px, 0 0;background-repeat: no-repeat;background-image: repeating-linear-gradient(0deg, #71CFEB, #71CFEB 0px, transparent 0px, transparent 0px), repeating-linear-gradient(-90deg, #71CFEB, #71CFEB 2px, transparent 0px, transparent 6px);}
.about-right-content .counter h4{position: relative;margin: 0;font-size: 116px;color: #71CFEB;font-weight: 700;}
.about-right-content .counter h4 sup{position: absolute;top: 28px;right: -12px;font-size: 39%;font-weight: 400;letter-spacing: -4px;}
.about-right-content .counter span{font-size: 20px;font-weight: 400;color: #fff;line-height: 1.1;white-space: pre-line;}
.about-right-content p{margin: 10px 0 0 10px;font-size: 15px;font-weight: 400;color: #fff;line-height: 1.2;}
/*----------------*/
.counter-right{margin-bottom: 29px;width: -webkit-fill-available;border-bottom: 1px dashed rgb(255 255 255 / 27%);display: flex;justify-content: flex-end;align-items: center;}
.counter-right img{margin-right: 60px;}

/*======================================= Corevalue Section =======================================*/
.corevalue-secn{padding: 95px 0 90px;background: var(--theme-light);}
.corevalue-secn .theme-title-area{display: flex;justify-content: center;}
.corevalue-secn .theme-title-area .sub-title{margin: 0;transform: rotate(180deg);writing-mode: vertical-rl;text-orientation: mixed;}
/*--------------------------------*/
.corevalue-img{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;position: relative;}
.corevalue-img img{width: 100%;height: 100%;position: absolute;object-fit: cover;}
/*--------------------------------*/
.corevalue-list{padding-block: 12px;counter-reset: title;}
.corevalue-list .corevalue-card{position: relative;display: flex;flex-direction: row-reverse;align-items: center;gap: 85px;padding: 20px 25px 30px 85px;}
.corevalue-list .corevalue-card::before{counter-increment: title;content: '0' counter(title) '.';font-size: 16px;font-weight: 600;line-height: 1.55;color: #7E7E7E;position: absolute;top: 20px;left: 35px;}
.corevalue-list .corevalue-card::after{content: '';position: absolute;bottom: 0;left: 5px;width: calc(100% - 10px);height: 1px;background: rgb(0 0 0 /10%);}
.corevalue-list .corevalue-card .corevalue-title{margin-bottom: 12px;font-size: 25px;font-weight: 600;line-height: 1.2;color: #0E4975;}
.corevalue-list .corevalue-card p{font-size: 17px;font-weight: 500;line-height: 1.5;}
.corevalue-list .corevalue-card .theme-btn{background: transparent;box-shadow: inset 0 0 0 2px var(--theme-color);color: var(--theme-color);}
.corevalue-list .corevalue-card .theme-btn .icon{background: var(--theme-color2);}
.corevalue-list li:last-child .corevalue-card::after{display: none;}

/*======================================= Industry Section =======================================*/
.industry-secn{padding: 95px 0 80px;}
.industry-secn .theme-title-area{margin-bottom: 30px;}
/*--------------------------------*/
.industry-secn .industry-slider-area{width: calc(100% + (100vw - 1374px - 15px) / 2);}
/*--------------------------------*/
.industry-card .industry-card-img{width: 100%;aspect-ratio: 273/323;border-radius: 10px;overflow: hidden;}
.industry-card .industry-card-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.industry-card .industry-card-title{margin: -34px auto 0;padding: 10px 20px;width: 90%;height: 68px;background: #fff;border-radius: 10px 10px 0 0;font-size: 17px;font-weight: 600;text-align: center;white-space: pre-line;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;transition: 0.5s;}
.industry-card:not(:hover) .industry-card-img img{transform: scale(1.1) rotate(1deg);}
.industry-card:hover .industry-card-title{transform: translateY(-10px);}
/*--------------------------------*/
.industry-secn .custom_arrows{margin-block: 30px 0;}
.industry-secn .custom_arrows .swiper-pagination{max-width: 290px;background: rgb(0 0 0 / 25%);}
.industry-secn .custom_arrows .swiper-pagination span.swiper-pagination-progressbar-fill{background: rgb(0 0 0/75%);}

/*======================================= Impact Section =======================================*/
.impact-secn{padding: 50px 0 50px;background: var(--theme-light);}
.impact-secn .theme-title-area{margin-block: 30px;}
/*--------------------------------*/
.impact-card-area{display: flex;flex-direction: row;flex-wrap: wrap;}
.impact-card-area .impact-card{padding: 50px 65px;width: 50%;border: 0 solid rgb(0 0 0 /27%);border-width: 0 0 1px 1px;}
.impact-card-area .impact-card:nth-last-child(-n+2){border-bottom-width: 0;}
.impact-card-area .impact-card img{margin-bottom: 40px;height: 73px;object-fit: scale-down;opacity: 70%;transition: 0.5s;}
.impact-card-area .impact-card h3{margin-bottom: 2px;font-size: 40px;font-weight: 600;color: #105385;}
.impact-card-area .impact-card h4{margin-bottom: 3px;font-size: 20px;font-weight: 500;color: #48A8C4;}
.impact-card-area .impact-card p{font-size: 16px;}
.impact-card-area .impact-card:not(:hover) img{filter: brightness(0);opacity: 25%;}
/*--------------------------------*/
.counter-number{position: relative;display: inline-flex;align-items: center;overflow: hidden;height: 3.125rem;}
.counter-number > span{z-index: 1;display: flex;flex-direction: column;align-items: center;height: 100%;width: 24px;transition: transform 2s ease;transform: translateY(0);}
.counter-number > span span{flex: 0 0 100%;height: 100%;}

/*======================================= CTA Section =======================================*/
.cta-secn{background: var(--theme-color);position: relative;z-index: 0;}
.cta-secn::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/cta-bg.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;z-index: -1;opacity: 18%;}
.cta-secn .cta-area{padding: 145px 75px 145px 45px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 30px;}
.cta-secn .cta-area .theme-title-area{max-width: 620px;}
.cta-secn .cta-area .theme-title-area .theme-title{margin-bottom: 15px;color: #fff;}
.cta-secn .cta-area .theme-title-area p{color: #fff;font-weight: 500;}
.cta-secn .cta-area .theme-btn{padding: 10px 10px 10px 20px;box-shadow: inset 0 0 0 2px #fff;color: #fff;background: transparent;}
.cta-secn .cta-area .theme-btn:hover{padding-inline: 28px 2px;}
.cta-secn .cta-area .theme-btn .icon{background: var(--theme-color2);}

/*======================================= Testimonials Section =======================================*/
.testimonials-secn{padding: 65px 0 90px;}
.testimonials-secn .theme-title-area{margin: 0 auto 30px;max-width: 500px;text-align: center;}
/*--------------------------------*/
.testimonials-secn .testimonial-card{margin-top: 20px;padding: 85px 30px 85px 35px;background: #F2F5FC;border-radius: 10px;position: relative;}
.testimonials-secn .testimonial-card::before{content: '';position: absolute;top: -20px;width: 40px;aspect-ratio: 1/1;background: var(--theme-color2) url(../img/icon-testimonial.svg) no-repeat center center;background-size: auto 20px;border-radius: 10px;}
.testimonials-secn .testimonial-card p{margin-bottom: 20px;font-weight: 500;}
.testimonials-secn .testimonial-card p::before{content: '“';}
.testimonials-secn .testimonial-card p::after{content: '”';}
.testimonials-secn .testimonial-card h6{margin-bottom: 0;font-size: 17px;font-weight: 600;transition: 0.5s;}
.testimonials-secn .testimonial-card h6::before{content: '—';margin-right: 5px;}
.testimonials-secn .testimonial-card:hover h6{color: var(--theme-color);}