/* General */
/* ======================== */


    :root {
        --primary-color: rgb(0, 44, 119);
        --blue-320: rgb(0, 154, 166);
        --blue-3005: rgb(0, 122, 201);
        --blue-2727: rgb(61, 126, 219);
        --blue-549: rgb(94, 156, 174);
        --red-032: rgb(237, 41, 57);
    }
    
    /* General: html, body */
    html, body {
        font-family: 'Bourgeois';
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        position: relative;
    }

    a {
        text-decoration: none;
    }

/* Font */
/* ======================== */
@font-face {
    font-family: "Bourgeois";
    src: url('../fonts/bourgeois/medium.ttf');
    src: url('../fonts/bourgeois/medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bourgeois/medium.woff') format('woff'),
    url('../fonts/bourgeois/medium.ttf') format('truetype');
}

/* Blocks */
/* ======================== */

    /* Block: .Loading */
    .Loading {
        background-color: #FFF;
        justify-content: center;
        align-items: center;
        display: flex;
        height: 100vh;
        width: 100vw;
    }
    .Loading.Loading--Hidden {
        display: none;
    }
        .Loading .Loading__Animation {
            height: 100px;
            width: 100px;
        }

    /* Block: .Wrapper */
    .Wrapper {}
    .Wrapper.Wrapper--Hidden {
        display: none;
    }

    /* Block: .Header */
    .Header {}
    .Header .Header__Navbar {}
    .Header .navbar-toggler:active {
        background-color: #fff;
    }
    .Header .navbar-collapse {
        background-color: transparent;
    }
    .Header.Header--Fixed .navbar>.container .Nav__Item, .Header.Header--Fixed .navbar>.container-fluid .Nav__Item, .Header.Header--Fixed .navbar>.container-lg .Nav__Item, .Header.Header--Fixed .navbar>.container-md .Nav__Item, .Header.Header--Fixed .navbar>.container-sm .Nav__Item, .Header.Header--Fixed .navbar>.container-xl .Nav__Item, .Header.Header--Fixed .navbar>.container-xxl .Nav__Item {
        color: #000;
    }
    .Header.Header--Fixed .Header__Navbar {
        padding: 2px;
        background-color: var(--primary-color);
    }
    .Header {} .Container--Navbar {}
        .Header__Navbar .Navbar__Nav {}
            .Header__Navbar .Navbar__Nav .Nav__Item {
                font-size: 24px;
            }
            #homePage .Header__Navbar .Navbar__Nav .Nav__Item .Item__Link {
                color: rgb(255, 255, 255);
                font-size: 20px;
            }
            #homePage .nav-link {
                color: rgb(255, 255, 255);
                font-size: 20px;
            }
            #homePage .navbar-toggler-icon {
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
            }
            #homePage .navbar-toggler {
                border: none;
            } 
            .Header.Header--Fixed .Header__Navbar .Item__Link,
            #homePage .Header.Header--Fixed .nav-link,
            #homePage .Header.Header--Fixed .Item__Link {
                color: #000 !important;
            }
            #homePage .Header.Header--Fixed .navbar-toggler {
                background-color: var(--primary-color);
            }
            .Header.Header--Fixed .Header__Navbar .Navbar__Topbar .Item__Link,
            #homePage .Header.Header--Fixed .Navbar__Topbar .nav-link,
            #homePage .Header.Header--Fixed .Navbar__Topbar .Item__Link {
                color: #fff !important;
            }
                #homePage .Header__Navbar .Navbar__Nav .Nav__Item .Item__Link.active {
                    color: var(--primary-color);
                }
                .Header.Header--Fixed .Header__Navbar .Item__Link.active {
                    color: #000 !important;
                }
                .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown {
                    padding: 20px;
                }
                    .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown .Dropdown__Link {
                        font-size: 20px;
                    }
        .Header__Navbar .Navbar__Buttons {}
            .Header__Navbar .Navbar__Buttons .Buttons__Button {
                background-color: #c7d8fd;
                border-radius: 20px;
                color: #fff;
                font-size: 18px;
                padding: 2px 14px 5px;
            }
            .Header__Navbar .Navbar__Buttons .Buttons__Button.Buttons__Button--WithBorder {
                border: 1px solid #fff; 
                background-color: transparent;
                color: #fff; 
            }
            #homePage .Header__Navbar .Navbar__Buttons .Buttons__Button.Buttons__Button--WithBorder {
                border: 1px solid #fff;
                background-color: transparent;
                color: #ffffff;
            }
                .Header .Header__Navbar .Navbar__Topbar {
                    background-color: var(--primary-color);
                    padding: 4px;
                }
                    .Header .Header__Navbar .Navbar__Topbar .Topbar__Menu {             
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 10px;
                    }
                        .Topbar__Menu .Menu {
                            display: flex;
                            list-style: none;
                            padding: 0;
                            margin: 0;
                        }
                            .Topbar__Menu .menu-item {
                                margin-right: 20px;
                            }
                                .Topbar__Menu .menu-item a {
                                    text-decoration: none;
                                    font-size: 16px;
                                    color: #fff;
                                }
                        .Header .Header__Navbar .Navbar__Topbar .Topbar__Social .Social__Link .Link__Icon {
                            font-size: 16px;
                            color: #fff;
                        }
    
    .Hero {
        height: 720px; 
    }
        .Hero .Hero__Heading {
            font-size: 2.8rem; 
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 0.6rem;
        }
        .Hero .Hero__Paragraph {
            font-size: 1.2rem; 
            max-width: 1400px; 
            margin: 0 auto; 
            line-height: 1.5;
            margin-bottom: 0.6rem;
        }

    /* Footer */
    .Footer {
        background-color: var(--primary-color);
        padding: 40px 0 0;
        margin-top: 0;
    }
        .Footer__Logo {
            height: 60px;
            margin-bottom: 14px;
        }
        .Footer__Address {
            color: #FFF;
            font-size: 16px;
            margin-bottom: 0;
        }
        .Footer__Phone {
            color: #ffffffc8;
            margin-bottom: 20px;
            font-size: 16px;
        }
        .Footer__Social {}
            .Footer__Social .Social__Icon {
                display: flex;
                width: 34px;
                height: 34px;
                border-radius: 50%;
                border: 1px solid #ffffff37;
                align-items: center;
                justify-content: center;
            }
            .Footer__Social .Social__Icon span {
                scale: 0.7;
            }
        .Footer__Heading {
            color: #FFF;
            font-size: 20px;
            margin-bottom: 6px;
        }
        .Footer__Link {
            color: #ffffff93;
            font-size: 16px;
        }
        .Footer__Button {
            display: flex;
            width: max-content;
            color: #1E376D;
            font-size: 16px;
            background-color:  #fff;
            padding: 10px 12px;
            border-radius: 10px;
            margin-top: 10px;
        }
        .Footer__Bottom {
            background-color: #212121;
            color: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 16px 0;
            margin-top: 40px;
            font-size: 16px;
        }

        .Section__Heading {
            font-size: 36px;
            margin-bottom: 24px;
            text-align: center;
        }

    .Space--40 {
        height: 40px;
    }

    @keyframes TickerAnimate {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

/* Gallery */
    .Gallery {}
        .Gallery .Gallery__Header {}
            .Gallery .Gallery__Header .Header__Title {
                font-size: 36px;
            }
            .Gallery .Gallery__Header .Header__Paragraph {
                max-width: 600px;
                margin: 0 auto;
                font-size: 18px;
            }
        .Gallery .Gallery__Swiper {
            width: 100%;
            margin-bottom: 20px;
        }
            .Gallery .Gallery__Swiper .Swiper__Wrapper {}
                .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide {
                    border: 1px solid #1e376da4;
                    border-radius: 10px;
                    padding: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: 0.4s ease;
                }
                .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide:hover {
                    background-color: #1e376d;
                }
                    .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Link {
                        color: #1E376D;
                    }
                    .Gallery .Gallery__Swiper .Swiper__Wrapper .Wrapper__Slide:hover .Slide__Link {
                        color: #ffffff;
                    }

    .Thumbnails > a {
        display: flex;
        justify-content: center;
        align-items: center;

    }
    .Thumbnails > a > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
    .Thumbnails {
        display: grid;
        grid-gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        grid-auto-rows: 150px;
        grid-auto-flow: dense;
    }
    .Thumbnails .Horizontal {
        grid-column: span 2;
    }
    .Thumbnails .Vertical {
        grid-row: span 2;
    }
    .Thumbnails .Big {
        grid-column: span 2;
        grid-row: span 2;
    }

    #Videos > a {
        cursor: pointer;
    }
    

    /* Page--About */
    .Breadcrumb {
        margin: 0 0 128px;
        position: relative;
        top: 80px;
    }
        .Breadcrumb .Breadcrumb__List {
            color: #0000006e;
        }
            .Breadcrumb .Breadcrumb__List .List__Item {
                font-size: 18px;
                color: #00000096;
            }
    
    .Banner {
        margin: 0 0 60px;
        position: relative;
        padding: 66px 0;
        background-color: #1E376D;
        background-size: cover;
        background-position: center;
        background-blend-mode: multiply;
        color: #fff;
    }
        .Banner .Banner__Title {
            font-size: 48px;
        }

    /* Navigation */
    .Navigation {
        color: #000;
    }
        .pagination > li > a {
            color: #000;
        }
        .pagination > li > a:focus,
        .pagination > li > a:hover,
        .pagination > li > span:focus,
        .pagination > li > span:hover{
            color: #5a5a5a;
            background-color: #eee;
            border-color: #ddd;
        }
        .Navigation .pagination > .active > a {
            color: rgb(33, 33, 33);
        }       
        .Navigation .pagination > .active > a:hover {
            color: #000;
        }

    .Page__Layout {
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
        padding-top: 40px;
        width: 100%;
        background-color: #fff;
        position: relative;
        top: -60px;
    }
        .Page__Layout .Layout__Button {
            border: 1px solid #1e376d9e;
            padding: 12px 20px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 18px;
            color: #1E376D;
            font-weight: 600;
        }
            .Page__Layout .Layout__Button .Icon {
                rotate: -90deg;
            }
        .Page__Layout .Layout__Sidebar {
            margin-right: 20px;
        }
            .Page__Layout .Layout__Sidebar .Sidebar__Item {
                color: #000;
                font-size: 18px;
            }
            .Page__Layout .Layout__Sidebar .accordion {
                border: none;
                --bs-border-color: transparent;
            }
                .Page__Layout .Layout__Sidebar .accordion-item {
                    padding: 0;
                    border: 0;
                }
                    .Page__Layout .Layout__Sidebar .accordion-item .accordion-header {
                        padding: 0;
                        border: 0;
                    }
                        .Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button {
                            padding: 0;
                            margin: 0;
                            background-color: transparent;
                            border: 0;
                        }
                        .Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button::after {
                            background-size: 14px;
                        }
                            .Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button a {
                                padding: 0;
                                color: #000;
                                font-size: 18px;
                            }
                    .Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse {}
                        .Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse .accordion-body {}
                            .Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse .accordion-body a {
                                color: #000;
                                font-size: 17px;
                            }
        .Page__Layout .Layout__Body {}
            .Page__Layout .Layout__Body .Body__Paragraph {
                font-size: 18px;
            }
            .Page__Layout .Layout__Body .Body__Accordion {
                margin-top: 40px;
            }
                .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item {
                    margin-bottom: 10px;
                }
                    .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Header {}
                        .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Header .Header__Button {
                            background-color: #1e376d2c;
                            color: #1E376D;
                            border-radius: 6px;
                            font-size: 18px;
                        }
                    .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse {}
                        .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body {
                            padding: 40px 20px;
                        }
                            .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body .Body__Heading {
                                font-size: 20px;
                                font-weight: 600;
                                color: rgb(28, 62, 146);
                            }
                            .Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body .Body__Paragraph {
                                font-size: 18px;
                            }
            .Body__Text {}
                .Body__Text .Text__Img {
                    width: 380px;
                    height: 500px;
                    border-radius: 10px;
                    margin-top: 10px;
                    overflow: hidden;     
                    object-fit: cover;
                }
                .Body__Text .Text__Img.Text__Img--Person {
                    width: 340px;
                    height: 400px;
                }
                    .Body__Text .Text__Share span {
                        scale: 0.8;
                    }
                .Body__Text .Text__Title {
                    font-size: 36px;
                    font-weight: 600;
                    color: #333;
                }
                .Body__Text .Text__Subtitle {
                    color: rgb(33, 33, 33);
                    font-size: 20px;
                }
                .Body__Text .Text__Paragraph,
                .Body__Text p {
                    font-size: 18px;
                    margin-top: 24px;
                    line-height: 26px;
                    text-align: justify;
                }
                .Body__Text .Text__Nav {}
                    .Body__Text .Text__Nav .Nav__Item {}
                        .Body__Text .Text__Nav .Nav__Item .Item__Link {
                            color: #11203f;
                        }
                .Body__Text .Text__Content {
                    padding-top: 34px;
                }
                    .Body__Text .Text__Content .Content__Body {}
                        .Body__Text .Text__Content .Content__Body .Body__Title {
                            font-size: 18px;
                            font-weight: 600;
                        }
                        .Body__Text .Text__Content .Content__Body .Body__Paragraph {
                            font-size: 17px;
                        }
                        .Body__Text .Text__Content .Content__Body .Body__Link {
                            display: flex;
                            width: max-content;
                            background-color: var(--primary-color);
                            padding: 20px 34px;
                            color: #fff;
                            border-radius: 6px;
                            margin-top: 20px;
                        }

