@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&family=Zalando+Sans+SemiExpanded:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css');
@import url('aos.css');
@import url(header.css);
@import url(footer.css);

:root {

    /* Colors */
    --color-e5: #E50019;
    --color29: #145629;
    --color5a: #46855A;
    --color-ffd: #FFDF01;
    --color-4e: #4E4E4E;
    --color-1a: #1A1818;
    --colord6: #D6D6D6;
    --color-eb: #ebebeb;
    --colorf6: #F6F6F6;
    --white: #fff;
    --black: #000;
    --colorf5: #F5F5F5;
    --colord4: #D4D4D4;
    --colorf8: #f8f8f8;
    --color70: #707070;
    --colorf3: #F3EFEF;
    --colordc: #DCDCDC;
    --colord5: #D5D5D5;
    --colord2: #D2D2D2;
    --colora4: #A4A4A4;
    --colorbc: #BCBCBC;
    --primary: var(--color-e5);
    --secondary: var(--color-ffd);
    --text: var(--color-1a);
    --text-light: var(--color-4e);
    /* Fonts */
    --font-rubik: "Rubik", sans-serif;
    --font-zalando: "Zalando Sans SemiExpanded", sans-serif;
    /* Container */
    --container: clamp(1100px, 60.95vw, 1420px);
    --container-lg: clamp(1300px, 74.66vw, 1900px);
    --container-inner: clamp(1200px, 74.66vw, 1660px);
    --leftpad120: 12rem;
    --container-width: 1982px;
    /* 1660 at 1920px */
    /* Radius */
    --radius-sm: 1rem;
    --radius-md: 2rem;
    --radius-lg: 3rem;
    /* Animation */
    --transition: .35s ease;
    /* Header */
    --header-height: clamp(70px, 5vw, 90px);
    /* Shadow */
    --shadow: 0 20px 40px rgba(0, 0, 0, .12);
    /* Typography */
    --font-260: clamp(12rem, 10.22vw, 26rem);
    --font-116: clamp(5.5rem, 4.56vw, 11.6rem);
    --font-69: clamp(3.2rem, 2.71vw, 3.9rem);
    --font-53: clamp(2.6rem, 2.08vw, 5.3rem);
    --font-48: clamp(2.4rem, 1.89vw, 4.8rem);
    --font-42: clamp(2.1rem, 1.65vw, 4.2rem);
    --font-36: clamp(2rem, 1.41vw, 3.6rem);
    --font-30: clamp(1.67rem, 1.18vw, 3rem);

    /* Small Fonts */
    --font-26: clamp(1.6rem, 0.94vw, 2.6rem);
    --font-24: clamp(1.6rem, 0.94vw, 2.4rem);
    --font-21: clamp(1.5rem, 0.83vw, 2.1rem);
    --font-20: clamp(1.4rem, 0.79vw, 2rem);
    --font-19: clamp(1.4rem, 0.99vw, 1.9rem);
    --font-18: clamp(1.4rem, 0.71vw, 1.8rem);
    --font-16: clamp(1.3rem, 0.63vw, 1.6rem);
    --font-14: clamp(1.2rem, 0.55vw, 1.4rem);
    --font-13: clamp(1.3rem, 0.45vw, 1.3rem);
    /* Section */
    --section-space: clamp(6rem, 8vw, 14rem);
}
/* width */
::-webkit-scrollbar {
  width: 1rem;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 .5rem grey; 
  border-radius: 1rem;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-e5); 
  border-radius: 1rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color29); 
}

.shine_effect {
    position: relative;
    z-index: 1;
}

.shine_effect::before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.shine_effect:hover::before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}
.shine_effect img{
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.shine_effect:hover img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
.fancybox__caption{font-size: var(--font-18);font-weight: 300;font-family: var(--font-zalando);}
.custm_select{width: 100%;height: auto;font-size: var(--font-16);font-weight: normal;font-family: var(--font-rubik);border-radius: 0;line-height: 1.5;}
.nice-select:after{width: 1rem;height: 1rem;right: 1.6rem;}
.nice-select .list{width: 100%;}
.nice-select .list{height: 22rem; overflow-y: auto; }
.nice-select .list::-webkit-scrollbar { width:.5rem; }
/* =================================
RESET
================================= */

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-zalando);
    background: var(--colorf6);
    color: var(--black);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: inherit;
}

