@font-face {
    font-family: "Saudi";
    src: url("../fonts/SaudiWeb-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Saudi";
    src: url("../fonts/SaudiWeb-bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

.ehsanLogo {
    position: fixed;
    bottom: 30px;
    inset-inline-end: 1vw;
    z-index: 9999;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px
}

.fd-hero-1 {
    background: linear-gradient(to left, #211501, #7c5d21)
}

.fd-hero-2 {
    background: linear-gradient(to left, #312d6e, #6565e0)
}

.fd-hero-3 {
    background: linear-gradient(to left, #011d3a, #0050af)
}

.fd-hero-4 {
    background: linear-gradient(to left, #340117, #971a4d)
}

.fd-hero-5 {
    background: linear-gradient(to left, #1b2613, #607c4f)
}

.fd-hero-6 {
    background: linear-gradient(to left, #01572b, #5aba1c)
}

.fd-hero-desc-mobile {
    display: none
}

@keyframes fd-hero-cursor-blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.bannerMenu {
    position: relative;
    overflow: hidden
}

    .bannerMenu .homBanner {
        position: relative;
        overflow: hidden
    }

        .bannerMenu .homBanner .swiper-wrapper {
            transition-timing-function: ease
        }

        .bannerMenu .homBanner .swiper-slide {
            transition-property: opacity
        }

    .bannerMenu .fd-hero-cards {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 720px;
        height: 491px;
        z-index: 5;
        pointer-events: none;
        direction: ltr;
        overflow: visible
    }

@media(min-width: 1200px)and (max-width: 1400px) {
    .bannerMenu .fd-hero-cards {
        transform: scale(clamp(0.62, (100vw - 684px) / 720, 1));
        transform-origin: bottom left
    }
}

@media(max-width: 1199px) {
    .bannerMenu .fd-hero-cards {
        transform: none
    }
}

.bannerMenu .fd-hero-card {
    position: relative;
    flex-shrink: 0;
    width: 491px;
    height: 491px;
    margin-right: -445.2px;
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
    transition: transform .65s cubic-bezier(0.4, 0, 0.2, 1),opacity .5s ease,z-index 0s linear .35s;
    will-change: transform
}

    .bannerMenu .fd-hero-card:last-child {
        margin-right: 0
    }

    .bannerMenu .fd-hero-card img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .bannerMenu .fd-hero-card.is-visible, .is-deck-ready .bannerMenu .fd-hero-card {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    .bannerMenu .fd-hero-card.is-flipping {
        z-index: 8;
        transition: transform .65s cubic-bezier(0.4, 0, 0.2, 1),opacity .5s ease,z-index 0s
    }

    .bannerMenu .fd-hero-card.is-active {
        z-index: 10;
        transition: transform .65s cubic-bezier(0.4, 0, 0.2, 1),opacity .5s ease,z-index 0s
    }

.bannerMenu .contentBanner::after {
    display: none
}

.bannerMenu .contentBanner.fd-hero {
    height: 491px;
    max-height: none;
    align-items: stretch;
    overflow: hidden
}

    .bannerMenu .contentBanner.fd-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        opacity: .4;
        background-image: url("../images/national-day/2026/hero-pattern.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        pointer-events: none
    }

    .bannerMenu .contentBanner.fd-hero .container {
        position: relative;
        z-index: 2;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .bannerMenu .contentBanner.fd-hero .BNRtxt {
        width: 48%;
        max-width: 604px;
        padding-bottom: 72px;
        margin-inline-end: auto;
        position: relative;
        z-index: 6;
        text-align: right
    }

html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt, html:lang(en) .bannerMenu .contentBanner.fd-hero .BNRtxt {
    direction: ltr
}

.bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-logo {
    display: block;
    width: 175px;
    max-width: 100%;
    height: auto;
    margin-bottom: 24px
}

.bannerMenu .contentBanner.fd-hero .BNRtxt h1 {
    color: #fff;
    font-size: var(--Size-Display-typo-size-display-xl, 60px);
    line-height: 1;
    font-weight: 400;
    margin-bottom: 24px;
    font-family: "Saudi",sans-serif;
    letter-spacing: -1.2px
}

    .bannerMenu .contentBanner.fd-hero .BNRtxt h1 span, .bannerMenu .contentBanner.fd-hero .BNRtxt h1 .fd-hero-typed {
        color: inherit;
        font-family: inherit
    }

    .bannerMenu .contentBanner.fd-hero .BNRtxt h1 .fd-hero-typed {
        display: inline-block;
        min-width: .15em;
        white-space: pre;
        font-size: var(--Size-Display-typo-size-display-xl, 60px);
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.2px
    }

        .bannerMenu .contentBanner.fd-hero .BNRtxt h1 .fd-hero-typed.is-typing::after {
            content: "";
            display: inline-block;
            width: 3px;
            height: .82em;
            margin-inline-start: 4px;
            background: currentColor;
            vertical-align: -0.08em;
            animation: fd-hero-cursor-blink .75s step-end infinite
        }

.bannerMenu .contentBanner.fd-hero .BNRtxt p {
    color: #fff;
    font-size: var(--Size-Text-typo-size-text-xl, 20px);
    line-height: var(--Line-Height-Text-line-heights-text-xl, 30px);
    text-align: right;
    max-width: 604px;
    height: auto !important;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    margin-bottom: 0
}

    .bannerMenu .contentBanner.fd-hero .BNRtxt p span {
        font-size: var(--Size-Text-typo-size-text-xl, 20px);
        line-height: var(--Line-Height-Text-line-heights-text-xl, 30px)
    }

@media(min-width: 1200px)and (max-width: 1400px) {
    .bannerMenu .contentBanner.fd-hero .BNRtxt p {
        max-width: 455px
    }
}

.bannerMenu .contentBanner.fd-hero-1 .BNRtxt h1 .fd-hero-typed {
    color: #d8b67a
}

.bannerMenu .contentBanner.fd-hero-2 .BNRtxt h1 .fd-hero-typed {
    color: #ded8f7
}

.bannerMenu .contentBanner.fd-hero-3 .BNRtxt h1 .fd-hero-typed {
    color: #07b9ff
}

.bannerMenu .contentBanner.fd-hero-4 .BNRtxt h1 .fd-hero-typed {
    color: #ff85c7
}

.bannerMenu .contentBanner.fd-hero-5 .BNRtxt h1 .fd-hero-typed {
    color: #c9e0bb
}

.bannerMenu .contentBanner.fd-hero-6 .BNRtxt h1 .fd-hero-typed {
    color: #ebffe6
}

.bannerMenu .customPagi.bannerPagi {
    display: none
}

.bannerMenu .fd-hero-mobile-logo {
    display: none
}

.bannerMenu .fd-hero-nav-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 36px;
    z-index: 6;
    pointer-events: none;
    display: flex;
    justify-content: flex-start
}

.bannerMenu .fd-hero-nav {
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 48%;
    max-width: 604px;
    margin-inline-end: auto
}

    .bannerMenu .fd-hero-nav .swiper-button-prev, .bannerMenu .fd-hero-nav .swiper-button-next {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        width: 40px;
        height: 40px;
        margin: 0;
        flex-shrink: 0;
        border-radius: 50%;
        background-color: #1b8354;
        color: #fff
    }

        .bannerMenu .fd-hero-nav .swiper-button-prev::after, .bannerMenu .fd-hero-nav .swiper-button-next::after {
            font-size: 14px;
            font-weight: 700;
            color: #fff
        }

        .bannerMenu .fd-hero-nav .swiper-button-prev.swiper-button-disabled, .bannerMenu .fd-hero-nav .swiper-button-next.swiper-button-disabled {
            opacity: .45
        }

    .bannerMenu .fd-hero-nav .swiper-pagination {
        position: static;
        width: auto;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 4px 12px;
        border-radius: 9999px
    }

    .bannerMenu .fd-hero-nav .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 !important;
        background: #fff;
        opacity: 1;
        border-radius: 50%;
        transition: .2s;
        cursor: pointer;
        pointer-events: auto
    }

    .bannerMenu .fd-hero-nav .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #1b8354;
        opacity: 1;
        box-shadow: none
    }

@media(min-width: 1200px) {
    .bannerMenu .contentBanner.fd-hero .container {
        align-items: flex-start
    }

    .bannerMenu .contentBanner.fd-hero .BNRtxt {
        width: 604px;
        max-width: 604px;
        padding-top: 51px;
        padding-bottom: 0
    }

        .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-logo {
            margin-bottom: 32px
        }

        .bannerMenu .contentBanner.fd-hero .BNRtxt h1 {
            height: 72px;
            line-height: 72px;
            margin-bottom: 24px
        }

            .bannerMenu .contentBanner.fd-hero .BNRtxt h1 .fd-hero-typed {
                line-height: 72px
            }

        .bannerMenu .contentBanner.fd-hero .BNRtxt p {
            min-height: 120px
        }

    .bannerMenu .fd-hero-nav-wrap {
        bottom: 40px
    }

    .bannerMenu .fd-hero-nav {
        width: 604px;
        max-width: 604px;
        gap: 10px
    }

        .bannerMenu .fd-hero-nav .swiper-pagination {
            gap: 8px;
            padding: 4px 12px;
            border-radius: 9999px
        }

        .bannerMenu .fd-hero-nav .swiper-pagination-bullet {
            width: 12px;
            height: 12px
        }

        .bannerMenu .fd-hero-nav .swiper-pagination-bullet {
            pointer-events: auto;
            cursor: pointer
        }
}

@media(min-width: 1200px)and (max-width: 1400px) {
    .bannerMenu .contentBanner.fd-hero .BNRtxt {
        padding-top: 30px
    }

        .bannerMenu .contentBanner.fd-hero .BNRtxt h1 {
            margin-bottom: 10px
        }

    .bannerMenu .contentBanner.fd-hero .BNRtxt {
        width: min(604px,100% - 48px);
        max-width: 604px;
        margin-inline-end: auto;
        margin-inline-start: 0;
        flex-shrink: 0
    }

    .bannerMenu .fd-hero-nav {
        width: min(604px,100% - 48px);
        max-width: 604px;
        margin-inline-end: auto;
        margin-inline-start: 0
    }
}

@media(max-width: 1199px) {
    .bannerMenu {
        --fd-mobile-card-size: min(324px, 75.35vw);
        --fd-mobile-deck-height: min(359px, 83.49vw);
        --fd-mobile-card-offset: min(314px, 73vw);
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        padding-top: 14px;
        background: linear-gradient(180deg, #211501 0%, #7c5d21 100%);
        transition: background .65s ease
    }

        .bannerMenu .fd-hero-nav {
            margin: 0 auto !important
        }

        .bannerMenu[data-mobile-slide="1"] {
            background: linear-gradient(180deg, #312d6e 0%, #6565e0 100%)
        }

        .bannerMenu[data-mobile-slide="2"] {
            background: linear-gradient(180deg, #011d3a 0%, #0050af 100%)
        }

        .bannerMenu[data-mobile-slide="3"] {
            background: linear-gradient(180deg, #340117 0%, #971a4d 100%)
        }

        .bannerMenu[data-mobile-slide="4"] {
            background: linear-gradient(180deg, #1b2613 0%, #607c4f 100%)
        }

        .bannerMenu[data-mobile-slide="5"] {
            background: linear-gradient(180deg, #01572b 0%, #5aba1c 100%)
        }

        .bannerMenu .fd-hero-mobile-logo {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            padding: 0 16px;
            flex-shrink: 0
        }

            .bannerMenu .fd-hero-mobile-logo img {
                display: block;
                width: 145px;
                height: auto
            }

        .bannerMenu .fd-hero-cards {
            position: relative;
            left: auto;
            bottom: auto;
            transform: none;
            display: block;
            width: 100%;
            max-width: 100vw;
            height: var(--fd-mobile-deck-height);
            margin: 0;
            flex-shrink: 0;
            overflow: visible;
            pointer-events: auto;
            touch-action: pan-y
        }

            .bannerMenu .fd-hero-cards.is-dragging {
                touch-action: none
            }

                .bannerMenu .fd-hero-cards.is-dragging .fd-hero-card {
                    transition: none !important
                }

                    .bannerMenu .fd-hero-cards.is-dragging .fd-hero-card.is-active {
                        transform: translate3d(calc(-50% + var(--fd-drag-x, 0px)), 0, 0) scale(1)
                    }

                    .bannerMenu .fd-hero-cards.is-dragging .fd-hero-card.is-peek-left {
                        transform: translate3d(calc(-50% - var(--fd-mobile-card-offset) + var(--fd-drag-x, 0px)), 0, 0) scale(0.738)
                    }

                    .bannerMenu .fd-hero-cards.is-dragging .fd-hero-card.is-peek-right {
                        transform: translate3d(calc(-50% + var(--fd-mobile-card-offset) + var(--fd-drag-x, 0px)), 0, 0) scale(0.738)
                    }

        .bannerMenu .fd-hero-card {
            position: absolute;
            top: calc((var(--fd-mobile-deck-height) - var(--fd-mobile-card-size))/2);
            left: 50%;
            width: var(--fd-mobile-card-size);
            height: var(--fd-mobile-card-size);
            margin-right: 0;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translate3d(-50%, 0, 0) scale(0.738);
            transition: transform .65s cubic-bezier(0.4, 0, 0.2, 1),opacity .45s ease,visibility 0s linear .45s;
            z-index: 1
        }

            .bannerMenu .fd-hero-card.is-visible, .is-deck-ready .bannerMenu .fd-hero-card {
                opacity: 0;
                transform: translate3d(-50%, 0, 0) scale(0.738)
            }

            .bannerMenu .fd-hero-card.is-visible {
                visibility: visible
            }

            .bannerMenu .fd-hero-card.is-active {
                opacity: 1;
                z-index: 3;
                pointer-events: auto;
                cursor: grab;
                transform: translate3d(-50%, 0, 0) scale(1);
                transition: transform .65s cubic-bezier(0.4, 0, 0.2, 1),opacity .45s ease,visibility 0s
            }

                .bannerMenu .fd-hero-card.is-active:active {
                    cursor: grabbing
                }

            .bannerMenu .fd-hero-card.is-peek-left {
                opacity: 1;
                z-index: 2;
                pointer-events: auto;
                cursor: pointer;
                transform: translate3d(calc(-50% - var(--fd-mobile-card-offset)), 0, 0) scale(0.738);
                visibility: visible;
                transition: transform .65s cubic-bezier(0.4, 0, 0.2, 1),opacity .45s ease,visibility 0s
            }

            .bannerMenu .fd-hero-card.is-peek-right {
                opacity: 1;
                z-index: 2;
                pointer-events: auto;
                cursor: pointer;
                transform: translate3d(calc(-50% + var(--fd-mobile-card-offset)), 0, 0) scale(0.738);
                visibility: visible;
                transition: transform .65s cubic-bezier(0.4, 0, 0.2, 1),opacity .45s ease,visibility 0s
            }

            .bannerMenu .fd-hero-card.is-far {
                opacity: 0;
                visibility: hidden;
                z-index: 0
            }

        .bannerMenu .homBanner {
            width: 100%;
            height: auto;
            flex-shrink: 0
        }

            .bannerMenu .homBanner .swiper-wrapper, .bannerMenu .homBanner .swiper-slide {
                height: auto
            }

            .bannerMenu .homBanner .swiper-slide-active {
                z-index: 2
            }

        .bannerMenu .contentBanner.fd-hero {
            height: auto !important;
            min-height: 0;
            background: rgba(0,0,0,0) !important
        }

            .bannerMenu .contentBanner.fd-hero::before {
                background-position: center bottom;
                background-size: 100% auto;
                opacity: .35
            }

            .bannerMenu .contentBanner.fd-hero.fd-hero-1::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 0;
                pointer-events: none;
                background: linear-gradient(181deg, #5f4617 23.54%, #61481a 62.16%, rgba(97, 72, 26, 0) 110.35%)
            }

            .bannerMenu .contentBanner.fd-hero.fd-hero-2::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 0;
                pointer-events: none;
                background: linear-gradient(181deg, #5453bb 23.54%, #5453bb 62.16%, rgba(84, 83, 187, 0) 110.35%)
            }

            .bannerMenu .contentBanner.fd-hero.fd-hero-3::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 0;
                pointer-events: none;
                background: linear-gradient(181deg, #00408a 23.54%, #01418a 62.16%, rgba(1, 65, 138, 0) 110.35%)
            }

            .bannerMenu .contentBanner.fd-hero.fd-hero-4::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 0;
                pointer-events: none;
                background: linear-gradient(181deg, #77123c 23.54%, #78133d 62.16%, rgba(120, 19, 61, 0) 110.35%)
            }

            .bannerMenu .contentBanner.fd-hero.fd-hero-5::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 0;
                pointer-events: none;
                background: linear-gradient(181deg, #4b613d 23.54%, #4b613d 62.16%, rgba(75, 97, 61, 0) 110.35%)
            }

            .bannerMenu .contentBanner.fd-hero.fd-hero-6::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 0;
                pointer-events: none;
                background: linear-gradient(181deg, #3d9a21 23.54%, #3d9921 62.16%, rgba(61, 153, 33, 0) 110.35%)
            }

            .bannerMenu .contentBanner.fd-hero .container {
                height: auto;
                width: 100%;
                max-width: 430px;
                padding: 16px 16px 0;
                padding-bottom: 0;
                justify-content: center
            }

            .bannerMenu .contentBanner.fd-hero .BNRtxt {
                width: 100% !important;
                max-width: 100% !important;
                padding-bottom: 0;
                margin-inline: auto !important;
                margin-inline-end: 0;
                text-align: center !important
            }

                .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-logo {
                    display: none
                }

                .bannerMenu .contentBanner.fd-hero .BNRtxt h1 {
                    min-height: 48px;
                    font-size: 47.407px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 53.333px;
                    letter-spacing: -0.948px;
                    margin-bottom: 12px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: baseline;
                    flex-wrap: wrap;
                    gap: 8px;
                    color: #fff
                }

                    .bannerMenu .contentBanner.fd-hero .BNRtxt h1 .fd-hero-typed {
                        font-size: 39.463px;
                        font-weight: 700;
                        line-height: 47.356px;
                        letter-spacing: -0.789px
                    }

                        .bannerMenu .contentBanner.fd-hero .BNRtxt h1 .fd-hero-typed.is-typing::after {
                            content: "";
                            display: inline-block;
                            width: 3px;
                            height: 47.4px;
                            margin-inline-end: 4px;
                            background: currentColor;
                            vertical-align: -0.08em;
                            animation: fd-hero-cursor-blink .75s step-end infinite
                        }

                .bannerMenu .contentBanner.fd-hero .BNRtxt p {
                    font-size: 20px;
                    line-height: 30px;
                    text-align: center !important;
                    max-width: 398px;
                    min-height: 71px;
                    margin-inline: auto;
                    height: auto !important;
                    -webkit-line-clamp: unset;
                    line-clamp: unset;
                    overflow: visible
                }

                .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-desc-desktop {
                    display: none
                }

                .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-desc-mobile {
                    display: block;
                    text-align: center
                }

                .bannerMenu .contentBanner.fd-hero .BNRtxt p, .bannerMenu .contentBanner.fd-hero .BNRtxt p .fd-hero-desc-mobile {
                    text-align: center !important;
                    margin: 0 auto
                }

        .bannerMenu .contentBanner.fd-hero-1 .BNRtxt h1 {
            color: #fff
        }

            .bannerMenu .contentBanner.fd-hero-1 .BNRtxt h1 .fd-hero-typed {
                color: #d8b67a
            }

        .bannerMenu .contentBanner.fd-hero-2 .BNRtxt h1 .fd-hero-typed {
            color: #ded8f7
        }

        .bannerMenu .contentBanner.fd-hero-3 .BNRtxt h1 .fd-hero-typed {
            color: #07b9ff
        }

        .bannerMenu .contentBanner.fd-hero-4 .BNRtxt h1 .fd-hero-typed {
            color: #ff85c7
        }

        .bannerMenu .contentBanner.fd-hero-5 .BNRtxt h1 .fd-hero-typed {
            color: #c9e0bb
        }

        .bannerMenu .contentBanner.fd-hero-6 .BNRtxt h1 .fd-hero-typed {
            color: #ebffe6
        }

        .bannerMenu .fd-hero-nav-wrap {
            position: relative;
            bottom: auto;
            min-height: 62px;
            padding: 26px 16px 16px;
            justify-content: center;
            pointer-events: auto;
            z-index: 8
        }

        .bannerMenu .fd-hero-nav {
            width: auto;
            max-width: 100%;
            margin-inline-end: 0;
            justify-content: center;
            pointer-events: auto
        }

            .bannerMenu .fd-hero-nav .swiper-button-prev, .bannerMenu .fd-hero-nav .swiper-button-next {
                display: none
            }

            .bannerMenu .fd-hero-nav .swiper-pagination {
                pointer-events: auto;
                gap: 8px;
                padding: 4px 12px
            }

            .bannerMenu .fd-hero-nav .swiper-pagination-bullet {
                width: 12px;
                height: 12px;
                pointer-events: auto;
                cursor: pointer
            }
}

section.rollOfGaft {
    background-image: url("../images/national-day/2026/about-pattern.svg");
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: 100% auto;
    padding-bottom: 60px
}

section.ourNums {
    background-image: url("../images/national-day/2026/services-pattern.svg");
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: 100% auto;
    padding-bottom: 60px
}

.PublicationSec {
    background-image: url("../images/national-day/2026/news-pattern.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.partners {
    background-image: url("../images/national-day/2026/parteners-pattern.svg");
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: 100% auto
}

.rateContet:last-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 86px;
    background-image: url("../images/national-day/2026/footer-pattern.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    background-color: #074d31
}

html[lang=en] .fd-hero-1, html[lang=en-us] .fd-hero-1, html[dir=ltr] .fd-hero-1 {
    background: linear-gradient(to right, #211501, #7c5d21)
}

html[lang=en] .fd-hero-2, html[lang=en-us] .fd-hero-2, html[dir=ltr] .fd-hero-2 {
    background: linear-gradient(to right, #312d6e, #6565e0)
}

html[lang=en] .fd-hero-3, html[lang=en-us] .fd-hero-3, html[dir=ltr] .fd-hero-3 {
    background: linear-gradient(to right, #011d3a, #0050af)
}

html[lang=en] .fd-hero-4, html[lang=en-us] .fd-hero-4, html[dir=ltr] .fd-hero-4 {
    background: linear-gradient(to right, #340117, #971a4d)
}

html[lang=en] .fd-hero-5, html[lang=en-us] .fd-hero-5, html[dir=ltr] .fd-hero-5 {
    background: linear-gradient(to right, #1b2613, #607c4f)
}

html[lang=en] .fd-hero-6, html[lang=en-us] .fd-hero-6, html[dir=ltr] .fd-hero-6 {
    background: linear-gradient(to right, #01572b, #5aba1c)
}

html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-logo, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-logo, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-logo {
    margin-bottom: 16px
}

html[lang=en] .news, html[lang=en-us] .news, html[dir=ltr] .news {
    background-image: url("../images/national-day/2026/news-pattern_en.svg")
}

@media(min-width: 1200px) {
    html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt {
        width: 600px;
        padding-top: 40px
    }

        html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt {
            max-width: 600px
        }

            html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt h1, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt h1, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt h1 {
                zoom: .8
            }

            html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt p {
                zoom: .7
            }
}

@media(min-width: 1400px) {
    html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt {
        width: 705px;
        padding-top: 40px
    }

        html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt {
            max-width: 705px
        }

            html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt p {
                zoom: .8
            }
}

@media(min-width: 1500px) {
    html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt p {
        zoom: unset
    }
}

html[lang=en] .bannerMenu .fd-hero-nav .swiper-button-prev::after, html[lang=en-us] .bannerMenu .fd-hero-nav .swiper-button-prev::after, html[dir=ltr] .bannerMenu .fd-hero-nav .swiper-button-prev::after {
    content: "prev"
}

html[lang=en] .bannerMenu .fd-hero-nav .swiper-button-next::after, html[lang=en-us] .bannerMenu .fd-hero-nav .swiper-button-next::after, html[dir=ltr] .bannerMenu .fd-hero-nav .swiper-button-next::after {
    content: "next"
}

html[lang=en] .bannerMenu .fd-hero-cards, html[lang=en-us] .bannerMenu .fd-hero-cards, html[dir=ltr] .bannerMenu .fd-hero-cards {
    left: auto;
    right: 0
}

@media(min-width: 1200px) {
    html[lang=en] .bannerMenu .fd-hero-cards, html[lang=en-us] .bannerMenu .fd-hero-cards, html[dir=ltr] .bannerMenu .fd-hero-cards {
        flex-direction: row-reverse
    }

        html[lang=en] .bannerMenu .fd-hero-cards .fd-hero-card, html[lang=en-us] .bannerMenu .fd-hero-cards .fd-hero-card, html[dir=ltr] .bannerMenu .fd-hero-cards .fd-hero-card {
            margin-right: 0;
            margin-left: -445.2px;
            transform: translate3d(50px, 0, 0)
        }

            html[lang=en] .bannerMenu .fd-hero-cards .fd-hero-card:last-child, html[lang=en-us] .bannerMenu .fd-hero-cards .fd-hero-card:last-child, html[dir=ltr] .bannerMenu .fd-hero-cards .fd-hero-card:last-child {
                margin-left: 0
            }

            html[lang=en] .bannerMenu .fd-hero-cards .fd-hero-card.is-visible, .is-deck-ready html[lang=en] .bannerMenu .fd-hero-cards .fd-hero-card, html[lang=en-us] .bannerMenu .fd-hero-cards .fd-hero-card.is-visible, .is-deck-ready html[lang=en-us] .bannerMenu .fd-hero-cards .fd-hero-card, html[dir=ltr] .bannerMenu .fd-hero-cards .fd-hero-card.is-visible, .is-deck-ready html[dir=ltr] .bannerMenu .fd-hero-cards .fd-hero-card {
                transform: translate3d(0, 0, 0)
            }
}

@media(min-width: 1200px)and (max-width: 1400px) {
    html[lang=en] .bannerMenu .fd-hero-cards, html[lang=en-us] .bannerMenu .fd-hero-cards, html[dir=ltr] .bannerMenu .fd-hero-cards {
        transform-origin: bottom right
    }
}

html[lang=en] .bannerMenu .fd-hero-nav-wrap, html[lang=en-us] .bannerMenu .fd-hero-nav-wrap, html[dir=ltr] .bannerMenu .fd-hero-nav-wrap {
    direction: ltr;
    z-index: 10;
    justify-content: flex-start
}

html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt {
    text-align: left
}

@media(min-width: 1199px) {
    html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt {
        padding-bottom: 88px
    }
}

html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt h1, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt h1, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt h1 {
    font-weight: bold;
    margin-bottom: 16px
}

html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt p {
    text-align: left
}

html[lang=en] .bannerMenu .fd-hero-nav, html[lang=en-us] .bannerMenu .fd-hero-nav, html[dir=ltr] .bannerMenu .fd-hero-nav {
    margin-inline-start: 0;
    margin-inline-end: auto
}

@media(max-width: 1199px) {
    html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt {
        text-align: center !important
    }

        html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt h1, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt h1, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt h1 {
            justify-content: center
        }

        html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt p, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt p {
            text-align: center !important
        }

        html[lang=en] .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-typed.is-typing::after, html[lang=en-us] .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-typed.is-typing::after, html[dir=ltr] .bannerMenu .contentBanner.fd-hero .BNRtxt .fd-hero-typed.is-typing::after {
            margin-inline-end: 0;
            margin-inline-start: 4px
        }
}
/*# sourceMappingURL=national-day-2026.css.map */