/* Generated by tools/build-css-bundles.mjs. Edit the source CSS files, not this bundle. */
/* Source: SharedComponents/SectionTitle/legacy.css */
/* Reorganized from wwwroot/css/HomeScreen/base.css. */


    .section-title {
        position: relative;
        display: block;
        margin-top: -13px;
        margin-bottom: 48px;
    }


    .section-title__title {
        margin: 0;
        color: var(--fr-purple);
        font-size: var(--summit-title-font-size, clamp(2.25rem, 4vw, 3.05rem));
        line-height: var(--summit-title-line-height, 1.08);
        font-weight: 760;
        letter-spacing: 0;
    }

/* Source: SharedComponents/SectionTitle/styles-320.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-320.css. */
/*≥320px (small mobile)*/
@media (max-width: 479px) {

        .section-title {
            margin-bottom: 20px;
        }
}

/* Source: SharedComponents/SectionTitle/styles-480.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-480.css. */
/*480px (large mobile)*/
@media (min-width: 480px) and (max-width: 767px) {
    .section-title {
        margin-bottom: 20px;
    }
}

/* Source: SharedComponents/SectionTitle/styles-768.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-768.css. */
/* Tablet Portrait (768px – 1023px) */

@media (min-width: 768px) and (max-width: 991px) {

    .section-title {
        margin-bottom: 20px;
    }
}

/* Source: HomeScreen/base.css */
/* Reorganized from wwwroot/css/HomeScreen/base.css. */


.home-welcome-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(300px, 370px) minmax(0, 570px);
    gap: 24px;
    justify-content: center;
    min-height: 680px;
    padding-top: 180px;
    padding-bottom: 50px;
}

.lastest-new-art:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 54.3px;
    background-image: url(/images/menu-ornament-big.png);
    background-position: left center;
    background-repeat: repeat-x;
    background-size: auto 100%;
    pointer-events: none;
}

.last-news-reserve-margin {
    margin-top: 8rem;
}

.lastest-new-art {
    margin: 40px auto;
}


.lastest-new-section {
    margin: 70px auto;
    position: relative;
}

.home-welcome-title p {
    font-weight:400;
}


    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 5%, 99% 5%;
        background-repeat: no-repeat, no-repeat;
        /*background-size: auto 90%, auto 90%;*/
        background-color: #fff;
        z-index: 1;
    }


    #countdown {
        width: 100%;
        font-size: 2rem;
        padding-left: 0;
        font-weight: 600;
        color: var(--fr-purple);
        letter-spacing: 0.1em;
        font-variant-numeric: tabular-nums;
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }


    .history-one__content-title {
        color: var(--fr-purple);
        font-weight: 500;
    }


    .history-one__content-right {
        position: relative;
        display: block;
        margin-left: 0px;
        text-align: center;
    }


    .history-one__content-img {
        object-fit: contain;
    }


        .history-one__content-img img {
            object-fit: contain;
            width: 100%;
        }


    .history-one__inner {
        position: relative;
        display: block;
        padding: 0 0 50px;
    }


    .latest-block-box .type-post .blog-content {
        position: initial;
    }


    .last-news-img {
        object-fit: cover;
    }


    .nav-tabs.flat-tabs .nav-link {
        border: none;
        border-bottom: 3px solid transparent;
        color: #444;
        font-weight: 500;
        background: none;
        transition: all 0.2s ease;
        white-space: nowrap;
        width: 100%;
    }


    .type-post .blog-content .entry-title h3 a {
        margin: 15px 0;
        color: var(--fr-purple);
        text-transform: uppercase;
        letter-spacing: .2px;
        text-decoration: none;
    }


    .three-line-truncate p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 6em;
        line-height: 2em;
    }


    .entry-content {
        color: #666;
        font-weight: 400;
    }


    .type-post .post-date span {
        display: block;
        color: #fff;
        text-transform: uppercase;
    }


    .latest-block-box .type-post .post-date {
        left: 15px;
        padding: 5px 0;
        right: 0;
    }


    .type-post .post-date {
        background-color: var(--fr-dark);
        display: inline-block;
        text-align: center;
    }


    .nav-tabs.flat-tabs .nav-link:hover {
        border-bottom: 3px solid #cccccc;
        color: #000;
    }


    .nav-tabs.flat-tabs .nav-link.active {
        color: var(--fr-purple);
        border-bottom: 3px solid var(--fr-purple);
        font-weight: 600;
    }


    .history-one__wrap {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto 0;
        background-color: #f7f7f7;
        overflow: hidden;
        z-index: 1;
        padding: 0 60px;
    }


    .history-one__content-left {
        position: relative;
        display: block;
        margin-top: 20px;
    }


    .media-photo-container > img {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }


    .video-thumbnail-wrapper {
        cursor: pointer;
    }


    .latest-block-box .type-post {
        max-width: none;
    }


    .schedule-section {
        padding-bottom: 50px;
    }


    .counter-content .countdown li > span {
        font-weight: 700;
        background: var(--fr-purple);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: none;
    }


    .how_work_img i {
        color: var(--fr-yellow);
    }


    .line_animation {
        top: 0px;
        left: 50%;
        bottom: 0px;
        z-index: -1;
        display: block;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-left: 1px solid #f4f4f4;
    }


        .line_animation:before {
            width: 3px;
            left: -2px;
            content: "";
            height: 12px;
            border-radius: 100%;
            position: absolute;
            -webkit-animation: line_animation 15s ease-out infinite;
            animation: line_animation 15s ease-out infinite;
            background-color: var(--fr-yellow);
        }


        .line_animation .line_area {
            width: 100%;
            float: left;
            height: 100%;
            position: relative;
            display: inline-block;
            border-right: 1px solid #f4f4f4;
        }


            .line_animation .line_area:nth-child(odd):before {
                -webkit-animation: line_animation_2 15s ease-out infinite;
                animation: line_animation_2 15s ease-out infinite;
            }


            .line_animation .line_area:before {
                width: 3px;
                right: -2px;
                content: "";
                height: 12px;
                border-radius: 100%;
                position: absolute;
                background-color: var(--fr-yellow);
            }


            .line_animation .line_area:nth-child(even):before {
                -webkit-animation: line_animation 15s ease-out infinite;
                animation: line_animation 15s ease-out infinite;
            }


    @-webkit-keyframes line_animation {
        0% {
            top: 0px;
            opacity: 1;
        }

        50% {
            top: 50%;
        }

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


    @keyframes line_animation {
        0% {
            top: 0px;
            opacity: 1;
        }

        50% {
            top: 50%;
        }

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


    @-webkit-keyframes line_animation_2 {
        0% {
            opacity: 1;
            bottom: 0px;
        }

        50% {
            bottom: 50%;
        }

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


    @keyframes line_animation_2 {
        0% {
            opacity: 1;
            bottom: 0px;
        }

        50% {
            bottom: 50%;
        }

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

/* Source: HomeScreen/styles-320.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-320.css. */
/*≥320px (small mobile)*/
@media (max-width: 479px) {
    .lastest-new-art:before {
        height: 30px;
        background-position: center center;
    }
    .home-welcome-layout {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 0;
        padding: 100px 24px 56px;
    }
    .home-welcome-layout {
        padding: 120px 20px 48px;
    }
    .last-news-reserve-margin {
        margin-top: 5rem;
    }
    .custom-last-news {
        margin-left: 0;
        margin-right: 0;
    }
    .how_work_img_serial .how_work_img {
        height: 40px !important;
    }
    .how_work_box {
        margin-top: 20px
    }

    .line_animation {
        width: 92% !important;
    }

    .how_work_text {
        margin: 0 auto;
        max-width: 170px;
    }

        .how_work_text h4 {
            font-size: 16px;
            padding: 10px 0px 0px 0px;
        }

        .how_work_text h6 {
            font-size: 13px;
            line-height: 1.5;
        }

    .how_work_img i {
        font-size: 40px;
    }

    .how_work_section {
        padding: 20px 0px 30px;
        position: relative;
    }
    .counter-content .countdown li > span {
        font-size: 3em;
    }
    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: -2.5vw 15%, 76vw 15%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 57%, auto 57%;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 52vw;
        width: 100%;
        margin: 0 auto 5px auto;
    }

    .home-welcome-title p {
        font-size: 3.6vw;
        font-weight:500
    }

    .video-thumbnail-wrapper {
        height: 52vw;
        cursor: pointer;
    }
    .media-photo-container > img {
        max-height: 52vw;
        margin: 2px 0 2px 0;
    }
        .media-photo-container {
          
            padding: 5px;
            margin-top: 10px;
        }

        .entry-content {
            font-size: 13px;
            line-height: 26px;
        }
    .fade-text-container span {
        font-size: 13px !important;
        line-height: 26px;
    }
    .type-post .post-date span {
        font-size: 16px;
        margin-top: 0px;
    }

        .type-post .post-date {
            width: 55px;
            height: 55px;
            padding: 5px 0;
        }

        .countdown-container h2 {
            font-size: 21px;
            letter-spacing: 1px;
            line-height:1.5em;
        }

        #countdown {
            font-size: 2.4vw;
        }

        .tab-scroll-container {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            white-space: nowrap;
            scrollbar-width: none;
            width: 100%;
        }

            .tab-scroll-container::-webkit-scrollbar {
                display: none;
            }

            .tab-scroll-container .nav-tabs {
                flex-wrap: nowrap !important;
            }

            .tab-scroll-container .nav-item {
                width: 115px;
            }

            .tab-scroll-container .nav-link {
                width: auto;
            }

        .last-news-img {
            width: 100%;
            height: 100%;
            max-height: 320px;
            object-fit: contain;
        }

        .latest-block-box .type-post {
            padding: 0
        }

            .latest-block-box .type-post .blog-content {
                padding: 10px
            }

        .nav-tabs.flat-tabs .nav-link {
            font-size: 1.05em;
            padding: 0.75rem 1rem;
            width: 120px;
        }

        .reserve-padding-small-screen {
            padding: 0;
        }
}

/* Source: HomeScreen/styles-480.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-480.css. */
/*480px (large mobile)*/
@media (min-width: 480px) and (max-width: 767px) {
    .last-news-reserve-margin {
        margin-top: 6rem;
    }

    .home-welcome-layout {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 0;
        padding: 100px 24px 56px;
    }
    .home-welcome-layout {
        padding: 120px 20px 48px;
    }
    .line_animation {
        width: 440px !important;
    }
    .how_work_box {
        margin-top: 20px
    }

    .line_animation {
        width: 95% !important;
    }

    .how_work_text {
        margin: 0 auto;
        max-width: 170px;
    }

        .how_work_text h4 {
            font-size: 18px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text h6 {
            font-size: 14px;
            line-height: 1.857;
        }

    .how_work_img i {
        font-size: 40px;
    }
    .how_work_section {
        padding: 20px 0px 30px;
        position: relative;
    }
    .counter-content .countdown li > span {
        font-size: 1.5em;
    }
    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 15%, 106.5% 15%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 60%, auto 60%;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 220px;
        width: 100%;
        margin: 0 auto 5px auto;
    }

    .home-welcome-title p {
        font-size: 17px;
        font-weight:400;
    }
    .lastest-new-art:before {
        height: 37.3px;
        background-position: center center;
    }

        .countdown-container h2 {
            font-size: 16px;
            letter-spacing: 1px
        }

        #countdown {
            font-size: 2.8vw;
        }

        .history-one__wrap {
            padding: 0 10px !important;
            background-repeat: no-repeat;
        }

        .video-thumbnail-wrapper {
            height: 240px;
            cursor: pointer;
        }

        .media-photo-container {
            height: 240px;
            margin-top: 10px;
            padding: 5px;
        }

        .entry-content {
            font-size: 12px;
            line-height: 24px;
        }

        .type-post .post-date span {
            font-size: 16px;
            margin-top: 0px;
        }

        .type-post .post-date {
            width: 55px;
            height: 55px;
            padding: 5px 0;
        }

        .tab-scroll-container {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            white-space: nowrap;
            scrollbar-width: none;
            width: 100%;
        }

            .tab-scroll-container::-webkit-scrollbar {
                display: none;
            }

            .tab-scroll-container .nav-tabs {
                flex-wrap: nowrap !important;
            }

            .tab-scroll-container .nav-item {
                width: 115px;
            }

            .tab-scroll-container .nav-link {
                width: auto;
            }

        .last-news-img {
            width: 100%;
            height: 100%;
            max-height: 320px;
            object-fit: contain;
        }

        .latest-block-box .type-post {
            padding: 0
        }

            .latest-block-box .type-post .blog-content {
                padding: 10px
            }

        .nav-tabs.flat-tabs .nav-link {
            font-size: .9em;
            padding: 0.75rem 1rem;
            width: 110px;
        }

    .lastest-new-art:before {
        height: 30px;
        background-position: center center;

    }
}

/* Source: HomeScreen/styles-768.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-768.css. */
/* Tablet Portrait (768px – 1023px) */

@media (min-width: 768px) and (max-width: 991px) {
    .last-news-reserve-margin {
        margin-top: 6rem;
    }
    .home-welcome-layout {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 0;
        padding: 100px 24px 56px;
    }
    .lastest-new-art:before {
        height: 28.8px;
        background-position: center center;
    }
    .last-news-reserve-margin {
        margin-top: 4.5rem;
    }

    .line_animation {
        width: 700px !important;
    }

    .how_work_box {
        margin-top: 20px
    }

    .line_animation {
        width: 95% !important;
    }

    .how_work_text {
        margin: 0 auto;
        max-width: 170px;
    }

        .how_work_text h4 {
            font-size: 18px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text h6 {
            font-size: 14px;
            line-height: 1.857;
        }

    .how_work_img i {
        font-size: 40px;
    }

    .how_work_section {
        padding: 50px 0px 50px;
        position: relative;
    }

    .counter-content .countdown li > span {
        font-size: 1.5em;
    }

    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 30%, 99% 30%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 22vw, auto 22vw;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 240px;
        width: 100%;
        margin-bottom: 25px;
    }

    .home-welcome-title p {
        font-size: 15px;
        font-weight: 600;
    }


    .three-line-truncate p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 6em;
        line-height: 1.5em;
    }

    .nav-tabs.flat-tabs .nav-link {
        font-size: .8em;
        padding: 0.75rem 1rem;
        width: 110px;
    }

    .latest-block-box .type-post .blog-content {
        padding: 0 0 0 20px;
        position: initial;
    }

    .last-news-img {
        width: 150px;
        height: 190px;
        object-fit: cover;
    }

    .type-post .blog-content .entry-title h3 a {
        font-size: 15px;
        margin: 15px 0 0 0;
    }

    .three-line-truncate p {
        max-height: 6em;
        line-height: 2em;
    }

    .entry-content {
        font-size: 10px;
        line-height: 24px;
    }

    .type-post .post-date span {
        font-size: 12px;
        margin-top: -3px;
    }

    .type-post .post-date {
        width: 45px;
        height: 45px;
        padding: 5px 0;
    }

    .tab-scroll-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
        width: 100%;
    }

        .tab-scroll-container::-webkit-scrollbar {
            display: none;
        }

        .tab-scroll-container .nav-tabs {
            flex-wrap: nowrap !important;
        }

        .tab-scroll-container .nav-item {
            width: 115px;
        }

        .tab-scroll-container .nav-link {
            width: auto;
        }

    .video-thumbnail-wrapper {
        height: 400px;
        cursor: pointer;
    }

    .media-photo-container {
        height: 280px;
        padding: 5px;
    }
}