p {
    margin: 0;
    font-size: var(--font-16);
    font-weight: normal;
    color: var(--black);
    font-family: var(--font-rubik);
}

p:not(:last-child) {
    margin-bottom: 3rem;
}

strong {
    font-weight: 600;
}

figure {
    margin: 0;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

blockquote {
    margin: 0;
}
.coming_soon{padding-block: 10rem 15rem;}
.coming_soon figure { mix-blend-mode: darken; }
/* ================================= CONTAINER ================================= */
.container {
    max-width: var(--container);
    margin-inline: auto; padding:0;
}

.container-lg {
    max-width: var(--container-lg);
    margin-inline: auto; padding:0;
}

.inner-container {
    max-width: var(--container-inner);
    margin-inline: auto;
padding: 0;}
.link_stretched::after {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
}

/*---link_stretched-end---*/

.view_more{display: inline-flex;gap:1.5rem;align-items: center;position: relative;overflow: hidden;padding-bottom:.5rem;border-bottom: .2rem dashed var(--color-e5);margin-top:4rem;}
.view_more p{font-size: var(--font-16); font-weight: 600 !important;  color: var(--color-e5) !important;margin: 0 !important;}
.view_more .icon img{transition: none;}
.view_more a{position: absolute;width: 100%;height: 100%;inset: 0;}
.view_more:hover p{color: var(--black) !important;}
.view_more:hover{border-color: var(--black);}

.moretext{display: none;}
@media (max-width:991px) {
    .view_more{margin-top: 2rem;}
}
/*---swiper-nav-start---*/
.swiper-button-prev:after, .swiper-button-next:after { display: none; }
.slide_nav{display: flex;flex-wrap: wrap;gap: 1.3rem;}
.slide_nav .swiper-button-next, .slide_nav .swiper-button-prev { position: static; width: auto; height: auto; margin: 0; display: block; }
.slide_nav .swiper-button-next:hover img, .slide_nav .swiper-button-prev:hover img{filter: invert(1) brightness(0.1);}
/*---swiper-nave-end---*/

.custom_bulet{padding-left: 2rem;}
.custom_bulet li{list-style-type: disc; font-size: var(--font-18); color: var(--black); font-weight: 300; font-family: var(--font-zalando);}
.custom_bulet li::marker { font-size: var(--font-18); color: var(--color-e5); }
.custom_bulet li:not(:last-child){margin-bottom: 2rem;}
@media (max-width:767px) {
    .nice-select .list{height: 20rem;}
}
@media (max-width:575px) {.custom_bulet li:not(:last-child){margin-bottom:1.5rem;}}
/*---custom_bulet-end---*/

@media (max-width:1649px) {
   p:not(:last-child) { margin-bottom: 2rem; }

}

/*-----1649px-end----------*/
@media (max-width:1399px) {
    p:not(:last-child) {
        margin-bottom: 2rem;
    }
    .nice-select:after { width: 0.8rem; height: 0.8rem; right: 1.6rem; border-bottom: .1rem solid #999; border-right: .1rem solid #999; }
    :root {
        --container-inner: clamp(1300px, 86.46vw, 1660px);
    }
}

@media (max-width:1360px) {

    .container-lg {
        padding-inline: 1.5rem;
    }

    .container { padding-inline: 1.5rem; }
}

/*-----1399px-end----------*/
@media (max-width:1280px) {
    :root {
        --container: clamp(1100px, 60.95vw, 1420px);
        --container-inner: clamp(1200px, 86.46vw, 1660px);
    }}
 

/*-----1280px-end----------*/
@media (max-width:1199px) {
    :root {
        --container: clamp(992px, 60.95vw, 1420px);
        --container-inner: clamp(992px, 86.46vw, 1660px);
        --leftpad120: 5rem;
    }

}

/*-----1199px-end----------*/
@media (max-width:991px) {
        /* main { padding-top: clamp(9.5rem, 6vw, 17.7rem); } */
    :root {
        --container: 100%;
        --container-inner: 100%;
        --leftpad120: 0rem;
    }
    .fancybox__slide{padding-inline: 1.5rem;}
}

/*-----991px-end----------*/
@media (max-width:767px) {}

/*-----767px-end----------*/
@media (max-width:575px) {}

/*-----575px-end----------*/
@media (max-width:350px) {}

/*-----350px-end----------*/
.title21 { font-size: var(--font-21); color: var(--black); font-family: var(--font-zalando); font-weight: bold;}
.title24 { font-size: var(--font-24); color: var(--color29); font-family: var(--font-zalando); font-weight: bold; margin: 0;}
.title48 { font-size: var(--font-48); line-height: 1; color: var(--black); font-family: var(--font-zalando); font-weight: bold; margin: 0;}

html {
    font-size: 10px;
    scroll-behavior: smooth;
}

@media (max-width:2400px) {
    html {
        font-size: 9.5px;
    }
}
@media (max-width:2150px) {
    html {
        font-size: 9px;
    }
}
@media (max-width:1499px) {
    html {
        font-size: 9px;
    }
}

@media (max-width:1199px) {
    html {
        font-size: 8px;
    }

    .container,
    .container-inner,
    .inner-container {
        --bs-gutter-x: 0;
        padding-inline: 1.5rem;
    }
}

@media (max-width:991px) {
     html {
        font-size: 10px;
    }
}
@media (max-width:767px) {

    .container {
        padding-inline: 1.5rem;
    }
}

@media (max-width:767px) {
    html {
        font-size: 10px;
    }
}

@media (max-width:575px) {

    .container,
    .container-inner {
        --bs-gutter-x: 0;
        padding-inline: 0rem;
    }

    .container,
    .container-inner,
    .inner-container {
        --bs-gutter-x: 0;
        padding-inline: 0rem;
    }

    :root {
        --container: 92vw;
        --container-inner: 92vw;
    }
}
.for_mobile {
    display: none;
}
@media (max-width:992px) {
    .for_mobile{display: block;}
    
}
.reveal-image { overflow: hidden; position: relative; }
.reveal-image img { display: block; width: 100%; }
.read_view a { display: inline-flex; gap:1.5rem; border-bottom: .2rem dashed var(--color-e5); padding-bottom: .5rem; color: var(--color-e5); font-size: var(--font-16);font-family: var(--font-rubik); font-weight: 500; }
.read_view a img { width: .9rem; }
.read_view:hover a{color: var(--black);}
.title_head b { font-size: var(--font-24); color: var(--color-e5); display: block; }
.title_head blockquote { font-size: var(--font-48); color: var(--black); font-weight: bold; margin-block: 1.5rem 2.5rem; line-height: 1.3; }
.title_head p { font-size: var(--font-18); color: var(--black); font-weight: 100; margin-bottom: 3rem; }
.title_head .read_view a { border-bottom: 1px dotted var(--color-e5); padding-bottom: .5rem; color: var(--color-e5); font-family: var(--font-rubik); }
.title_head .read_view a:hover img { transform: translate(.5rem, 0); }
.read_view a img,  .read_view a svg { transition: .2s ease all; }
.read_view a:hover svg,  .read_view a:hover svg { transform: translate(.5rem, 0); }
.read_view a svg { transition: .2s ease all; }
.link_full{width:100%; height:100%; position: absolute; top:0; left:0; right:0;bottom:0;}
.img-scale{overflow: hidden;}
.img-scale img{transform: scale(1); transition:.5s ease all;}
.img-scale:hover img { transform: scale(1.1); transition: .5s ease all; }

@media (max-width:2150px) {
    .read_view a img { width: 0.7rem; }
}/*-----2150px-end----------*/
@media (max-width:1649px) {
}/*-----1649px-end----------*/
@media (max-width:1399px) {
}/*-----1399px-end----------*/
@media (max-width:1280px) {
}/*-----1280px-end----------*/
@media (max-width:1199px) {
}/*-----1199px-end----------*/
@media (max-width:991px) {
    .read_view a img { width: 0.5rem; }
}/*-----991px-end----------*/
@media (max-width:767px) {
}/*-----767px-end----------*/
@media (max-width:575px) {
    .read_view a{border-bottom: .1rem dashed var(--color-e5);}
}/*-----575px-end----------*/
@media (max-width:350px) {
}/*-----350px-end----------*/


/* 404 css starts here */
.page404 {
    margin: 0rem 0 0 0;
    padding: 10rem 0 20rem;
}

.page404 .main_found_section h1 {
    font-size: var(--font-69);
    color: var(--color-e5);
    font-weight: bold;
    margin: 0 0 3rem 0;
}

.page404 .main_found_section {
    text-align: center;
}

.page404 .main_found_section h2 {
    font-size: var(--font-30);
    font-weight: bold;
    color: var(--color-2b);
    margin: 0 0 2rem 0;
}

.page404 .main_found_section .btn_theme {
    width: 20rem;
    text-align: center;
    display: inline-block;
    padding-block: 0.8rem;
    font-size: var(--font-16);
    color: #fff;
    border-radius: 10px;
    transition: 0.3s all linear;
    background: var(--color-e5);
    margin: 2rem 0 0 0;
}

.c_grid_item figure img {
    border-radius: 2rem 2rem 0 0;
}

@media (max-width: 767px) {
    .page404 {
        margin: 12rem 0 0 0;
        padding: 6rem 0;
    }
}

@media (max-width: 575px) {
    .page404 {
        margin: 11rem 0 0 0;
        padding: 4rem 0;
    }
}








/* =========================================================
   IMAGE REVEAL - TOP TO BOTTOM
========================================================= */

.img-reveal-top {
    position: relative;
    display: block;
    overflow: hidden;
}

.img-reveal-top > img {
    display: block;
    width: 100%;
    height: auto;

    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);

    transform: none !important;
}

/* Top → Bottom */
.img-reveal-top.animate-image > img,
.img-reveal-top.aos-animate > img {
    animation: imageTopToBottom 2s
        cubic-bezier(0.65, 0, 0.35, 1)
        both;
}

@keyframes imageTopToBottom {

    0% {
        clip-path: inset(0 0 100% 0);
        -webkit-clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
    }

}


/* =========================================================
   IMAGE REVEAL - LEFT TO RIGHT
========================================================= */

.img-reveal-left {
    position: relative;
    display: block;
    overflow: hidden;
}

.img-reveal-left > img {
    display: block;
    width: 100%;
    height: auto;

    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);

    transform: none !important;
}

