
/* ============== Slider ============== */
.slider-area{width: 100%;aspect-ratio: 1920/900;background: var(--theme-color-blue);display: flex;justify-content: center;align-items: center;text-align: center;position: relative;z-index: 0;}
.slider-area .slider-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 35%;z-index: -1;}
.slider-area .slider-title{margin-bottom: 22px;font-size: 85px;font-weight: 500;font-family: "Inter Tight", sans-serif;line-height: 1.1;color: #fff;white-space: pre-line;}
.slider-area p{margin: auto;width: 90%;max-width: 900px;font-size: 25px;color: #fff;}
.slider-area .theme-btn{margin-top: 35px;}

/* ============== Home Services Section ============== */
.services-secn{padding-top: 60px;position: relative;overflow: hidden;}
.services-secn .services-content-area{margin-block: 60px 220px;padding: 100px 60px 90px 80px;background: var(--theme-color-light);position: relative;}
.services-secn .services-content-area .secn-name{padding-left: 0;}
.services-secn .services-content-area .secn-title{margin-bottom: 25px;}
.services-secn .services-content-area p{width: 90%;}
.services-secn .services-content-area .services-img-area{position: absolute;bottom: -220px;right: 75%;width: 55vw;max-width: 1410px;height: calc(100% + 60px);z-index: -1;}
.services-secn .services-content-area .services-img-area img{width: 100%;height: 100%;object-fit: cover;}

/* ============== Home Counter Section ============== */
.home-counter{margin-block: 40px;}
.counter-box{padding: 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 15px;position: relative;}
.counter-box::before{content: '';position: absolute;top: 0;left: -1px;width: 1px;height: 100%;background: rgb(158 158 158 / 50%);}
.counter-box h5{margin: 0;font-size: 70px;font-weight: 500;font-family: "Inter Tight", sans-serif;color: var(--theme-color-blue);line-height: 1;}
.counter-box h5::after{content: '+';color: var(--theme-color-lightblue);}
.counter-box p{width: 100px;line-height: 1.4;}

/*============== Home About Link Area ==============*/
.home-about-linkarea{padding-block: 20px;background: var(--theme-color-blue);}
.home-about-linkarea .about-linkarea{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
.home-about-linkarea .about-linkarea .theme-textlink{padding-inline: 50px;font-size: 17px;font-weight: 500;color: #fff;letter-spacing: 1.2px;text-transform: uppercase;}
.home-about-linkarea .about-linkarea .theme-textlink::after{filter: brightness(0) invert(1);transform: rotate(-45deg);transition: 0.5s;}
.home-about-linkarea .about-linkarea .theme-textlink:hover::after{transform: rotate(0);}


/* ============== Home Technology Section ============== */
.home-technology-secn{padding-block: 115px 85px;}
.home-technology-secn .secn-title{margin-bottom: 25px;}
.home-technology-secn p{margin-inline: auto;width: 90%;max-width: 984px;}

/* ============== Home Advantage Section ============== */
.advantage-section{padding-block: 60px 115px;overflow: hidden;}
.advantage-section .advantage-area{padding-block: 110px 170px;position: relative;}
.advantage-section .advantage-area::before{content: '';position: absolute;top: 0;right: 0;width: 108%;height: 100%;background: var(--theme-color-light);z-index: -1;}
.advantage-section .advantage-area::after{content: '';position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background: var(--theme-color-light);z-index: -1;}
.advantage-section .advantage-area .secn-title{margin-bottom: 45px;width: 80%;max-width: 950px;}
.advantage-section .advantage-area .advantage-card{display: flex;flex-direction: column;justify-content: space-between;gap: 25px;height: 100%;position: relative;}
.advantage-section .advantage-area .advantage-card .card-title{padding: 0 50px 30px 30px;font-size: 35px;font-weight: 500;font-family: "Inter Tight", sans-serif;color: var(--theme-color-dark);line-height: 1.2;}
.advantage-section .advantage-area .advantage-card .advantage-img{width: 100%;aspect-ratio: 437/268;border-radius: 10px;overflow: hidden;}
.advantage-section .advantage-area .advantage-card .advantage-img img{width: 100%;height: 100%;object-fit: cover;}
.advantage-section .advantage-area .advantage-card p{padding: 30px 50px 0 30px;}
.advantage-section .advantage-area .advantage-card .theme-textlink{padding: 0 0 0 30px;}
.advantage-section .advantage-area [class*=col-]:nth-child(2) .advantage-card{transform: translateY(40px);}
.advantage-section .advantage-area [class*=col-]:nth-child(3) .advantage-card{transform: translateY(80px);}
.advantage-section .advantage-area .advantage-card:hover .theme-textlink::after{transform: rotate(-45deg);}

/* ============== Home HowWork Section ============== */
.howwork-section{padding-block: 100px 115px;background: var(--theme-color-blue);position: relative;z-index: 0;counter-reset: div-counter;}
.howwork-section::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/bg-image.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;mix-blend-mode: luminosity;z-index: -1;opacity: 50%; }
.howwork-section .secn-title{margin-bottom: 55px;padding-bottom: 0;color: #fff;}
.howwork-section .secn-title::after{display: none;}
/*---------------  ---------------*/
.howwork-section .howwork-card-area{display: flex;flex-direction: row;flex-wrap: wrap;}
.howwork-section .howwork-card-area .howwork-card{counter-increment: div-counter;padding: 0 25px 0 30px;width: 25%;color: #fff;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
.howwork-section .howwork-card-area .howwork-card .card-icon{margin-bottom: 25px;width: 82px;aspect-ratio: 1/1;border-radius: 50%;background: var(--theme-color-blue2);display: flex;align-items: center;justify-content: center;position: relative;}
.howwork-section .howwork-card-area .howwork-card .card-icon img{width: 28px;}
.howwork-section .howwork-card-area .howwork-card .card-icon::before{content: "0" counter(div-counter);position: absolute;top: -10px;right: -10px;width: 37px;height: 37px;background: #70D5FE;border-radius: 50%;font-size: 14px;font-weight: 600;color: var(--theme-color-blue);font-family: "Inter Tight", sans-serif;line-height: 1;display: flex;justify-content: center;align-items: center;}
.howwork-section .howwork-card-area .howwork-card .card-icon::after{content: '';position: absolute;top: calc(50% - 1px);left: 100%;width: calc((1375px / 4) - 41px);height: 2px;border-top: 2px dashed rgb(255 255 255 / 50%);}
.howwork-section .howwork-card-area .howwork-card .howwork-card-top .howwork-card-title{margin-bottom: 8px;font-size: 25px;font-weight: 600;line-height: 1.7;}
.howwork-section .howwork-card-area .howwork-card .howwork-card-top .howwork-card-subtitle{margin-bottom: 0;font-size: 17px;font-weight: 500;}
.howwork-section .howwork-card-area .howwork-card p{font-size: 16px;font-weight: 400;color: rgb(255 255 255 / 65%);line-height: 1.4;font-style: italic;}
/*---------------  ---------------*/
.howwork-section .howwork-card-area .howwork-card:last-child .card-icon::after{display: none;}

/* ============== Home Technology Section ============== */
.technology-secn{padding-block: 130px 165px;}
.technology-secn .technology-header{margin-bottom: 60px;}
.technology-secn .technology-header .secn-title{margin-bottom: 25px;max-width: 900px;}
.technology-secn .technology-header p{margin-inline: auto;max-width: 1015px;}
.technology-secn .technology-card{padding-inline: 50px;display: flex;flex-direction: column;align-items: center;position: relative;}
.technology-secn .technology-card::before{content: '';position: absolute;top: 50%;left: -1px;width: 1px;height: 150px;background: rgb(68 68 68/25%);transform: translateY(-50%);}
.technology-secn .technology-card img{margin-bottom: 15px;width: 44px;aspect-ratio: 44/48;object-fit: contain;}
.technology-secn .technology-card .technology-title{margin-bottom: 24px;font-size: 24px;font-weight: 600;line-height: 1.8;}

/* ============== Home Partners Section ============== */
.partners-secn{padding-bottom: 60px;}
.partners-secn .partners-header{margin-bottom: 60px;}
.partners-secn .partners-header .secn-subtitle{margin: 0 auto 50px;padding-inline: 25px;width: fit-content;background: #fff;font-size: 18px;color: var(--theme-color-blue);text-transform: uppercase;letter-spacing: 5.2px;position: relative;}
.partners-secn .partners-header .secn-subtitle::before{content: '';position: absolute;top: 50%;left: 50%;width: 95vw;max-width: 1800px;height: 1px;background: #ddd;transform: translateX(-50%);z-index: -1;}
.partners-secn .partners-header .secn-title{margin-bottom: 25px;max-width: 1200px;width: 90%;}
.partners-secn .partners-header p{margin-inline: auto;max-width: 1015px;width: 90%;}
.partners-secn .partners-slider{margin-bottom: 60px;}
.partners-secn .partners-slider.owl-carousel .owl-stage{display: flex !important;}
.partners-secn .partners-slider.owl-carousel .owl-item{display: flex;flex: 1 0 auto;}
.partners-secn .partners-slider.owl-carousel .owl-item .item{width: 100%;display: flex;flex-direction: column;justify-content: center;}

/* ============== Home CTA Section ============== */
.cta-secn{padding-block: 100px;background: var(--theme-color-blue);color: #fff;position: relative;}
.cta-secn .secn-title{margin-bottom: 25px;padding-bottom: 0;color: #fff;}
.cta-secn .secn-title::after{display: none;}
.cta-secn p{width: 95%;}
.cta-secn .theme-textlink{color: #fff;}
.cta-secn .theme-textlink:after{filter: brightness(0)invert(1);}
.cta-secn .cta-bg{position: absolute;bottom: 0;right: 0;width: 50%;height: 100%;}
.cta-secn .cta-bg img{width: 100%;height: 100%;object-fit: cover;}


















