@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('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('aos.css');
@import url(header.css);
@import url(footer.css);

:root {

    /* Colors */
    --color-e5: #E50019;
    --color-ffd: #FFDF01;
    --color-4e: #4E4E4E;
    --color-1a: #1A1818;
    --color-eb: #ebebeb;
    --color-d9: #d9d9d9;
    --white: #fff;
    --black: #000;
    --colorf5: #F5F5F5;
    --colord4: #D4D4D4;
    --color70: #707070;
    --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;
    --montserrat: "Montserrat", 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(6.5rem, 4.56vw, 11.6rem);
    --font-69: clamp(5.5rem, 2.71vw, 6.9rem);
    --font-60: clamp(3rem, 2.62vw, 6rem);
    --font-53: clamp(4rem, 2.08vw, 5.3rem);
    --font-48: clamp(3.8rem, 1.89vw, 4.8rem);
    --font-46: clamp(4.6rem, 1.70vw, 4.4rem);
    --font-42: clamp(3.5rem, 1.65vw, 4.2rem);
    --font-36: clamp(2.4rem, 1.41vw, 3.6rem);
    --font-30: clamp(2.2rem, 1.18vw, 3rem);

    /* Small Fonts */
    --font-26: clamp(2rem, 0.94vw, 2.4rem);
    --font-24: clamp(1.8rem, 0.94vw, 2.4rem);
    --font-21: clamp(1.8rem, 0.83vw, 2.1rem);
    --font-20: clamp(1.7rem, 0.79vw, 2rem);
    --font-18: clamp(1.6rem, 0.71vw, 1.8rem);
    --font-16: clamp(1.4rem, 0.63vw, 1.6rem);
    --font-14: clamp(1.2rem, 0.55vw, 1.4rem);
    --font-13: clamp(1.1rem, 0.45vw, 1.3rem);
    /* Section */
    --section-space: clamp(6rem, 8vw, 14rem);
}








@media (max-width:575px) {
    :root{
        --font-48: clamp(2.8rem, 1.89vw, 4.8rem);
    }
}
/* =================================
RESET
================================= */

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

body {
    font-family: var(--font-zalando);
    background: var(--color-eb);
    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:575px) {.custom_bulet li:not(:last-child){margin-bottom:1.5rem;}}
/*---custom_bulet-end---*/
main {
    padding-top: clamp(15.5rem, 6vw, 17.7rem);
}

@media (max-width:1920px) {
    main {
        padding-top: clamp(14rem, 6vw, 17.7rem);
    }
    header .container-lg {
    max-width: 152rem;
}
}

@media (max-width:1649px) {
    main {
        padding-top: clamp(13rem, 6vw, 17.7rem);
    }
   p:not(:last-child) { margin-bottom: 2rem; }

}

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

    :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;
    }
}

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

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

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

/*-----350px-end----------*/

.title24 {
    font-size: var(--font-24);
    color: var(--color-e5);
    font-weight: bold;
}

.title30 {
    font-size: var(--font-30);
    color: var(--black);
    font-weight: 600;
}

.title48 {
    font-size: var(--font-48);
    color: var(--black);
    font-weight: bold;
}

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

@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: 9px;
    }
}
@media (max-width:767px) {

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

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

@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;
    opacity:0;
    clip-path:inset(0 0 100% 0);
}
.reveal-image.revealed{opacity:1;}
.reveal-image img {
    display: block;
    width: 100%;
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
}
.read_view a { display: inline-flex; gap: 0.8rem; border-bottom: 1px dotted var(--color-ffd); padding-bottom: .5rem; color: var(--color-ffd); font-size: var(--font-16); font-weight: 500; }
.read_view a img { width: .5rem; }
.title_head b { font-size: var(--font-24); color: var(--color-e5); display: block;     font-family: var(--font-zalando);
    font-weight: bold;}
.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; }
.right_curve { clip-path: polygon(100% 0, 100% 92.3%, 95.1% 100%, 0 100%, 0 0); }
.right_curve2 { clip-path: polygon(100% 0, 100% 92.3%, 90.1% 100%, 0 100%, 0 0); }
.right_curve3 { clip-path: polygon(100% 0, 100% 85.3%, 92.1% 100%, 0 100%, 0 0); }
/* 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:991px) {
    .reveal-image{opacity:1; clip-path:inherit;}
    
}

@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;
    }
}
.timeline_slider,
.timeline_slider * {
    pointer-events: auto;
}

.milestone_wrap {
    will-change: transform;
    transform: translateZ(0);
}

.timeline_slider {
    will-change: transform;
}