/* Left → Right */
.img-reveal-left.animate-image > img,
.img-reveal-left.aos-animate > img {
    animation: imageLeftToRight 2s
        cubic-bezier(0.65, 0, 0.35, 1)
        both;
}

@keyframes imageLeftToRight {

    0% {
        clip-path: inset(0 100% 0 0);
        -webkit-clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
    }

}


/* =========================================================
   COMMON IMAGE SETUP
========================================================= */

.img-reveal-top > img,
.img-reveal-left > img {
    position: relative;
    z-index: 1;
}


/* =========================================================
   SHINE EFFECT
   IMAGE-ONLY FIGURES
========================================================= */

.shine_effect {
    position: relative;
    overflow: hidden;
}

/* Image must stay below shine */
.shine_effect > img {
    position: relative;
    z-index: 1;
    display: block;
}


/* Shine layer */
.shine_effect::after {
    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 55%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.05) 30%,
        rgba(255, 255, 255, 0.55) 50%,
        rgba(255, 255, 255, 0.05) 70%,
        transparent 100%
    );

    transform: skewX(-20deg);

    pointer-events: none;

    z-index: 2;
}


/* Shine trigger */
.shine_effect.animate-image::after,
.shine_effect.aos-animate::after {
    animation: imageShine 1.5s ease-out 0.4s forwards;
}

