/*============================ Banner ============================*/
.banner .carousel-item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0/ 30%);}
.banner .carousel-caption{top: 50%;left: 8.5%;right: auto;bottom: auto;padding: 0;max-width: 100%;width: 650px;text-align: left;transform: translateY(-30%);}
.banner .carousel-caption h5{margin-bottom: 0;font-size: 50px;font-weight: 600;font-family: "Sora", sans-serif;line-height: 1.1;text-shadow: 1px 5px 35px rgb(0 0 0 / 53%);
    -webkit-animation: 0.6s ease-in-out 0.3s normal backwards 1 running fadeInLeft;animation: 0.6s ease-in-out 0.3s normal backwards 1 running fadeInLeft;}
.banner .carousel-caption p{margin: 12px 0 0 0;width: 100%;max-width: 584px;font-size: 20px;line-height: 1.45;color: #fff;text-shadow: 1px 5px 35px rgb(0 0 0 / 53%);
    -webkit-animation: 0.6s ease-in-out 0.6s normal backwards 1 running fadeInLeft;animation: 0.6s ease-in-out 0.6s normal backwards 1 running fadeInLeft;}
.banner .carousel-caption .theme-btn{margin-top: 30px;text-transform: uppercase;
    -webkit-animation: 0.6s ease-in-out 0.9s normal backwards 1 running fadeInLeft;animation: 0.6s ease-in-out 0.9s normal backwards 1 running fadeInLeft;}