/* Source: HomeScreen/styles-992.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-992.css. */
@media (min-width: 992px) and (max-width: 1199px) {
    .lastest-new-art:before {
        height: 38.2px;
        background-position: center center;
    }
    .home-welcome-layout {
        grid-template-columns: minmax(300px, 340px) minmax(0, 520px);
        gap: 22px;
        padding-right: 28px;
        padding-left: 28px;
    }
    .line_animation {
        width: 930px !important;
    }
    .how_work_text {
        margin: 0 auto;
        max-width: 170px;
    }

        .how_work_text h4 {
            font-size: 18px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text h6 {
            font-size: 14px;
            line-height: 1.857;
        }

    .how_work_section {
        padding: 30px 0px 100px;
        position: relative;
    }

    .how_work_img i {
        font-size: 40px;
    }
    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 30%, 99% 30%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 20vw, auto 20vw;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 260px;
        width: 100%;
        margin: 0 auto 35px auto;
        display:flex;
    }

    .home-welcome-title p {
        font-size: 17px;
        font-weight: 500;
    }

    .three-line-truncate p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 6em;
        line-height: 1.5em;
    }

    .nav-tabs.flat-tabs .nav-link {
        font-size: .8em;
        padding: 0.75rem 1rem;
        width: 110px;
    }

    .latest-block-box .type-post .blog-content {
        padding: 0 10px 0 20px;
        position: initial;
    }

    .last-news-img {
        width: 170px;
        height: 205px;
        object-fit: cover;
    }

    .type-post .blog-content .entry-title h3 a {
        font-size: 15px;
        margin: 15px 0 0 0;
    }

    .three-line-truncate p {
        max-height: 6em;
        line-height: 2em;
    }

    .entry-content {
        font-size: 12px;
        line-height: 24px;
    }

    .type-post .post-date span {
        font-size: 16px;
        margin-top: -3px;
    }

    .type-post .post-date {
        width: 50px;
        height: 50px;
        padding: 5px 0;
    }

    .tab-scroll-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
        width: 100%;
    }

        .tab-scroll-container::-webkit-scrollbar {
            display: none;
        }

        .tab-scroll-container .nav-tabs {
            flex-wrap: nowrap !important;
        }

        .tab-scroll-container .nav-item {
            width: 115px;
        }

        .tab-scroll-container .nav-link {
            width: auto;
        }
    .video-thumbnail-wrapper {
        height: 100%;
        cursor: pointer;
    }

    .media-photo-container {
        height: 180px;
        padding: 5px;
    }
    .counter-content .countdown li > span {
        font-size: 1.5em;
    }
}

/* Source: HomeScreen/styles-1200.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-1200.css. */
/* ≥1024px (tablet landscape / small desktop)*/
@media (min-width: 1200px) and (max-width: 1279px) {
    .lastest-new-art:before {
        height: 41.2px;
        background-position: center center;
    }
    .line_animation {
        width: 1000px;
        opacity: .5;
    }
    .how_work_text {
        margin: 0 auto;
        max-width: 180px;
    }

        .how_work_text h4 {
            font-size: 19px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text h6 {
            font-size: 14px;
            line-height: 1.857;
        }
    .how_work_section {
        padding: 50px 0px 100px;
        position: relative;
    }
    .how_work_img i {
        font-size: 40px;
    }
    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 5%, 99% 5%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 15vw, auto 15vw;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 220px;
        width: 100%;
    }
    .home-welcome-title p {
        font-size: 17px;
        font-weight: 500;
    }

    .three-line-truncate p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 6em;
        line-height: 2em;
    }
    .nav-tabs.flat-tabs .nav-link {
        font-size: .7em;
        padding: 0.75rem .75rem;
    }

    .latest-block-box .type-post .blog-content {
        padding: 0 20px 0 20px;
        position: initial;
    }

    .last-news-img {
        width: 190px;
        height: 216px;
        object-fit: cover;
    }

    .type-post .blog-content .entry-title h3 a {
        font-size: 16px;
        margin: 10px 0;
    }

    .three-line-truncate p {
        max-height: 6em;
        line-height: 2em;
    }

    .entry-content {
        font-size: 12px;
        line-height: 24px;
    }

    .type-post .post-date span {
        font-size: 16px;
        margin-top: -3px;
    }

    .type-post .post-date {
        width: 50px;
        height: 50px;
        padding: 5px 0;
    }
    .history-one__content-left {
        position: relative;
        display: block;
        margin-top: 20px;
    }
    .video-thumbnail-wrapper {
        height: 100%;
        cursor: pointer;
    }

    .media-photo-container {
        height: 240px;
        padding: 5px;
    }
    .counter-content .countdown li > span {
        font-size: 1.5em;
    }
}