@keyframes imageShine {

    0% {
        left: -130%;
    }

    100% {
        left: 140%;
    }

}


/* =========================================================
   FIGURES WITH FIGCAPTION
   KEEP SHINE BEHIND CAPTION
========================================================= */

.shine_effect:has(> figcaption)::after {
    z-index: 2;
}

.shine_effect:has(> figcaption) > figcaption {
    position: relative;
    z-index: 5;
}


/* =========================================================
   APPLY IMAGE - GREEN OVERLAY
========================================================= */

.apply_img figure {
    position: relative;
    overflow: hidden;

    /* Keeps mix-blend-mode inside figure */
    isolation: isolate;
}


/* Main image */
.apply_img figure > img {
    position: relative;

    display: block;
    width: 100%;

    z-index: 1;
}


/* Green overlay */
.apply_img figure::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-color: #145629;

    mix-blend-mode: multiply;

    z-index: 2;

    pointer-events: none;
}


/* Shine above image + green overlay */
.apply_img figure.shine_effect::after {
    z-index: 3;
}


/* Apply content above overlay and shine */
.apply_img figure > figcaption {
    position: relative;

    z-index: 4;
}


/* =========================================================
   AOS VISIBILITY FIX
========================================================= */

.vis-overview .vis-feilds,
.vis-overview .vis-feilds-cont,
.vis-overview .feilds-machine-cont {
    visibility: visible;
}