.banner .carousel-control-area{width: 50px;height: 110px;position: absolute;top: 50%;right: 30px;transform: translateY(-30%);display: flex;flex-direction: column;align-items: center;justify-content: space-between;transition: 0.5s;}
.banner .carousel-control-area [class*="carousel-control"]{position: relative;width: 100%;aspect-ratio: 1 / 1;border: 1px solid #fff;border-radius: 50%;transition: 0.5s;}
.banner .carousel-control-area .carousel-control-next{transform: rotate(180deg);}
.banner .carousel-control-area [class*="carousel-control"] img{filter: brightness(0) invert(1);}
.banner:not(:hover) .carousel-control-area{opacity: 0;}

/*============================ Index About ============================*/
.index-about{padding: 92px 0 75px;}
.index-about .index-about-content{padding: 0 17px 0 40px;}
.index-about .index-about-content p{margin: 24px 0 0 0;}
.index-about .index-about-content .theme-btn{margin: 27px 0 0 0;min-width: 135px;}

/*============================ Index Product ============================*/
.index-product{background: #303030;overflow: hidden;}
.index-product .index-product-content{padding: 0 80px 0 40px;}
.index-product .index-product-content .secn-title{color: #fff;}
.index-product .index-product-content p{margin: 16px 0 0 0;color: #fff;}
.index-product .index-product-content .theme-btn{margin: 45px 0 0 0;}
.index-product .index-product-area{position: relative;min-height: 100%;z-index: 0;}
.index-product .index-product-area::before{content: '';position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background: #EFEFEF;z-index: -1;}
.index-product .index-product-area::after{content: '';position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background: #EFEFEF url("/source/e0d89e5de088db05b1e81c5c09d7e7d8/bg-1.jpg") no-repeat center right;background-size: cover;background-blend-mode: luminosity;opacity: 5%;z-index: -1;}

/*============================ Index Specialist ============================*/
.index-specialist{padding: 80px 0 57px;}
.index-specialist .theme-btn{display: block;margin: 0 auto;width: fit-content;}
.index-specialist .specialist-slidearea{margin: 38px 0;}
.index-specialist .slick-slider{margin:0 -15px;}
.index-specialist .slick-slider .slick-track{display: flex;align-items: stretch;}
.index-specialist .slick-slide{margin-right:15px;margin-left:15px;height: auto;}

.index-specialist .specialist-card{padding: 52px 22px 60px 36px;height: 100%;background: #EEEEEE;position: relative;z-index: 0;}
.index-specialist .specialist-card::before{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 2px;background: var(--theme-color);transform: translateX(-50%);transition: width 0.25s 0.7s ease, height 0.7s ease;z-index: -1;}
.index-specialist .specialist-card .specialist-icon{margin: 0 0 30px 0;max-height: 61px;width: fit-content;transition: 0.7s;}
.index-specialist .specialist-card h3{margin-bottom: 23px;font-size: 20px;font-weight: 500;color: var(--theme-dark);font-family: "Sora", sans-serif;line-height: 1.3;white-space: pre-line;transition: 0.7s;}
.index-specialist .specialist-card p{font-size: 18px;line-height: 1.5;letter-spacing: 0.1px;transition: 0.7s;}
.index-specialist .specialist-card:hover::before{width: 100%;height: 100%;transition: width 0.25s ease, height 0.7s 0.25s ease;}
.index-specialist .specialist-card:hover .specialist-icon{filter: brightness(0) invert(1);transition: 0.7s 0.25s;}
.index-specialist .specialist-card:hover h3{color: #fff;transition: 0.7s 0.25s;}
.index-specialist .specialist-card:hover p{color: rgb(255 255 255/75%);transition: 0.7s 0.25s;}

/*============================ Index Testimonial ============================*/
.index-testimonial{padding: 50px 0 105px;background: #303030;position: relative;z-index: 0;}
.index-testimonial::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #303030 url("/source/e0d89e5de088db05b1e81c5c09d7e7d8/bg-1.jpg") no-repeat center center;background-blend-mode: luminosity;background-attachment: fixed;background-size: cover;opacity: 5%;z-index: -1;}
.index-testimonial .secn-title{margin-bottom: 50px;color: #fff;}
.index-testimonial .testimonial-card{margin: 0 auto;width: 100%;max-width: 890px;text-align: center;}
.index-testimonial .testimonial-logo{margin: 0 auto 23px;max-height: 48px;}
.index-testimonial .testimonial-content{margin-bottom: 0;font-size: 16px;font-weight: 400;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.6;color: rgb(255 255 255/85%);}
.index-testimonial .testimonial-desc{margin-top: 28px;}
.index-testimonial .testimonial-desc p{font-size: 18px;font-weight: 600;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.4;color: #fff;}
.index-testimonial .testimonial-desc p span{display: block;font-size: 16px;font-weight: 400;}
.index-testimonial .slick-prev,
.index-testimonial .slick-next{width: 47px;height: 47px;border: 1px solid #fff;border-radius: 50%;transform: rotate(180deg);position: absolute;top: 50%;z-index: 1;}
.index-testimonial .slick-prev{left: 2.6vw;}
.index-testimonial .slick-next{right: 2.6vw;}
.index-testimonial .slick-next:before, .index-testimonial .slick-prev:before{display: none;}
.index-testimonial .slick-prev img,
.index-testimonial .slick-next img{width: 20px;height: 20px;filter: brightness(0) invert(1);transition: 0.5s;} 
.index-testimonial .slick-prev:hover img{transform: rotate(180deg) translateX(-25px);}
.index-testimonial .slick-next:hover img{transform: translateX(-25px);}

/*============================ Index Services ============================*/
.index-services{padding: 83px 0 93px;display: flex;justify-content: space-between;}
.index-services .technical-services{width: calc(62% - 15px);position: relative;}
.index-services .technical-services .services-img{position: absolute;top: 0;left: 0;height: 100%;width: 80%;max-width: 711px;object-fit: cover;z-index: -1;}
.index-services .technical-services .services-content{margin: 42px 0 42px auto;padding: 45px 40px 40px 45px;width: 90%;max-width: 555px;background: #eee;}
.index-services .technical-services .services-content p{margin: 14px 0 0 0;}
.index-services .technical-services .services-content .theme-btn{margin: 20px 0 0 0;}
.index-services .reseller{width: calc(38% - 15px);position: relative;}
.index-services .reseller .reseller-img{width: 100%;height: 100%;object-fit: cover;}
.index-services .reseller .reseller-content{position: absolute;top: 0;left: 0;padding: 0 0 0 48px;width: 100%;height: 100%;background: rgb(0 0 0 / 50%);display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.index-services .reseller .reseller-content .secn-subtitle{color: #fff;letter-spacing: 1px;}
.index-services .reseller .reseller-content .secn-title{margin-top: 21px;max-width: 520px;font-size: 25px;color: #fff;}
.index-services .reseller .reseller-content .theme-btn.bdr-btn{margin-top: 32px;padding: 14px 34px;}