/* Source: HomeScreen/styles-1280.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-1280.css. */
/* Desktop (1280px – 1439px) */
@media (min-width: 1280px) and (max-width: 1439px) {
    .lastest-new-art:before {
        height: 40.25px;
        background-position: center center;
    }
    .line_animation {
        width: 980px;
        opacity: .5;
    }
    .how_work_text {
        margin: 0 auto;
        max-width: 240px;
    }

        .how_work_text h4 {
            font-size: 22px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text p {
            font-size: 14px;
            line-height: 1.857;
        }
    .how_work_section {
        padding: 50px 0px 100px;
        position: relative;
    }
    .how_work_img i {
        font-size: 40px;
    }

    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 20%, 99% 20%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 65%, auto 65%;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 230px;
        width: 100%;
    }
    .home-welcome-title p {
        font-size: 17px;
    }
    .nav-tabs.flat-tabs .nav-link {
        font-size: .75em;
        padding: 0.75rem 1.25rem;
    }
    .latest-block-box .type-post .blog-content {
        padding: 0 20px 0 0px;
        position: initial;
    }

    .last-news-img {
        width: 180px;
        height: 216px;
        object-fit: cover;
    }

    .type-post .blog-content .entry-title h3 a {
        font-size: 16px;
        margin: 10px 0;
    }

    .three-line-truncate p {
        max-height: 6em;
        line-height: 2em;
    }
    .entry-content {
        font-size: 12px;
        line-height: 24px;
    }
    .type-post .post-date span {
        font-size: 20px;
        margin-top: -3px;
    }

    .type-post .post-date {
        width: 55px;
        height: 55px;
        padding: 7px 0;
    }
    .history-one__content-left {
        margin-top: 20px;
    }
    .history-one__content-title {
        font-size: 2.5em;
    }
    .video-thumbnail-wrapper {
        height: 100%;
        cursor: pointer;
    }
    .media-photo-container {
        height: 220px;
        padding: 5px;
    }
    .counter-content .countdown li > span {
        font-size: 1.5em;
    }
}

/* Source: HomeScreen/styles-1440.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-1440.css. */
/* Large Desktop (1440px – 1919px) */
@media (min-width: 1440px) and (max-width: 1511px) {
    .lastest-new-art:before {
        height: 45.2px;
        background-position: center center;
    }
    .line_animation {
        width: 1100px;
        opacity: .5;
    }
    .how_work_text {
        margin: 0 auto;
        max-width: 240px;
    }

        .how_work_text h4 {
            font-size: 22px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text p {
            font-size: 14px;
            line-height: 1.857;
        }
    .how_work_img i {
        font-size: 40px;
    }
    .how_work_section {
        padding: 50px 0px 50px;
        position: relative;
    }
    .history-one__wrap {
        max-width: 1290px;
    }
    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 20%, 99% 20%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 80%, auto 80%;
        background-color: #fff;
        z-index: 1;
    }
    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 240px;
        width: 100%;
    }
    .home-welcome-title p {
        font-size: 20px;
    }
    .latest-block-box .type-post .blog-content {
        padding: 0 20px 0 20px;
        position: initial;
    }
    .last-news-img {
        width: 210px;
        height: 250px;
        object-fit: cover;
    }
    .nav-tabs.flat-tabs .nav-link {
        font-size: .8em;
        padding: 0.75rem 1.25rem;
    }

    .type-post .blog-content .entry-title h3 a {
        font-size: 20px;
        margin: 15px 0;
    }

    .three-line-truncate p {
        max-height: 6em;
        line-height: 2em;
    }
    .entry-content {
        font-size: 13px;
        line-height: 24px;
    }
    .type-post .post-date span {
        font-size: 26px;
        margin-top: -5px;
    }

    .type-post .post-date {
        width: 61px;
        height: 61px;
        padding: 7px 0;
    }
    .history-one__content-left {
        margin-top: 20px;
    }
    .history-one__content-title {
        font-size: 3em;
    }
    .video-thumbnail-wrapper {
        height: 566px;
        cursor: pointer;
    }
    .media-photo-container > img {
        min-height: 260px;
        max-height: 300px;
    }
    .media-photo-container {
        min-height: 260px;
        padding: 5px;
    }
    .counter-content .countdown li > span {
        font-size: 1.5em;
    }
}

/* Source: HomeScreen/styles-1512.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-1512.css. */
@media (min-width: 1512px) and (max-width: 1919px) {
    .lastest-new-art:before {
        height: 48.5px;
        background-position: center center;
    }
    .line_animation {
        width: 1180px;
        opacity: .5;
    }
    .how_work_text {
        margin: 0 auto;
        max-width: 240px;
    }

        .how_work_text h4 {
            font-size: 22px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text p {
            font-size: 14px;
            line-height: 1.857;
        }
    .how_work_img i {
        font-size: 45px;
    }
    .how_work_section {
        padding: 50px 0px 50px;
        position: relative;
    }

    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 2% 20%, 98% 20%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 75%, auto 75%;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 260px;
        width: 100%;
    }

    .home-welcome-title p {
        font-size: 22px;
    }

    .latest-block-box .type-post .blog-content {
        padding: 0 15px 0 20px;
        position: initial;
    }

    .last-news-img {
        width: 220px;
        height: 250px;
        object-fit: cover;
    }
    .nav-tabs.flat-tabs .nav-link {
        font-size: .9em;
        padding: 0.75rem 1.25rem;
    }

    .type-post .blog-content .entry-title h3 a {
        font-size: 20px;
        margin: 15px 0;
    }

    .three-line-truncate p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .entry-content {
        font-size: 13px;
        line-height: 24px;
    }
    .type-post .post-date span {
        font-size: 26px;
        margin-top: -5px;
    }

    .type-post .post-date {
        width: 61px;
        height: 61px;
        padding: 7px 0;
    }
    .history-one__content-left {
        margin-top: 20px;
    }
    .history-one__content-title {
        font-size: 3em;
        line-height: 50px;
    }
    .video-thumbnail-wrapper {
        height: 566px;
        cursor: pointer;
    }
    .media-photo-container > img {
        min-height: 260px;
        max-height: 300px;
    }
    .media-photo-container {
        min-height: 260px;
        padding: 5px;
    }
    .counter-content .countdown li > span {
        font-size: 1.5em;
    }
}

/* Source: HomeScreen/styles-1920.css */
/* Reorganized from wwwroot/css/HomeScreen/styles-1920.css. */
/* 1920px (full HD / wide screens) */
@media (min-width: 1920px) {
    .home-welcome-title p {
        font-size: 24px;
    }
    .line_animation {
        width: 1320px;
        opacity:.5;
    }
        .how_work_text {
            margin: 0 auto;
            max-width: 240px;
        }

            .how_work_text h4 {
                font-size: 22px;
                padding: 10px 0px 5px 0px;
            }

            .how_work_text p {
                font-size: 14px;
                line-height: 1.857;
            }

        .how_work_img i {
            font-size: 50px;
        }

    .how_work_section {
        padding: 50px 0px 100px;
        position: relative;
    }

        .home-hero {
            position: relative;
            background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
            background-position: 1% 26%, 99% 26%;
            background-repeat: no-repeat, no-repeat;
            background-size: auto 85%, auto 85%;
            background-color: #fff;
            z-index: 1;
        }

        .welcome-image {
            object-fit: cover;
            max-width: 500px !important;
            height: 280px;
            width: 100%;
        }

        .latest-block-box .type-post .blog-content {
            padding: 0 20px 16px 20px;
        }

        .last-news-img {
            width: 250px;
            height: 280px;
            object-fit: cover;
        }

        .nav-tabs.flat-tabs .nav-link {
            font-size: 1em;
            padding: 0.75rem 1.25rem;
        }

        .type-post .blog-content .entry-title h3 a {
            font-size: 20px;
            margin: 15px 0;
        }

        .three-line-truncate p {
            max-height: 6em;
            line-height: 2em;
        }

        .entry-content {
            font-size: 14px;
            line-height: 24px;
        }

        .type-post .post-date span {
            font-size: 26px;
            margin-top: -5px;
        }

        .type-post .post-date {
            width: 60px;
            height: 60px;
            padding: 7px 0;
        }

        .history-one__content-left {
            margin-top: 20px;
        }

        .history-one__content-title {
            font-size: 3em;
            line-height: 50px;
        }

        .video-thumbnail-wrapper {
            height: 566px;
            cursor: pointer;
        }

        .media-photo-container > img {
            min-height: 260px;
            max-height: 300px;
        }

        .media-photo-container {
            min-height: 260px;
            padding: 5px;
        }

        .counter-content .countdown li > span {
            font-size: 1.5em;
        }
}

/* Source: HomeScreen/home.css */
/* Reorganized from wwwroot/css/site.css. */


.fade-text-container {
    max-height: 40px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
}


    .fade-text-container.expanded {
        max-height: 1000px;
    }


    .fade-text-container::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline: 0;
        height: 0.5rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    }


    .fade-text-container.expanded::after {
        opacity: 0;
    }
/* Basic CSS for the slider functionality */
.cards-wrapper {
    display: flex; /* Arrange cards in a row */
    transition: transform 0.8s ease-in-out; /* Smooth transition for sliding, adjusted for auto-play */
}


.slider-container {
    overflow: hidden; /* Hide cards that are out of view */
    position: relative; /* For button positioning if needed */
    cursor: grab; /* Add cursor styling to indicate interactivity */
}


    .slider-container:active {
        cursor: grabbing;
    }


/* Important: Override grid-row behavior for the slider functionality */
/* Ensure flex for sliding and prevent wrapping */
.fr-grid-row.cards-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}


/* Card Item Styling */
.card-item {
    flex-shrink: 0; /* Prevent cards from shrinking */
    padding: 20px;
    box-sizing: border-box; /* Include padding in the element's total width */
    transition: all 0.3s ease-in-out; /* Smooth transitions for hover effects */
}


.fr-card {
    overflow: hidden; /* Ensures content respects border-radius */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    height: 100%; /* Ensure cards take full height of their container */
    display: flex; /* Use flexbox for internal alignment */
    flex-direction: column; /* Stack content vertically */
    /* --- NEW BORDER STYLES --- */
    /* Ensure transition also applies to border-color if you change it on hover */
    transition: all 0.3s ease-in-out, border-color 0.3s ease-in-out;
}