/* Helpers */
/* ======================== */

    /* Helper: .ObjectFit */
    .ObjectFit--Contain {
        object-fit: contain;
    }
    .ObjectFit--Cover {
        object-fit: cover;
    }

    /* Helper: .BackgroundColor */
    .BackgroundColor--F2EFEA {
        background-color: #F2EFEA;
    }

    /* Helper: .Color */
    .Color--1E376D {
        color: #1E376D;
    }

    /* Helper: .FontWeight */
    .FontWeight--100 {
        font-weight: 100;
    }
    .FontWeight--300 {
        font-weight: 300;
    }
    .FontWeight--400 {
        font-weight: 400;
    }
    .FontWeight--500 {
        font-weight: 500;
    }
    .FontWeight--600 {
        font-weight: 600;
    }
    .FontWeight--700 {
        font-weight: 700;
    }
    .FontWeight--800 {
        font-weight: 800;
    }
    .FontStyle--Italic {
        font-style: italic;
    }

    /* Helper: .Section__title */
    .Section__Title {
        font-size: 34px;
        font-weight: 600;
        line-height: 54px;
        letter-spacing: -5%;
    }

/* Customs
/* ======================== */

    /* Custom: 0001 */
    .Custom--0001 {
        color: #1E376D;
    }

@media only screen and (min-width: 1800px) {
    /* Block: .Header */
                .Header__Navbar .Navbar__Nav .Nav__Item {
                    font-size: 20px;
                }
                    .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown {}
                        .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown .Dropdown__Link {}
                        .Header__Navbar .Navbar__Nav .Nav__Item .Item__Dropdown .Dropdown__Divider {}
                .Header__Navbar .Navbar__Buttons .Buttons__Button {
                    font-size: 18px;
                }
                        .Header .Header__Navbar .Navbar__Topbar .Topbar__Menu .Menu__Link {
                            font-size: 17px;
                        }
                    .Header .Header__Navbar .Navbar__Topbar .Topbar__Social .Social__Link {}
                        .Header .Header__Navbar .Navbar__Topbar .Topbar__Social .Social__Link .Icon {
                            scale: 0.7;
                        }
                        
        .Hero .Hero__Card {
            position: absolute;
            background-color: #FFF;
            width: 200px;
            height: 200px;
            top: 0;
            right: 0;
        }
            .Hero .Hero__Swiper .Swiper__Next {
                height: 80%;
            }
            .Hero .Hero__Swiper .swiper-button-next:after {
                font-size: 18px;
                padding: 10px 14px;
            }
                .Hero .Hero__Swiper .Swiper__Slide .Slide__Content {
                    bottom: 280px;
                }
                    .Hero .Hero__Swiper .Swiper__Slide .Slide__Content .Content__Heading {
                        font-size: 80px !important;
                    }
                    .Hero .Hero__Swiper .Swiper__Slide .Slide__Content .Content__Paragraph {
                        font-size: 18px !important;
                        margin-top: 10px;
                    }

    /* Block: .QuickLinks */
    .QuickLinks {
        margin: 0 0 80px;
        padding-top: 48px;
    }
        .QuickLinks .QuickLinks__Heading {
            font-size: 24px;
        }
        .QuickLinks .QuickLinks__Link {
        }
            .QuickLinks .QuickLinks__Link .Link__Text {
                font-size: 18px;
            }
            .QuickLinks .QuickLinks__Link .Link__Icon {
                scale: 1.8;
            }

    /* Footer */
            .Footer__Social .Social__Icon {
                width: 42px;
                height: 42px;
            }
            .Footer__Social .Social__Icon span {
                scale: 0.9;
            }
        .Footer__Heading {
            font-size: 18px;
            margin-bottom: 10px;
        }
        .Footer__Link {
            font-size: 16px;
        }
        .Footer__Button {
            padding: 12px 14px;
        }
        .Footer__Bottom {
            font-size: 14px;
        }
        .Section__Header .Header__Heading {
            font-size: 30px;
        }
        .Section__Header .Header__Link {
            font-size: 16px;
        }

    /* Faculty Page */
    .Faculty__Layout {}
            .Faculty__Layout .Layout__Body .Body__Button {
                padding: 24px;
            }
            .Faculty__Layout .Layout__Body .Body__Swiper {
                width: 100%;
                margin-bottom: 20px;
            }
                .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper {
                    margin-bottom: 38px;
                }
                    .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                        .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img {
                            overflow: hidden;
                            width: 100%;
                            height: 400px;
                        }
                            .Faculty__Layout .Layout__Body .Body__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__Img img {
                                overflow: hidden;
                                width: 100%;
                                height: 400px;
                            }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /* Block: .Header */
            .Header__Navbar .Navbar__Buttons .Buttons__Button {
                font-size: 16px;
                padding: 2px 10px 5px;
            }
                .Header .Header__Navbar .Navbar__Topbar {
                    background-color: var(--primary-color);
                    padding: 4px;
                }
                            .Topbar__Menu .menu-item {
                                margin-right: 2px;
                            }

                        .Header .Navbar__Brand img {
                            height: 48px !important; 
                        }
        .Swiper .Slide__Content {
            padding: 24px !important;
        }
        .Page__Layout {
            border-top-left-radius: 28px;
            border-top-right-radius: 28px;
            padding-top: 0;
            width: 100%;
            background-color: #fff;
            position: relative;
            top: -80px;
        }

        .Faculty__Layout .Layout__Body.Layout__Body--Home {
            margin-top: 0 !important;
        }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}

