/* MEDIA QUERIES:MIN ==================== */
@media (min-width: 391px) {
    .hidden-device-2xs {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-device-xs {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-device-sm {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-device-md {
        display: none !important;
    }

    /* HEADER ==================== */
    #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .header-nav {
        font-size: 1.3rem;
        line-height: 1;
        font-weight: var(--font-weight-semibold);
    }

    .header-brand,
    .header-actions {
        transition: transform var(--duration-x2) var(--timing-function);
    }

    html.page-scrolling--down *:is(.header-brand, .header-actions) {
        transform: translateY(calc(-1 * var(--header-height)));
    }

    html.page-scrolling--up *:is(.header-brand, .header-actions) {
        transform: translateY(0);
    }

    .header-menu .pc-menu {
        --glass-border: 0.05rem solid rgba(46, 229, 154, 0.2);
        --glass-bg: rgba(32, 43, 31, 0.5);
        --glass-shadow: 0 2px 6px 0 rgba(46, 229, 154, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5),
            inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 4px 2px rgba(255, 255, 255, 0.2);
        border-radius: 10rem;
    }

    .header-menu .menu {
        height: 4.7rem;
        padding: 0 var(--spacing-4lg);
        min-width: 56.355rem;
    }

    .menu {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--spacing-md);
        position: relative;
        z-index: 5;
    }

    .menu li.active > a {
        color: var(--color-bright-emerald);
    }

    .menu li > a {
        display: flex;
        align-items: center;
        gap: var(--spacing-4xs);
    }

    html.no-touchevents .menu .has-submenu > a:hover .ic:not(.no-rotate):before,
    .has-submenu .submenu-trigger.active .ic:not(.no-rotate):before {
        transform: rotate(180deg);
    }

    .submenu {
        --glass-bg: rgba(23, 30, 23, 0.97);
        opacity: 0;
        pointer-events: none;
        transition: var(--duration) var(--timing-function);
        position: absolute;
        top: calc(100% + var(--spacing-3xs));
        left: 0;
        width: 100%;
        border-radius: 2.4rem;
        overflow: hidden;
        padding: var(--spacing-2sm) var(--spacing-4lg);
        padding-bottom: var(--spacing-lg);
    }

    .submenu.active {
        opacity: 1;
        pointer-events: auto;
    }

    .submenu .submenu-list {
        position: relative;
        z-index: 5;
    }

    .header-actions .has-submenu {
        position: relative;
    }

    .header-actions .submenu {
        border-radius: 1.2rem;
        padding: var(--spacing-xs) var(--spacing-4xs);
    }

    .header-actions .submenu .submenu-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-4xs);
    }

    html.no-touchevents .header-actions li > a:hover > .ic::before,
    .header-actions .submenu-trigger.active .ic:not(.c-white):before {
        color: var(--color-bright-emerald);
    }

    .header-actions .menu > li > a > span,
    .header-actions .menu > li > a > .ic:last-child:before {
        color: var(--color-white) !important;
    }

    /* LIST CTA */
    [data-section="list-cta"] .sc-ttl {
        text-align: left;
        padding-bottom: var(--spacing-lg);
        border-bottom: 0.1rem solid rgba(var(--color-white-rgb), 0.3);
    }

    /* FEATURED NEWS */
    [data-card="news"].news-grid-animation {
        -webkit-animation-name: entryFromRight;
        animation-name: entryFromRight;
        animation-duration: 1.5s;
        animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }

    /* PAGE: NEWS */
    /* NEWS GRID */
    /* First Page */
    [data-section="news-grid"] .first-page [data-card="news"]:nth-child(2) {
        animation-delay: 0.2s;
    }
    [data-section="news-grid"] .first-page [data-card="news"]:nth-child(3n) {
        animation-delay: 0.1s;
    }

    [data-section="news-grid"] .first-page [data-card="news"]:nth-child(3n + 4) {
        animation-delay: 0.2s;
    }

    [data-section="news-grid"] .first-page [data-card="news"]:nth-child(3n + 5) {
        animation-delay: 0.4s;
    }

    /* Other Pages */
    [data-section="news-grid"] [data-card="news"]:nth-child(3n + 2) {
        animation-delay: 0.2s;
    }
    [data-section="news-grid"] [data-card="news"]:nth-child(3n + 3) {
        animation-delay: 0.4s;
    }
}