.useful-link-fr-card:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* More pronounced shadow on hover */
    border-color: #c0c0c0; /* Slightly darker border on hover for subtle feedback */
}


.fr-card__body {
    display: flex;
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    min-height: 100px; /* Minimum height for the card body to accommodate images */
    padding: 1.5rem; /* More generous padding */
}


    .fr-card__body img {
        display: block; /* Remove extra space below image */
        max-width: 100%; /* Ensure image fits within its container */
        height: auto; /* Maintain aspect ratio */
        max-height: 70px; /* Slightly increase max-height for logos */
        object-fit: contain; /* Ensure the image fits without cropping */
    }


/* Responsive Card Widths */
/* Mobile: 2 cards per view */

.card-item {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
}




.home-welcome-readmore {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}


.home-countdown-section {
    position: relative;
    z-index: 2;
    padding: 78px 0 52px;
    overflow: visible;
    background: #fff;
}


.countdown-background-img {
    background: #f7f7f7;
}


.countdown-container {
    position: relative;
    isolation: isolate;

    min-height: 238px;
    margin: 0 auto;
    padding: 68px 34px 32px;
    overflow: visible;
    border-radius: 20px;
    text-align: center;
}


.countdown-container:focus-visible {
    outline: 3px solid rgba(var(--fr-purple-rgb), 0.35);
    outline-offset: 5px;
}


.countdown-color-ornament {
    --countdown-ornament-y: 0px;
    --countdown-ornament-scale: 1;
    --countdown-ornament-opacity: 1;
    --countdown-ornament-rotate: 0deg;
    --countdown-ornament-brightness: 1;
    position: absolute;
    top: -22px;
    left: 50%;
    z-index: 3;
    display: block;
    width: 220px;
    height: auto;
    opacity: var(--countdown-ornament-opacity);
    transform: translate3d(-50%, var(--countdown-ornament-y), 0)
        rotate(var(--countdown-ornament-rotate))
        scale(var(--countdown-ornament-scale));
    transform-origin: center;
    filter:
        drop-shadow(0 6px 10px rgba(33, 27, 38, .12))
        brightness(var(--countdown-ornament-brightness));
    backface-visibility: hidden;
    will-change: transform, opacity;
    pointer-events: none;
    user-select: none;
}


@media (prefers-reduced-motion: reduce) {
    .countdown-color-ornament {
        will-change: auto;
    }
}


.countdown-2026-artwork {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 200px;
    height: auto;
    pointer-events: none;
    user-select: none;
    border-bottom-right-radius:20px;
}


.countdown-content {
    position: relative;
    z-index: 2;
    width: min(100%, 700px);
    margin: 0 auto;
    text-align: center;
}


.countdown-container h2 {
    margin: 0;
    color: var(--fr-dark);
    font-size: 1.5rem;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: 0;
}


.count-text {
    color: #455567 !important;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}


.event-time-local {
    font-size: 0.9rem;
    color: #555;
    margin-top: 0.5rem;
}


.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease;
}


.counter-content .countdown {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    justify-content: center;
    width: min(100%, 600px);
    margin: 18px auto 0;
    padding: 0;
    text-align: center;
}


.counter-content .countdown li {
    min-width: 0;
    list-style: none;
}


.countdown-container .counter-content .countdown .clock-item > .count-number {
    display: block;
    background: none;
    color: var(--fr-purple);
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: var(--fr-purple);
}


.countdown-container .clock-item .count-text {
    margin-top: 10px;
    text-align: center;
}


.text-small {
    font-size: .85em;
    border-bottom: 2px solid transparent !important;
    padding: 0 2px;
    font-weight:600!important;
}


    .text-small:hover {
        border-bottom: 2px solid var(--fr-purple) !important;
    }


/* Tablet/Medium screens: 3 cards per view */

/* Laptop/Large screens: 4 cards per view */

/* Desktop/Extra Large screens: 5 cards per view */


.more-btn {
    border: 1px solid var(--fr-purple);
    border-radius: 2px!important;
    color: var(--fr-purple);
    font-size:.8em;
}

    .more-btn:hover {
        background-color: rgba(var(--fr-purple-rgb), 0.06);
        border-color: var(--fr-purple);
        color: var(--fr-purple);
    }

/* Welcome composition */
.home-welcome-scene.home-hero {
    --home-welcome-video-height: max(520px, 64vh);
    position: relative;
    min-height: calc(var(--home-welcome-video-height) + 250px);
    overflow: hidden;
    isolation: isolate;
    background: #fff;
    background-image: none;
}


@media (min-width: 992px) {
    .home-welcome-layout {
        min-height: calc(var(--home-welcome-video-height) + 250px);
        padding-top: calc(var(--home-welcome-video-height) - 250px);
        padding-bottom: 24px;
    }
}


@media (min-width: 1200px) {
    .home-welcome-layout.custome-container {
        grid-template-columns: minmax(300px, 370px) minmax(0, 780px);
        max-width: 1200px !important;
    }

    .home-welcome-layout .home-welcome-title p {
        max-width: 780px;
    }
}


.home-welcome-video-layer {
    position: absolute;
    inset: 0 0 auto;
    z-index: 0;
    height: var(--home-welcome-video-height);
    overflow: hidden;
    background: #302c28;
}


.home-welcome-background-video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 25%;
}


.home-welcome-video-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(15, 15, 15, 0.08) 0%, rgba(15, 15, 15, 0.22) 42%, rgba(15, 15, 15, 0.48) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.02) 55%, rgba(0, 0, 0, 0.24) 100%);
    pointer-events: none;
}


.home-welcome-video-fullscreen {
    position: absolute;
    top: calc(var(--home-welcome-video-height) - 60px);
    right: clamp(1rem, 2vw, 1.5rem);
    z-index: 4;
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 50%;
    background: rgba(24, 19, 28, .72);
    color: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .24);
    opacity: .2;
    transition: opacity .2s ease, background-color .2s ease, transform .2s ease;
}


.home-welcome-video-fullscreen:hover,
.home-welcome-video-fullscreen:focus-visible,
.home-welcome-video-fullscreen.is-fullscreen {
    background: var(--fr-purple);
    color: #fff;
    opacity: 1;
}


.home-welcome-video-fullscreen:hover {
    transform: scale(1.06);
}


.home-welcome-video-fullscreen:focus-visible {
    outline: 3px solid rgba(var(--fr-yellow-rgb), .9);
    outline-offset: 3px;
}


.home-welcome-video-fullscreen .bi {
    font-size: 1.2rem;
    line-height: 1;
}


.home-welcome-scene:fullscreen,
.home-welcome-scene:-webkit-full-screen {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    min-height: 0;
    background: #000;
}


.home-welcome-scene:fullscreen .home-welcome-video-layer,
.home-welcome-scene:-webkit-full-screen .home-welcome-video-layer {
    inset: 0;
    height: 100%;
}


.home-welcome-scene:fullscreen .home-welcome-background-video,
.home-welcome-scene:-webkit-full-screen .home-welcome-background-video {
    object-fit: contain;
    object-position: center;
}


.home-welcome-scene:fullscreen .home-welcome-video-overlay,
.home-welcome-scene:-webkit-full-screen .home-welcome-video-overlay,
.home-welcome-scene:fullscreen .home-welcome-layout,
.home-welcome-scene:-webkit-full-screen .home-welcome-layout,
.home-welcome-scene:fullscreen .home-welcome-petal-stage,
.home-welcome-scene:-webkit-full-screen .home-welcome-petal-stage {
    display: none;
}


.home-welcome-scene:fullscreen .home-welcome-video-fullscreen,
.home-welcome-scene:-webkit-full-screen .home-welcome-video-fullscreen {
    top: 1rem;
    right: 1rem;
    bottom: auto;
}


@media (max-width: 575.98px) {
    .home-welcome-video-fullscreen {
        top: calc(var(--home-welcome-video-height) - 52px);
        right: .75rem;
        width: 40px;
        height: 40px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .home-welcome-video-fullscreen {
        transition: none;
    }
}



.home-welcome-portrait {
    width: 100%;
    height: 424px;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 26px;
    background: #fff;
}


.home-welcome-portrait .welcome-image {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: 50% center;
}


.home-welcome-content {
    min-width: 0;
    padding-top: 103px;
}


.home-welcome-title {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 146px;
}


    .home-welcome-title p {
        max-width: 570px;
        margin: 0;
        color: #fff;
        font-size: clamp(1.55rem, 2vw, 1.8rem);
        font-weight: 700;
        line-height: 1.18;
        letter-spacing: -0.02em;
        text-align: justify;
        text-justify: inter-word;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.48);
    }


.home-welcome-copy {
    max-width: none;
    margin: 18px 0 0;
    padding: 0;
}


.home-welcome-copy .fade-text-container {
    max-width: none;
    max-height: none;
    overflow: visible;
    margin: 0;
    color: #27303b;
    font-size: 0.92rem;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-word;
    opacity: 1;
    transform: none;
}


.home-welcome-scene #moreText.fade-text-container,
.home-welcome-scene #moreText.fade-text-container * {
    color: #27303b !important;
}


.home-welcome-copy .fade-text-container p {
    margin: 0 0 0.9rem;
}


.home-welcome-copy .fade-text-container p:last-child {
    margin-bottom: 0;
}


.home-welcome-title sup.home-welcome-ordinal,
.home-welcome-copy sup.home-welcome-ordinal {
    font-size: 0.6em;
    line-height: 0;
    vertical-align: super;
    top:0;
    font-weight:400!important;
}


.home-welcome-copy .fade-text-container::after {
    content: none;
}


.home-welcome-petal-stage {
    --petal-enter-delay: 0s;
    --petal-rise-x: 0px;
    --petal-rise-rotate: 0deg;
    --petal-float-duration: 4.8s;
    position: absolute;
    z-index: 3;
    display: block;
    transform-origin: center;
    pointer-events: none;
    user-select: none;
}


.home-welcome-petal {
    --petal-float-up: -6px;
    --petal-float-down: 6px;
    display: block;
    width: 100%;
    height: auto;
    transform-origin: center;
    filter: drop-shadow(0 5px 7px rgba(20, 24, 28, 0.14));
    animation: home-welcome-petal-float var(--petal-float-duration) cubic-bezier(.45, 0, .55, 1) infinite;
    will-change: transform;
}


