.home_banner{width: 100%;overflow: hidden;background: var(--colorf8);}
.home_banner .swiper-slide,.home_banner .swiper-wrapper, .home_banner .swiper-slide img{height: calc(100dvh - 21.3rem);}



.home_banner .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.home_banner .swiper-slide{position: relative;overflow: hidden;padding-bottom: 3rem;}
.home_banner .slider_caption{position: absolute;inset: 0;width: 100%;height: 100%;align-content: end;animation-duration:3s;-webkit-animation-duration:3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInline;animation-delay: 1s;}
.home_banner .slider_caption .top_text{font: var(--font48); letter-spacing: -0.77px;background: var(--color_black);}
.home_banner .caption_wrap{padding: 2.5rem 0 9rem 5.5rem;position: relative;}
.home_banner .caption_wrap .vhline{height: 24.5rem;position: absolute;left: 0;top: 0;}
.home_banner .caption_wrap .top_text, .home_banner .caption_wrap .bottom_text{font: var(--font48);letter-spacing: -0.77px;background: var(--color_black);width: fit-content;color:var(--color_white);}
.home_banner .caption_wrap .top_text{padding: .5rem 1rem;}
.home_banner .caption_wrap .bottom_text{margin-top: .6rem;padding: .5rem 0 .5rem 1rem;}
.home_banner .caption_wrap .bottom_text span{background: var(--color0a);padding-inline:1rem;margin-left: .7rem;}
.home_banner .swiper-slide-shadow{display: none;}
.home_banner .pagination_home{position: absolute;bottom:10rem;width: 100%;height: auto;align-content: end;}
.home_banner .pagination_home .swiper-pagination{position: relative;display: flex;justify-content: flex-end;z-index: 1;width: 20%;margin-left: auto;}
.home_banner .pagination_home .swiper-pagination-bullet{margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);width: 1.2rem;height: 1.2rem;border: .1rem solid rgb(0 0 0 / 90%);background: transparent;}
.home_banner .pagination_home .swiper-pagination-bullet-active {background: var(--color_white);border-color:transparent;}
.home_banner .caption_wrap:after {content: ''; width: .9rem; background: var(--color0a);display: block; height: 282px; align-items: center; display: flex; position: absolute;left: 0; top: 0; z-index: 999;}

@keyframes fadeInline {
    0% {margin-left: -100%;}
    100% {margin-left: 0%;}
}
@keyframes fadeleft {
    0% {width: 0;opacity: 1;}
    100% {width: 100vw;opacity: 0;}
}
.swiper-slide-active picture img{
    animation-duration: 1s;
    animation-name: clipin;
    animation-fill-mode: both;
    transition-delay: 0s;
    animation-timing-function: linear;
}
@keyframes clipin {
    from   { clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0); opacity: 1; }
    30%   { clip-path: polygon(0 0, 33% 0, 33% 0, 0 99%, 0 100%)}
    80%   {clip-path: polygon(0 0, 100% 0, 100% 0, 81% 100%, 0 100%);}
    to      {clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%); }
}
/*------home-banner-end----------*/