/* =========================================================
   HOME BANNER
========================================================= */

.home_banner .hero-image {
    position: relative;
    display: grid;
    overflow: hidden;
    width: 100%;
}

.home_banner .hero-image > img {
    display: block;
    width: 100%;
    height: auto;

    position: relative;
    z-index: 1;

    transform: scale(1);
    transform-origin: center center;
}


/* =========================================================
   HERO ACTIVE IMAGE - ZOOM IN ONLY
========================================================= */
/* Base state: normal scale aur smooth transition duration */
.home_banner .hero-image > img {
    transform: scale(1);
    transition: transform 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

/* Active slide state: scale up */
.home_banner .swiper-slide-active .hero-image > img {
    transform: scale(1.1);
}

/* .home_banner .swiper-slide-active .hero-image > img {
    animation: heroZoomIn 6s
        cubic-bezier(0.25, 0.46, 0.45, 0.94)
        forwards;
} */


/* =========================================================
   ZOOM IN
   1.00 → 1.10

   Image ki position same rahegi.
   Koi translate nahi hoga.
========================================================= */

/* @keyframes heroZoomIn {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.10);
    }
} */


/* =========================================================
   NON ACTIVE SLIDES
   Koi animation nahi
========================================================= */

.home_banner .swiper-slide:not(.swiper-slide-active) .hero-image > img {
    animation: none;
    transform: scale(1);
}


/* =========================================================
   HERO TEXT REVEAL
========================================================= */

.home_banner .slide_text {
    opacity: 0;
    transform: translateY(45px);
}

.home_banner .swiper-slide-active .slide_text {
    animation: taglineReveal 0.9s
        cubic-bezier(0.25, 0.46, 0.45, 0.94)
        0.2s forwards;
}


@keyframes taglineReveal {

    from {
        opacity: 0;
        transform: translateY(45px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    /* .home_banner .swiper-slide-active .hero-image > img {
        animation-duration: 4s;
    }
    @keyframes heroZoomIn {
        from {
            transform: scale(1);
        }

        to {
            transform: scale(1.06);
        }
    } */
    .home_banner .slide_text {
        opacity: 0;
        transform: translateY(30px);
    }
    .home_banner .swiper-slide-active .slide_text {
        animation-duration: 0.8s;
    }
}

























/* =========================================================
   TAGLINE FIGURE
========================================================= */

.home_banner .slide_text figure {
    position: relative;
}


/* =========================================================
   HERO CAPTION
========================================================= */

.home_banner .hero-image > .caption {
    position: relative;
    z-index: 2;
}


/* =========================================================
   SWIPER SMOOTH TRANSITION
========================================================= */

.home_banner .swiper-wrapper {
    transition-timing-function: ease-in-out !important;
}


/* =========================================================
   HERO PAGINATION
========================================================= */

.hero-pagination {
    position: absolute;

    left: 57.3% !important;
    bottom: 19rem !important;

    display: flex;
    gap: 1rem;

    z-index: 10;

    top: inherit !important;
}

.hero-pagination .swiper-pagination-bullet {
    width: 2rem;
    height: 2px;

    border-radius: 0;

    background: #fff;

    opacity: 1;

    margin: 0 !important;

    position: relative;
    overflow: hidden;

    cursor: pointer;

    transition:
        width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-pagination .swiper-pagination-bullet-active {
    width: 6.5rem;
}

.hero-pagination
.swiper-pagination-bullet
.pagination-progress {
    display: block;

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: var(--secondary, #fff);

    transform: scaleX(0);

    transform-origin: left center;
}

@keyframes activeProgressFill {

    0% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(1);
    }

}


/* =========================================================
   RESPONSIVE - 1950px
========================================================= */

@media (max-width: 1950px) {

    .home_banner figure figcaption p {
        max-width: 73%;
    }

    .hero-pagination {
        left: 58.3% !important;
        bottom: 17rem !important;
    }

    .home_banner .slide_text {
        width: 56rem;
        height: 56rem;
    }

}


/* =========================================================
   1649px
========================================================= */

@media (max-width: 1649px) {

    .home_banner .slide_text {
        width: 51rem;
        height: 51rem;
    }

    .home_banner .slide_text figure figcaption {
        padding-inline: 7.4rem 12rem;
        padding-top: 15.8rem;
    }

    .hero-pagination {
        left: 60.3% !important;
        bottom: 17rem !important;
    }

}


/* =========================================================
   1450px
========================================================= */

@media (max-width: 1450px) {

    .hero-pagination {
        left: 61.1% !important;
    }

}


/* =========================================================
   1399px
========================================================= */

@media (max-width: 1399px) {

    .home_banner .slide_text {
        width: 44rem;
        height: 44rem;
    }

    .home_banner figure figcaption p {
        max-width: 90%;
    }

    .hero-pagination {
        left: 66.2% !important;
        bottom: 14rem !important;
    }

    .home_banner .slide_text figure figcaption {
        padding-top: 12.8rem;
    }

}


/* =========================================================
   1199px
========================================================= */

@media (max-width: 1199px) {

    .home_banner .slide_text {
        width: 40rem;
        height: 40rem;
    }

    .home_banner .slide_text figure figcaption {
        padding-top: 10.8rem;
        padding-inline: 6.6rem 10rem;
    }

    .home_banner figure figcaption p {
        max-width: 94%;
    }

    .hero-pagination {
        left: 72% !important;
        bottom: 12rem !important;
    }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

    .home_banner,
    .home_banner .swiper-slide,
    .home_banner .swiper-wrapper,
    .home_banner .hero-image:has(.caption),
    .home_banner .swiper-slide img {
        height: calc(100dvh - 18rem);
    }

    .home_banner .swiper-slide img {
        object-fit: cover;
    }

    .home_banner .slide_text {
        width: 100%;
        height: auto;

        padding: 3rem 2rem;

        background: var(--color29);

        margin: 0;
        margin-bottom: 2rem;

        border-radius: 0;
    }

    .home_banner .slide_text img {
        display: none;
    }

    .home_banner .slide_text figure figcaption {
        padding: 0;
    }

    .home_banner figure figcaption blockquote:has(+ p) {
        margin-bottom: 1.5rem;
    }

 
}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

    .home_banner,
    .home_banner .swiper-slide,
    .home_banner .swiper-wrapper,
    .home_banner .hero-image:has(.caption),
    .home_banner .swiper-slide img {
        height: calc(100dvh - 17.5rem);
    }


    /* Hero zoom */
    /* .home_banner .swiper-slide-active .hero-image > img {
        animation-duration: 4s;
    } */

    /* .home_banner .swiper-slide-prev .hero-image > img {
        animation-duration: 0.9s;
    }

    @keyframes heroZoomIn {

        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(1.06);
        }

    }

    @keyframes heroZoomOut {

        0% {
            transform: scale(1.06);
        }

        100% {
            transform: scale(1);
        }

    } */


    /* Hero text */
    .home_banner .slide_text {
        opacity: 0;
        transform: translateY(30px);
    }

    .home_banner .swiper-slide-active .slide_text {
        animation-duration: 0.8s;
    }


    /* Image reveal */
    .img-reveal-top.animate-image > img,
    .img-reveal-top.aos-animate > img {
        animation-duration: 1.5s;
    }

    .img-reveal-left.animate-image > img,
    .img-reveal-left.aos-animate > img {
        animation-duration: 1.5s;
    }


    /* Shine */
    .shine_effect.animate-image::after,
    .shine_effect.aos-animate::after {
        animation-duration: 1.1s;
    }

}


/* =========================================================
   480px
========================================================= */

@media (max-width: 480px) {

    .img-reveal-top > img,
    .img-reveal-left > img {
        transform: none !important;
    }

    .shine_effect::after {
        width: 65%;
    }

}


/* =========================================================
   350px
========================================================= */

@media (max-width: 350px) {

    .home_banner,
    .home_banner .swiper-slide,
    .home_banner .swiper-wrapper,
    .home_banner .hero-image:has(.caption),
    .home_banner .swiper-slide img {
        height: calc(100dvh - 16rem);
    }

    .home_banner .slide_text {
        padding: 2rem 1.5rem;
    }

}