.home-welcome-scene.home-welcome-petals-ready .home-welcome-petal-stage {
    opacity: 0;
    transform: translate3d(var(--petal-rise-x), 120px, 0) rotate(var(--petal-rise-rotate)) scale(.64);
}


.home-welcome-scene.home-welcome-petals-ready .home-welcome-petal {
    transform: none;
    animation: none;
}


.home-welcome-scene.home-welcome-petals-ready.home-welcome-petals-rising .home-welcome-petal-stage {
    animation: home-welcome-petal-rise 1.05s cubic-bezier(.2, .9, .26, 1.25) var(--petal-enter-delay) both;
    will-change: transform, opacity;
}


.home-welcome-scene.home-welcome-petals-ready.home-welcome-petals-rising .home-welcome-petal {
    animation: home-welcome-petal-float var(--petal-float-duration) cubic-bezier(.45, 0, .55, 1)
        calc(var(--petal-enter-delay) + .72s) infinite;
}


.home-welcome-petal-stage.is-settled {
    will-change: auto;
}


@keyframes home-welcome-petal-rise {
    0% {
        opacity: 0;
        transform: translate3d(var(--petal-rise-x), 120px, 0) rotate(var(--petal-rise-rotate)) scale(.64);
    }

    68% {
        opacity: 1;
        transform: translate3d(0, -14px, 0) rotate(2deg) scale(1.045);
    }

    84% {
        transform: translate3d(0, 5px, 0) rotate(-1deg) scale(.985);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(0) scale(1);
    }
}


@keyframes home-welcome-petal-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0) scale(1);
    }

    20% {
        transform: translate3d(0, var(--petal-float-up), 0) rotate(-.6deg) scale(1.008);
    }

    58% {
        transform: translate3d(0, var(--petal-float-down), 0) rotate(.6deg) scale(1.008);
    }
}


.home-welcome-petal-blue {
    --petal-enter-delay: .04s;
    --petal-rise-x: -34px;
    --petal-rise-rotate: -12deg;
    --petal-float-duration: 4.7s;
    top: calc(var(--home-welcome-video-height) - 65px);
    left: 14px;
    width: 124px;
}


.home-welcome-petal-green {
    --petal-enter-delay: .2s;
    --petal-rise-x: -24px;
    --petal-rise-rotate: -9deg;
    --petal-float-duration: 4.9s;
    top: calc(var(--home-welcome-video-height) + 18px);
    left: 109px;
    width: 70px;
}


.home-welcome-petal-yellow {
    --petal-enter-delay: .36s;
    --petal-rise-x: -18px;
    --petal-rise-rotate: -7deg;
    --petal-float-duration: 5.1s;
    top: calc(var(--home-welcome-video-height) + 60px);
    left: 66px;
    width: 58px;
}


.home-welcome-petal-purple {
    --petal-enter-delay: .1s;
    --petal-rise-x: 34px;
    --petal-rise-rotate: 12deg;
    --petal-float-duration: 4.8s;
    top: calc(var(--home-welcome-video-height) - 40px);
    right: 84px;
    width: 124px;
}


.home-welcome-petal-red {
    --petal-enter-delay: .3s;
    --petal-rise-x: 22px;
    --petal-rise-rotate: 8deg;
    --petal-float-duration: 5s;
    top: calc(var(--home-welcome-video-height) + 53px);
    right: 57px;
    width: 62px;
}


@media (prefers-reduced-motion: reduce) {
    .home-welcome-petal,
.home-welcome-scene.home-welcome-petals-ready .home-welcome-petal {
        transform: none;
        animation: none;
        will-change: auto;
    }

    .home-welcome-scene.home-welcome-petals-ready .home-welcome-petal-stage {
        opacity: 0;
        transform: translate3d(var(--petal-rise-x), 18px, 0) scale(.96);
        animation: none;
    }

    .home-welcome-scene.home-welcome-petals-ready.home-welcome-petals-rising .home-welcome-petal-stage {
        animation: home-welcome-petal-reduced-rise .42s ease-out var(--petal-enter-delay) both;
        will-change: auto;
    }
}


@keyframes home-welcome-petal-reduced-rise {
    from {
        opacity: 0;
        transform: translate3d(var(--petal-rise-x), 18px, 0) scale(.96);
    }

    to {
        opacity: 1;
        transform: none;
    }
}


.fade-text-container.expanded {
    overflow: visible !important;
}


.font-moul {
    font-family: 'Moul', sans-serif;
    letter-spacing: 1.5px;
    font-size: 1.3em;
}


.font-moul p {
    line-height: 1.8;
}


.home-welcome-title.home-welcome-title-km p {
    font-size: clamp(1.1rem, 1.55vw, 1.4rem);
    line-height:1.65;
    font-weight:400;
}


#moreText.fade-text-container.expanded,
#moreText.fade-text-container.expanded * {
    max-height: 2000px !important;
    opacity: 1 !important;
    color: #2f3742 !important;
    transform: translateY(0);
}


.meeting-background {
    background-color: transparent;
}


.event-section .nav-tabs {
    border: 0;
}


.event-section .nav-tabs.flat-tabs .nav-link:focus,
.event-section .nav-tabs.flat-tabs .nav-link:focus-visible {
    box-shadow: none;
    outline: 0;
}


.event-section .tab-content .tab-pane {
    padding-top: 1.5rem;
}


.event-section {
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    position: relative;
    padding: 50px 0 100px;
}


.event-section::before {
    content: " ";
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    background-image: url(/images/event-bottom.svg);
    background-size: cover;
    background-position: center;
}


.event-tab-panel {
    background: #f7f7f7;
    padding: 5px 25px !important;
}


.meeting-list-container {
    max-width: 100% !important;
}


.meeting-box {
    margin: 6px 0;
}


.meeting-box .card {
    border-width: 2px;
    border-radius: 5px !important;
    margin: 0 !important;
}


.row-title-news {
    font-weight: bold;
    margin: 5px 10px 0 !important;
    color: var(--fr-purple);
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    font-size: 1em;
    line-height: 2.2em;
}


.meeting-box:hover .card * {
    cursor: pointer;
    background: #f5f5fe;
}


.meeting-element-icon {
    color: var(--fr-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    height: 26px !important;
    line-height: 1;
    width: 26px !important;
}


.summit-section {
    background: white;
    position: relative;
    z-index: 1;
}


.summit-card {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    transition: all 0.35s ease;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    position: relative;
    overflow: hidden;
    padding: 35px 20px;
}


.summit-cards > div {
    --card-accent: var(--fr-yellow);
}


.summit-cards > div:nth-child(2) {
    --card-accent: var(--fr-green);
}


.summit-cards > div:nth-child(3) {
    --card-accent: var(--fr-cyan);
}


.summit-cards > div:nth-child(4) {
    --card-accent: var(--fr-red);
}


.summit-cards > div:nth-child(5) {
    --card-accent: var(--fr-purple);
}


.summit-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--card-accent);
    opacity: 0.9;
}


.icon-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, transform 0.3s ease;
    margin-bottom: 16px;
}


.summit-icon {
    font-size: 2.3rem;
    color: var(--fr-purple);
    transition: transform 0.3s ease, color 0.3s ease;
}


.summit-card h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 0.3rem;
}


.summit-card > p {
    font-size: 0.90rem;
    color: #666;
    line-height: 1.4;
}


.summit-card-items {
    width: fit-content;
    padding-left: .5rem;
    font-size: 0.9rem;
    line-height: 1.55;
    text-align: left;
}

.side-events-card .summit-card-items {
    margin-top: .45rem;
    line-height: 1.75;
}

.side-events-card .summit-card-items li + li {
    margin-top: .2rem;
}


.summit-card-items a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}


.summit-card-items a:hover,
.summit-card-items a:focus-visible {
    color: var(--fr-purple);
}


.partner-card {
    min-width: 220px;
    height: 160px;
    border: 0;
    flex-shrink: 0;
    transition: transform 0.3s;
}


.partner-card img {
    max-height: 80px;
    transition: transform 0.3s;
}


.partner-card:hover img {
    transform: scale(1.05);
}


.single-card {
    max-width: 220px;
}


.transition-transform {
    transition: transform 0.6s ease;
    will-change: transform;
}


.brand-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    position: relative;
    text-align: center;
    margin: 1.5rem 0;
}


.brand-title::before,
.brand-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 36%;
    height: 1px;
    background-color: #ddd;
    transform: translateY(-50%);
}


.brand-title::before {
    left: 0;
}


.brand-title::after {
    right: 0;
}


#sliderContainer {
    overflow-x: hidden;
}


#cardsWrapper {
    max-width: 100vw;
}

/* Source: HomeScreen/responsive.css */
/* Reorganized from wwwroot/css/responsive/home.css. */
/* Responsive rules moved from ../home.css. Keep this file loaded immediately after home.css. */

@media (max-width: 480px) {
    .text-small {
        font-size: 10px;
        border-bottom: 2px solid transparent !important;
        min-width: 1vw;
        margin: auto;
        text-align: center;
    }
    .home-welcome-readmore {
        margin-top: .5em;
    }



    .fr-text--lead,
.fr-text--xl {
        font-size: 1em !important;
        line-height: 23em !important;
        margin: var(--text-spacing);
        margin-bottom: 0px;
    }

        .fr-text--lead > p {
            margin-bottom: 0px;
        }
}


