@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css");
@import url("https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css");
@import url("https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css");
@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');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-Geist);
}

.text-danger {
    color: red;
    font: var(--font-12);
}

p {
    font-size: var(--font-14);
    color: var(--color-1d);
}
p:not(:has(+ *)) {margin-bottom: 0;}
figure {
    margin: 0;
}


ul{
    padding-left: 0;
}
ul li{
    list-style: none;
}
:root {
    --font-Geist: "Geist", sans-serif;
    --font-poppins: "Poppins", sans-serif;
    --color-ec: #5d4d22;
    --color-d4: #564414;
    --color-1d: #1D1D1D;
    --color-d1:#d1d1d1;
    --color2c: #2C2B29;
    --color23:#231F27;
    --color-44: #444444;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-ed:#ED31370F;
    --color-f2: #F2F2F2;
    --color-f0: #F0F0F0;
    --color-f8: #F8F8F8;
    --font-158: 15.8rem;
    --font-122:12.2rem;
    --font-80:8rem;
    --font-66:6.6rem;
    --font-65: 6.5rem;
    --font-62: 6.2rem;
    --font-60: 6rem;
    --font-56: 5.6rem;
    --font-48: 4.8rem;
    --font-46: 4.6rem;
    --font-42: 4.2rem;
    --font-40: 4rem;
    --font-38: 3.8rem;
    --font-36: 3.6rem;
    --font-30: 3rem;
    --font-28: 2.8rem;
    --font-26: 2.6rem;
    --font-25: 2.5rem;
    --font-24: 2.4rem;
    --font-21: 2.1rem;
    --font-18: 1.8rem;
    --font-17: 1.7rem;
    --font-16: 1.6rem;
    --font-15: 1.5rem;
    --font-14: 1.4rem;
    --font-13: 1.3rem;
    --font-12: 1.2rem;
    --font-10: 1rem;
    --font_normal: 400;
    --font_200: 200;
    --font_300: 300;
    --font_medium: 500;
    --font_600: 600;
    --font_bold: bold;


}

body {
    margin: 0;
    scroll-behavior: smooth;
    color: var(--color-44);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

html {
    font-size: 62.5%;
}

/* .container {
    max-width: 1200px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
} */


.container{
    max-width: 1447px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 0 auto;
}


.container-fluid {
    max-width: 100%;
    padding: 0;
}

@media(max-width:1649px) {
    :root {
     --font-158: 13.5rem;
    --font-122:9.2rem;
    --font-80:7.6rem;
    --font-66:6.2rem;
    --font-65: 6rem;
    --font-62: 5.7rem;
    --font-60: 5rem;
    --font-56: 4.6rem;
    --font-48: 4.2rem;
    --font-46: 4rem;
    --font-42:3.8rem;
    --font-40: 3.7rem;
    --font-38: 3.4rem;
    --font-36: 3.1rem;
    --font-30: 2.5rem;
    --font-28: 2.4rem;
    --font-26: 2.2rem;
    --font-25: 2.1rem;
    --font-24: 2rem;
    --font-21: 1.9rem;
    --font-18: 1.6rem;
    --font-17: 1.5rem;
    --font-16: 1.5rem;
    --font-15: 1.4rem;
    --font-14: 1.3rem;
    --font-13: 1.2rem;
    --font-12: 1.2rem;
    --font-10: 1rem;
    }

    /* .container {
        max-width: 1100px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } */

    .container-fluid {
        max-width: 100%;
    }

    .container{
        max-width: 1300px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}


@media(max-width:1299px) {
    :root {
    --font-158: 11.5rem;
    --font-80:7rem;
    --font-65: 6rem;
    --font-62: 4.7rem;
    --font-60: 4.5rem;
    --font-56: 4.2rem;
    --font-48: 4rem;
    --font-46: 3.9rem;
    --font-42:3.4rem;
    --font-40: 3.3rem;
    --font-38: 3rem;
    --font-36: 2.9rem;
    --font-30: 2.3rem;
    --font-28: 2.2rem;
    --font-26: 2.1rem;
    --font-25: 2rem;
    --font-24: 1.9rem;
    --font-21: 1.7rem;
    --font-18: 1.5rem;
    --font-17: 1.4rem;
    --font-16: 1.4rem;
    --font-15: 1.3rem;
    --font-14: 1.2rem;
    --font-13: 1.2rem;
    --font-12: 1.2rem;
    --font-10: 1rem;
    }

    /* .container {
        max-width: 1000px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } */

    .container-fluid {
        max-width: 100%;
    }

    .container{
        max-width: 1120px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.streched_link{position: absolute; left: 0; right:0; top:0; bottom:0; z-index:1;}


.goldiee-red {
    color: var(--color-ec);
}


.know-more{    color: #1D1D1D;
    text-decoration: none;
    letter-spacing: 1.06px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2rem;
    display: inline-block;}

.know-more svg {
    stroke: var(--color-1d);
    color: currentColor;
    margin-left: 1rem;
    transition: .2s ease all;
}
.know-more:hover {
    color: var(--color-d4);
}

.know-more:hover svg {
    color: var(--color-d4);
    stroke: currentColor;
    margin-left: 1.5rem;
}
.sec_title>h6{font-weight: inherit;font-size:var(--font-16);text-transform: uppercase; color: var(--color-d4);letter-spacing: 2.88px;}
.sec_title>h2{font-weight: bold;font-size:var(--font-56);color: var(--color-1d);letter-spacing: -2.24px;}

/* animation  */
@media(min-width:991px){
    .image,
.image2,
.image3 {
    opacity: 0;
}


.image4::before {
    scale: 0 1;
}

.reveal-image,
.reveal-image:after {
    position: absolute;
    animation-delay: .2s;
    animation-iteration-count: 1;
    animation-duration: 1200ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.reveal-image2,
.reveal-image2:after {
    position: absolute;
    animation-delay: .1s;
    animation-iteration-count: 1;
    animation-duration: 1200ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.reveal-image {
    opacity: 1;
    position: relative;
    animation-name: reveal-image;
}

.reveal-image2 {
    opacity: 1;
    position: relative;
    animation-name: reveal-image2;
}

.reveal-image3 {
    opacity: 1;
    position: relative;
    animation-name: fadeInline1;
    animation-delay: .1s;
    animation-iteration-count: 1;
    animation-duration: 1200ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    transform-origin: top;
}

.reveal-image4::before {
    scale: 0 1;
    position: relative;
    animation-name: fadeInline2;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-duration: 1500ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    transform-origin: left;
}

/* .reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;} */

@keyframes reveal-image {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes reveal-image2 {
    from {
        clip-path: inset(0 0% 100% 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        margin-left: -25%;
    }

    to {
        opacity: 1;
        margin-left: 0%;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        margin-left: 30%;
    }

    to {
        opacity: 1;
        margin-left: 0%;
    }
}

@keyframes fadeInline1 {
    0% {
        opacity: 0;
        scale: 1 0
    }

    100% {
        opacity: 1;
        scale: 1 1;
    }
}

@keyframes fadeInline2 {
    0% {
        opacity: 0;
        scale: 0 1
    }

    100% {
        opacity: 1;
        scale: 1 1;
    }
}
}