.error-404 {
    text-align: center;
    padding: 100px 20px;
}

.error-404 h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.error-404 p {
    font-size: 1.2em;
    margin-bottom: 30px;
}

.error-404 .btn {
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    background-color: var(--primary-color);
}

/* .Countdown */
    .Countdown {
        background-color: #fff;
        border-radius: 24px;
        padding-top: 60px;
        position: relative;
        z-index: 1;
    }
    .Countdown__Timer {
        display: flex;
        justify-content: center;
        gap: 26px;
        flex-wrap: wrap;
        background-color: #003366;
        width: max-content;
        border-radius: 10px;
        padding: 26px;
        margin: 34px auto;
      }
      .Countdown__Timer .Timer__Box {
        background-color: #0b4987;
        color: white;
        padding: 20px;
        border-radius: 10px;
        min-width: 160px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
      }
      .Countdown__Timer .Timer__Box span {
        font-size: 18px;
        font-weight: 400;
      }
      .Countdown__Timer .Timer__Box .Box__Number {
        font-size: 28px;
        font-weight: 600;
      }
      .Countdown__Info {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 60px;
        margin-top: 40px;
        flex-wrap: wrap;
      }
      .Countdown__Info .Info__Box {
        text-align: center;
        font-size: 16px;
        color: #333;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      .Countdown__Info .Info__Divider {
        width: 80px;
        height: 1px;
        background-color: #ccc;
      }
        .Countdown__Info .Info__Box .Box__Icon {
            width: 88px;
            height: 88px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin-bottom: 10px;
            background-color: #F2F2F2;
            border: 1px solid #C6C6C6;
        }
            .Countdown__Info .Info__Box .Box__Icon span {
                font-size: 40px;
                color: #35B3FF;
            }

            :where([class^="ri-"])::before { content: "\f3c2"; }
              body {
                  font-family: 'Poppins', sans-serif;
              }
              .countdown-item {
                  position: relative;
              }
              .countdown-item:not(:last-child)::after {
                  content: ":";
                  position: absolute;
                  right: -10px;
                  top: 50%;
                  transform: translateY(-50%);
                  font-size: 2.5rem;
                  font-weight: 700;
                  color: #fff;
              }
              .accordion-content {
                  max-height: 0;
                  overflow: hidden;
                  transition: max-height 0.3s ease-out;
              }
              .accordion-content.active {
                  max-height: max-content;
              }
              input[type="number"]::-webkit-inner-spin-button,
              input[type="number"]::-webkit-outer-spin-button {
                  -webkit-appearance: none;
                  margin: 0;
              }
              .custom-checkbox {
                  position: relative;
                  padding-left: 30px;
                  cursor: pointer;
                  user-select: none;
              }
              .custom-checkbox input {
                  position: absolute;
                  opacity: 0;
                  cursor: pointer;
                  height: 0;
                  width: 0;
              }
              .checkmark {
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: 20px;
                  width: 20px;
                  background-color: #fff;
                  border: 2px solid #1e40af;
                  border-radius: 4px;
              }
              .custom-checkbox input:checked ~ .checkmark {
                  background-color: #1e40af;
              }
              .checkmark:after {
                  content: "";
                  position: absolute;
                  display: none;
              }
              .custom-checkbox input:checked ~ .checkmark:after {
                  display: block;
              }
              .custom-checkbox .checkmark:after {
                  left: 6px;
                  top: 2px;
                  width: 5px;
                  height: 10px;
                  border: solid white;
                  border-width: 0 2px 2px 0;
                  transform: rotate(45deg);}

                  :where([class^="ri-"])::before { content: "\f3c2"; }
              body {
                  font-family: 'Inter', sans-serif;
              }
              .countdown-item {
                  position: relative;
              }
              .countdown-item::after {
                  content: ':';
                  position: absolute;
                  right: -5px;
                  top: 50%;
                  transform: translateY(-50%);
                  font-size: 2rem;
                  font-weight: bold;
                  color: #1e40af;
              }
              .countdown-item:last-child::after {
                  display: none;
              }
              .stats-counter {
                  counter-reset: count 0;
                  animation: count-up 2s forwards;
              }
              @keyframes count-up {
                  from { counter-increment: count 0; }
                  to { counter-increment: count var(--target-count); }
              }
              .stats-counter::after {
                  content: counter(count);
              }
              input:focus {
                  outline: none;
              }
              .accordion-content {
                  max-height: 0;
                  overflow: hidden;
                  transition: max-height 0.3s ease;
              }
              .accordion-content.active {
                  max-height: max-content;
              }

.sticky-nav {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: white;
}
.accordion-content.active {
    max-height: 500px;
    overflow: auto;
}

@media only screen and (max-width: 600px) {   
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 24px;
}
.Swiper .swiper-button-next {
    right: -2px;
}
.Swiper .swiper-button-prev {
    left: -2px;
}

.Section__Heading {
    font-size: 24px !important;
}

.hero-swiper {}
    .hero-swiper h1 {
        font-size: 16px;
        line-height: 16px;
        max-width: 60%;
        margin-bottom: 10px !important;
    }
    .hero-swiper p {
        max-width: 60%;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px !important;
    }
    .hero-swiper a.bg-white {
        padding: 10px !important;
        font-size: 10px;
        line-height: 10px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hero-swiper a.bg-secondary {
        padding: 10px !important;
        font-size: 10px;
        line-height: 10px;
        display: flex;
        align-items: center;
        height: 28px;
        justify-content: center;
    }
}

.krokiSwiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.krokiSwiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    color: #bd6921;
}