@media (min-width: 1280px) {
    .hidden-device-lg {
        display: none !important;
    }
}

@media (min-width: 1440px) {
    .hidden-device-xl {
        display: none !important;
    }
}

/* MEDIA QUERIES:MAX ==================== */
@media (max-width: 1439px) {
    .show-xl {
        display: none !important;
    }
}

@media (max-width: 1279px) {
    .show-lg {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    /* PAGE */
    /* PAGE: ABOUT */
    .about-main .value.card-container {
        --column: 2;
    }

    /* PAGE: CONTACT */
    [data-section="contact-form"] .contact-form {
        flex-direction: column;
    }

    [data-section="contact-form"] form {
        gap: var(--spacing-xs);
    }
}

@media (max-width: 991px) {
    .show-md {
        display: none !important;
    }

    :root {
        --font-size-title: 4.7rem;
        --font-size-h1: 4rem;
        --font-size-h2: 3.6rem;
        --font-size-h3: 2.8rem;
        --font-size-h4: 2rem;
        --font-size-h5: 1.6rem;
        --font-size-tagline: 1.3rem;

        --line-height-title: 1.1;
        --line-height-h1: 1.25;
        --line-height-h2: 1.3;
        --line-height-h3: 1.25;
        --line-height-h4: 1.55;
        --line-height-button: 1.85;

        --spacing-container: var(--spacing-xs);
        --spacing-container-sm: var(--spacing-xs);
        --gap-section: var(--spacing-xl);

        --logo-height: 3.6rem;
        --header-height: 7.8rem;
    }

    html[lang="th"]:root {
        --font-size-h1: 4.2rem;
        --font-size-h2: 3.2rem;
        --font-size-h3: 2.6rem;
        --font-size-h4: 2.3rem;
        --font-size-h5: 1.7rem;
        --font-size-tagline: 1.5rem;
        --font-size-body: 1.6rem;
        --font-size-body2: 1.5rem;
        --font-size-button: 1.3rem;

        --line-height-h1: 1.2;
        --line-height-h2: 1.3;
        --line-height-h3: 1.3;
        --line-height-h4: 1.4;
        --line-height-h5: 1.8;
        --line-height-tagline: 1.6;
        --line-height-body: 1.75;
        --line-height-body2: 1.65;
        --line-height-button: 1.65;
    }

    #page {
        grid-template-rows: 1fr auto;
    }

    .sc-inner.mb-t-header {
        padding-top: var(--header-height);
    }
    .sc-inner.mb-t-0 {
        padding-top: 0;
    }
    .sc-inner.mb-t-25 {
        padding-top: calc(var(--gap-section) / 4);
    }
    .sc-inner.mb-t-50 {
        padding-top: calc(var(--gap-section) / 2);
    }
    .sc-inner.mb-t-75 {
        padding-top: calc(var(--gap-section) * 3 / 4);
    }
    .sc-inner.mb-t-100 {
        padding-top: var(--gap-section);
    }
    .sc-inner.mb-t-125 {
        padding-top: calc(var(--gap-section) * 1.25);
    }
    .sc-inner.mb-t-150 {
        padding-top: calc(var(--gap-section) * 1.5);
    }
    .sc-inner.mb-t-175 {
        padding-top: calc(var(--gap-section) * 1.75);
    }
    .sc-inner.mb-t-200 {
        padding-top: calc(var(--gap-section) * 2);
    }
    .sc-inner.mb-b-header {
        padding-bottom: var(--header-height);
    }
    .sc-inner.mb-b-0 {
        padding-bottom: 0;
    }
    .sc-inner.mb-b-25 {
        padding-bottom: calc(var(--gap-section) / 4);
    }
    .sc-inner.mb-b-50 {
        padding-bottom: calc(var(--gap-section) / 2);
    }
    .sc-inner.mb-b-75 {
        padding-bottom: calc(var(--gap-section) * 3 / 4);
    }
    .sc-inner.mb-b-100 {
        padding-bottom: var(--gap-section);
    }
    .sc-inner.mb-b-125 {
        padding-bottom: calc(var(--gap-section) * 1.25);
    }
    .sc-inner.mb-b-150 {
        padding-bottom: calc(var(--gap-section) * 1.5);
    }
    .sc-inner.mb-b-175 {
        padding-bottom: calc(var(--gap-section) * 1.75);
    }
    .sc-inner.mb-b-200 {
        padding-bottom: calc(var(--gap-section) * 2);
    }

    .entry-content {
        --gap-row: var(--spacing-2md);
        --gap-column: var(--spacing-2md);
        --gap-content: var(--spacing-2md);
        width: 100%;
    }
    .entry-content :is(h1, h2, h3, h4, h5, h6) {
        margin: 0;
        font-family: var(--font-heading);
        font-weight: var(--font-weight-semibold);
        font-size: inherit;
        line-height: inherit;
        letter-spacing: normal;
        color: var(--color-theme);
    }

    .entry-content .has-small-font-size {
        font-size: 1.3rem !important;
        line-height: 1.6;
    }
    .entry-content :is(h6, .has-normal-font-size, .has-regular-font-size) {
        font-size: 1.3rem !important;
        line-height: 1.6;
        font-weight: var(--font-weight-bold);
    }
    .entry-content :is(h5, .has-medium-font-size) {
        font-size: 1.6rem !important;
        line-height: 1.6;
        font-weight: var(--font-weight-semibold);
    }
    .entry-content :is(h4, .has-large-font-size, .has-larger-font-size) {
        font-size: 2rem !important;
        line-height: 1.55;
        font-weight: var(--font-weight-medium);
    }
    .entry-content :is(h3, .has-x-large-font-size) {
        font-size: 2.2rem !important;
        line-height: 1.4;
        font-weight: var(--font-weight-medium);
    }
    .entry-content :is(h2, .has-xx-large-font-size) {
        font-size: 2.4rem !important;
        line-height: 1.25;
        font-weight: var(--font-weight-regular);
    }
    .entry-content :is(h1, .has-huge-font-size) {
        font-size: 2.8rem !important;
        line-height: 1.25;
        font-weight: var(--font-weight-regular);
    }
    html[lang="th"] {
        .entry-content .has-small-font-size {
            font-size: 1.3rem !important;
            line-height: 1.6;
        }
        .entry-content :is(h6, .has-normal-font-size, .has-regular-font-size) {
            font-size: 1.5rem !important;
            line-height: 1.6;
            font-weight: var(--font-weight-medium);
        }
        .entry-content :is(h5, .has-medium-font-size) {
            font-size: 1.8rem !important;
            line-height: 1.6;
            font-weight: var(--font-weight-regular);
        }
        .entry-content :is(h4, .has-large-font-size, .has-larger-font-size) {
            font-size: 2.3rem !important;
            line-height: 1.4;
            font-weight: var(--font-weight-regular);
        }
        .entry-content :is(h3, .has-x-large-font-size) {
            font-size: 2.4rem !important;
            line-height: 1.6;
            font-weight: var(--font-weight-regular);
        }
        .entry-content :is(h2, .has-xx-large-font-size) {
            font-size: 2.8rem !important;
            line-height: 1.4;
            font-weight: var(--font-weight-light);
        }
        .entry-content :is(h1, .has-huge-font-size) {
            font-size: 2.5rem !important;
            line-height: 1.4;
            font-weight: var(--font-weight-light);
        }
        .entry-content a {
            font-size: 1.2rem;
            line-height: 1.6;
        }
    }

    /* HEADER ==================== */
    #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .header-brand,
    .header-menu-ctrl {
        position: relative;
        z-index: 100;
    }

    .header-menu-ctrl {
        --glass-border: 0.05rem solid rgba(46, 229, 154, 0.2);
        --glass-bg: transparent;
        --glass-shadow: 0 2px 6px 0 rgba(46, 229, 154, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.5),
            inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 4px 2px rgba(255, 255, 255, 0.2);
        border-radius: 10rem;
        height: 4.7rem;
        width: 8.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-menu-ctrl .menu-ctrl {
        position: absolute;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 5;
    }

    .panel {
        --panel-height: 100dvh;
        position: fixed;
        z-index: 99;
        top: 0;
        right: 0;
        width: 100vw;
        height: var(--panel-height);
        background-color: var(--color-body-black);
        overflow: hidden;
        z-index: 95;
        opacity: 0;
        transition: opacity var(--duration-x2) cubic-bezier(0.83, 0, 0.17, 1);
        display: flex;
        flex-direction: column;
        pointer-events: none;
        padding-top: var(--header-height);
    }

    html.header-menu-enabled .panel {
        opacity: 1;
        pointer-events: auto;
    }

    .panel .header-social {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: var(--spacing-md) var(--spacing-container);
        background-color: var(--color-light-gray2);
    }

    .panel-scroll {
        --mask-box-image-offset: var(--spacing-md);
        flex-grow: 1;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        -webkit-mask-box-image: -webkit-linear-gradient(
            -90deg,
            transparent 0%,
            white var(--mask-box-image-offset),
            white calc(100% - var(--mask-box-image-offset)),
            transparent 100%
        );
        scrollbar-width: none;
        -ms-overflow-style: none;
        &::-webkit-scrollbar {
            display: none;
        }
    }

    .panel-body {
        min-height: calc(100dvh - var(--header-height));
        padding-top: var(--spacing-4lg);
        padding-bottom: var(--spacing-lg);
        display: flex;
        flex-direction: column;
        position: relative;
        transition: transform var(--duration-x3) cubic-bezier(0.83, 0, 0.17, 1);
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .panel-body .menu {
        font-size: var(--font-size-h3);
        line-height: 1;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-md);
        transition: gap var(--duration-x3) var(--timing-function);
    }

    .panel-body > .menu {
        position: relative;
        z-index: 15;
        padding-bottom: var(--spacing-4lg);
    }

    .menu li .lang-dropdown > a,
    .menu li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--spacing-4xs);
    }

    .submenu {
        height: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        padding-bottom: var(--spacing-2md);
        margin-top: calc(-1 * var(--spacing-md));
        width: 100%;
        background-color: var(--color-body-black);
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--duration) var(--timing-function);
        display: flex;
        flex-direction: column;
        gap: var(--spacing-lg);
        z-index: 10;
    }

    .submenu.active {
        height: auto;
        opacity: 1;
        pointer-events: auto;
    }

    .submenu.closing {
        height: auto;
        opacity: 0;
        pointer-events: none;
    }

    .submenu > a {
        font-size: var(--font-size-body);
        line-height: 1;
    }

    .panel-body .header-actions .menu {
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
        gap: var(--spacing-xs);
    }

    .panel-body .header-actions .menu > li .lang-dropdown > a,
    .panel-body .header-actions .menu > li > a {
        justify-content: flex-start;
        width: fit-content;
    }

    .panel-body .header-actions .lang-selector {
        position: relative;
        width: fit-content;
    }

    .lang-selector .submenu {
        top: 0;
        left: calc(100% + var(--spacing-2xs));
        border-radius: 1.2rem;
        padding: var(--spacing-xs) var(--spacing-4xs);
        width: 5rem;
        align-items: center;
    }

    .lang-selector .submenu .submenu-list {
        position: relative;
        z-index: 5;
    }

    .has-submenu .submenu-trigger.active .ic:not(.no-rotate):before {
        transform: rotate(180deg);
    }

    .header-actions {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-2sm);
    }

    .header-actions .social {
        justify-content: flex-start;
    }

    .header-actions li > .submenu-trigger.active > .ic::before {
        color: var(--color-bright-emerald);
    }

    /* FOOTER ==================== */
    .footer-nav {
        flex-direction: column;
        align-items: center;
        padding: var(--spacing-md) var(--spacing-lg);
    }

    .footer-nav .footer-socials {
        order: 1;
        margin-bottom: var(--spacing-xs);
        position: static;
        transform: none;
    }

    .footer-nav .footer-links {
        order: 2;
        width: 100%;
    }

    .footer-nav .footer-copy {
        order: 3;
    }

    .footer-links ul {
        justify-content: space-between;
        gap: var(--spacing-xs);
        margin-left: unset;
    }

    /* COMPONENT */
    /* DEFAULT ====================*/

    /* SECTION ====================*/

    /* ELEMENT ====================*/

    /* ELEMENT ====================*/
    .bg-decoration {
        width: var(--mb-width);
        aspect-ratio: var(--mb-aspect-ratio);
        top: var(--mb-top, auto);
        left: var(--mb-left, auto);
        right: var(--mb-right, auto);
        bottom: var(--mb-bottom, auto);
        background-image: var(--mb-image);
    }

    /* HOMEPAGE POPUP */
    .homepage-popup .content {
        padding: var(--spacing-3xs) var(--spacing-3xs) var(--spacing-2sm);
    }

    .homepage-popup .content .media {
        width: calc(100vw - var(--spacing-2sm) * 2);
        aspect-ratio: 1.5;
        position: relative;
        z-index: 5;
    }
    .homepage-popup .content .button {
        position: relative;
        z-index: 5;
    }

    /* PAGE */
    /* PAGE: INDEX */
    /* MAIN HERO */
    [data-section="main-hero"]:after {
        top: 85%;
        height: calc(15% + 15rem);
    }

    [data-section="main-hero"] .cover {
        right: 0;
        left: auto;
    }

    [data-section="main-hero"] .cover *:is(img, video) {
        object-position: right;
        width: 100%;
        height: 85%;
    }

    [data-section="main-hero"] [class*="block-content-"] {
        gap: var(--spacing-2sm);
    }

    .value.card-container {
        --column: 1.25;
        --gap-x: var(--spacing-xs);
        margin-top: var(--spacing-5xl);
    }

    [data-card="value"] {
        padding: var(--spacing-sm) var(--spacing-2sm) var(--spacing-md);
        gap: var(--spacing-md);
    }

    /* WHO WE ARE */
    [data-section="who-we-are"] .container {
        gap: var(--spacing-4lg);
    }

    [data-section="who-we-are"] .media {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    [data-section="who-we-are"] .content-grid {
        flex-direction: column;
        gap: var(--spacing-4xl);
        margin-top: var(--spacing-4lg);
    }

    [data-section="who-we-are"] .content-grid .light-separator {
        display: none;
    }

    /* ABOUT CTA */
    [data-section="about-cta"] .content {
        flex-direction: column-reverse;
    }

    [data-section="about-cta"] .content .sticky-content {
        width: 100%;
        position: relative;
        top: unset;
    }

    /* TAB TEMPLATE */
    [data-section="tab-template"] .container .sc-inner {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
        min-height: unset;
    }

    [data-section="tab-template"] .tab-links {
        display: flex;
        gap: var(--spacing-2sm);
        margin-bottom: var(--spacing-lg);
    }

    [data-section="tab-template"] .tab-links .swiper-slide {
        --gap: var(--spacing-2lg);
    }

    /* Template 2 */
    [data-section="tab-template"] [data-template="2"] .tab-ttl {
        width: 100%;
        margin-bottom: var(--spacing-3lg);
    }

    [data-section="tab-template"] [data-template="2"] .tab-text {
        flex-direction: column;
        align-items: unset;
    }

    [data-section="tab-template"] [data-template="2"] .tab-text .tab-desc {
        max-width: unset;
        text-wrap: wrap;
    }

    /* Template 1 */
    /* Template 1 : Nav */
    [data-section="tab-template"] [data-template="1"] .content .content-nav {
        width: 100%;
        gap: var(--spacing-2lg);
    }

    [data-section="tab-template"] [data-template="1"] .accordion-container {
        margin-bottom: calc(100vw - var(--gap-section));
    }

    [data-section="tab-template"] [data-template="1"] .slide-ttl > span {
        color: var(--color-gray-green);
    }

    [data-section="tab-template"] [data-template="1"] .slide-ttl {
        opacity: 1;
        filter: unset;
    }

    [data-section="tab-template"] [data-template="1"] .decoration {
        position: absolute;
        bottom: calc(var(--gap-section) * -1);
        left: 50%;
        transform: translateX(-50%);
        height: auto;
        max-height: unset;
        width: 59.2307692308vw;
        aspect-ratio: 0.7;
    }

    /* MAP */
    [data-section="map"] [class*="block-content-"] {
        margin-bottom: var(--spacing-2lg);
    }

    [data-section="map"] .central-map {
        aspect-ratio: 1;
    }

    .central-map .map-item {
        top: var(--mb-top);
        left: var(--mb-left);
    }

    .central-map .map-item .item-pin {
        width: 23.8894871795vw;
        height: 20.9061538462vw;
    }

    .map-item .item-popup-overlay {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        background-color: rgba(var(--color-black-rgb), 0.8);
    }

    .map-item .item-popup-slide {
        width: calc(100vw - var(--spacing-2sm) * 2);
    }

    .central-map .map-item .item-label {
        top: 12.62963%;
    }

    .map-item#map-item-chachoengsao .item-label {
        text-align: center;
        top: unset;
        left: 50%;
        bottom: 80%;
        transform: translateX(-50%);
    }

    .map-item#map-item-rayong .item-label {
        left: -30%;
        transform: unset;
    }

    /* HIGHLIGHT */
    [data-section="highlight"] {
        --swiper-offset-top: var(--spacing-4lg);
    }

    [data-section="highlight"] .card-container {
        --column: 1.5;
        --gap-x: var(--spacing-xs);
    }

    [data-card="highlight"],
    [data-card="news"] {
        padding: var(--spacing-md);
    }

    /* STAT */
    [data-section="stats"] .cover {
        height: auto;
    }

    [data-section="stats"] .cover *:is(img, video) {
        height: auto;
        position: static;
    }

    [data-section="stats"] .cover:before {
        inset: unset;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 28.3505154639%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #141b13 100%);
    }

    [data-section="stats"] .sc-ttl {
        margin-bottom: 32rem;
    }

    [data-section="stats"] .stats-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    [data-section="stats"] .stats-container .stat-item .stat {
        justify-content: center;
    }

    /* CERTIFICATE */
    [data-section="certificate"] [class*="block-content-"] {
        margin-bottom: var(--spacing-2md);
    }

    /* FEATURED NEWS */
    [data-section="featured-news"] {
        --swiper-offset-top: var(--spacing-md);
    }

    [data-section="featured-news"] .card-container {
        --column: 1.3;
        --gap-x: var(--spacing-xs);
    }

    [data-card="news"].news-grid-animation {
        animation: fadeIn var(--duration) var(--timing-function);
    }

    /* PAGE: ABOUT */
    /* TEXT FANCYBOX */
    [data-section="text-fancybox"] .sc-inner:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: var(--spacing-container);
        width: calc(100% - var(--spacing-container) * 2);
        height: 0.1rem;
        background-color: rgba(var(--color-white-rgb), 0.3);
    }
    [data-section="text-fancybox"] .fancybox-content {
        flex-direction: column;
        gap: var(--spacing-2lg);
    }

    [data-section="text-fancybox"] .fancybox-content .text-content {
        padding-bottom: 0;
        border-bottom: none;
    }

    [data-section="text-fancybox"] .fancybox-content .media {
        width: 100%;
        flex-shrink: 0;
        aspect-ratio: 1.5023474178;
        position: relative;
        overflow: hidden;
    }
    [data-section="text-fancybox"] .fancybox-content .button {
        position: relative;
        margin-top: calc(var(--spacing-2sm) * -1);
        margin-left: auto;
        margin-right: auto;
    }

    /* CENTER MEDIA */
    [data-section="center-media"] .media {
        width: 100%;
    }

    /* LIST CTA */
    [data-section="list-cta"] .list-item {
        flex-direction: column;
        gap: var(--spacing-md);
        border-bottom: none;
    }

    [data-section="list-cta"] .list-item .item-media {
        width: 100%;
    }

    [data-section="list-cta"] .list-item .item-text {
        max-width: unset;
    }

    /* PARALLAX DUAL BLOCK */
    [data-section="parallax-dual-block"] .dual-block {
        --gap: var(--spacing-2lg);
        flex-direction: column;
    }

    [data-section="parallax-dual-block"] .dual-block .block {
        width: 100%;
        flex-direction: column !important;
        gap: var(--spacing-lg);
    }

    [data-section="parallax-dual-block"] .dual-block .block:first-child .media {
        margin-top: 0;
    }

    /* BANNER MEDIA */
    [data-section="banner-media"] .sc-inner {
        min-height: 52rem;
        aspect-ratio: 0.75;
    }

    [data-section="banner-media"] .cover::before {
        background-color: rgba(var(--color-black-rgb), 0.65);
    }

    [data-section="banner-media"] [class*="block-content-"] .block-ttl > * {
        font-size: var(--font-size-h3) !important;
        line-height: var(--line-height-h3) !important;
    }

    /* PAGE: TEMPLATE */
    /* TEMPLATE LANDING */
    [data-section="template-landing"] .text-content {
        flex-direction: column;
        gap: var(--spacing-xl);
    }

    [data-section="template-landing"] [class*="block-content-"] {
        width: 100%;
    }

    [data-section="template-landing"] .value.card-container {
        margin-top: var(--spacing-lg);
    }

    [data-card="template"] {
        padding: var(--spacing-2sm) var(--spacing-2sm) var(--spacing-md);
    }

    /* DUAL CONTENT MEDIA */
    [data-section="dual-content-media"] .content-wrapper {
        flex-direction: column;
        gap: var(--spacing-4lg);
    }

    [data-section="dual-content-media"] .content {
        max-width: unset;
        width: 100%;
    }

    [data-section="dual-content-media"] .media {
        align-self: flex-end;
        width: 87.05128205128vw;
        aspect-ratio: 1.1241721854;
    }

    .light-icon-list .light-separator {
        width: 1.6rem;
    }

    /* PAGE: TEMPLATE SINGLE */
    /* TEMPLATE SINGLE LANDING */
    [data-section="template-single-landing"] .block-cta {
        flex-direction: column-reverse;
    }

    [data-section="template-single-landing"] .block-cta .block-desc {
        width: 100%;
        max-width: unset;
    }

    /* OTHER TEMPLATE */
    [data-section="other-template"] .card-container.value {
        --column: 1.325;
    }

    [data-section="other-template"] .sc-ttl {
        padding-top: var(--spacing-2lg);
        border-top: 0.1rem solid rgba(var(--color-white-rgb), 0.3);
    }

    /* PAGE: NEWS */
    /* NEWS GRID */
    [data-section="news-grid"] .tab-links {
        flex-direction: column;
        align-items: flex-start;
    }

    [data-section="news-grid"] .tab-links [class*="block-content-"] {
        max-width: unset;
        flex-shrink: 0;
    }

    [data-section="news-grid"] .tab-links .links-container,
    [data-section="news-grid"] .tab-links .swiper {
        width: 100%;
    }

    [data-section="news-grid"] .tab-contents {
        margin-top: var(--spacing-lg);
    }

    [data-section="news-grid"] .tab-content .card-container {
        --column: 1;
        --gap-y: var(--spacing-3xs);
    }

    [data-section="news-grid"] [data-card="news"] {
        grid-column: span 1;
    }

    [data-section="news-grid"] .tab-content .card-container.first-page > *:is(:nth-child(-n + 2)) {
        grid-column: span 1;
    }

    .wp-pagenavi *:is(.page, .current) {
        display: none;
    }

    /* PAGE: CONTACT */
    /* CONTACT DETAILS */
    [data-section="contact-detail"] [class*="block-content-"] {
        max-width: unset;
    }

    [data-section="contact-detail"] .contact-detail {
        flex-direction: column;
        gap: var(--spacing-4lg);
    }

    [data-section="contact-detail"] .detail-list {
        width: 100%;
    }

    [data-section="contact-detail"] .map {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        position: static;
    }

    /* CONTACT FORM */
    [data-section="contact-form"] .contact-form {
        flex-direction: column;
        display: flex;
        gap: var(--spacing-2sm);
    }

    [data-section="contact-form"] [class*="block-content-"] {
        max-width: unset;
        width: 100%;
    }

    [data-section="contact-form"] .field {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .show-sm {
        display: none !important;
    }
}

@media (max-width: 575px) {
    .show-xs {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .show-2xs {
        display: none !important;
    }
}