@media (min-width: 768px) {


    .card-item {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
}


@media (min-width: 992px) {
    .card-item {
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
    }
}


@media (min-width: 1200px) {
    .card-item {
        flex: 0 0 calc(100% / 5); /* Display 5 cards on XL screens */
        max-width: calc(100% / 5);
    }
}


@media (max-width: 991.98px) {
    .home-countdown-section {
        padding-top: 88px;
        padding-bottom: 46px;
    }

    .countdown-container {
        width: 94%;
        min-height: 220px;
        padding: 64px 28px 30px;
    }

    .countdown-color-ornament {
        top: -20px;
        width: 200px;
    }

    .countdown-2026-artwork {
        width: 160px;
    }

    .countdown-content {
        width: min(100%, 620px);
    }

    .countdown-container h2 {
        font-size: 1.35rem;
    }

    .counter-content .countdown {
        width: min(100%, 540px);
    }

    .countdown-container .counter-content .countdown .clock-item > .count-number {
        font-size: 2.5rem;
    }
}


@media (max-width: 767.98px) {
    .home-countdown-section {
        padding-top: 78px;
        padding-bottom: 42px;
    }

    .countdown-container {
        width: calc(100% - 24px);
        min-height: 0;
        padding: 56px 18px 142px;
        border-radius: 16px;
    }

    .countdown-color-ornament {
        top: -17px;
        width: 170px;
    }

    .countdown-2026-artwork {
        width: 140px;
    }

    .countdown-container h2 {
        font-size: 1.15rem;
        line-height: 1.4;
    }

    .counter-content .countdown {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 12px;
        width: min(100%, 320px);
        margin-top: 22px;
    }

    .countdown-container .counter-content .countdown .clock-item > .count-number {
        font-size: 2.25rem;
    }

    .countdown-container .clock-item .count-text {
        margin-top: 8px;
        font-size: 0.7rem;
    }
}


@media (max-width: 480px) {
    .countdown-container {
        width: 100%;
        padding: 40px 14px 45px;
    }
    .event-tab-panel {
        padding: 5px !important;
    }
    .countdown-color-ornament {
        top: -15px;
        width: 150px;
    }

    .countdown-2026-artwork {
        width: 115px;
    }

    .countdown-container h2 {
        font-size: 1rem;
    }

    .counter-content .countdown {
        row-gap: 16px;
        margin-top: 20px;
    }

    .countdown-container .counter-content .countdown .clock-item > .count-number {
        font-size: 2rem;
    }

    .countdown-container .clock-item .count-text {
        font-size: 0.64rem;
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {


    .home-welcome-portrait {
        height: 405px;
    }

    .home-welcome-title p {
        font-size: 1.55rem;
    }

    .home-welcome-petal-blue,
.home-welcome-petal-purple {
        width: 100px;
    }

    .home-welcome-petal-blue {
        left: 6px;
    }

    .home-welcome-petal-purple {
        right: 12px;
    }
}


@media (max-width: 991.98px) {
    .home-welcome-scene.home-hero {
        --home-welcome-video-height: 620px;
        min-height: 0;
    }


    .home-welcome-portrait {
        flex: 0 0 auto;
        width: min(76vw, 360px);
        height: 320px;
    }

    .home-welcome-content {
        width: min(100%, 700px);
        padding-top: 0;
    }

    .home-welcome-title {
        justify-content: center;
        min-height: 0;
        margin-top: 24px;
    }

    .home-welcome-title p {
        max-width: 680px;
        font-size: 1.5rem;
        line-height: 1.25;
        text-align: justify;
        text-justify: inter-word;
    }

    .home-welcome-copy {
        margin-top: 125px;
    }

    .home-welcome-copy .fade-text-container {
        font-size: 0.95rem;
        line-height: 1.5;
        text-align: justify;
        text-justify: inter-word;
    }

    .home-welcome-petal {
        --petal-float-up: -6px;
        --petal-float-down: 6px;
        --petal-shine-brightness: 1.24;
    }

    .home-welcome-petal-blue {
        top: 565px;
        left: 10px;
        width: 82px;
    }

    .home-welcome-petal-green {
        top: 620px;
        left: 80px;
        width: 50px;
    }

    .home-welcome-petal-yellow {
        top: 654px;
        left: 42px;
        width: 42px;
    }

    .home-welcome-petal-purple {
        top: 572px;
        right: 16px;
        width: 82px;
    }

    .home-welcome-petal-red {
        top: 641px;
        right: 22px;
        width: 44px;
    }
}


@media (max-width: 767.98px) {
    .home-welcome-scene.home-hero {
        --home-welcome-video-height: 240px;
    }


    .home-welcome-portrait {
        width: min(82vw, 320px);
        height: 240px;
        border-radius: 22px;
    }

    .home-welcome-title {
        margin-top: 22px;
        color:black;
    }

    .home-welcome-title p {
        max-width: 620px;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.28;
        color:black;
        text-shadow:none;
    }

    .home-welcome-copy {
        margin-top: 0px;
    }

    .home-welcome-copy .fade-text-container {
        font-size: 14px;
        line-height: 1.55;
    }

    .home-welcome-petal {
        --petal-float-up: -4px;
        --petal-float-down: 4px;
        --petal-shine-brightness: 1.18;
    }

    .home-welcome-petal-blue {
        top: 290px;
        width: 68px;
    }

    .home-welcome-petal-green {
        top: 340px;
        left: 62px;
        width: 42px;
    }

    .home-welcome-petal-yellow {
        top: 370px;
        left: 32px;
        width: 36px;
    }

    .home-welcome-petal-purple {
        top: 300px;
        right: 15px;
        width: 68px;
    }

    .home-welcome-petal-red {
        top: 359px;
        right: 5px;
        width: 38px;
    }

    .meeting-element-icon {
        font-size: 1.25rem;
        height: 18px !important;
        width: 18px !important;
        margin-right: 5px;
    }

    .icon-wrapper {
        margin-bottom: 0;
    }

    .summit-card h3 {
        font-size: 1rem;
    }

    .summit-card > p {
        font-size: 0.80rem;
    }

    .summit-card {
        padding: 25px;
    }

    .summit-icon {
        font-size: 1.9rem;
    }

    #summit_highlight h2::after {
        width: 80%;
        left: 10%;
    }
}


@media (max-width: 576px) {
    .col-md-7 .blog-content .post-date,
.blog-content .post-date {
        display: none;
    }

    .gridinner .col-md-5 .post-date {
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        left: unset;
    }

    .latest-block-box {
        padding: 0;
    }

    .entry-cover {
        position: relative;
    }

    .custom-last-news {
        width: 100%;
        padding: 0;
    }

    .type-post {
        justify-content: center;
        display: flex;
    }

    .partner-card {
        min-width: 120px !important;
        width: 30vw;
        max-width: 140px;
        height: 100px !important;
        margin: 0 6px !important;
    }

    .partner-card img {
        max-height: 50px !important;
    }

    #scrollLeft,
#scrollRight {
        display: none !important;
    }

    .brand-title::before,
.brand-title::after {
        width: 10%;
    }
}


@media (min-width: 1200px) and (max-width: 1329.98px) {
    .home-welcome-petal-blue {
        width: 96px;
    }

    .home-welcome-petal-green {
        width: 54px;
    }

    .home-welcome-petal-yellow {
        width: 46px;
    }

    .home-welcome-petal-purple {
        right: 6px;
        width: 90px;
    }

    .home-welcome-petal-red {
        right: 4px;
        width: 46px;
    }
}


@media (min-width: 1330px) and (max-width: 1511.98px) {
    .home-welcome-petal-purple {
        right: 12px;
        width: 100px;
    }

    .home-welcome-petal-red {
        right: 8px;
        width: 50px;
    }
}

/* Source: HomeScreen/highlights.css */
/* Reorganized from wwwroot/css/highlightSummit.css. */

    .how_work_section .section_title_area {
        padding-bottom: 65px;
    }
.section_title_area p {
    font-weight: 600;
    color: var(--fr-yellow);
    letter-spacing: 3px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
    .widget_title span, .section_title_area p .title_shape_left, .slider_style_three .slider_contect_box .slider_text p .title_shape_left, .slider_style_two .slider_contect_box .slider_text p .title_shape_left {
        position: relative;
    }
        .widget_title span:before, .section_title_area p .title_shape_left:before, .slider_style_three .slider_contect_box .slider_text p .title_shape_left:before, .slider_style_two .slider_contect_box .slider_text p .title_shape_left:before {
            top: 8px;
            height: 2px;
            width: 20px;
            left: -40px;
        }
        .widget_title span:before, .section_title_area p .title_shape_left:before, .slider_style_three .slider_contect_box .slider_text p .title_shape_left:before, .slider_style_two .slider_contect_box .slider_text p .title_shape_left:before, .widget_title span:after, .section_title_area p .title_shape_left:after, .slider_style_three .slider_contect_box .slider_text p .title_shape_left:after, .slider_style_two .slider_contect_box .slider_text p .title_shape_left:after {
            content: "";
            position: absolute;
            background-color: var(--fr-yellow);
        }

.how_work_img_serial .how_work_img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 0;
}

.how_work_img_serial .how_work_img:before {
    position: absolute;
    height: 0;
    width: 0;
    top: 50%;
    left: 50%;
    content: "";
    padding-top: 0px;
    background-color: rgba(11, 11, 11, 0.4);
    text-align: center;
    border-radius: 0;
    opacity: 0;
    z-index: 3;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
    .how_work_img_serial .how_work_img:after {
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        top: 50%;
        left: 50%;
        z-index: 1;
        padding-top: 0px;
        border-radius: 0;
        background-color: rgba(11, 11, 11, 0.4);
        text-align: center;
        opacity: 0;
        z-index: 4;
        -webkit-transition: all 1.5s ease;
        -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
    }

.how_work_btn {
    margin-top: 35px;
    line-height: 52px;
    border: 4px solid #f3f3f3;
}
.how_work_btn, .portfolio_slide .owl-nav .owl-next, .portfolio_slide .owl-nav .owl-prev, .service_slider .owl-nav .owl-next, .service_slider .owl-nav .owl-prev {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
    .how_work_btn a {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
.fa-arrow-right:before {
    content: "\f061";
}

.how_work_img_serial {
    display: inline-block;
}
    .how_work_img_serial .how_work_serial {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        color: #fff;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        z-index: 5;
        background-color: var(--fr-yellow);
        border-bottom-left-radius: 25px;
    }
.summit-card.long-title-card h3 {
    font-size: .90rem;
    line-height: 1.5;
}

.summit-brief-art {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: min(100%, 450px);
    margin: 0 auto 58px;
    overflow: hidden;
}

.summit-brief-art-tile {
    display: block;
    min-width: 0;
    aspect-ratio: 1;
    overflow: hidden;
}

.summit-brief-art-tile img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.summit-brief-art-bird {
    background: #672290;
}

.summit-brief-art-botanical {
    background: #f4263e;
}

.summit-brief-art-angkor {
    background: #78d126;
}

.summit-brief-art-symbol {
    background: #ffd100;
}

.summit-brief-art-flower {
    background: #08abe2;
}

.summit-highlight-khmer .summit-card.long-title-card h3 {
    font-size: .88rem;
    line-height: 1.7;
}

/* Source: HomeScreen/highlights-responsive.css */
/* Reorganized from wwwroot/css/responsive/highlightSummit.css. */
/* Responsive rules moved from ../highlightSummit.css. Keep this file loaded immediately after highlightSummit.css. */

@media (min-width: 992px) {
    #summit_highlight .section-title {
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    #summit_highlight .side-events-card {
        padding-inline: .75rem !important;
    }

    #summit_highlight .side-events-card .summit-card-items {
        font-size: clamp(.76rem, .8vw, .85rem);
    }

    #summit_highlight .side-events-card .summit-card-items a {
        white-space: nowrap;
    }

    #summit_highlight .theme-card > p {
        font-size: clamp(.76rem, .8vw, .85rem);
        line-height: 1.4;
    }
}