.our_customers{padding-block:10rem;background: var(--colorf8);border-bottom: .1rem solid rgb(0 0 0 / 10%);}
.center_heading{text-align: center;}
.our_customers .center_heading{max-width: 90%;margin-inline: auto;}
.our_customers .center_heading h1{font: var(--font48);color: var(--color3b);}
.our_customers .center_heading h1 span{background: var(--color0a);padding:0 .5rem;color: var(--color_white);}
.our_customers .center_heading p{font: var(--font18);color: var(--color3b2);margin-block: 4rem;}
.our_customers .customer_logo{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: .6rem;}
.our_customers .customer_logo .logo_box{background: var(--color_white);padding: 2.4rem 3.6rem;display: flex;justify-content: center;}
.arrow_button{display: flex;justify-content: center;align-items: center;font: var(--font18);margin-top: 4rem;color: var(--color3b);}
.arrow_button svg{fill: var(--color0a);margin-left: 2rem;}
.arrow_button:hover svg{fill: var(--color3b);}
.arrow_button:hover{color: var(--color0a);}
.atopfast_content .arrow_button {position: relative; background-color: var(--color0a);color: var(--color_white);padding: 0.5rem 1rem 0.5rem;display: inline-block;align-items: center;}
.atopfast_content .arrow_button svg {fill: #ffffff;}
.atopfast_content .arrow_button:hover::before {height: 100%;top: 0;background: var(--color33);}
.atopfast_content .arrow_button::before {width: 100%;height: 0;top: 100%;left: 0;content: "";background: var(--color0a);position: absolute;z-index: -1;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-ms-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;}


.quality_content .arrow_button {position: relative; background-color: var(--color0a);color: var(--color_white);padding: 0.5rem 1rem 0.5rem;display: inline-block;align-items: center;}
.quality_content .arrow_button svg {fill: #ffffff;}
.quality_content .arrow_button:hover::before {height: 100%;top: 0;background: var(--color33);}
.quality_content .arrow_button::before {width: 100%;height: 0;top: 100%;left: 0;content: "";background: var(--color0a);position: absolute;z-index: -1;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-ms-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;}



.product_wrap .arrow_button {position: relative; background-color: var(--color0a);color: var(--color_white);padding: 0.5rem 1rem 0.5rem;display: inline-block;align-items: center;}
.product_wrap .arrow_button svg {fill: #ffffff;}
.product_wrap .arrow_button:hover::before {height: 100%;top: 0;background: var(--color33);}
.product_wrap .arrow_button::before {width: 100%;height: 0;top: 100%;left: 0;content: "";background: var(--color0a);position: absolute;z-index: -1;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-ms-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;}


.infra_box {position: relative;}
.infra_box .arrow_button {position: relative;background-color: var(--color0a);color: var(--color_white);padding: 0.5rem 1rem;display: inline-flex;align-items: center;overflow: hidden;}
.infra_box .arrow_button svg {fill: #ffffff;position: relative;z-index: 2;}
.infra_box .arrow_button::before {content: "";position: absolute;left: 0;top: 100%;width: 100%;height: 0;background: var(--color_white);z-index: -1;pointer-events: none; transition: all 0.5s ease-in-out;}
.infra_box:hover .arrow_button::before {top: 0;height: 100%;}

/*------our_customers-end----------*/

.auto_component{padding-block: 9rem;background: var(--colorf8);}
.auto_component h2{font: var(--font48);color: var(--color3b);margin: 0;}
.auto_component .fact{display: grid;grid-template-columns: repeat(3, 1fr);margin-top: 7rem;max-width: 70%;margin-inline: auto;}
.auto_component .fact li:not(:last-child){border-right: .1rem solid rgb(0 0 0 / 8%);}
.auto_component .fact li h3{font: var(--font60);color: var(--color0a);}
.auto_component .fact li p{font: var(--font18);color: var(--color3b);}
/*------auto_component-end----------*/

.atopfastner_wrap{padding-block:3rem 12rem;background: var(--colorf8);}
.atopfastner_wrap .row{align-items: center;}
.atopfastner_wrap .atopfast_content{padding-left: 13.4rem;max-width: 85%;}
.atopfastner_wrap .atopfast_content p{font: var(--font18);color: var(--color3b2);margin-bottom: 0;}
.atopfastner_wrap .atopfast_content .arrow_button {justify-content: flex-start;}
.atopfastner_wrap .iatf_logo{padding-block: 5rem;margin-top: 4.4rem;border-top: .1rem solid rgb(0 0 0 / 8%);border-bottom: .1rem solid rgb(0 0 0 / 8%);}

/*------atopfastner_wrap-end----------*/

.best_technology{padding-top: 11rem;background: var(--color_white);}
.best_technology figure{position: relative;}
.best_technology figure figcaption{position: absolute;width: 100%;height: 100%;display: flex;justify-content: flex-end;top: -11.5rem;right: 4rem;}
.best_technology h5{font: var(--font48);color: var(--color3b);margin-bottom: 7.7rem;}
.best_technology h5 span{background: var(--color0a);color: var(--color_white);padding: .5rem;display: block;width: fit-content;margin-top: .7rem;}
.best_technology .infra_box{background: var(--color3b);padding: 7.7rem 7.9rem 8.3rem 8.2rem;position: relative;max-width: 60.3rem;margin-left: auto;}
.best_technology .infra_box a::before{position: absolute;inset: 0;width: 100%;height: 100%;content: "";}
.best_technology .infra_box .vhline{position: absolute;right: 0;height: calc(100% - 9.2rem);top: 0;}
.best_technology .infra_box h5{font: var(--font24);color: var(--color_white);margin-bottom: 0;}
.best_technology .infra_box blockquote{font: var(--font18);color: var(--color_white);margin-block: 4.3rem 5rem;opacity: 0.9;}
.best_technology .infra_box .arrow_button{justify-content: flex-start;color: var(--color_white);margin-top: 0;}
.best_technology .infra_box .arrow_button svg{fill: var(--color_white);}
.best_technology .infra_box:hover svg{fill: var(--color0a);}
.best_technology .infra_box:hover .arrow_button {color: var(--color0a);}
/*------best_technology-end----------*/

.quality_wrap{padding-top: 5rem;background: var(--color_white);}
.quality_wrap .row{align-items: center;}
.quality_wrap .quality_content{max-width:88.5%;}
.quality_wrap .quality_content .vhline{position: absolute;left: 0;top: 0;}
.quality_wrap .quality_content{position: relative;padding-inline:12.1rem 0;}
.quality_wrap .quality_content h5{font: var(--font24);color: var(--color0a);}
.quality_wrap .quality_content p{font: var(--font18);color: var(--color3b2);margin-block: 4rem;max-width: 90.9%;}
.quality_wrap .quality_content .arrow_button{justify-content: flex-start;}
/*------quality_wrap-end----------*/
.product_wrap{padding-block: 15.1rem 12.6rem;max-width: 1920px;margin-inline: auto;padding-inline: 3.2rem;}
.product_wrap .center_heading{max-width:35%;margin-inline: auto;}
.product_wrap .center_heading h5{font: var(--font48);color: var(--color3b2);}
.product_wrap .center_heading h5 span{background: var(--color0a);padding: 0.2rem 1rem;color: var(--color_white);margin-right: .5rem;}
.product_wrap .center_heading p{font: var(--font18);color: var(--color3b);margin-block: 6.3rem 1.5rem;}
.product_wrap .center_heading .arrow_button{margin-top: 0;}
.product_wrap .product_list{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: .5rem;margin-top: 4.2rem;}
.product_wrap .product_list .prodct_box{background: var(--coloree);padding: 3rem 2.8rem;position: relative;overflow: hidden;}
.product_wrap .product_list .prodct_box .prodt_name{text-align: center;}
.product_wrap .product_list .prodct_box img {
    transform: scale(1.6);
    transition: 0.5s ease-in-out;
}
.product_wrap .product_list .prodct_box:hover img {
    transform: scale(1.8);
    transition: 0.5s ease-in-out;
}
.product_wrap .product_list .prodct_box a::before{width: 100%;height: 100%;position: absolute;inset: 0;content: "";}
.product_wrap .product_list .prodct_box .prodt_name p{font: var(--font18);color: var(--color3b);font-family: var(--montserrat); font-weight: var(--font_bold);}
.product_wrap .product_list .prodct_box .overlay {position: absolute;bottom: 0;left: 0;right: 0;background-color: transparent;overflow: hidden;width: 100%;height: 0;transition: .5s ease;display: flex;justify-content: flex-end;flex-direction: column;}
/* .product_wrap .product_list .prodct_box .overlay {position: absolute;bottom: 0;left: 0;right: 0;background-color: rgb(51 51 51 / 93%);overflow: hidden;width: 100%;height: 0;transition: .5s ease;display: flex;justify-content: flex-end;flex-direction: column;} */
.product_wrap .product_list .prodct_box:hover .overlay {height: 100%;}
.product_wrap .product_list .prodct_box .prod_content{padding: 3rem;}
.product_wrap .product_list .prodct_box .prod_content h5{font: var(--font21);color: var(--color_white);display: none;}
.product_wrap .product_list .prodct_box .prod_content p{font: var(--font16);color: var(--color_white);margin-block: 1.5rem 3rem;display: none;}
.product_wrap .product_list .prodct_box .prod_content .arrow_button{justify-content: flex-start;margin: 0;display: none;}
.product_wrap .product_list .prodct_box .prod_content .arrow_button svg{fill: var(--color_white);margin-left: 0;display: none;}
/* .product_wrap .product_list .prodct_box:hover .prod_content .arrow_button svg{fill: var(--color0a);} */
/* .product_wrap .product_list .prodct_box:hover .prodt_name{opacity: 0;} */
/*------product_wrap-end----------*/

.awards{background-color: var(--color0a); padding-block: 10rem 12rem;}
.awards .arrow_button{font: var(--font18); color: var(--color_white); font-weight: var(--font_normal);justify-content: flex-start;}

.awards .row{--bs-gutter-x:8.6rem}
.award-text h5{font: var(--font48); color: var(--color_white);}
.award-text h5 span{background-color: var(--color_black);padding: 0.2rem 1.5rem;}
.award-text {margin-bottom:7rem;}
.awards-heading {margin-bottom: 3rem;}
.awards-heading h5{font: var(--font24); color: var(--color_white); font-weight: 600;}
.award-box {display: flex; position: relative; margin-bottom:0.8rem;}
.award-img {width: 50%;}
.award-text-box{background-color: var(--color_white);padding: 3.9rem 4.1rem 4rem 3.4rem;width: 50%;}
.award-text-box .arrow_button{margin-top: 0;justify-content: flex-start;display: none;}
.award-text-box .arrow_button svg{margin-left: 0;fill: var(--color0a);}
.award-box:hover .arrow_button svg{fill: var(--color3b);}
.award-text-box p{font: var(--font18); color: var(--color3b2);margin-bottom:6rem;}
.award-text-box img{width: 3rem;}
.awards .arrow_button {
    position: relative;
    background-color: var(--color_white);
    color: #c62118;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    z-index: 1;
    transition: color 0.5s ease-in-out;
}

.awards .arrow_button svg {
    fill: #c62118;
    transition: fill 0.5s ease-in-out;
}

.awards .arrow_button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
    background: var(--color33);
    z-index: -1;
    transition: all 0.5s ease-in-out;
}

.awards .arrow_button:hover {
    color: var(--color_white);
}

.awards .arrow_button:hover svg {
    fill: var(--color_white);
}

.awards .arrow_button:hover::before {
    top: 0;
    height: 100%;
}

.cus-link{position: absolute; width: 100%; height: 100%; top: 0; bottom: 0;}
.award-box:nth-child(2n) { flex-direction: row-reverse;}

.certifications-list{display: grid; grid-template-columns: repeat(2, 1fr);gap: 2rem;}
.certifications_img{height: 58rem;}
.certifications_img img{width: 100%;height: 100%;object-fit: cover;}
/*------product_wrap-end----------*/
.home_btn{display:block;text-align:center;}

@media(max-width:991px){
    .our_customers-mobile.atopfast_content .center_heading .arrow_button {
        color: var(--color_white);
    }
    .our_customers-mobile.atopfast_content .center_heading .arrow_button svg{
        fill: #ffffff;
    }
}