/* ====================== Index Banner Secn ====================== */
.index-banner-area{display: flex;}
.index-banner-area .banner-content{padding: 0 1.56vw 0 5.8vw;width: 43%;height: auto;background: var(--theme-light);position: relative;display: flex;flex-direction: column;justify-content: center; }
.index-banner-area .banner-content::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/logo-icon.svg) no-repeat -4.8vw 0px;background-size: cover;opacity: 3%;}
.index-banner-area .banner-content h3{margin-bottom: 10px;font-size: 3.12vw;font-weight: 600;line-height: 1.1;font-family: "Sora", sans-serif;color: var(--theme-color);}
.index-banner-area .banner-content p{width: 92.5%;font-size: 1.04vw;font-weight: 600;line-height: 1.4;font-family: "Sora", sans-serif;color: var(--theme-light-dark);}
/* ------------------------------------ */
.index-banner-area .banner-img-area{width: 57%;background: var(--theme-light);z-index: 0;overflow: hidden;}
.index-banner-area .banner-img-area img{width: 100%;height: 100%;}
/* ------------------------------------ */
.carousel-control-area{position: absolute;top: calc(50% - 40px);right: 2%;border-radius: 50px;overflow: hidden;z-index: 1;transition: 0.5s;}
.carousel-control-area .carousel-control-prev,
.carousel-control-area .carousel-control-next{position: relative;width: 30px;height: 40px;background: var(--theme-color2);opacity: 1;transition: 0.5s;}
.carousel-control-area .carousel-control-next{margin-top: 1px;}
.carousel-control-area .carousel-control-prev-icon,
.carousel-control-area .carousel-control-next-icon{clip-path: polygon(100% 0, 0 50%, 100% 100%, 50% 50%);width: 10px;height: 15px;background: #fff;}
.carousel-control-area .carousel-control-next-icon{clip-path: polygon(0 0, 100% 50%, 0 100%, 50% 50%);}
.banner-img-area:not(:hover) .carousel-control-area{opacity: 0;transform: translateX(20px);}
.carousel-control-area .carousel-control-prev:hover,
.carousel-control-area .carousel-control-next:hover{background: var(--theme-color);}
/* ====================== Index About Secn ====================== */
.index-about-secn{padding: 80px 0 62px 0;}
.index-about-secn .vision{padding-right: 22px;}
.index-about-secn .vision .quotation{margin-bottom: 26px;max-width: 70px;}
.index-about-secn .vision .theme-title{margin-bottom: 27px;}
.index-about-secn .vision .theme-title .sub-title{margin-bottom: 0;background: var(--theme-color);color: #fff;border: none;}
.index-about-secn .vision p{font-size: 23px;font-weight: 300;font-family: "Sora", sans-serif;line-height: 1.45;}
.index-about-secn .vision p strong{font-weight: 500;}
.index-about-secn .about-img-area{width: 100%;aspect-ratio: 1/1.14;border-radius: 0 25px;position: relative;z-index: 0;overflow: hidden;}
.index-about-secn .about-img-area::before,
.index-about-secn .about-img-area::after{content: '';position: absolute;width: 34%;aspect-ratio: 1 / 1.15;background: #fff;transition: 0.5s;}
.index-about-secn .about-img-area::before{top: -1px;left: -1px;clip-path: polygon(0 0, 100% 0, 0 100%);}
.index-about-secn .about-img-area::after{bottom: -1px;right: -1px;clip-path: polygon(100% 100%, 0 100%, 100% 0);}
.index-about-secn .about-img-area img{width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.index-about-secn:hover .about-img-area::before,
.index-about-secn:hover .about-img-area::after{transition: 0.8s cubic-bezier(0.9, 0.1, 1, 1);}
.index-about-secn:hover .about-img-area::before{transform: translate(-100%, -100%);}
.index-about-secn:hover .about-img-area::after{transform: translate(100%, 100%);}
.index-about-secn .index-about-content{padding-left: 30px;padding-right: 12px;}
.index-about-secn .index-about-content p{padding: 0 38px 0 0;}
.index-about-secn .index-about-content hr{margin: 26px 0 16px;}
/* ====================== Index Product Secn ====================== */
.index-product-secn{padding: 75px 0 40px;}
/* ------------------------------------ */
.product-header-area{display: flex;align-items: center;margin-bottom: 47px;}
.product-header-area .theme-title{padding-right: 30px;width: calc(100% - 340px);}
.product-header-area .experience-area{padding: 5px 0 5px 54px; width: 340px;position: relative;display: flex;align-items: center;}
.product-header-area .experience-area::before{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #D5BDBD;}
.product-header-area .experience-area::after{content: '';position: absolute;top: 50%;left: 0;width: 4px;height: 38px;background: var(--theme-color);transform: translateY(-50%);}
.product-header-area .experience-area .experience-icon{margin-right: 23px;}
.product-header-area .experience-area .experience-content h5{font-size: 45px;font-weight: 600;color: var(--theme-color);line-height: 1.1;}
.product-header-area .experience-area .experience-content p{font-size: 17px;font-weight: 600;color: var(--theme-color2);line-height: 1.2;white-space: pre-line;}
/* ------------------------------------ */
.product-card-area{display: block;position: relative;margin: 0 auto 63px;max-width: 450px; z-index: 0;}
.product-card-area::before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: var(--theme-color);z-index: 1;transition: 0.5s;}
.product-card-area::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #ccc;}
.product-card-area .product-card-img{width: 100%;aspect-ratio: 1/0.78;border-radius: 0 25px;overflow: hidden;}
.product-card-area .product-card-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.product-card-area .product-card-title{padding: 18px 27px 14px 26px;font-size: 20px;font-weight: 500;color: var(--theme-light-dark);position: relative;display: flex;align-items: center;justify-content: space-between;}
.product-card-area .product-card-title::after{content: '';display: inline-block;width: 7px;height: 12px;clip-path: polygon(0 0, 100% 50%, 0 100%, 50% 50%);background: var(--theme-color2);transition: 0.5s;}
.product-card-area:hover .product-card-img img{transform: scale(1.05) rotate(-1deg);}
.product-card-area:hover::before{width: 100%;}
.product-card-area:hover .product-card-title::after{transform: translateX(10px);}
/* ====================== Index Choose Secn ====================== */
.index-choose-secn{padding: 80px 0 70px;background: var(--theme-color);}
.index-choose-secn .theme-title{margin-bottom: 50px;}
.index-choose-secn .sub-title,
.index-choose-secn .title{color: #fff;}
.index-choose-secn .choose-card-area{padding: 0 27px;}
/* ------------------------------------ */
.choose-card{padding: 56px 40px 45px 50px;height: 100%;border: 2px solid rgb(255 255 255/12%);border-radius: 0 25px;cursor: default;transition: 0.5s;}
.choose-card .choose-icon{margin-bottom: 27px;max-height: 64px;}
.choose-card h4{margin-bottom: 17px;font-size: 18px;color: #fff;line-height: 1.2;}
.choose-card p{font-size: 16px;color: rgb(255 255 255/65%);line-height: 1.6;}
.choose-card:hover{background: rgb(255 255 255 / 5%);border-color: transparent;box-shadow: 1px 25px 50px rgb(0 0 0 /10%);}
/* ====================== Index Group Secn ====================== */
.index-group-secn{padding: 96px 0 62px;background: var(--theme-light);}
.index-group-secn .theme-title{margin-bottom: 47px;}
.index-group-secn .theme-title .sub-title{border-color: #fff;}
.index-group-secn .theme-title .title{width: 48.5%;}
.index-group-secn .group-header{display: flex;align-items: center;}
.index-group-secn .group-header p{margin-left: 50px;width: 100%;max-width: 507px;}
.index-group-secn .secn-btn-area{margin: 47px auto 0;display: flex;justify-content: center;}
/* ------------------------------------ */
.group-left{width: 65.5%;border-radius: 0 25px;position: relative;overflow: hidden;z-index: 0;}
.group-left::after{content: '';position: absolute;bottom: -1px;right: -1px;width: 15%;height: 21.5%;background: var(--theme-light);clip-path: polygon(100% 100%, 0 100%, 100% 0);z-index: 2;transition: 0.5s;}
.group-left:hover::after{transform: translate(100%, 100%);transition: 0.8s cubic-bezier(0.9, 0.1, 1, 1);}
.group-right{position: absolute;top: 50%;left: 60%;width: 438px;background: #fff;box-shadow: 1px 25px 50px rgb(0 0 0 /16%);transform: translateY(-50%);/*z-index: 2;*/}
/* ------------------------------------ */
.group-image-area{width: 100%;aspect-ratio: 1 / 0.66;position: relative;z-index: 0;}
.group-image-area::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to top, rgb(0 0 0/1) 0%, rgb(0 0 0/0) 28%);z-index: 1;}
.group-image-area img{width: 100%;height: 100%;object-fit: cover;}
.group-image-area .slide-content{position: absolute;bottom: 6.2%;left: 6%;width: 69.6%;color: #fff;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;z-index: 3;}
/* ------------------------------------ */
.index-group-secn .carousel-indicators{position: relative;margin: 0;padding: 0;flex-direction: column;z-index: unset;}
.index-group-secn .carousel-indicators [data-bs-target]{margin: 0;margin-top: -1px;padding: 35px 40px 30px 52px;width: 100%;height: unset;background: transparent;border: unset;font-size: 20px;font-weight: 500;color: var(--theme-light-dark);line-height: 1.2; text-align: left;text-indent: unset;opacity: 1;box-sizing: border-box;transition: 0.5s;}
.index-group-secn .carousel-indicators [data-bs-target]::before{content: '';position: absolute;top: 0;left: 50%;width: 91%;height: 1px;background: #707070;transform: translateX(-50%);transition: 0.5s;}
.index-group-secn .carousel-indicators [data-bs-target]:first-child::before{display: none;}
.index-group-secn .carousel-indicators [data-bs-target]::after{content: '';position: absolute;top: 0;right: 0;width: 0;height: 100%;background: var(--theme-color);z-index: -1;transition: 0.5s;}
.index-group-secn .carousel-indicators [data-bs-target]:hover, .index-group-secn .carousel-indicators [data-bs-target].active{color: #fff;}
.index-group-secn .carousel-indicators [data-bs-target]:hover::before, .index-group-secn .carousel-indicators [data-bs-target].active::before{background: #fff;}
.index-group-secn .carousel-indicators [data-bs-target]:hover::after, .index-group-secn .carousel-indicators [data-bs-target].active::after{width:calc(100% - 0px);top: 0px;left: 0;right: auto;}
.index-group-secn .carousel-right-btn{position: relative;margin: 0 0 10px auto;width: fit-content;background: var(--theme-color2);border-radius: 0 8px;display: flex;align-items: center;justify-content: flex-end;overflow: hidden;z-index: 0;}
.index-group-secn .carousel-right-btn .carousel-control-prev, .index-group-secn .carousel-right-btn .carousel-control-next{position: relative;width: 40px;height: 40px;opacity: 1;transition: 0.5s;}
.index-group-secn .carousel-right-btn .carousel-control-prev{border-right: 1px solid #b46608;}
.index-group-secn .carousel-right-btn .carousel-control-prev::before, .index-group-secn .carousel-right-btn .carousel-control-next::before{content: '';position: absolute;top: 50%;left: 50%;width: 7px;height: 12px;background: #fff;transform: translate(-50%, -50%);}
.index-group-secn .carousel-right-btn .carousel-control-prev::before{clip-path: polygon(100% 0, 0% 50%, 100% 100%, 50% 50%);}
.index-group-secn .carousel-right-btn .carousel-control-next::before{clip-path: polygon(0 0, 100% 50%, 0 100%, 50% 50%);}
.index-group-secn .carousel-right-btn .carousel-control-prev:hover, .index-group-secn .carousel-right-btn .carousel-control-next:hover{background: rgb(0 0 0 /16%);}



.brochure-catalog{
   position: fixed;
   left: 20px;
   bottom: 20px;
   transform: translateX(calc(-100% - 20px));
   transition: 0.5s ease;
   z-index: 1;
}
.brochure-catalog.show{
    transform: translateX(0);
}
.brochure-catalog-inr{
    background-color: var(--theme-color);
    border-radius:50%;
    overflow: hidden;
    border:2px solid #fff;
}
.brochure-catalog-inr a{
    padding: 6px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}
.brochure-catalog-inr a svg{
    width: 100px;
    animation: move 10s infinite linear;
}
@keyframes move {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
textPath {
    fill: #fff;
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
}

.catalog-download span {
    color: var(--theme-color);
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    overflow: hidden;
    padding: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#circlePath{
    fill: transparent;
}

/* 19-06-2025 */
/* ====================== Index Customer Secn ====================== */
.index-customer-secn{padding: 75px 0 75px;}
.index-customer-secn .owl-item img{padding: 8px 0;border: 1px solid #ccc;}

.owl-carousel .owl-nav{position: absolute;bottom: calc(100% + 21px);right: 0;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{width: 40px;height: 40px;background: #fff;border: 1px solid rgb(204 204 204 /50%) !important;border-radius: 0 0 0 8px;}
.owl-carousel .owl-nav .owl-next{margin: 0 0 0 -1px;border-radius: 0 8px 0 0;}
.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before{content: '';position: absolute;top: calc(50% - 6px);left: calc(50% - 3px);width: 7px;height: 12px;background: var(--theme-color2);clip-path: polygon(0 0, 100% 50%, 0 100%, 50% 50%);transition: 0.5s;}
.owl-carousel .owl-nav .owl-prev::before{transform: rotate(180deg);}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover{background: var(--theme-color2);}
.owl-carousel .owl-nav .owl-prev:hover::before,
.owl-carousel .owl-nav .owl-next:hover::before{background: #fff;}