@media (min-width: 1440px) {
    .summit-cards {
        --bs-gutter-x: 1rem;
    }

    .summit-card-column {
        flex: 0 0 auto;
        width: 20%;
    }

    .summit-card h3 {
        font-size: clamp(1.05rem, 1.15vw, 1.2rem);
        line-height: 1.3;
    }
}

@media (max-width: 991.98px) {
    .summit-brief-art {
        width: min(100%, 400px);
        margin-bottom: 46px;
    }

    .summit-card.long-title-card h3 {
        font-size: .9rem;
    }

    .summit-highlight-khmer .summit-card.long-title-card h3 {
        font-size: .82rem;
    }
}

@media (max-width: 767.98px) {
    .summit-brief-art {
        width: min(100%, 350px);
        margin-bottom: 38px;
    }
}

@media (max-width: 480px) {
    .summit-brief-art {
        width: min(100%, 300px);
        margin-bottom: 32px;
    }

    #summit_highlight .summit-card {
        padding: 1.25rem .75rem;
    }

    #summit_highlight .summit-card h3 {
        font-size: clamp(.8rem, 3.5vw, .95rem);
        line-height: 1.35;
    }

    #summit_highlight .summit-card > p,
    #summit_highlight .summit-card-items {
        font-size: clamp(.72rem, 3vw, .8rem);
    }
}

/* Source: HomeScreen/latest-news.css */
/* Reorganized from wwwroot/css/news.css. */
.latest-blog-section {
    text-align: center;
}
.section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}
.section-header {
    margin-bottom: 70px;
}


.section-header h5 {
    font-family: 'eb_garamond08_regular';
    font-size: 22px;
    text-transform: uppercase;
    color: #bb9a66;
    letter-spacing: 2.5px;
    margin-bottom: 22px;
    margin-top: 0px;
}
.section-header h3 {
    font-family: 'eb_garamond08_regular';
    font-size: 30px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 2.5px;
    background-image: url("../HomeScreen/images/icon/section-separator.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 40px;
    line-height: 40px;
}

.gridinner {
    background-color: #f7f7f7;
}
.no-padding {
    padding: 0;
}

.home-news-date {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 12px 0 12px;
    color: #6c7178;
    font-family: "Inter", "Hanuman", sans-serif;
    font-size: 13px;
    line-height: 1.2;
}

.home-news-date i {
    color: #7a7f86;
    font-size: 13px;
}

.home-news-date time {
    font-variant-numeric: tabular-nums;
}

.type-post .blog-content .entry-title h3 {
    margin: 0;
}

.type-post .blog-content .entry-title h3 a {
    margin: 15px 0 0;
    color: var(--fr-purple) !important;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.65em;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
}

.two-line-truncate h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.3em;
}



.entry-footer {
    position: absolute;
    bottom: 10px;
    right: 25px;
    font-size: 13px;
    color: var(--fr-purple);
    text-decoration: none;
}
.custom-last-news {
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
}

@media (min-width: 577px) {
    .custom-last-news .blog-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .type-post .blog-content .entry-title h3 a {
        margin-top: 0;
    }

    .custom-last-news .entry-content p {
        margin-bottom: 0;
    }
}

/* Homepage latest-news editorial carousel */
.home-news-carousel {
    --home-news-gap: clamp(1.75rem, 3.5vw, 2.75rem);
    width: min(100%, 1040px);
    margin-right: auto;
    margin-left: auto;
}

.home-news-carousel__viewport {
    width: 100%;
    padding-bottom: 1px;
    overflow: hidden;
}

.home-news-grid {
    display: flex;
    width: 100%;
    margin: 0;
    gap: var(--home-news-gap);
    padding: 0;
    background: transparent;
    transform: translate3d(var(--home-news-current-offset, 0), 0, 0);
    will-change: transform;
}

.home-news-carousel.is-sliding .home-news-grid {
    transition: transform .9s cubic-bezier(.22, .72, .24, 1);
}

.home-news-card {
    display: flex;
    min-width: 0;
    flex: 0 0 calc((100% - var(--home-news-gap)) / 2);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(var(--fr-dark-rgb), .22);
    background: #fff;
    text-align: left;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.home-news-card:hover,
.home-news-card:focus-within {
    border-color: rgba(var(--fr-purple-rgb), .48);
    box-shadow: 0 12px 28px rgba(var(--fr-dark-rgb), .12);
    transform: translate3d(0, -3px, 0);
}

.home-news-card__media {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--fr-surface-muted);
    backface-visibility: hidden;
}

.home-news-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.home-news-card:hover .home-news-card__image,
.home-news-card:focus-within .home-news-card__image {
    transform: translateZ(0) scale(1.025);
}

.home-news-card__body {
    display: flex;
    flex: 1 1 auto;
    min-height: clamp(270px, 23vw, 320px);
    flex-direction: column;
    padding: clamp(1.5rem, 3vw, 2rem);
}

.home-news-card__date {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1.1rem;
    color: rgba(var(--fr-dark-rgb), .76);
    font-family: "Inter", "Hanuman", sans-serif;
    font-size: .84rem;
    line-height: 1.3;
}

.home-news-card__date i {
    color: rgba(var(--fr-dark-rgb), .68);
    font-size: .82rem;
}

.home-news-card__date time {
    font-variant-numeric: tabular-nums;
}

.home-news-card__title {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.015em;
}

html:lang(km) .home-news-card__title {
    line-height: 1.55;
    letter-spacing: 0;
}

.home-news-card__title a {
    display: -webkit-box;
    overflow: hidden;
    color: var(--fr-purple);
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align:justify;
}

.home-news-card__title a:hover,
.home-news-card__title a:focus-visible {
    color: #541773;
    text-decoration: none;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.home-news-card__excerpt {
    display: -webkit-box;
    overflow: hidden;
    margin: 1rem 0 1.25rem;
    color: var(--fr-dark);
    font-size: .95rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.home-news-card__arrow {
    display: inline-grid;
    width: 42px;
    height: 42px;
    margin-top: auto;
    margin-left: auto;
    place-items: center;
    color: var(--fr-purple);
    font-size: 1.12rem;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.home-news-card__arrow:hover,
.home-news-card__arrow:focus-visible {
    color: #541773;
    transform: translate3d(4px, 0, 0);
}

.home-news-card__arrow:focus-visible {
    border-radius: 50%;
    outline: 3px solid rgba(var(--fr-yellow-rgb), .9);
    outline-offset: 2px;
}

.home-news-more {
    width: auto;
    margin: 0;
}

.home-news-carousel__footer {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    margin-top: 1.25rem;
}

.home-news-carousel__dots {
    display: flex;
    align-items: center;
    grid-column: 2;
    justify-content: center;
    gap: .6rem;
}

.home-news-carousel__dot {
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid rgba(var(--fr-purple-rgb), .55);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.home-news-carousel__dot[hidden] {
    display: none;
}

.home-news-carousel__dot:hover {
    border-color: var(--fr-purple);
    background: rgba(var(--fr-purple-rgb), .2);
    transform: scale(1.18);
}

.home-news-carousel__dot:focus-visible {
    outline: 3px solid rgba(var(--fr-yellow-rgb), .9);
    outline-offset: 4px;
}

.home-news-carousel__dot.is-active {
    border-color: var(--fr-purple);
    background: var(--fr-purple);
    transform: scale(1.22);
}

.home-news-carousel__footer .home-news-more {
    grid-column: 3;
    justify-self: end;
}

@media (max-width: 767.98px) {
    .home-news-carousel {
        --home-news-gap: 1.5rem;
    }

    .home-news-carousel__viewport {
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        touch-action: pan-x pan-y pinch-zoom;
        -webkit-overflow-scrolling: touch;
    }

    .home-news-carousel__viewport::-webkit-scrollbar {
        display: none;
    }

    .home-news-grid,
    .home-news-carousel.is-sliding .home-news-grid {
        padding: 0;
        transform: none;
        transition: none;
        will-change: auto;
    }

    .home-news-card {
        flex-basis: 100%;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .home-news-card__body {
        min-height: 0;
        padding: 1.25rem;
    }

    .home-news-card__title {
        font-size: 1.2rem;
        line-height: 1.22;
    }

    .home-news-card__excerpt {
        -webkit-line-clamp: 3;
    }

    .home-news-carousel__footer {
        grid-template-columns: 1fr;
    }

    .home-news-carousel__dots,
    .home-news-carousel__footer .home-news-more {
        grid-column: 1;
    }

    .home-news-carousel__dots {
        grid-row: 1;
    }

    .home-news-carousel__footer .home-news-more {
        grid-row: 2;
    }

    .home-news-more {
        text-align: right;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-news-card,
    .home-news-card__image,
    .home-news-card__arrow,
    .home-news-carousel__dot {
        transition: none;
    }

    .home-news-card:hover,
    .home-news-card:focus-within,
    .home-news-card:hover .home-news-card__image,
    .home-news-card:focus-within .home-news-card__image,
    .home-news-card__arrow:hover,
    .home-news-card__arrow:focus-visible {
        transform: none;
    }

    .home-news-carousel.is-sliding .home-news-grid {
        transition: transform .45s ease-out;
    }
}

/* Source: HomeScreen/media.css */
/* Reorganized from wwwroot/css/content-pages.css. */
.custom-home-video-player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    background: #000;
}


.video-thumbnail-wrapper {
    background-color: #121212;
}


.thumbnail-img {
    object-fit: contain;
}


.thumbnail-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

/* Source: HomeScreen/media-details.css */
/* Reorganized from wwwroot/css/media.css. */

.media-photo-container {
    position: relative;
    overflow: hidden;
}

    .media-photo-container .wrapper {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        line-height: 1.2;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        padding: 80px 20px 20px;
        color: #fff;
        transition: 0.3s ease;
    }

        .media-photo-container .wrapper h2 {
            font-size: 1.3125rem;
            text-transform: uppercase;
            font-weight: 700;
            margin: 0;
            transform: translateY(20px) translateZ(0px);
            transition: 0.3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .media-photo-container .wrapper p {
            margin: 0;
            font-size: 0.875rem;
            transform: translateY(20px);
            transition: 0.3s cubic-bezier(0.77, 0, 0.175, 1);
        }

    .media-photo-container:hover .wrapper h2,
    .media-photo-container:hover .wrapper p {
        transform: translateY(0);
    }

.padding-right-5px {
    padding-right: 5px;
}
.padding-left-5px {
    padding-left: 5px;
}





.home-media-section .home-media-hero-frame,
.home-media-section .home-media-hero-thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #121212;
}

.home-media-section .home-media-frame {
    border: 0;
}

.home-media-section .home-media-play-main {
    width: 66px;
    height: 66px;
}

.home-media-section .home-media-play-card {
    width: 60px;
    height: 60px;
}

.home-media-section .home-media-hero-thumbnail {
    cursor: pointer;
}

.home-media-section .home-media-hero-thumbnail > img,
.home-media-section .video-thumbnail-wrapper > .thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.video-thumbnail-wrapper .overlay {
    background: rgba(0, 0, 0, 0.3); /* 30% black */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 12px;

}

.home-media-section .video-thumbnail-wrapper {
    display: block;
    width: 100%;
    overflow: hidden;
}

.home-media-section .media-photo-container {
    display: block;
    width: 100%;
}

.home-media-section .home-media-photo-grid .media-photo-container {
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 3;
    padding: 0;
    background: #ececec;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-media-section .home-media-photo-grid .media-photo-container:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(24, 27, 31, 0.16) !important;
}

.home-media-section .home-media-photo-grid .media-photo-container > img {
    min-height: 0;
    max-height: none;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.home-media-section .home-media-photo-grid .media-photo-container:hover > img {
    transform: scale(1.035);
}

.home-media-section .video-thumbnail-wrapper > img,
.home-media-section .media-photo-container > img {
    display: block;
}

.home-media-section .video-thumbnail-wrapper:focus-visible,
.home-media-section .media-photo-container:focus-visible {
    outline: 3px solid rgba(120, 202, 42, 0.8);
    outline-offset: 3px;
}

.home-media-section .thumbnail-overlay,
.home-media-section .media-photo-container::after {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.08) 0%,
        rgba(0, 0, 0, 0.2) 48%,
        rgba(0, 0, 0, 0.78) 100%
    );
    pointer-events: none;
}

.home-media-section .media-photo-container::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.home-media-section .media-type-badge {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    max-width: calc(100% - 1.5rem);
    padding: 0.28rem 0.55rem;
    border-radius: 0;
    background: rgba(70, 65, 65, 0.82);
    color: #fff;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    pointer-events: none;
    backdrop-filter: blur(6px);
    line-height: 1.2;
}

.home-media-section .home-media-type-photo {
    background: rgba(103, 34, 144, 0.86);
}

.home-media-section .video-thumbnail-title,
.home-media-section .home-media-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 2rem 1.25rem 1rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

.home-media-section .home-media-title-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-media-section .home-media-caption {
    display: block;
    pointer-events: none;
    text-decoration: none;
}

.home-media-section .video-thumbnail-wrapper .position-absolute.top-50 {
    z-index: 3;
}



.media-photo-container {
    border-radius: 0;
    overflow: hidden;
}


/* Make sure buttons scale down on smaller screens */

.home-media-mobile-title {
    display: none;
}

@media (min-width: 768px) {
    .home-media-section .home-media-play-card {
        display: inline-flex;
        width: 60px;
        height: 60px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.8);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2) !important;
    }

    .home-media-section .home-media-play-card i {
        display: block;
        margin: 0 0 0 3px !important;
        color: #34273d !important;
        font-size: 1.15rem !important;
        line-height: 1 !important;
    }
}

/* Source: HomeScreen/media-responsive.css */
/* Reorganized from wwwroot/css/responsive/media.css. */
/* Responsive rules moved from ../media.css. Keep this file loaded immediately after media.css. */

@media (max-width: 768px) {
    .media-photo-container .wrapper {
        padding: 60px 15px 15px;
    }

    .margin-row-mb-0 {
        margin: 0;
    }
    .padding-mb-0 {
        padding: 0;
    }

}

@media (max-width: 767.98px) {
    .home-media-section {
        --home-media-mobile-gap: 1.5rem;
    }

    .home-media-section .home-media-photo-grid {
        margin-top: 2rem !important;
        row-gap: var(--home-media-mobile-gap);
    }

    .home-media-section .home-media-photo-card {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .home-media-section .home-media-hero {
        margin-top: 2rem !important;
        margin-bottom: var(--home-media-mobile-gap) !important;
    }

    .home-media-section .home-media-grid {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        display: flex;
        flex-direction: column;
        gap: var(--home-media-mobile-gap);
        margin-top: 0 !important;
        margin-bottom: var(--home-media-mobile-gap) !important;
    }

    .home-media-section .home-media-grid > [class*="col-"] {
        padding-top: 0 !important;
    }

    .home-media-section .home-media-video-item,
    .home-media-section .home-media-photo-stack {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .home-media-section .home-media-photo-row {
        margin: 0 !important;
    }

    .home-media-section .home-media-photo-row:first-child {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--home-media-mobile-gap);
    }

    .home-media-section .home-media-photo-row-last {
        margin-top: var(--home-media-mobile-gap) !important;
    }

    .home-media-section .home-media-photo-item {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .home-media-section .video-thumbnail-wrapper,
    .home-media-section .media-photo-container {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .home-media-section .video-thumbnail-wrapper > img,
    .home-media-section .media-photo-container > img {
        width: 100%;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover;
    }
}

@media (max-width: 767.98px) {
    .home-media-section .video-thumbnail-title,
    .home-media-section .home-media-caption {
        padding: 2rem 1rem 0.85rem;
        font-size: 0.95rem;
    }

    .home-media-section .home-media-title-text {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .home-media-section .media-type-badge {
        top: 0.65rem;
        right: 0.65rem;
        min-height: 1.55rem;
        padding: 0.24rem 0.48rem;
        font-size: 0.68rem;
    }
}

@media (max-width: 576px) {
    .video-thumbnail-wrapper button {
        width: 45px !important;
        height: 45px !important;
    }
}

/* Mobile-only card presentation. Desktop layout remains unchanged. */
@media (max-width: 767.98px) {
    .home-media-section {
        padding-top: 1.75rem !important;
        padding-bottom: 2.5rem !important;
        background: #f8f8fa;
    }

    .home-media-section .section-title {
        margin-bottom: 1.75rem;
    }

    .home-media-section .home-media-grid {
        gap: 1rem;
    }

    .home-media-section .home-media-video-item > .shadow-sm,
    .home-media-section .home-media-photo-item {
        overflow: hidden;
        border: 1px solid rgba(38, 30, 43, 0.13);
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 5px 16px rgba(30, 20, 36, 0.05) !important;
    }

    .home-media-section .video-thumbnail-wrapper,
    .home-media-section .media-photo-container {
        border-radius: 0;
    }

    .home-media-section .video-thumbnail-title,
    .home-media-section .home-media-caption {
        display: none;
    }

    .home-media-section .home-media-mobile-title {
        position: relative;
        z-index: 2;
        display: flex !important;
        box-sizing: border-box;
        margin: 0;
        overflow: hidden;
        align-items: center;
        background: #fff;
        color: #171219;
        font-size: 0.9rem;
        font-weight: 700;
        line-height: 1.32;
        text-align: left;
    }

    .home-media-section .home-media-mobile-title-text {
        display: -webkit-box;
        width: 100%;
        max-height: 2.64em;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .home-media-section .home-media-video-item .home-media-mobile-title {
        height: 64px;
        min-height: 64px;
        max-height: 64px;
        padding: 0.72rem 0.85rem;
    }

    .home-media-section .home-media-photo-row:first-child {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .home-media-section .home-media-photo-row:first-child .media-photo-container {
        aspect-ratio: 4 / 3;
    }

    .home-media-section .home-media-photo-row-last {
        display: none !important;
    }

    .home-media-section .home-media-photo-item .home-media-mobile-title {
        height: 66px;
        min-height: 66px;
        max-height: 66px;
        padding: 0.72rem 0.75rem;
    }

    .home-media-section .media-type-badge {
        top: 0.65rem;
        right: 0.65rem;
        min-height: 1.5rem;
        padding: 0.3rem 0.55rem;
        border-radius: 999px;
        background: rgba(48, 39, 54, 0.9);
        font-size: 0.63rem;
        letter-spacing: 0.04em;
    }

    .home-media-section .home-media-type-photo {
        background: rgba(103, 34, 144, 0.94);
    }

    .home-media-section .home-media-play-card {
        display: inline-flex;
        width: 56px;
        height: 56px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 0;
        background: rgba(255, 255, 255, 0.96);
    }

    .home-media-section .home-media-play-card i {
        margin-left: 0.2rem !important;
        font-size: 1.15rem !important;
    }
}

@media (max-width: 389.98px) {
    .home-media-section .home-media-photo-row:first-child {
        gap: 0.6rem;
    }

    .home-media-section .home-media-photo-item .home-media-mobile-title {
        height: 62px;
        min-height: 62px;
        max-height: 62px;
        padding: 0.65rem;
        font-size: 0.82rem;
    }
}