/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*** Button form edit ***/
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, input[type='password'] {
border: none;
box-shadow: none;
border-bottom: 1px solid #bbb;
}


input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, input[type='password'], select {
border: none;
box-shadow: none;
border-bottom: 1px solid #bbb;
border-radius: 6px;
}

input[type='button'].is-form {
background-color: #ffffff;
border: none;
}

select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
box-shadow: none;
border: none;
border-bottom: 1px solid #ddd;
}

.wpcf7 form .wpcf7-response-output {
font-size: 14px;
border: 1px solid #00a0d2; 
}

.wpcf7 .flex-col .wpcf7-not-valid-tip {
    font-size: 14px;
}
/*** Button form edit End ***/

/*** Full button send ***/
input[type='submit'], input[type='submit'].button, input[type='reset'].button, input[type='button'].button {
width: 100%;
}

/*--- CF7 customization ---*/
#left {
    width: 49%;
    float: left;
    margin-right:2%;
}
 
#right {
    width: 49%;
    float: left;
}
 
.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
}
 
.clearfix {
    display:block;
}

/*--- CF7 customization END ---*/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ==================================================
   APT – AN / PHÚC / THỊNH
   NEW WARM GOLD / BROWN THEME
================================================== */

.apt-apt-values {

    /* =========================
       BRAND COLORS
    ========================= */

    --apt-values-brown-deep: #35140D;
    --apt-values-brown: #4B2115;
    --apt-values-brown-soft: #5A2B1C;

    --apt-values-gold-deep: #A96714;
    --apt-values-gold: #D99A1B;
    --apt-values-gold-soft: #E8B84B;

    --apt-values-cream: #FFF1D0;
    --apt-values-cream-soft: #FFF8EA;


    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(217,154,27,.12),
            transparent 30%
        ),

        radial-gradient(
            circle at 88% 85%,
            rgba(75,33,21,.07),
            transparent 32%
        ),

        linear-gradient(
            180deg,
            #FFF9EE 0%,
            #FFF3DD 100%
        );
}


/* ==================================================
   01. MOBILE NAV
   JS TỰ TẠO – DESKTOP ẨN
================================================== */

.apt-values-mobile-nav {
    display: none;
}


/* ==================================================
   02. DESKTOP GRID
================================================== */

.apt-apt-values-list > .col-inner {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;

    padding:
        10px 0;
}


/* ==================================================
   03. CARD
================================================== */

.apt-apt-values
.apt-apt-value-card {

    position: relative;

    min-height: 292px;

    padding:
        30px
        27px
        28px;

    overflow: hidden;

    box-sizing: border-box;

    background:
        radial-gradient(
            circle at 18% 8%,
            rgba(232,184,75,.10),
            transparent 27%
        ),

        linear-gradient(
            145deg,
            var(--apt-values-brown-soft) 0%,
            var(--apt-values-brown) 48%,
            var(--apt-values-brown-deep) 100%
        );

    border:
        1px solid
        rgba(217,154,27,.30);

    border-radius:
        18px;

    box-shadow:
        0 12px 30px
        rgba(75,33,21,.13),

        inset 0 1px 0
        rgba(255,241,208,.08);

    transition:
        transform .38s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .38s ease;
}


/* ==================================================
   04. ÁNH SÁNG ẤM TRÊN CARD
================================================== */

.apt-apt-values
.apt-apt-value-card::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:

        radial-gradient(
            circle at 14% 8%,
            rgba(244,195,75,.11),
            transparent 24%
        ),

        linear-gradient(
            120deg,
            rgba(255,255,255,.035) 0%,
            transparent 32%,
            rgba(217,154,27,.045) 72%,
            transparent 100%
        );
}


/*
 * Đưa nội dung lên trên overlay
 */
.apt-apt-values
.apt-apt-value-card > * {

    position: relative;
    z-index: 2;
}


/* ==================================================
   05. MIRROR GOLD SHINE
================================================== */

.apt-apt-values
.apt-apt-value-card::after {

    content: "";

    position: absolute;

    z-index: 3;

    top: -40%;
    left: -75%;

    width: 28%;
    height: 185%;

    opacity: 0;

    pointer-events: none;

    background:
        linear-gradient(
            110deg,

            transparent 0%,

            rgba(255,255,255,.02) 24%,

            rgba(232,184,75,.30) 45%,

            rgba(255,241,208,.28) 52%,

            rgba(217,154,27,.13) 60%,

            transparent 82%
        );

    transform:
        rotate(13deg);
}


/* ==================================================
   06. DESKTOP HOVER
================================================== */

@media (hover: hover) {

    .apt-apt-values
    .apt-apt-value-card:hover {

        transform:
            translateY(-6px);

        border-color:
            rgba(217,154,27,.65);

        box-shadow:
            0 20px 38px
            rgba(75,33,21,.21),

            0 0 0 1px
            rgba(217,154,27,.08),

            inset 0 1px 0
            rgba(255,241,208,.10);
    }


    .apt-apt-values
    .apt-apt-value-card:hover::after {

        animation:
            aptWarmGoldShine
            .95s
            cubic-bezier(.25,.7,.25,1);
    }
}


@keyframes aptWarmGoldShine {

    0% {
        left: -75%;
        opacity: 0;
    }

    15% {
        opacity: .75;
    }

    60% {
        opacity: .42;
    }

    100% {
        left: 145%;
        opacity: 0;
    }
}


/* ==================================================
   07. DESKTOP TYPOGRAPHY
================================================== */

@media (min-width: 850px) {

.apt-apt-values
.apt-value-key {

    display: block;

    margin:
        0 0 11px 0 !important;

    padding: 4px 0 0;

    font-size:
        clamp(46px, 4vw, 54px);

    font-weight: 900;

    line-height: 1.10;

    letter-spacing:
        -1.8px;

    overflow: visible !important;


    /* fallback */
    color:
        var(--apt-values-gold) !important;


    /* gradient gold */
    background:
        linear-gradient(
            105deg,
            #A96714 0%,
            #C98618 18%,
            #D99A1B 38%,
            #E8B84B 55%,
            #D69A28 72%,
            #A96714 100%
        );

    background-size:
        180% auto;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    text-shadow:
        0 3px 14px
        rgba(217,154,27,.08);

    animation:
        aptGoldTextFlow
        5.5s
        ease-in-out
        infinite
        alternate;
}

    /* =============================================
       HEADLINE
    ============================================= */

    .apt-apt-values
    .apt-apt-value-card h3 {

        margin:
            0 0 8px 0 !important;

        color:
            var(--apt-values-cream) !important;

        font-size:
            21px;

        font-weight:
            800;

        line-height:
            1.28;
    }


    /* =============================================
       TRIẾT LÝ NGẮN
    ============================================= */

    .apt-apt-values
    .apt-apt-value-card h4 {

        margin:
            0 0 14px 0 !important;

        color:
            var(--apt-values-gold-soft) !important;

        font-size:
            14px;

        font-weight:
            700;

        line-height:
            1.45;
    }


    /* =============================================
       LINE GOLD
    ============================================= */

    .apt-apt-values
    .apt-value-line {

        display: block;

        width: 46px;
        height: 2px;

        margin:
            0 0 17px 0;

        border-radius:
            999px;

        background:
            linear-gradient(
                90deg,
                var(--apt-values-gold-deep),
                var(--apt-values-gold-soft)
            );

        box-shadow:
            0 0 10px
            rgba(217,154,27,.16);
    }


    /* =============================================
       BODY
    ============================================= */

    .apt-apt-values
    .apt-apt-value-card
    > p:last-child {

        max-width: 94%;

        margin:
            0 !important;

        color:
            rgba(255,241,208,.88) !important;

        font-size:
            15px;

        font-weight:
            400;

        line-height:
            1.68;
    }

}


/* ==================================================
   08. GOLD TEXT FLOW
================================================== */

@keyframes aptGoldTextFlow {

    0% {
        background-position:
            0% center;
    }

    100% {
        background-position:
            100% center;
    }
}


/* ==================================================
   09. TABLET + MOBILE
================================================== */

@media (max-width: 849px) {

    /*
     * Khoảng thở với Hero
     */
    .apt-apt-values {

        padding-top:
            18px !important;

        padding-bottom:
            8px !important;
    }


    .apt-apt-values-list {

        position: relative;

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            0 !important;
    }


    /* ==================================================
       MOBILE NAV
    ================================================== */

    .apt-values-mobile-nav {

        display:
            flex !important;

        align-items:
            center;

        justify-content:
            center;

        width:
            calc(100% - 36px) !important;

        max-width:
            calc(100% - 36px) !important;

        margin:
            0 auto 5px !important;

        padding:
            5px !important;

        gap:
            4px;

        box-sizing:
            border-box;

        overflow:
            hidden;

        background:
            linear-gradient(
                180deg,
                #FFF8EA 0%,
                #FFF0D2 100%
            );

        border:
            1px solid
            rgba(217,154,27,.32);

        border-radius:
            14px;

        box-shadow:
            0 5px 14px
            rgba(75,33,21,.07);
    }


    .apt-values-mobile-tab {

        appearance:
            none;

        flex:
            1 1 0;

        min-width:
            0;

        height:
            31px;

        padding:
            0 7px;

        border:
            1px solid transparent;

        border-radius:
            999px;

        background:
            transparent;

        color:
            var(--apt-values-brown) !important;

        font-size:
            13.5px;

        font-weight:
            800;

        line-height:
            1;

        letter-spacing:
            .25px;

        text-align:
            center;

        cursor:
            pointer;

        transition:
            background .28s ease,
            color .28s ease,
            border-color .28s ease,
            box-shadow .28s ease,
            transform .28s ease;
    }


    /* Active tab */
    .apt-values-mobile-tab.is-active {

        color:
            var(--apt-values-gold-soft) !important;

        background:
            linear-gradient(
                135deg,
                #5A2B1C 0%,
                #4B2115 55%,
                #35140D 100%
            );

        border-color:
            rgba(217,154,27,.35);

        box-shadow:
            0 5px 12px
            rgba(75,33,21,.18),

            inset 0 1px 0
            rgba(255,241,208,.08);

        transform:
            translateY(-1px);
    }


    /* ==================================================
       SWIPE TRACK
    ================================================== */

    .apt-apt-values-list
    > .col-inner {

        display:
            flex !important;

        flex-wrap:
            nowrap !important;

        gap:
            8px !important;

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            0 18px 5px !important;

        margin:
            0 !important;

        box-sizing:
            border-box;

        overflow-x:
            auto !important;

        overflow-y:
            hidden !important;

        scroll-snap-type:
            x mandatory;

        scroll-padding-inline:
            18px;

        scrollbar-width:
            none;

        -webkit-overflow-scrolling:
            touch;
    }


    .apt-apt-values-list
    > .col-inner::-webkit-scrollbar {

        display:
            none;
    }


    /* ==================================================
       MOBILE CARD
    ================================================== */

    .apt-apt-values
    .apt-apt-value-card {

        flex:
            0 0 100% !important;

        width:
            100% !important;

        min-width:
            100% !important;

        min-height:
            192px;

        padding:
            17px
            16px;

        border-radius:
            16px;

        scroll-snap-align:
            center !important;

        scroll-snap-stop:
            always;

        display:
            flex !important;

        flex-direction:
            column;

        justify-content:
            center;

        align-items:
            flex-start;

        box-shadow:
            0 10px 22px
            rgba(75,33,21,.13),

            inset 0 1px 0
            rgba(255,241,208,.07);
    }


    /*
     * AN / PHÚC / THỊNH đã xuất hiện ở tab
     */
    .apt-apt-values
    .apt-apt-value-card
    .apt-value-key {

        display:
            none !important;
    }


    /*
     * Mobile bỏ line để card gọn
     */
    .apt-apt-values
    .apt-apt-value-card
    .apt-value-line {

        display:
            none !important;
    }


    /* ==================================================
       MOBILE TYPOGRAPHY
    ================================================== */

    .apt-apt-values
    .apt-apt-value-card h3 {

        margin:
            0 0 8px 0 !important;

        color:
            var(--apt-values-cream) !important;

        font-size:
            18px;

        font-weight:
            800;

        line-height:
            1.28;
    }


    .apt-apt-values
    .apt-apt-value-card h4 {

        margin:
            0 0 11px 0 !important;

        color:
            var(--apt-values-gold-soft) !important;

        font-size:
            13.5px;

        font-weight:
            700;

        line-height:
            1.4;
    }


    .apt-apt-values
    .apt-apt-value-card
    > p:last-child {

        margin:
            0 !important;

        color:
            rgba(255,241,208,.90) !important;

        font-size:
            14.5px;

        font-weight:
            400;

        line-height:
            1.58;
    }

}


/* ==================================================
   10. MOBILE NHỎ
================================================== */

@media (max-width: 549px) {

    .apt-apt-values {

        padding-top:
            16px !important;

        padding-bottom:
            6px !important;
    }


    .apt-values-mobile-nav {

        width:
            calc(100% - 32px) !important;

        max-width:
            calc(100% - 32px) !important;

        margin-bottom:
            4px !important;

        padding:
            4px !important;
    }


    .apt-values-mobile-tab {

        height:
            30px;

        font-size:
            13px;
    }


    .apt-apt-values-list
    > .col-inner {

        padding:
            0 16px 5px !important;

        scroll-padding-inline:
            16px;
    }


    .apt-apt-values
    .apt-apt-value-card {

        min-height:
            188px;

        padding:
            16px
            15px;
    }


    .apt-apt-values
    .apt-apt-value-card h3 {

        font-size:
            17.5px;
    }


    .apt-apt-values
    .apt-apt-value-card h4 {

        font-size:
            13px;
    }


    .apt-apt-values
    .apt-apt-value-card
    > p:last-child {

        font-size:
            14px;

        line-height:
            1.55;
    }

}


/* ==================================================
   11. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-apt-values *,
    .apt-apt-values *::before,
    .apt-apt-values *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;
    }
}
/* ==================================================
   APT – FEATURED JOBS GRID
   WARM GOLD / BROWN THEME
   KHÔNG BAO GỒM SECTION TITLE
================================================== */

.apt-featured-jobs-grid {

    --apt-job-brown-deep: #35140D;
    --apt-job-brown: #4B2115;

    --apt-job-gold-deep: #A96714;
    --apt-job-gold: #D99A1B;
    --apt-job-gold-soft: #E5B64E;

    --apt-job-cream: #FFF1D0;
    --apt-job-cream-soft: #FFF8EA;
}


/* ==================================================
   01. CARD
================================================== */

.apt-featured-jobs-grid
.page-box {

    position: relative;

    overflow: hidden;

    background:
        var(--apt-job-cream-soft);

    border:
        1px solid
        rgba(217,154,27,.34);

    border-radius:
        16px;

    box-shadow:
        0 12px 28px
        rgba(35,15,9,.20),

        inset 0 1px 0
        rgba(255,241,208,.16);

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .4s ease;
}


/* ==================================================
   02. CARD HOVER
================================================== */

@media (hover: hover) {

    .apt-featured-jobs-grid
    .page-box:hover {

        transform:
            translateY(-7px);

        border-color:
            rgba(217,154,27,.72);

        box-shadow:
            0 20px 42px
            rgba(35,15,9,.28),

            0 0 0 1px
            rgba(217,154,27,.09);
    }

}


/* ==================================================
   03. IMAGE FRAME
================================================== */

.apt-featured-jobs-grid
.page-box > .box-image {

    position: relative;

    overflow: hidden;

    aspect-ratio:
        1.60 / 1;

    background:
        #EEDDB7;
}


.apt-featured-jobs-grid
.page-box > .box-image
.box-image {

    width:
        100%;

    height:
        100%;

    overflow:
        hidden;
}


/* Actual image */

.apt-featured-jobs-grid
.box-image img {

    display: block;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover;

    object-position:
        center;

    transform:
        scale(1.01);

    transition:
        transform .9s cubic-bezier(.2,.8,.2,1),
        filter .55s ease;
}


/* Image hover */

@media (hover: hover) {

    .apt-featured-jobs-grid
    .page-box:hover
    .box-image img {

        transform:
            scale(1.065);

        filter:
            brightness(1.025)
            contrast(1.025)
            saturate(1.025);
    }

}


/* ==================================================
   04. WARM IMAGE OVERLAY
================================================== */

.apt-featured-jobs-grid
.page-box > .box-image::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 14% 10%,
            rgba(255,234,171,.10),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            rgba(75,33,21,0) 48%,
            rgba(75,33,21,.16) 100%
        );
}


/* ==================================================
   05. MIRROR GOLD SHINE
================================================== */

.apt-featured-jobs-grid
.page-box > .box-image::after {

    content: "";

    position: absolute;

    z-index: 3;

    top:
        -45%;

    left:
        -75%;

    width:
        28%;

    height:
        190%;

    pointer-events:
        none;

    opacity:
        0;

    background:
        linear-gradient(
            110deg,

            transparent 0%,

            rgba(255,255,255,.02) 25%,

            rgba(229,182,78,.35) 46%,

            rgba(255,241,208,.32) 53%,

            rgba(217,154,27,.14) 61%,

            transparent 82%
        );

    transform:
        rotate(12deg);
}


@media (hover: hover) {

    .apt-featured-jobs-grid
    .page-box:hover
    > .box-image::after {

        animation:
            aptFeaturedJobShine
            .95s
            cubic-bezier(.25,.7,.25,1);
    }

}


@keyframes aptFeaturedJobShine {

    0% {
        left: -75%;
        opacity: 0;
    }

    15% {
        opacity: .75;
    }

    62% {
        opacity: .42;
    }

    100% {
        left: 145%;
        opacity: 0;
    }

}


/* ==================================================
   06. TEXT BAR
================================================== */

.apt-featured-jobs-grid
.box-text {

    position: relative;

    min-height:
        62px;

    padding:
        14px
        48px
        14px
        18px !important;

    display:
        flex;

    align-items:
        center;

    background:
        linear-gradient(
            105deg,

            #C69A42 0%,
            #D6B866 30%,
            #E6D093 55%,
            #D2AC52 82%,
            #BD8931 100%
        ) !important;

    color:
        var(--apt-job-brown) !important;

    border-top:
        1px solid
        rgba(255,241,208,.30);
}


.apt-featured-jobs-grid
.box-text-inner {

    position: relative;

    z-index: 2;

    width: 100%;
}


/* Card title */

.apt-featured-jobs-grid
.box-text-inner p {

    margin:
        0 !important;

    color:
        var(--apt-job-brown) !important;

    font-size:
        16px;

    font-weight:
        700;

    line-height:
        1.35;

    text-shadow:
        none !important;
}


/* ==================================================
   07. CARD ARROW
================================================== */

.apt-featured-jobs-grid
.box-text::after {

    content:
        "→";

    position: absolute;

    top:
        50%;

    right:
        15px;

    width:
        27px;

    height:
        27px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--apt-job-gold-soft);

    background:
        linear-gradient(
            145deg,
            #5A2B1C,
            #35140D
        );

    border:
        1px solid
        rgba(229,182,78,.24);

    border-radius:
        50%;

    font-size:
        13px;

    font-weight:
        700;

    transform:
        translateY(-50%);

    box-shadow:
        0 4px 10px
        rgba(53,20,13,.16);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


@media (hover: hover) {

    .apt-featured-jobs-grid
    .page-box:hover
    .box-text::after {

        transform:
            translateY(-50%)
            translateX(3px);

        background:
            linear-gradient(
                145deg,
                #6B361F,
                #4B2115
            );

        box-shadow:
            0 6px 14px
            rgba(53,20,13,.24);
    }

}


/* ==================================================
   08. SLIDER DOTS
================================================== */

.apt-featured-jobs-grid
.flickity-page-dots {

    left: 0;
    right: 0;

    text-align:
        center;
}


.apt-featured-jobs-grid
.flickity-page-dots
.dot {

    width:
        7px;

    height:
        7px;

    margin:
        0 5px;

    opacity:
        1;

    border:
        none;

    background:
        rgba(255,241,208,.28);

    transition:
        width .3s ease,
        background .3s ease,
        border-radius .3s ease;
}


.apt-featured-jobs-grid
.flickity-page-dots
.dot.is-selected {

    width:
        24px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #D99A1B,
            #E5B64E
        );
}


/* ==================================================
   09. SLIDER ARROWS
================================================== */

.apt-featured-jobs-grid
.flickity-button {

    background:
        rgba(255,248,234,.94) !important;

    border:
        1px solid
        rgba(217,154,27,.40) !important;

    box-shadow:
        0 6px 18px
        rgba(53,20,13,.16);

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


.apt-featured-jobs-grid
.flickity-button
.arrow {

    fill:
        var(--apt-job-brown) !important;
}


@media (hover: hover) {

    .apt-featured-jobs-grid
    .flickity-button:hover {

        background:
            var(--apt-job-gold) !important;

        transform:
            scale(1.06);

        box-shadow:
            0 8px 20px
            rgba(53,20,13,.22);
    }


    .apt-featured-jobs-grid
    .flickity-button:hover
    .arrow {

        fill:
            var(--apt-job-brown-deep) !important;
    }

}


/* ==================================================
   10. TABLET / MOBILE
================================================== */

@media (max-width: 849px) {

    .apt-featured-jobs-grid
    .flickity-prev-next-button {

        display:
            none !important;
    }

}


/* ==================================================
   11. MOBILE
================================================== */

@media (max-width: 549px) {

    /* Slider gần sát mép hơn */

    .apt-featured-jobs-grid
    .row-slider {

        width:
            calc(100% - 6px) !important;

        max-width:
            calc(100% - 6px) !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;
    }


    /* Khoảng cách giữa 2 card */

    .apt-featured-jobs-grid
    .page-col {

        padding-left:
            4px !important;

        padding-right:
            4px !important;
    }


    /* Card */

    .apt-featured-jobs-grid
    .page-box {

        border-radius:
            12px;

        box-shadow:
            0 7px 16px
            rgba(53,20,13,.16);
    }


    /* Image cao hơn một chút */

    .apt-featured-jobs-grid
    .page-box
    > .box-image {

        aspect-ratio:
            1.35 / 1;
    }


    /* Text bar */

    .apt-featured-jobs-grid
    .box-text {

        min-height:
            60px;

        padding:
            8px
            31px
            8px
            10px !important;

        text-align:
            left !important;
    }


    .apt-featured-jobs-grid
    .box-text-inner {

        text-align:
            left !important;
    }


    .apt-featured-jobs-grid
    .box-text-inner p {

        font-size:
            12.5px !important;

        font-weight:
            700 !important;

        line-height:
            1.35 !important;

        text-align:
            left !important;

        letter-spacing:
            0 !important;
    }


    /* Arrow */

    .apt-featured-jobs-grid
    .box-text::after {

        right:
            7px;

        width:
            20px;

        height:
            20px;

        font-size:
            9px;
    }


    /* Dots */

    .apt-featured-jobs-grid
    .flickity-page-dots
    .dot {

        width:
            6px;

        height:
            6px;

        margin:
            0 4px;
    }


    .apt-featured-jobs-grid
    .flickity-page-dots
    .dot.is-selected {

        width:
            19px;
    }

}


/* ==================================================
   12. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-featured-jobs-grid *,
    .apt-featured-jobs-grid *::before,
    .apt-featured-jobs-grid *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}
/* ==================================================
   APT – GOLD TITLE
   CLASS GẮN TRÊN TEXT ELEMENT
================================================== */

.apt-gold-title {
    text-align: center;
}


/* ==================================================
   TITLE CHUNG
================================================== */

.apt-gold-title h2 {
    position: relative;

    display: inline-block;

    margin: 0 0 16px !important;
    padding: 4px 2px 15px;

    overflow: visible !important;

    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    letter-spacing: 0 !important;
    text-transform: uppercase;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
}


/* ==================================================
   NỀN SÁNG
   Gold đậm hơn để không bị chìm
================================================== */

.apt-gold-title--light h2 {
    background:
        linear-gradient(
            180deg,
            #E5B64B 0%,
            #D99A1B 30%,
            #B97517 68%,
            #7D3F10 100%
        ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    filter:
        drop-shadow(
            0 2px 2px
            rgba(75,33,21,.15)
        );
}


/* ==================================================
   NỀN TỐI
   Gold sáng hơn
================================================== */

.apt-gold-title--dark h2 {
    background:
        linear-gradient(
            180deg,
            #FFF0A4 0%,
            #F4C34B 25%,
            #D99A1B 60%,
            #A96714 100%
        ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    filter:
        drop-shadow(
            0 2px 3px
            rgba(0,0,0,.22)
        );
}


/* ==================================================
   GẠCH GOLD
   NHỌN + MỜ 2 ĐẦU
================================================== */

.apt-gold-title h2::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 92px;
    height: 4px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(185,113,18,.15) 12%,
            #D99A1B 35%,
            #F4C34B 50%,
            #D99A1B 65%,
            rgba(185,113,18,.15) 88%,
            transparent 100%
        );

    clip-path:
        polygon(
            0 50%,
            32% 20%,
            50% 0,
            68% 20%,
            100% 50%,
            68% 80%,
            50% 100%,
            32% 80%
        );
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 549px) {

    .apt-gold-title h2 {
        font-size: 19px !important;

        margin-bottom: 13px !important;

        padding-bottom: 13px;
    }

    .apt-gold-title h2::after {
        width: 72px;
        height: 3px;
    }
}
/* ==================================================
   APT – JOB COMMITMENTS
   WARM LIGHT THEME
   3 CAM KẾT NẰM NGANG
================================================== */

.apt-job-commitments {

    --apt-commit-brown: #4B2115;
    --apt-commit-text: #6B5549;

    --apt-commit-gold-deep: #A96714;
    --apt-commit-gold: #D99A1B;
    --apt-commit-gold-light: #F4C34B;

    --apt-commit-cream: #FFF1D0;
    --apt-commit-cream-soft: #FFF9EC;


    position: relative;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    width:
        100%;

    overflow:
        hidden;

    background:
        linear-gradient(
            180deg,
            #FFF9EC 0%,
            #FFF3DF 100%
        );

    border:
        1px solid
        rgba(217,154,27,.58);

    border-radius:
        12px;

    box-shadow:
        0 6px 18px
        rgba(75,33,21,.07),

        inset 0 1px 0
        rgba(255,255,255,.85);
}


/* ==================================================
   01. TỪNG CAM KẾT
================================================== */

.apt-job-commitment {

    position: relative;

    min-height:
        76px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    padding:
        13px
        18px;

    text-align:
        center;

    color:
        var(--apt-commit-brown);

    transition:
        background .3s ease,
        box-shadow .3s ease;
}


/* ==================================================
   02. ĐƯỜNG CHIA
================================================== */

.apt-job-commitments
> .apt-job-commitment:not(:last-child) {

    border-right:
        1px solid
        rgba(217,154,27,.42);
}


/* ==================================================
   03. CHECK GOLD
================================================== */

.apt-job-check {

    flex:
        0 0 auto;

    width:
        25px;

    height:
        25px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--apt-commit-brown);

    background:
        linear-gradient(
            145deg,
            #F4C34B 0%,
            #D99A1B 55%,
            #B87517 100%
        );

    border:
        1px solid
        rgba(169,103,20,.25);

    border-radius:
        50%;

    font-size:
        14px;

    font-weight:
        900;

    line-height:
        1;

    box-shadow:
        0 3px 8px
        rgba(217,154,27,.18),

        inset 0 1px 0
        rgba(255,255,255,.45);
}


/* ==================================================
   04. TEXT
================================================== */

.apt-job-commitment strong {

    color:
        var(--apt-commit-brown) !important;

    font-size:
        14px;

    font-weight:
        750;

    line-height:
        1.38;

    letter-spacing:
        -.1px;
}


/* ==================================================
   05. HOVER DESKTOP
================================================== */

@media (hover: hover) {

    .apt-job-commitment:hover {

        background:
            linear-gradient(
                180deg,
                rgba(244,195,75,.10) 0%,
                rgba(217,154,27,.045) 100%
            );

        box-shadow:
            inset 0 0 0 1px
            rgba(217,154,27,.06);
    }


    .apt-job-commitment:hover
    .apt-job-check {

        background:
            linear-gradient(
                145deg,
                #F7D36A 0%,
                #E5AC34 52%,
                #C17B18 100%
            );
    }

}


/* ==================================================
   06. MOBILE
   VẪN GIỮ 3 Ô NẰM NGANG
================================================== */

@media (max-width: 549px) {

    .apt-job-commitments {

        border-radius:
            9px;
    }


    .apt-job-commitment {

        min-height:
            66px;

        gap:
            4px;

        padding:
            8px
            5px;
    }


    .apt-job-check {

        width:
            18px;

        height:
            18px;

        font-size:
            10px;
    }


    .apt-job-commitment strong {

        font-size:
            9.5px;

        line-height:
            1.3;

        letter-spacing:
            -.1px;
    }

}

/* ==================================================
   APT – ACCORDION + VISUAL
   WARM GOLD / BROWN THEME
   FULL CLEAN VERSION
================================================== */

.apt-accordion,
.apt-accordion-visual {

    --apt-acc-brown-deep: #35140D;
    --apt-acc-brown: #4B2115;
    --apt-acc-text: #6B5549;

    --apt-acc-gold-deep: #A96714;
    --apt-acc-gold: #D99A1B;
    --apt-acc-gold-light: #F4C34B;

    --apt-acc-cream: #FFF1D0;
    --apt-acc-cream-soft: #FFF9EC;

    /*
     * Chiều cao chuẩn desktop.
     * Muốn cả 2 bên thấp/cao hơn,
     * chỉ chỉnh duy nhất số này.
     */
    --apt-acc-height: 520px;
}


/* ==================================================
   01. DESKTOP – 8 ITEM KHỚP CHIỀU CAO VISUAL
================================================== */

@media (min-width: 850px) {

    .apt-accordion > .col-inner {

        height:
            var(--apt-acc-height) !important;

        min-height:
            var(--apt-acc-height) !important;

        display:
            flex !important;

        flex-direction:
            column;

        gap:
            6px;
    }


    .apt-accordion
    .apt-accordion-item {

        flex:
            0 0 auto;
    }

}


/* ==================================================
   02. ACCORDION ITEM
================================================== */

.apt-accordion
.apt-accordion-item {

    position: relative;

    margin:
        0 !important;

    overflow:
        hidden;

    background:
        linear-gradient(
            180deg,
            #FFF9EC 0%,
            #FFF3DF 100%
        );

    border:
        1px solid
        rgba(217,154,27,.22);

    border-radius:
        10px;

    box-shadow:
        0 3px 10px
        rgba(75,33,21,.045);

    transition:
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* ITEM ĐANG MỞ */

.apt-accordion
.apt-accordion-item.is-open {

    background:
        linear-gradient(
            180deg,
            #FFFDF8 0%,
            #FFF5E2 100%
        );

    border-color:
        rgba(217,154,27,.60);

    box-shadow:
        0 8px 20px
        rgba(75,33,21,.09),

        inset 0 1px 0
        rgba(255,255,255,.90);
}


/* ==================================================
   03. TITLE
   COMPACT ĐỂ 8 ITEM KHÔNG QUÁ CAO
================================================== */

.apt-accordion
.apt-accordion-item h3 {

    position: relative;

    display:
        flex;

    align-items:
        center;

    min-height:
        46px;

    margin:
        0 !important;

    padding:
        9px
        14px
        9px
        55px;

    color:
        var(--apt-acc-brown) !important;

    font-size:
        16.5px;

    font-weight:
        750;

    line-height:
        1.3;

    cursor:
        pointer;

    user-select:
        none;

    outline:
        none;
}


/* ==================================================
   04. CIRCLE ICON
================================================== */

.apt-accordion
.apt-accordion-item h3::before {

    content: "";

    position: absolute;

    top:
        50%;

    left:
        13px;

    width:
        28px;

    height:
        28px;

    border-radius:
        50%;

    background:
        linear-gradient(
            145deg,
            #5A2B1C,
            #35140D
        );

    transform:
        translateY(-50%);

    box-shadow:
        0 3px 8px
        rgba(75,33,21,.13);

    transition:
        background .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* ==================================================
   05. CHEVRON
================================================== */

.apt-accordion
.apt-accordion-item h3::after {

    content: "";

    position: absolute;

    top:
        50%;

    left:
        13px;

    width:
        28px;

    height:
        28px;

    background:

        linear-gradient(
            45deg,
            transparent 46%,
            #FFF1D0 47%,
            #FFF1D0 55%,
            transparent 56%
        )
        10px 7px / 7px 7px no-repeat,

        linear-gradient(
            -45deg,
            transparent 46%,
            #FFF1D0 47%,
            #FFF1D0 55%,
            transparent 56%
        )
        10px 14px / 7px 7px no-repeat;

    transform:
        translateY(-50%);

    transition:
        transform .28s ease,
        filter .28s ease;
}


/* OPEN ICON */

.apt-accordion
.apt-accordion-item.is-open
h3::before {

    background:
        linear-gradient(
            145deg,
            #F4C34B 0%,
            #D99A1B 55%,
            #B66D13 100%
        );

    box-shadow:
        0 0 0 4px
        rgba(217,154,27,.12),

        0 4px 10px
        rgba(217,154,27,.20);
}


.apt-accordion
.apt-accordion-item.is-open
h3::after {

    transform:
        translateY(-50%)
        rotate(90deg);

    filter:
        brightness(.38)
        sepia(.3);
}


/* ==================================================
   06. CLOSED CONTENT
================================================== */

.apt-accordion
.apt-accordion-item
h3 ~ * {

    max-height:
        0;

    margin-top:
        0 !important;

    margin-bottom:
        0 !important;

    padding-top:
        0 !important;

    padding-bottom:
        0 !important;

    overflow:
        hidden;

    opacity:
        0;

    visibility:
        hidden;

    transform:
        translateY(-5px);

    transition:
        max-height .38s cubic-bezier(.4,0,.2,1),
        margin .32s ease,
        padding .32s ease,
        opacity .22s ease,
        transform .30s ease,
        visibility 0s linear .38s;
}


/* Flatsome style/script */

.apt-accordion
.apt-accordion-item
h3 ~ style,

.apt-accordion
.apt-accordion-item
h3 ~ script {

    display:
        none !important;
}


/* ==================================================
   07. OPEN PARAGRAPH
   GỌN HƠN BẢN CŨ
================================================== */

.apt-accordion
.apt-accordion-item.is-open
h3 ~ p {

    max-height:
        150px;

    margin:
        0
        14px
        7px
        55px !important;

    padding:
        0 !important;

    overflow:
        visible;

    opacity:
        1;

    visibility:
        visible;

    transform:
        translateY(0);

    color:
        var(--apt-acc-text) !important;

    font-size:
        13.5px;

    font-weight:
        400;

    line-height:
        1.52;

    transition:
        max-height .38s cubic-bezier(.4,0,.2,1),
        margin .30s ease,
        opacity .28s ease,
        transform .30s ease,
        visibility 0s;
}


/* ==================================================
   08. CTA
================================================== */

.apt-accordion
.apt-accordion-item.is-open
h3 ~ h4 {

    display:
        table !important;

    width:
        fit-content !important;

    max-width:
        100%;

    max-height:
        60px;

    margin:
        0
        0
        9px
        55px !important;

    padding:
        6px
        12px !important;

    overflow:
        visible;

    opacity:
        1;

    visibility:
        visible;

    transform:
        translateY(0);

    background:
        linear-gradient(
            145deg,
            #F4C34B 0%,
            #D99A1B 55%,
            #B87517 100%
        );

    border:
        1px solid
        rgba(169,103,20,.16);

    border-radius:
        999px;

    color:
        var(--apt-acc-brown) !important;

    font-size:
        11.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.2;

    box-shadow:
        0 3px 9px
        rgba(217,154,27,.16);
}


.apt-accordion
.apt-accordion-item
h4 a {

    display:
        block;

    color:
        inherit !important;

    text-decoration:
        none !important;
}


/* ==================================================
   09. LIST SUPPORT
================================================== */

.apt-accordion
.apt-accordion-item.is-open
h3 ~ ul,

.apt-accordion
.apt-accordion-item.is-open
h3 ~ ol {

    max-height:
        180px;

    margin:
        0
        14px
        8px
        70px !important;

    padding:
        0;

    color:
        var(--apt-acc-text);

    font-size:
        13px;

    opacity:
        1;

    visibility:
        visible;

    transform:
        translateY(0);
}


/* ==================================================
   10. ACCORDION HOVER
================================================== */

@media (hover: hover) {

    .apt-accordion
    .apt-accordion-item:not(.is-open):hover {

        transform:
            translateX(3px);

        border-color:
            rgba(217,154,27,.48);

        background:
            linear-gradient(
                180deg,
                #FFF9EC 0%,
                #FFEDC9 100%
            );

        box-shadow:
            0 6px 15px
            rgba(75,33,21,.08);
    }


    .apt-accordion
    .apt-accordion-item.is-open
    h3 ~ h4:hover {

        color:
            var(--apt-acc-gold-light) !important;

        background:
            linear-gradient(
                145deg,
                #5A2B1C,
                #35140D
            );

        transform:
            translateY(-1px);

        box-shadow:
            0 6px 13px
            rgba(75,33,21,.18);
    }

}


/* ==================================================
   11. VISUAL FRAME
================================================== */

.apt-accordion-visual {

    position:
        relative;

    box-sizing:
        border-box;

    height:
        var(--apt-acc-height) !important;

    min-height:
        var(--apt-acc-height) !important;

    padding:
        9px;

    overflow:
        hidden;

    background:

        radial-gradient(
            circle at 15% 10%,
            rgba(244,195,75,.13),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            #FFF9EC 0%,
            #F3DFC0 100%
        ) !important;

    border:
        1px solid
        rgba(217,154,27,.42) !important;

    border-radius:
        20px !important;

    box-shadow:
        0 16px 38px
        rgba(75,33,21,.13),

        inset 0 1px 0
        rgba(255,255,255,.88);
}


/* QUAN TRỌNG:
   Flatsome col-inner có thể height = 0 */

.apt-accordion-visual
> .col-inner {

    position:
        relative !important;

    width:
        100% !important;

    height:
        100% !important;

    min-height:
        100% !important;

    overflow:
        hidden;

    border-radius:
        14px;

    background:
        #F2DDBB;
}


/* ==================================================
   12. IMAGES
================================================== */

.apt-accordion-visual
.apt-accordion-image {

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    border-radius:
        14px;

    opacity:
        0;

    visibility:
        hidden;

    transform:
        scale(1.045);

    filter:
        blur(6px)
        saturate(.96);

    pointer-events:
        none;

    transition:
        opacity .62s ease,
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter .62s ease,
        visibility 0s linear .65s;
}


/* ACTIVE IMAGE */

.apt-accordion-visual
.apt-accordion-image.is-active {

    opacity:
        1;

    visibility:
        visible;

    transform:
        scale(1);

    filter:
        blur(0)
        saturate(1);

    pointer-events:
        auto;

    transition:
        opacity .62s ease,
        transform 1.05s cubic-bezier(.2,.8,.2,1),
        filter .62s ease,
        visibility 0s;
}


.apt-accordion-visual
.apt-accordion-image
.img-inner {

    width:
        100% !important;

    height:
        100% !important;

    padding-top:
        0 !important;

    overflow:
        hidden;

    border-radius:
        14px;
}


.apt-accordion-visual
.apt-accordion-image img {

    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover;

    object-position:
        center;
}


/* ==================================================
   13. WARM CHAMPAGNE OVERLAY
================================================== */

.apt-accordion-visual
> .col-inner::before {

    content: "";

    position:
        absolute;

    inset:
        0;

    z-index:
        7;

    pointer-events:
        none;

    background:

        radial-gradient(
            circle at 15% 15%,
            rgba(255,241,208,.18),
            transparent 27%
        ),

        radial-gradient(
            circle at 82% 12%,
            rgba(244,195,75,.10),
            transparent 24%
        ),

        linear-gradient(
            180deg,
            rgba(255,249,236,.02) 0%,
            rgba(75,33,21,.02) 55%,
            rgba(75,33,21,.16) 100%
        );
}


/* ==================================================
   14. SOFT GOLD SPARKLES
================================================== */

.apt-accordion-visual
> .col-inner::after {

    content: "";

    position:
        absolute;

    inset:
        0;

    z-index:
        8;

    pointer-events:
        none;

    opacity:
        .18;

    background:

        radial-gradient(
            circle at 15% 20%,
            rgba(244,195,75,.95) 0 1.3px,
            transparent 2.5px
        ),

        radial-gradient(
            circle at 76% 18%,
            rgba(255,241,208,.90) 0 1px,
            transparent 2.3px
        ),

        radial-gradient(
            circle at 86% 68%,
            rgba(217,154,27,.86) 0 1.4px,
            transparent 2.7px
        ),

        radial-gradient(
            circle at 31% 80%,
            rgba(255,241,208,.82) 0 1px,
            transparent 2.2px
        );

    animation:
        aptAccordionSparkle
        6s
        ease-in-out
        infinite
        alternate;
}


@keyframes aptAccordionSparkle {

    0% {
        opacity: .11;
        transform: translateY(0);
    }

    50% {
        opacity: .26;
        transform: translateY(-2px);
    }

    100% {
        opacity: .15;
        transform: translateY(1px);
    }
}


/* ==================================================
   15. GOLD MIRROR SHINE KHI ĐỔI ẢNH
================================================== */

.apt-accordion-visual::after {

    content: "";

    position:
        absolute;

    z-index:
        9;

    top:
        -45%;

    left:
        -75%;

    width:
        28%;

    height:
        190%;

    pointer-events:
        none;

    opacity:
        0;

    background:
        linear-gradient(
            110deg,

            transparent 0%,

            rgba(255,255,255,.02) 24%,

            rgba(217,154,27,.24) 44%,

            rgba(255,241,208,.46) 51%,

            rgba(244,195,75,.18) 60%,

            transparent 82%
        );

    transform:
        rotate(12deg);
}


.apt-accordion-visual.is-switching::after {

    animation:
        aptAccordionVisualShine
        .9s
        cubic-bezier(.25,.7,.25,1);
}


@keyframes aptAccordionVisualShine {

    0% {
        left: -75%;
        opacity: 0;
    }

    15% {
        opacity: .65;
    }

    60% {
        opacity: .38;
    }

    100% {
        left: 145%;
        opacity: 0;
    }
}


/* ==================================================
   16. TABLET
================================================== */

@media (max-width: 849px) {

    /*
     * Tablet/mobile không ép accordion
     * bằng chiều cao visual nữa.
     */
    .apt-accordion
    > .col-inner {

        height:
            auto !important;

        min-height:
            0 !important;
    }


    .apt-accordion
    .apt-accordion-item {

        margin-bottom:
            8px !important;
    }


    .apt-accordion-visual {

        height:
            420px !important;

        min-height:
            420px !important;

        margin-top:
            20px;
    }

}


/* ==================================================
   17. MOBILE
================================================== */

@media (max-width: 549px) {

    .apt-accordion
    .apt-accordion-item {

        margin-bottom:
            7px !important;

        border-radius:
            9px;
    }


    .apt-accordion
    .apt-accordion-item h3 {

        min-height:
            52px;

        padding:
            11px
            13px
            11px
            53px;

        font-size:
            16px;
    }


    .apt-accordion
    .apt-accordion-item
    h3::before,

    .apt-accordion
    .apt-accordion-item
    h3::after {

        left:
            12px;

        width:
            27px;

        height:
            27px;
    }


    .apt-accordion
    .apt-accordion-item.is-open
    h3 ~ p {

        margin:
            0
            13px
            9px
            53px !important;

        font-size:
            13.5px;

        line-height:
            1.55;
    }


    .apt-accordion
    .apt-accordion-item.is-open
    h3 ~ h4 {

        margin:
            0
            0
            11px
            53px !important;

        padding:
            6px
            11px !important;

        font-size:
            11.5px !important;
    }


    .apt-accordion-visual {

        height:
            320px !important;

        min-height:
            320px !important;

        padding:
            7px;

        border-radius:
            15px !important;
    }


    .apt-accordion-visual
    > .col-inner,

    .apt-accordion-visual
    .apt-accordion-image,

    .apt-accordion-visual
    .apt-accordion-image
    .img-inner {

        border-radius:
            11px;
    }

}


/* ==================================================
   18. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-accordion *,
    .apt-accordion *::before,
    .apt-accordion *::after,

    .apt-accordion-visual *,
    .apt-accordion-visual *::before,
    .apt-accordion-visual *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }
}
/* ==================================================
   APT – CONNECT GRID
   WARM BROWN / GOLD THEME
   DESKTOP + MOBILE
================================================== */

.apt-connect-grid {

    --apt-connect-brown-deep: #35140D;
    --apt-connect-brown: #4B2115;
    --apt-connect-brown-soft: #5A2B1C;

    --apt-connect-gold: #D99A1B;
    --apt-connect-gold-light: #F4C34B;

    --apt-connect-cream: #FFF1D0;
    --apt-connect-cream-soft: #FFF8EA;

    margin-left: -7px !important;
    margin-right: -7px !important;
}


/* ==================================================
   01. COLUMN
================================================== */

.apt-connect-grid > .col {

    padding:
        7px !important;
}


/* ==================================================
   02. CARD
   Chính col-inner là card
================================================== */

.apt-connect-grid
> .col
> .col-inner {

    position: relative;

    min-height:
        150px;

    height:
        100%;

    padding:
        22px 24px !important;

    overflow:
        hidden;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(244,195,75,.09),
            transparent 26%
        ),

        linear-gradient(
            145deg,
            #5A2B1C 0%,
            #4B2115 55%,
            #35140D 100%
        ) !important;

    border:
        1px solid
        rgba(217,154,27,.28);

    border-radius:
        14px !important;

    box-shadow:
        0 8px 20px
        rgba(53,20,13,.14),

        inset 0 1px 0
        rgba(255,241,208,.06);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


/* ==================================================
   03. LINK CARD
================================================== */

.apt-connect-grid
> .col
> .col-inner
> a.plain {

    display:
        block;

    width:
        100%;

    height:
        100%;
}


/* ==================================================
   04. ICON BOX DESKTOP
================================================== */

.apt-connect-grid
.icon-box {

    width:
        100%;

    height:
        100%;

    align-items:
        center;
}


/* ==================================================
   05. ICON
================================================== */

.apt-connect-grid
.icon-box-img {

    flex:
        0 0 auto;

    width:
        82px !important;

    min-width:
        82px !important;

    margin-right:
        22px !important;
}


/*
 * Icon vàng hiện tại giữ nguyên.
 * Chỉ tăng sáng rất nhẹ để nổi trên nền nâu.
 */
.apt-connect-grid
.icon-box-img img {

    filter:
        brightness(1.04)
        saturate(.96);

    transition:
        transform .4s ease,
        filter .4s ease;
}


/* ==================================================
   06. TEXT
================================================== */

.apt-connect-grid
.icon-box-text {

    width:
        100%;

    padding:
        0 !important;
}


/* Heading */

.apt-connect-grid
.icon-box-text h3 {

    margin:
        0 0 9px !important;

    color:
        var(--apt-connect-gold-light) !important;

    font-size:
        19px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        -.15px;
}


/* Body */

.apt-connect-grid
.icon-box-text p {

    margin:
        0 !important;

    color:
        rgba(255,241,208,.88) !important;

    font-size:
        15px !important;

    font-weight:
        400;

    line-height:
        1.6 !important;
}


/* ==================================================
   07. GOLD ACCENT
================================================== */

.apt-connect-grid
> .col
> .col-inner::before {

    content: "";

    position: absolute;

    top:
        0;

    left:
        18px;

    width:
        46px;

    height:
        2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #D99A1B,
            #F4C34B,
            #D99A1B,
            transparent
        );

    opacity:
        .75;
}


/* ==================================================
   08. WARM LIGHT
================================================== */

.apt-connect-grid
> .col
> .col-inner::after {

    content: "";

    position:
        absolute;

    top:
        -80px;

    right:
        -80px;

    width:
        180px;

    height:
        180px;

    pointer-events:
        none;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(217,154,27,.10) 0%,
            rgba(217,154,27,.03) 40%,
            transparent 70%
        );
}


/* Nội dung nằm trên effect */

.apt-connect-grid
.icon-box {

    position:
        relative;

    z-index:
        2;
}


/* ==================================================
   09. HOVER DESKTOP
================================================== */

@media (hover: hover) {

    .apt-connect-grid
    > .col
    > .col-inner:hover {

        transform:
            translateY(-5px);

        border-color:
            rgba(217,154,27,.58);

        box-shadow:
            0 15px 30px
            rgba(53,20,13,.22),

            0 0 0 1px
            rgba(217,154,27,.06);
    }


    .apt-connect-grid
    > .col
    > .col-inner:hover
    .icon-box-img img {

        transform:
            translateY(-2px)
            scale(1.04);

        filter:
            brightness(1.09)
            saturate(1);
    }


    .apt-connect-grid
    > .col
    > .col-inner:hover
    .icon-box-text h3 {

        color:
            #F7D36A !important;
    }

}


/* ==================================================
   10. MOBILE
   GIỮ 2 x 2
   ICON TRÊN – TEXT DƯỚI
================================================== */

@media (max-width: 549px) {

    .apt-connect-grid {

        margin-left:
            -5px !important;

        margin-right:
            -5px !important;
    }


    /* 2 card / hàng */

    .apt-connect-grid
    > .col {

        flex-basis:
            50% !important;

        max-width:
            50% !important;

        width:
            50% !important;

        padding:
            5px !important;
    }


    /* Card */

    .apt-connect-grid
    > .col
    > .col-inner {

        min-height:
            225px;

        padding:
            18px
            12px !important;

        border-radius:
            12px !important;
    }


    /* Icon box chuyển thành dọc */

    .apt-connect-grid
    .icon-box {

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        text-align:
            center !important;
    }


    /* Icon */

    .apt-connect-grid
    .icon-box-img {

        display:
            block !important;

        float:
            none !important;

        width:
            52px !important;

        min-width:
            52px !important;

        max-width:
            52px !important;

        margin:
            0 auto
            13px !important;

        padding:
            0 !important;
    }


    /* Text full width */

    .apt-connect-grid
    .icon-box-text {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        text-align:
            center !important;
    }


    /* Heading */

    .apt-connect-grid
    .icon-box-text h3 {

        margin:
            0 0 8px !important;

        color:
            var(--apt-connect-gold-light) !important;

        font-size:
            14px !important;

        line-height:
            1.32 !important;

        text-align:
            center !important;
    }


    /* Body */

    .apt-connect-grid
    .icon-box-text p {

        margin:
            0 !important;

        color:
            rgba(255,241,208,.87) !important;

        font-size:
            12px !important;

        line-height:
            1.48 !important;

        text-align:
            center !important;
    }


    /* Accent line giữa */

    .apt-connect-grid
    > .col
    > .col-inner::before {

        left:
            50%;

        width:
            34px;

        transform:
            translateX(-50%);
    }

}


/* ==================================================
   11. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-connect-grid *,
    .apt-connect-grid *::before,
    .apt-connect-grid *::after {

        transition-duration:
            .01ms !important;
    }

}
/* ==================================================
   APT – NEWS HEADING
   FLATSOME HEADING ELEMENT
   TITLE TRÁI + XEM THÊM PHẢI
================================================== */

.apt-news-heading .section-title,
.section-title.apt-news-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin: 0 !important;

    text-align: left !important;
}


/* ==================================================
   01. BỎ 2 ĐƯỜNG CÂN GIỮA MẶC ĐỊNH CỦA FLATSOME
================================================== */

.apt-news-heading .section-title > b,
.section-title.apt-news-heading > b {
    display: none !important;
}


/* ==================================================
   02. TITLE
================================================== */

.apt-news-heading .section-title-main,
.section-title.apt-news-heading .section-title-main {
    position: relative;

    display: inline-block;

    flex: 0 0 auto;

    margin: 0 !important;

    padding:
        4px
        2px
        13px !important;

    color: #D99A1B !important;

    font-size: 21px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;

    text-align: left !important;

    /* metallic gold cho nền sáng */
    background:
        linear-gradient(
            180deg,
            #E7B748 0%,
            #D99A1B 35%,
            #B87517 68%,
            #7E4010 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    filter:
        drop-shadow(
            0 2px 2px
            rgba(75,33,21,.12)
        );
}


/* ==================================================
   03. GẠCH GOLD BÊN DƯỚI – CANH TRÁI
================================================== */

.apt-news-heading .section-title-main::after,
.section-title.apt-news-heading .section-title-main::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 130px;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #D99A1B 0%,
            #F4C34B 20%,
            #D99A1B 42%,
            rgba(185,113,18,.38) 72%,
            transparent 100%
        );

    clip-path:
        polygon(
            0 20%,
            58% 20%,
            82% 32%,
            100% 50%,
            82% 68%,
            58% 80%,
            0 80%
        );
}


/* ==================================================
   04. XEM THÊM BÊN PHẢI
================================================== */

.apt-news-heading .section-title a,
.section-title.apt-news-heading a {
    flex: 0 0 auto;

    margin:
        0 0 0 auto !important;

    padding:
        5px 0 !important;

    color:
        #B77912 !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.2;

    text-transform: none !important;

    transition:
        color .25s ease,
        transform .25s ease;
}


.apt-news-heading .section-title a i,
.section-title.apt-news-heading a i {
    margin-left: 5px;

    transition:
        transform .25s ease;
}


@media (hover: hover) {

    .apt-news-heading .section-title a:hover,
    .section-title.apt-news-heading a:hover {
        color:
            #4B2115 !important;
    }

    .apt-news-heading .section-title a:hover i,
    .section-title.apt-news-heading a:hover i {
        transform:
            translateX(3px);
    }

}


/* ==================================================
   05. ĐƯỜNG NGANG NHẸ DƯỚI CẢ HÀNG
================================================== */

.apt-news-heading,
.apt-news-heading.section-title-container {
    position: relative;

    padding-bottom:
        7px;

    border-bottom:
        1px solid
        rgba(75,33,21,.10);
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 549px) {

    .apt-news-heading .section-title-main,
    .section-title.apt-news-heading .section-title-main {
        font-size:
            18px !important;

        padding-bottom:
            10px !important;
    }


    .apt-news-heading .section-title-main::after,
    .section-title.apt-news-heading .section-title-main::after {
        width:
            62px;

        height:
            3px;
    }


    .apt-news-heading .section-title a,
    .section-title.apt-news-heading a {
        font-size:
            12px !important;
    }

}
/* ==================================================
   APT NEWS HEADING – REMOVE EXTRA LINES
================================================== */

/* Bỏ đường ngang mặc định của Flatsome */
.apt-news-heading .section-title,
.section-title.apt-news-heading {
    border-bottom: none !important;
}

/* Bỏ border mặc định trên chữ title */
.apt-news-heading .section-title-main,
.section-title.apt-news-heading .section-title-main {
    border-bottom: none !important;
}

/* Bỏ đường ngang tôi đã thêm ở wrapper */
.apt-news-heading,
.apt-news-heading.section-title-container {
    border-bottom: none !important;
}

/* ==================================================
   APT – APPLY CTA
   Class Row: apt-apply-cta
   WARM GOLD / BROWN
   CLEAN VERSION

   Column 1 = Text
   Column 2 = Bird image (KHÔNG CAN THIỆP DESKTOP)
   Column 3 = Button
================================================== */

.apt-apply-cta {

    --apt-cta-brown-deep: #35140D;
    --apt-cta-brown: #4B2115;

    --apt-cta-gold-deep: #A96714;
    --apt-cta-gold: #D99A1B;
    --apt-cta-gold-light: #F4C34B;

    --apt-cta-cream: #FFF1D0;
    --apt-cta-cream-soft: #FFF8EA;

    position: relative;

    min-height: 132px;

    overflow: hidden;

    border:
        1px solid
        rgba(244,195,75,.55);

    border-radius:
        16px !important;

    background:

        radial-gradient(
            circle at 78% 8%,
            rgba(255,241,208,.26),
            transparent 27%
        ),

        linear-gradient(
            105deg,
            #A96310 0%,
            #C47D14 20%,
            #D99A1B 43%,
            #E6B64B 68%,
            #F0D07C 100%
        ) !important;

    box-shadow:

        0 14px 34px
        rgba(75,33,21,.18),

        inset 0 1px 0
        rgba(255,255,255,.42);
}


/* ==================================================
   01. BACKGROUND DEPTH
================================================== */

.apt-apply-cta::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:

        radial-gradient(
            circle at 15% 120%,
            rgba(75,33,21,.23),
            transparent 42%
        ),

        linear-gradient(
            118deg,
            rgba(255,255,255,.025) 0%,
            transparent 30%,
            rgba(255,241,208,.10) 48%,
            transparent 67%
        );
}


/* ==================================================
   02. ÁNH KIM CHẠY TRÊN NỀN
================================================== */

.apt-apply-cta::after {

    content: "";

    position: absolute;

    z-index: 1;

    top: -55%;
    left: -35%;

    width: 15%;
    height: 220%;

    opacity: 0;

    pointer-events: none;

    transform:
        rotate(14deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.10),
            rgba(255,241,208,.35),
            rgba(255,255,255,.08),
            transparent
        );

    animation:
        aptApplyCtaShine
        7s
        ease-in-out
        infinite;
}


@keyframes aptApplyCtaShine {

    0%,
    58% {
        left: -35%;
        opacity: 0;
    }

    64% {
        opacity: .55;
    }

    82% {
        opacity: .28;
    }

    100% {
        left: 135%;
        opacity: 0;
    }
}


/* Nội dung nằm trên background effect */

.apt-apply-cta > .col {
    position: relative;
    z-index: 2;
}


/* ==================================================
   03. TEXT COLUMN
================================================== */

.apt-apply-cta
> .col:first-child
> .col-inner {

    position: relative;

    width: 100%;

    margin:
        0 !important;

    padding:
        24px
        25px
        24px
        58px !important;

    text-align:
        left !important;
}


/* Gạch đứng căn giữa theo cụm text */

.apt-apply-cta
> .col:first-child
> .col-inner::before {

    content: "";

    position: absolute;

    top: 50%;
    left: 30px;

    width: 4px;
    height: 42px;

    transform:
        translateY(-50%);

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            #FFF1D0 0%,
            #F4C34B 42%,
            #D99A1B 100%
        );

    box-shadow:
        0 0 10px
        rgba(244,195,75,.28);
}


/* ==================================================
   04. HEADING – DẬP NỔI NHẸ
================================================== */

.apt-apply-cta
> .col:first-child
h3 {

    margin:
        0 0 8px !important;

    color:
        #FFF8EA !important;

    font-size:
        25px !important;

    font-weight:
        850 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        -.2px;

    text-shadow:

        0 1px 0
        rgba(255,255,255,.42),

        0 2px 0
        rgba(244,195,75,.16),

        0 3px 0
        rgba(133,72,14,.16),

        0 6px 12px
        rgba(75,33,21,.22);
}


/* Ghi đè span 130% cũ */

.apt-apply-cta
> .col:first-child
h3 span {

    color:
        inherit !important;

    font-size:
        inherit !important;
}


/* Subtitle */

.apt-apply-cta
> .col:first-child
p {

    margin:
        0 !important;

    color:
        rgba(255,241,208,.94) !important;

    font-size:
        14.5px;

    line-height:
        1.5;

    text-shadow:
        0 1px 4px
        rgba(75,33,21,.13);
}


/* ==================================================
   05. BIRD COLUMN
   DESKTOP: KHÔNG ĐỤNG TỚI
================================================== */

/*
 * Cố tình KHÔNG có rule .img,
 * KHÔNG chỉnh margin,
 * KHÔNG chỉnh transform,
 * KHÔNG chỉnh animation.
 *
 * Vị trí con chim giữ nguyên
 * đúng như bạn set trong UX Builder.
 */


/* ==================================================
   06. BUTTON COLUMN
================================================== */

.apt-apply-cta
> .col:last-child
> .col-inner {

    width: 100%;

    margin:
        0 !important;

    padding:
        20px
        30px !important;

    text-align:
        center !important;
}


/* ==================================================
   07. BUTTON
================================================== */

.apt-apply-cta
.button {

    position: relative;

    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    min-height:
        58px;

    margin:
        0 auto !important;

    padding:
        14px
        26px !important;

    overflow:
        hidden;

    color:
        var(--apt-cta-cream) !important;

    background:
        linear-gradient(
            145deg,
            #5A2B1C 0%,
            #4B2115 58%,
            #35140D 100%
        ) !important;

    border:
        1px solid
        rgba(244,195,75,.26) !important;

    border-radius:
        11px !important;

    font-size:
        14px !important;

    font-weight:
        750 !important;

    line-height:
        1.2;

    box-shadow:

        0 8px 20px
        rgba(53,20,13,.23),

        inset 0 1px 0
        rgba(255,241,208,.09);

    text-shadow:
        0 1px 0
        rgba(255,255,255,.07);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.apt-apply-cta
.button span,

.apt-apply-cta
.button i {

    position: relative;

    z-index: 2;

    color:
        inherit !important;
}


/* ==================================================
   08. BUTTON GOLD SHINE
================================================== */

.apt-apply-cta
.button::before {

    content: "";

    position: absolute;

    top: -60%;
    left: -70%;

    width: 30%;
    height: 220%;

    pointer-events: none;

    transform:
        rotate(15deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(244,195,75,.26),
            rgba(255,241,208,.20),
            transparent
        );

    transition:
        left .65s ease;
}


@media (hover: hover) {

    .apt-apply-cta
    .button:hover {

        transform:
            translateY(-3px);

        box-shadow:

            0 12px 26px
            rgba(53,20,13,.30),

            0 0 0 1px
            rgba(217,154,27,.10);
    }


    .apt-apply-cta
    .button:hover::before {

        left:
            135%;
    }


    .apt-apply-cta
    .button:hover i {

        transform:
            translateX(3px);
    }

}


.apt-apply-cta
.button i {

    display:
        inline-block;

    transition:
        transform .25s ease;
}


/* ==================================================
   09. MOBILE
================================================== */

@media (max-width: 549px) {

    .apt-apply-cta {

        min-height:
            0;

        border-radius:
            13px !important;

        background:

            radial-gradient(
                circle at 90% 8%,
                rgba(255,241,208,.18),
                transparent 29%
            ),

            linear-gradient(
                145deg,
                #A76713 0%,
                #D99A1B 52%,
                #E8B84B 100%
            ) !important;
    }


    /* ==================================================
       TEXT COLUMN FULL WIDTH
    ================================================== */

    .apt-apply-cta
    > .col:first-child {

        flex-basis:
            100% !important;

        width:
            100% !important;

        max-width:
            100% !important;
    }


    .apt-apply-cta
    > .col:first-child
    > .col-inner {

        margin:
            0 !important;

        padding:
            24px
            18px
            8px !important;

        text-align:
            center !important;
    }


    /* Gạch đứng -> gạch ngang */

    .apt-apply-cta
    > .col:first-child
    > .col-inner::before {

        position:
            static;

        display:
            block;

        width:
            44px;

        height:
            3px;

        margin:
            0 auto
            12px;

        transform:
            none;

        background:
            linear-gradient(
                90deg,
                transparent,
                #F4C34B,
                #FFF1D0,
                #F4C34B,
                transparent
            );
    }


    .apt-apply-cta
    > .col:first-child
    h3 {

        margin:
            0 0 6px !important;

        font-size:
            22px !important;

        text-align:
            center !important;

        text-shadow:

            0 1px 0
            rgba(255,255,255,.38),

            0 2px 0
            rgba(244,195,75,.15),

            0 3px 0
            rgba(133,72,14,.14),

            0 5px 10px
            rgba(75,33,21,.20);
    }


    .apt-apply-cta
    > .col:first-child
    p {

        font-size:
            13.5px;

        text-align:
            center !important;
    }


    /* ==================================================
       BIRD: MOBILE ẨN CỨNG
       Không cho CSS khác lôi nó ra
    ================================================== */

    .apt-apply-cta
    > .col:nth-child(2) {

        display:
            none !important;
    }


    /* ==================================================
       BUTTON COLUMN
       FULL WIDTH + CENTER
    ================================================== */

    .apt-apply-cta
    > .col:last-child {

        display:
            block !important;

        flex:
            0 0 100% !important;

        flex-basis:
            100% !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        text-align:
            center !important;
    }


    .apt-apply-cta
    > .col:last-child
    > .col-inner {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            10px
            18px
            24px !important;

        text-align:
            center !important;
    }


    /* BUTTON CENTER CỨNG */

    .apt-apply-cta
    .button {

        display:
            inline-flex !important;

        float:
            none !important;

        min-height:
            48px;

        margin:
            0 auto !important;

        padding:
            11px
            42px !important;

        font-size:
            12.5px !important;
    }

}


/* ==================================================
   10. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-apply-cta::after {

        animation:
            none !important;
    }


    .apt-apply-cta *,
    .apt-apply-cta *::before,
    .apt-apply-cta *::after {

        transition-duration:
            .01ms !important;
    }

}
/* ==================================================
   APT – NEWS GRID
   WARM GOLD / LIGHT THEME
   DESKTOP + MOBILE
================================================== */

.apt-news-grid {

    --apt-news-brown-deep: #35140D;
    --apt-news-brown: #4B2115;
    --apt-news-text: #6B5549;

    --apt-news-gold-deep: #A96714;
    --apt-news-gold: #D99A1B;
    --apt-news-gold-light: #F4C34B;

    --apt-news-cream: #FFF1D0;
    --apt-news-cream-soft: #FFF9EC;
}


/* ==================================================
   01. KHOẢNG CÁCH CARD
================================================== */

.apt-news-grid
.post-item {

    padding:
        8px !important;
}


/* ==================================================
   02. CARD
================================================== */

.apt-news-grid
.post-item
> .col-inner {

    height:
        100%;

    overflow:
        hidden;

    border-radius:
        13px !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FFF9EC 100%
        );

    border:
        1px solid
        rgba(217,154,27,.20);

    /*
     * Shadow vàng ấm
     * nhưng có nâu giữ chiều sâu.
     */
    box-shadow:
        0 5px 16px
        rgba(169,103,20,.10),

        0 10px 24px
        rgba(75,33,21,.055),

        inset 0 1px 0
        rgba(255,255,255,.85);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


/* ==================================================
   03. BOX
================================================== */

.apt-news-grid
.box-blog-post {

    position:
        relative;

    height:
        100%;

    overflow:
        hidden;

    background:
        transparent !important;

    border-radius:
        inherit;
}


/* ==================================================
   04. IMAGE
================================================== */

.apt-news-grid
.box-image {

    position:
        relative;

    overflow:
        hidden;
}


.apt-news-grid
.box-image img {

    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover;

    transform:
        scale(1.01);

    transition:
        transform .7s cubic-bezier(.2,.8,.2,1),
        filter .45s ease;
}


/* ==================================================
   05. ẢNH OVERLAY ẤM
================================================== */

.apt-news-grid
.box-image::before {

    content: "";

    position:
        absolute;

    inset:
        0;

    z-index:
        2;

    pointer-events:
        none;

    background:
        linear-gradient(
            180deg,
            rgba(75,33,21,0) 55%,
            rgba(75,33,21,.13) 100%
        );
}


/* ==================================================
   06. GOLD SHINE TRÊN ẢNH
================================================== */

.apt-news-grid
.box-image::after {

    content: "";

    position:
        absolute;

    z-index:
        3;

    top:
        -45%;

    left:
        -75%;

    width:
        25%;

    height:
        190%;

    opacity:
        0;

    pointer-events:
        none;

    transform:
        rotate(13deg);

    background:
        linear-gradient(
            110deg,
            transparent 0%,
            rgba(255,255,255,.02) 25%,
            rgba(217,154,27,.25) 46%,
            rgba(255,241,208,.38) 53%,
            rgba(217,154,27,.10) 61%,
            transparent 82%
        );
}


/* ==================================================
   07. TEXT AREA
================================================== */

.apt-news-grid
.box-text {

    padding:
        16px
        16px
        17px !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FFF9EC 100%
        ) !important;
}


/* ==================================================
   08. TITLE
================================================== */

.apt-news-grid
.post-title {

    margin:
        0 0 8px !important;

    color:
        var(--apt-news-brown) !important;

    font-weight:
        750 !important;

    line-height:
        1.38 !important;

    transition:
        color .25s ease;
}


/* ==================================================
   09. DIVIDER GOLD
================================================== */

.apt-news-grid
.is-divider {

    width:
        36px !important;

    height:
        2px !important;

    margin:
        8px 0
        10px !important;

    border:
        none !important;

    background:
        linear-gradient(
            90deg,
            #A96714 0%,
            #D99A1B 48%,
            #F4C34B 75%,
            transparent 100%
        ) !important;
}


/* ==================================================
   10. EXCERPT
================================================== */

.apt-news-grid
.from_the_blog_excerpt {

    color:
        var(--apt-news-text) !important;

    font-size:
        14px;

    line-height:
        1.6;
}


/* ==================================================
   11. HOVER DESKTOP
================================================== */

@media (hover: hover) {

    .apt-news-grid
    .post-item
    > .col-inner:hover {

        transform:
            translateY(-5px);

        border-color:
            rgba(217,154,27,.48);

        /*
         * Shadow gold mạnh lên nhẹ khi hover.
         */
        box-shadow:
            0 7px 18px
            rgba(217,154,27,.16),

            0 15px 30px
            rgba(75,33,21,.10),

            0 0 0 1px
            rgba(217,154,27,.045);
    }


    .apt-news-grid
    .post-item:hover
    .box-image img {

        transform:
            scale(1.055);

        filter:
            brightness(1.025)
            contrast(1.02)
            saturate(1.03);
    }


    .apt-news-grid
    .post-item:hover
    .box-image::after {

        animation:
            aptNewsGoldShine
            .85s
            cubic-bezier(.25,.7,.25,1);
    }


    .apt-news-grid
    .post-item:hover
    .post-title {

        color:
            #A96714 !important;
    }

}


@keyframes aptNewsGoldShine {

    0% {
        left: -75%;
        opacity: 0;
    }

    15% {
        opacity: .60;
    }

    62% {
        opacity: .34;
    }

    100% {
        left: 145%;
        opacity: 0;
    }
}


/* ==================================================
   12. MOBILE
   2 CỘT x 2 HÀNG
================================================== */

@media (max-width: 549px) {

    /* 2 bài mỗi hàng */

    .apt-news-grid
    .post-item {

        flex-basis:
            50% !important;

        max-width:
            50% !important;

        width:
            50% !important;

        padding:
            5px !important;
    }


    /*
     * Chỉ show 4 bài trên mobile.
     * Desktop không ảnh hưởng.
     */

    .apt-news-grid
    .post-item:nth-child(n+5) {

        display:
            none !important;
    }


    /* Card */

    .apt-news-grid
    .post-item
    > .col-inner {

        border-radius:
            10px !important;

        box-shadow:
            0 4px 12px
            rgba(217,154,27,.11),

            0 7px 15px
            rgba(75,33,21,.05);
    }


    /* Ảnh */

    .apt-news-grid
    .box-image {

        width:
            100% !important;
    }


    .apt-news-grid
    .image-cover {

        padding-top:
            66% !important;
    }


    /* Text */

    .apt-news-grid
    .box-text {

        padding:
            10px
            9px
            11px !important;
    }


    /* Title */

    .apt-news-grid
    .post-title {

        margin:
            0 !important;

        color:
            var(--apt-news-brown) !important;

        font-size:
            12.5px !important;

        font-weight:
            700 !important;

        line-height:
            1.4 !important;

        /*
         * Tối đa 3 dòng
         * để 4 card đều hơn.
         */
        display:
            -webkit-box;

        -webkit-box-orient:
            vertical;

        -webkit-line-clamp:
            3;

        overflow:
            hidden;
    }


    /*
     * Mobile bỏ excerpt,
     * chỉ giữ ảnh + title.
     */

    .apt-news-grid
    .from_the_blog_excerpt {

        display:
            none !important;
    }


    /* Divider nhỏ */

    .apt-news-grid
    .is-divider {

        width:
            26px !important;

        height:
            2px !important;

        margin:
            7px 0 0 !important;
    }

}


/* ==================================================
   13. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-news-grid *,
    .apt-news-grid *::before,
    .apt-news-grid *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}
/* ==================================================
   APT – ABOUT INTRO
   WARM LIGHT / METALLIC GOLD
   FULL CLEAN VERSION
================================================== */

.apt-about-intro {

    --apt-about-brown-deep: #35140D;
    --apt-about-brown: #4B2115;
    --apt-about-text: #6B5549;

    --apt-about-gold-deep: #A96714;
    --apt-about-gold: #D99A1B;
    --apt-about-gold-light: #F4C34B;

    --apt-about-cream: #FFF1D0;
    --apt-about-cream-soft: #FFF9EC;
}


/* ==================================================
   01. PANEL
================================================== */

.apt-about-intro
> .col-inner {

    position: relative;

    overflow: hidden;

    padding:
        34px
        40px
        36px !important;

    background:
        radial-gradient(
            circle at 50% -10%,
            rgba(217,154,27,.10),
            transparent 34%
        ),

        linear-gradient(
            180deg,
            #FFFDFC 0%,
            #FBF7F0 100%
        );

    border:
        1px solid
        rgba(217,154,27,.15);

    border-radius:
        18px;

    box-shadow:
        0 10px 28px
        rgba(75,33,21,.06),

        inset 0 1px 0
        rgba(255,255,255,.90);
}


/* ánh ấm rất nhẹ ở góc */

.apt-about-intro
> .col-inner::before {

    content: "";

    position: absolute;

    top: -120px;
    right: -120px;

    width: 280px;
    height: 280px;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(244,195,75,.08),
            transparent 70%
        );
}


/* Đưa nội dung lên trên effect */

.apt-about-intro
> .col-inner
> * {

    position: relative;
    z-index: 2;
}


/* ==================================================
   02. TRUNG TÂM VIỆC LÀM
================================================== */

.apt-about-brand-title {

    margin: 0 0 10px !important;

    text-align: center !important;
}


.apt-about-brand-title p {

    margin: 0 !important;

    color:
        #A27654 !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        1.1px;

    text-transform:
        uppercase;
}


/* ==================================================
   03. AN PHÚC THỊNH
   METALLIC GOLD / DẬP NỔI NHẸ
================================================== */

.apt-about-lead {

    margin:
        0 !important;

    text-align:
        center !important;
}


.apt-about-lead p {

    position: relative;

    display:
        inline-block;

    margin:
        0 !important;

    padding:
        5px
        4px
        15px;

    overflow:
        visible !important;

    font-size:
        clamp(30px, 3vw, 40px) !important;

    font-weight:
        900 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        .2px;


    /* fallback */

    color:
        var(--apt-about-gold) !important;


    /* metallic gold ấm */

    background:
        linear-gradient(
            180deg,

            #F6D474 0%,
            #EDB73C 18%,
            #D99A1B 42%,
            #C47E17 67%,
            #87450F 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;


    /* kiểu chữ nổi in ấn */

    filter:
        drop-shadow(
            0 1px 0
            rgba(255,255,255,.72)
        )

        drop-shadow(
            0 3px 2px
            rgba(75,33,21,.16)
        );
}


/* Gạch nhỏ dưới tên */

.apt-about-lead p::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 72px;
    height: 3px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,

            transparent 0%,
            rgba(169,103,20,.16) 10%,
            #D99A1B 36%,
            #F4C34B 50%,
            #D99A1B 64%,
            rgba(169,103,20,.16) 90%,
            transparent 100%
        );
}

/* ==================================================
   05. COPY
================================================== */

.apt-about-copy {

    text-align:
        left !important;
}


/* SLOGAN – đoạn đầu */

.apt-about-copy
p:first-child {

    margin:
        0 0 22px !important;

    color:
        var(--apt-about-brown) !important;

    font-size:
        17px !important;

    font-weight:
        700 !important;

    line-height:
        1.55 !important;
}


/* Accent nhỏ trước slogan */

.apt-about-copy
p:first-child::before {

    content: "";

    display: inline-block;

    width: 22px;
    height: 2px;

    margin:
        0 9px
        4px 0;

    vertical-align:
        middle;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #F4C34B
        );
}


/* Nội dung thường */

.apt-about-copy
p:not(:first-child) {

    margin:
        0 0 18px !important;

    color:
        var(--apt-about-text) !important;

    font-size:
        16px !important;

    font-weight:
        400;

    line-height:
        1.75 !important;
}


.apt-about-copy
p:last-child {

    margin-bottom:
        0 !important;
}


/* Strong */

.apt-about-copy strong {

    color:
        var(--apt-about-brown) !important;

    font-weight:
        700;
}


/* ==================================================
   06. MOBILE
================================================== */

@media (max-width: 549px) {

    .apt-about-intro
    > .col-inner {

        padding:
            26px
            20px
            25px !important;

        border-radius:
            14px;
    }


    /* Trung tâm việc làm */

    .apt-about-brand-title {

        margin-bottom:
            7px !important;
    }


    .apt-about-brand-title p {

        font-size:
            11.5px !important;

        letter-spacing:
            .8px;
    }


    /* AN PHÚC THỊNH */

    .apt-about-lead p {

        padding-bottom:
            13px;

        font-size:
            27px !important;

        line-height:
            1.15 !important;
    }


    .apt-about-lead p::after {

        width:
            58px;

        height:
            3px;
    }


    /* Divider */

    .apt-about-intro
    .is-divider {

        margin:
            17px 0
            17px !important;
    }


    /* Slogan */

    .apt-about-copy
    p:first-child {

        margin-bottom:
            18px !important;

        font-size:
            15px !important;

        line-height:
            1.55 !important;
    }


    .apt-about-copy
    p:first-child::before {

        width:
            17px;

        margin-right:
            7px;
    }


    /* Body */

    .apt-about-copy
    p:not(:first-child) {

        margin-bottom:
            16px !important;

        font-size:
            14.5px !important;

        line-height:
            1.68 !important;
    }

}

/* ==================================================
   APT – CONTACT VALUES
   WARM BROWN / METALLIC GOLD
   DESKTOP + MOBILE
================================================== */

.apt-contact-values {

    --apt-contact-brown-deep: #35140D;
    --apt-contact-brown: #4B2115;
    --apt-contact-brown-soft: #5A2B1C;

    --apt-contact-gold-deep: #A96714;
    --apt-contact-gold: #D99A1B;
    --apt-contact-gold-light: #F4C34B;

    --apt-contact-cream: #FFF1D0;
    --apt-contact-cream-soft: #FFF8EA;

    margin-left:
        -8px !important;

    margin-right:
        -8px !important;
}


/* ==================================================
   01. COLUMN GAP
================================================== */

.apt-contact-values
> .col {

    padding:
        8px !important;
}


/* ==================================================
   02. CARD
================================================== */

.apt-contact-values
> .col
> .col-inner {

    position:
        relative;

    display:
        flex !important;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    min-height:
        170px;

    padding:
        24px
        18px !important;

    overflow:
        hidden;

    text-align:
        center !important;


    /* Ghi đè màu vàng inline cũ của UX Builder */

    background:

        radial-gradient(
            circle at 50% -20%,
            rgba(244,195,75,.13),
            transparent 42%
        ),

        linear-gradient(
            145deg,
            #5A2B1C 0%,
            #4B2115 52%,
            #35140D 100%
        ) !important;


    border:
        1px solid
        rgba(217,154,27,.32) !important;

    border-radius:
        15px !important;


    /*
     * Shadow vàng ấm + nâu.
     * Có ánh gold nhưng không bị glow lòe.
     */
    box-shadow:

        0 7px 18px
        rgba(217,154,27,.09),

        0 12px 26px
        rgba(53,20,13,.13),

        inset 0 1px 0
        rgba(255,241,208,.07);


    transition:

        transform .35s ease,

        border-color .35s ease,

        box-shadow .35s ease;
}


/* ==================================================
   03. XÓA BORDER ELEMENT CŨ CỦA FLATSOME
================================================== */

.apt-contact-values
.is-border {

    display:
        none !important;
}


/* ==================================================
   04. ÁNH GOLD NHẸ TRÊN CARD
================================================== */

.apt-contact-values
> .col
> .col-inner::before {

    content: "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:

        radial-gradient(
            circle at 85% 10%,
            rgba(217,154,27,.10),
            transparent 30%
        ),

        linear-gradient(
            120deg,
            rgba(255,241,208,.025),
            transparent 40%,
            rgba(217,154,27,.035)
        );
}


/* ==================================================
   05. GOLD ACCENT TRÊN CARD
================================================== */

.apt-contact-values
> .col
> .col-inner::after {

    content: "";

    position:
        absolute;

    top:
        0;

    left:
        50%;

    width:
        62px;

    height:
        2px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,

            transparent 0%,

            rgba(169,103,20,.25) 12%,

            #D99A1B 36%,

            #F4C34B 50%,

            #D99A1B 64%,

            rgba(169,103,20,.25) 88%,

            transparent 100%
        );

    box-shadow:
        0 0 8px
        rgba(217,154,27,.20);
}


/* Nội dung nằm trên overlay */

.apt-contact-values
> .col
> .col-inner
> * {

    position:
        relative;

    z-index:
        2;
}


/* ==================================================
   06. MAIN WORD
   CUNG ỨNG / ĐÁP ỨNG / KẾT NỐI / ĐỒNG HÀNH
================================================== */

.apt-contact-values
h2 {

    position:
        relative;

    display:
        inline-block;

    margin:
        0 0 12px !important;

    padding-top:
        3px;

    overflow:
        visible !important;


    font-size:
        27px !important;

    font-weight:
        900 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        -.3px;


    /* fallback */

    color:
        var(--apt-contact-gold) !important;


    /* METALLIC GOLD ẤM */

    background:
        linear-gradient(
            180deg,

            #F5D374 0%,
            #E9B239 18%,
            #D99A1B 42%,
            #BF7614 70%,
            #8A470F 100%
        );

    background-size:
        100% 100%;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;


    /* chữ nổi nhẹ */

    filter:

        drop-shadow(
            0 1px 0
            rgba(255,241,208,.25)
        )

        drop-shadow(
            0 3px 4px
            rgba(0,0,0,.18)
        );
}


/* ==================================================
   07. SECOND LINE
================================================== */

.apt-contact-values
h3 {

    margin:
        0 !important;

    color:
        var(--apt-contact-cream) !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;

    line-height:
        1.45 !important;

    letter-spacing:
        .05px;
}


/*
 * DOM cũ đang có:
 * <span style="font-size:90%">
 */

.apt-contact-values
h3 span {

    color:
        inherit !important;

    font-size:
        inherit !important;
}


/* ==================================================
   08. HOVER DESKTOP
================================================== */

@media (hover: hover) {

    .apt-contact-values
    > .col
    > .col-inner:hover {

        transform:
            translateY(-5px);

        border-color:
            rgba(217,154,27,.62) !important;

        box-shadow:

            0 8px 20px
            rgba(217,154,27,.15),

            0 18px 34px
            rgba(53,20,13,.21),

            0 0 0 1px
            rgba(217,154,27,.045);
    }


    /*
     * Gold sáng nhẹ lên khi hover,
     * KHÔNG có vệt trắng chạy ngang.
     */

    .apt-contact-values
    > .col
    > .col-inner:hover
    h2 {

        filter:

            drop-shadow(
                0 1px 0
                rgba(255,241,208,.32)
            )

            drop-shadow(
                0 4px 6px
                rgba(0,0,0,.22)
            )

            drop-shadow(
                0 0 8px
                rgba(217,154,27,.12)
            );
    }

}


/* ==================================================
   09. MOBILE
   VẪN GIỮ 2 x 2
================================================== */

@media (max-width: 549px) {

    .apt-contact-values {

        margin-left:
            -5px !important;

        margin-right:
            -5px !important;
    }


    .apt-contact-values
    > .col {

        flex-basis:
            50% !important;

        max-width:
            50% !important;

        width:
            50% !important;

        padding:
            5px !important;
    }


    /* CARD */

    .apt-contact-values
    > .col
    > .col-inner {

        min-height:
            145px;

        padding:
            16px
            9px !important;

        border-radius:
            12px !important;

        box-shadow:

            0 5px 12px
            rgba(217,154,27,.08),

            0 8px 16px
            rgba(53,20,13,.11);
    }


    /* Accent */

    .apt-contact-values
    > .col
    > .col-inner::after {

        width:
            42px;
    }


    /* MAIN WORD */

    .apt-contact-values
h2 {

    position: relative;
    display: inline-block;
    margin: 0 0 12px !important;
    padding-top: 3px;
    overflow: visible !important;

    font-size: 27px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -.3px;

    color: #FFD86D !important;

    background: linear-gradient(
        180deg,
        #FFF3BF 0%,
        #FFE48B 16%,
        #FFD86D 34%,
        #F4C34B 54%,
        #E6AC2E 72%,
        #C98317 88%,
        #A96714 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter:
        drop-shadow(0 1px 0 rgba(255,245,210,.38))
        drop-shadow(0 3px 6px rgba(0,0,0,.18))
        drop-shadow(0 0 10px rgba(255,216,109,.18));
}

    /* SECOND LINE */

    .apt-contact-values
    h3 {

        font-size:
            12.5px !important;

        line-height:
            1.4 !important;
    }

}


/* ==================================================
   10. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-contact-values *,
    .apt-contact-values *::before,
    .apt-contact-values *::after {

        transition-duration:
            .01ms !important;
    }

}

/* ==================================================
   APT – LEADERSHIP MESSAGE
   WARM GOLD / ELEGANT LIGHT THEME
   FULL CLEAN VERSION
================================================== */

.apt-leadership-message {

    --apt-leader-brown-deep: #35140D;
    --apt-leader-brown: #4B2115;
    --apt-leader-text: #6B5549;

    --apt-leader-gold-deep: #A96714;
    --apt-leader-gold: #D99A1B;
    --apt-leader-gold-light: #F4C34B;

    --apt-leader-cream: #FFF1D0;
    --apt-leader-cream-soft: #FFF9EC;

    position: relative;

    overflow: hidden;

    padding:
        26px 20px !important;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(217,154,27,.09),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 90%,
            rgba(75,33,21,.045),
            transparent 32%
        ),

        linear-gradient(
            180deg,
            #FFFDFC 0%,
            #FBF7F0 100%
        );

    border:
        1px solid
        rgba(217,154,27,.13);

    border-radius:
        20px;

    box-shadow:
        0 12px 32px
        rgba(75,33,21,.06),

        inset 0 1px 0
        rgba(255,255,255,.9);
}


/* ==================================================
   01. DESKTOP
================================================== */

@media (min-width: 850px) {

    .apt-leadership-message {
        align-items:
            flex-start !important;
    }


    /* ==================================================
       CONTENT LEFT
    ================================================== */

    .apt-leadership-content
    > .col-inner {

        position: relative;

        padding:
            18px
            46px
            18px
            36px !important;
    }


    /* Metallic gold line */

    .apt-leadership-content
    > .col-inner::before {

        content: "";

        position: absolute;

        top: 18px;
        bottom: 18px;
        left: 4px;

        width: 4px;

        border-radius:
            999px;

        background:
            linear-gradient(
                180deg,

                rgba(169,103,20,.20) 0%,

                #D99A1B 24%,

                #F4C34B 48%,

                #D99A1B 72%,

                rgba(169,103,20,.20) 100%
            );

        box-shadow:
            0 0 10px
            rgba(217,154,27,.16);
    }


    /* ==================================================
       BODY TEXT
    ================================================== */

    .apt-leadership-content p {

        margin:
            0 0 23px !important;

        color:
            var(--apt-leader-text) !important;

        font-size:
            17.5px !important;

        font-weight:
            400;

        line-height:
            1.82 !important;

        text-align:
            justify;
    }


    .apt-leadership-content
    p:first-child {

        color:
            var(--apt-leader-brown) !important;

        font-weight:
            500;
    }


    .apt-leadership-content
    p:last-child {

        margin-bottom:
            0 !important;
    }

}


/* ==================================================
   02. PERSON COLUMN
================================================== */

.apt-leadership-person
> .col-inner {

    position: relative;

    padding:
        8px
        10px
        18px !important;

    text-align:
        center !important;
}


/* ==================================================
   03. IMAGE
================================================== */

.apt-leadership-person
.img {

    position: relative;

    overflow: hidden;

    margin:
        0 auto !important;

    border:
        1px solid
        rgba(217,154,27,.32);

    border-radius:
        18px !important;

    box-shadow:

        0 8px 18px
        rgba(217,154,27,.09),

        0 16px 34px
        rgba(75,33,21,.14);

    transition:
        transform .42s ease,
        border-color .35s ease,
        box-shadow .42s ease;
}


.apt-leadership-person
.img-inner {

    position: relative;

    overflow:
        hidden;

    border-radius:
        inherit !important;
}


.apt-leadership-person
.img img {

    display:
        block;

    width:
        100%;

    transition:
        transform .75s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;
}


/* ==================================================
   04. WARM OVERLAY
================================================== */

.apt-leadership-person
.img-inner::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:

        radial-gradient(
            circle at 18% 12%,
            rgba(255,241,208,.10),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            rgba(75,33,21,0) 62%,
            rgba(75,33,21,.10) 100%
        );
}


/* ==================================================
   05. GOLD SHINE ON IMAGE
================================================== */

.apt-leadership-person
.img-inner::after {

    content: "";

    position: absolute;

    z-index: 3;

    top: -45%;
    left: -70%;

    width: 28%;
    height: 190%;

    opacity: 0;

    pointer-events: none;

    transform:
        rotate(13deg);

    background:
        linear-gradient(
            110deg,
            transparent 0%,
            rgba(255,255,255,.02) 25%,
            rgba(217,154,27,.22) 45%,
            rgba(255,241,208,.34) 52%,
            rgba(217,154,27,.10) 60%,
            transparent 82%
        );
}


/* ==================================================
   06. IMAGE HOVER
================================================== */

@media (hover: hover) {

    .apt-leadership-person
    .img:hover {

        transform:
            translateY(-5px);

        border-color:
            rgba(217,154,27,.62);

        box-shadow:

            0 10px 22px
            rgba(217,154,27,.15),

            0 22px 40px
            rgba(75,33,21,.20);
    }


    .apt-leadership-person
    .img:hover img {

        transform:
            scale(1.035);

        filter:
            brightness(1.025)
            saturate(1.02);
    }


    .apt-leadership-person
    .img:hover
    .img-inner::after {

        animation:
            aptLeaderImageShine
            .9s
            cubic-bezier(.25,.7,.25,1);
    }

}


@keyframes aptLeaderImageShine {

    0% {
        left: -70%;
        opacity: 0;
    }

    15% {
        opacity: .58;
    }

    62% {
        opacity: .32;
    }

    100% {
        left: 145%;
        opacity: 0;
    }
}


/* ==================================================
   07. SIGNATURE
================================================== */

.apt-leadership-signature {

    position: relative;

    margin-top:
        17px !important;

    padding-bottom:
        14px;

    text-align:
        center !important;
}


.apt-leadership-signature p {

    margin:
        0 !important;

    color:
        var(--apt-leader-text) !important;

    font-size:
        14px !important;

    line-height:
        1.55 !important;

    text-align:
        center !important;
}


/* TÊN NGƯỜI */

.apt-leadership-signature strong {

    display:
        inline-block;

    margin-top:
        2px;

    color:
        var(--apt-leader-brown) !important;

    font-size:
        17px !important;

    font-weight:
        800 !important;

    line-height:
        1.35;

    text-shadow:
        0 1px 0
        rgba(255,255,255,.65);
}


/* ==================================================
   08. GOLD SIGNATURE LINE
================================================== */

.apt-leadership-signature::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width:
        64px;

    height:
        3px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,

            transparent 0%,

            rgba(169,103,20,.18) 10%,

            #D99A1B 35%,

            #F4C34B 50%,

            #D99A1B 65%,

            rgba(169,103,20,.18) 90%,

            transparent 100%
        );
}


/* ==================================================
   09. LOAD EFFECT DESKTOP
================================================== */

@media (min-width: 850px) {

    .apt-leadership-content {

        animation:
            aptLeaderContentIn
            .7s
            ease
            both;
    }


    .apt-leadership-person {

        animation:
            aptLeaderPersonIn
            .8s
            .08s
            ease
            both;
    }

}


@keyframes aptLeaderContentIn {

    from {
        opacity: 0;

        transform:
            translateX(-14px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}


@keyframes aptLeaderPersonIn {

    from {
        opacity: 0;

        transform:
            translateX(14px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}


/* ==================================================
   10. MOBILE
   ẢNH → CHỨC VỤ → NỘI DUNG
================================================== */

@media (max-width: 549px) {

    .apt-leadership-message {

        display:
            flex !important;

        flex-direction:
            column !important;

        padding:
            20px
            14px
            22px !important;

        border-radius:
            15px;
    }


    /* PERSON FIRST */

    .apt-leadership-person {

        order:
            1;

        flex-basis:
            100% !important;

        width:
            100% !important;

        max-width:
            100% !important;
    }


    .apt-leadership-person
    > .col-inner {

        padding:
            2px
            12px
            18px !important;
    }


    /* IMAGE MOBILE */

    .apt-leadership-person
    .img {

        width:
            165px !important;

        max-width:
            165px !important;

        border-radius:
            14px !important;

        box-shadow:

            0 6px 15px
            rgba(217,154,27,.10),

            0 12px 24px
            rgba(75,33,21,.14);
    }


    /* SIGNATURE */

    .apt-leadership-signature {

        margin-top:
            13px !important;

        padding-bottom:
            12px;
    }


    .apt-leadership-signature p {

        font-size:
            13px !important;
    }


    .apt-leadership-signature strong {

        font-size:
            15.5px !important;
    }


    .apt-leadership-signature::after {

        width:
            50px;
    }


    /* CONTENT SECOND */

    .apt-leadership-content {

        order:
            2;

        flex-basis:
            100% !important;

        width:
            100% !important;

        max-width:
            100% !important;
    }


    .apt-leadership-content
    > .col-inner {

        position:
            relative;

        padding:
            10px
            12px
            2px
            28px !important;
    }


    /* Gold line */

    .apt-leadership-content
    > .col-inner::before {

        content: "";

        position: absolute;

        top: 10px;
        bottom: 4px;
        left: 10px;

        width:
            3px;

        border-radius:
            999px;

        background:
            linear-gradient(
                180deg,
                rgba(169,103,20,.18),
                #D99A1B,
                #F4C34B,
                #D99A1B,
                rgba(169,103,20,.18)
            );
    }


    /* BODY */

    .apt-leadership-content p {

        margin:
            0 0 18px !important;

        color:
            var(--apt-leader-text) !important;

        font-size:
            15px !important;

        line-height:
            1.68 !important;

        text-align:
            left !important;
    }


    .apt-leadership-content
    p:first-child {

        color:
            var(--apt-leader-brown) !important;

        font-weight:
            500;
    }


    .apt-leadership-content
    p:last-child {

        margin-bottom:
            0 !important;
    }

}


/* ==================================================
   11. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-leadership-content,
    .apt-leadership-person {

        animation:
            none !important;
    }


    .apt-leadership-message *,
    .apt-leadership-message *::before,
    .apt-leadership-message *::after {

        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;
    }

}
/* ==================================================
   APT – JOB REGION
   WARM GOLD / LIGHT THEME
   DESKTOP + MOBILE
================================================== */

.apt-job-region {

    --apt-region-brown-deep: #35140D;
    --apt-region-brown: #4B2115;
    --apt-region-text: #6B5549;

    --apt-region-gold-deep: #A96714;
    --apt-region-gold: #D99A1B;
    --apt-region-gold-light: #F4C34B;

    --apt-region-cream: #FFF1D0;
    --apt-region-cream-soft: #FFF9EC;

    position: relative;

    align-items: stretch !important;

    margin-bottom:
        26px !important;
}


/* ==================================================
   01. 2 COLUMN CÙNG CHIỀU CAO
================================================== */

.apt-job-region
> .col
> .col-inner {

    height:
        100%;
}


/* ==================================================
   02. CARD ẢNH TỈNH BÊN TRÁI
================================================== */

.apt-job-region
> .col:first-child
.box {

    position: relative;

    height:
        100%;

    overflow:
        hidden;

    border:
        1px solid
        rgba(217,154,27,.28);

    border-radius:
        14px !important;

    background:
        #FFF9EC;

    box-shadow:
        0 7px 18px
        rgba(217,154,27,.09),

        0 13px 28px
        rgba(75,33,21,.09);

    transition:
        transform .38s ease,
        border-color .35s ease,
        box-shadow .38s ease;
}


/* ==================================================
   03. ẢNH TỈNH
================================================== */

.apt-job-region
> .col:first-child
.box-image {

    position: relative;

    overflow:
        hidden;

    border-radius:
        14px 14px 0 0 !important;
}


.apt-job-region
> .col:first-child
.box-image img {

    display: block;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover;

    transform:
        scale(1.01);

    transition:
        transform .8s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;
}


/* Overlay ấm */

.apt-job-region
> .col:first-child
.box-image::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events:
        none;

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(255,241,208,.10),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            rgba(75,33,21,0) 55%,
            rgba(75,33,21,.13) 100%
        );
}


/* ==================================================
   04. GOLD SHINE TRÊN ẢNH
================================================== */

.apt-job-region
> .col:first-child
.box-image::after {

    content: "";

    position: absolute;

    z-index: 3;

    top: -45%;
    left: -75%;

    width:
        27%;

    height:
        190%;

    opacity:
        0;

    pointer-events:
        none;

    transform:
        rotate(13deg);

    background:
        linear-gradient(
            110deg,

            transparent 0%,

            rgba(255,255,255,.02) 25%,

            rgba(217,154,27,.22) 45%,

            rgba(255,241,208,.36) 52%,

            rgba(217,154,27,.10) 61%,

            transparent 82%
        );
}


/* ==================================================
   05. THANH TÊN TỈNH
================================================== */

.apt-job-region
> .col:first-child
.box-text {

    position: relative;

    min-height:
        52px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        11px
        14px !important;


    /*
     * Gold trầm / champagne.
     * Không vàng chanh.
     */
    background:
        linear-gradient(
            105deg,
            #B97919 0%,
            #D99A1B 28%,
            #E6B64B 54%,
            #D49B30 76%,
            #A96714 100%
        ) !important;

    border-top:
        1px solid
        rgba(255,241,208,.30);
}


/* Tên tỉnh */

.apt-job-region
> .col:first-child
.box-text h4 {

    margin:
        0 !important;

    color:
        var(--apt-region-brown-deep) !important;

    font-size:
        15px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;

    text-align:
        center !important;

    text-shadow:
        0 1px 0
        rgba(255,241,208,.24);
}


/* ==================================================
   06. DANH SÁCH JOB BÊN PHẢI
================================================== */

.apt-job-region
> .col:last-child
.row {

    display: flex;

    flex-direction:
        column;

    height:
        100%;

    margin:
        0 !important;
}


/* ==================================================
   07. MỖI JOB ITEM
================================================== */

.apt-job-region
.post-item {

    flex:
        1 1 0;

    width:
        100% !important;

    max-width:
        100% !important;

    padding:
        0 0 8px !important;
}


.apt-job-region
.post-item:last-child {

    padding-bottom:
        0 !important;
}


.apt-job-region
.post-item
> .col-inner,

.apt-job-region
.post-item
a.plain {

    display:
        block;

    width:
        100%;

    height:
        100%;
}


/* ==================================================
   08. JOB CARD
================================================== */

.apt-job-region
.box-blog-post {

    position: relative;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        stretch !important;

    width:
        100%;

    height:
        100%;

    min-height:
        92px;

    overflow:
        hidden;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FFF9EC 100%
        ) !important;

    border:
        1px solid
        rgba(217,154,27,.16);

    border-radius:
        11px !important;

    box-shadow:
        0 4px 12px
        rgba(217,154,27,.07),

        0 7px 16px
        rgba(75,33,21,.055);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* ==================================================
   09. JOB THUMBNAIL
================================================== */

.apt-job-region
.box-blog-post
.box-image {

    flex:
        0 0 30% !important;

    width:
        30% !important;

    max-width:
        30% !important;

    margin:
        0 !important;

    overflow:
        hidden;
}


.apt-job-region
.box-blog-post
.image-cover {

    height:
        100% !important;

    min-height:
        92px;

    padding-top:
        0 !important;
}


.apt-job-region
.box-blog-post
.image-cover img {

    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover;

    transform:
        scale(1.01);

    transition:
        transform .55s ease,
        filter .4s ease;
}


/* ==================================================
   10. JOB TEXT
================================================== */

.apt-job-region
.box-blog-post
.box-text {

    position: relative;

    flex:
        1;

    display:
        flex;

    align-items:
        center;

    padding:
        12px
        16px !important;

    background:
        transparent !important;

    text-align:
        left !important;
}


.apt-job-region
.box-blog-post
.box-text-inner {

    width:
        100%;
}


/* Job title */

.apt-job-region
.post-title {

    margin:
        0 !important;

    color:
        var(--apt-region-brown) !important;

    font-size:
        15px !important;

    font-weight:
        750 !important;

    line-height:
        1.38 !important;

    transition:
        color .25s ease;
}


/* Divider Flatsome không cần */

.apt-job-region
.box-blog-post
.is-divider {

    display:
        none !important;
}


/* ==================================================
   11. GOLD ACCENT TRÊN JOB CARD
================================================== */

.apt-job-region
.box-blog-post::after {

    content: "";

    position: absolute;

    right:
        0;

    top:
        50%;

    width:
        3px;

    height:
        38%;

    transform:
        translateY(-50%);

    border-radius:
        999px 0 0 999px;

    background:
        linear-gradient(
            180deg,
            transparent,
            #D99A1B,
            #F4C34B,
            #D99A1B,
            transparent
        );

    opacity:
        .55;
}


/* ==================================================
   12. DESKTOP HOVER
================================================== */

@media (hover: hover) {

    /* Main province card */

    .apt-job-region
    > .col:first-child
    .box:hover {

        transform:
            translateY(-5px);

        border-color:
            rgba(217,154,27,.58);

        box-shadow:
            0 9px 22px
            rgba(217,154,27,.14),

            0 18px 34px
            rgba(75,33,21,.15);
    }


    .apt-job-region
    > .col:first-child
    .box:hover
    .box-image img {

        transform:
            scale(1.05);

        filter:
            brightness(1.02)
            saturate(1.025);
    }


    .apt-job-region
    > .col:first-child
    .box:hover
    .box-image::after {

        animation:
            aptRegionMainShine
            .9s
            cubic-bezier(.25,.7,.25,1);
    }


    /* Job cards */

    .apt-job-region
    .post-item:hover
    .box-blog-post {

        transform:
            translateX(4px);

        border-color:
            rgba(217,154,27,.42);

        box-shadow:
            0 6px 16px
            rgba(217,154,27,.12),

            0 10px 20px
            rgba(75,33,21,.08);
    }


    .apt-job-region
    .post-item:hover
    .image-cover img {

        transform:
            scale(1.055);

        filter:
            brightness(1.025);
    }


    .apt-job-region
    .post-item:hover
    .post-title {

        color:
            var(--apt-region-gold-deep) !important;
    }

}


@keyframes aptRegionMainShine {

    0% {
        left: -75%;
        opacity: 0;
    }

    15% {
        opacity: .58;
    }

    62% {
        opacity: .32;
    }

    100% {
        left: 145%;
        opacity: 0;
    }
}


/* ==================================================
   13. MOBILE
   GIỮ LAYOUT COMPACT 42% / 58%
================================================== */

@media (max-width: 549px) {

    .apt-job-region {

        display:
            flex !important;

        flex-wrap:
            nowrap !important;

        align-items:
            stretch !important;

        width:
            100%;

        /*
         * Lần trước 22px quá rộng.
         * Giờ để 10px.
         */
        margin:
            0 auto
            10px !important;
    }


    /* ==================================================
       LEFT 42%
    ================================================== */

    .apt-job-region
    > .col:first-child {

        flex:
            0 0 42% !important;

        width:
            42% !important;

        max-width:
            42% !important;

        padding:
            3px !important;
    }


    /* ==================================================
       RIGHT 58%
    ================================================== */

    .apt-job-region
    > .col:last-child {

        flex:
            0 0 58% !important;

        width:
            58% !important;

        max-width:
            58% !important;

        padding:
            3px !important;
    }


    /* ==================================================
       MAIN REGION CARD
    ================================================== */

    .apt-job-region
    > .col:first-child
    .box {

        border-radius:
            10px !important;

        box-shadow:
            0 4px 10px
            rgba(217,154,27,.09),

            0 6px 12px
            rgba(75,33,21,.07);
    }


    .apt-job-region
    > .col:first-child
    .box-image {

        border-radius:
            10px 10px 0 0 !important;
    }


    /* Province name */

    .apt-job-region
    > .col:first-child
    .box-text {

        min-height:
            34px;

        padding:
            6px
            4px !important;
    }


    .apt-job-region
    > .col:first-child
    .box-text h4 {

        font-size:
            10.5px !important;

        line-height:
            1.25 !important;
    }


    /* ==================================================
       JOB LIST
    ================================================== */

    .apt-job-region
    .post-item {

        padding:
            0 0 5px !important;
    }


    .apt-job-region
    .post-item:last-child {

        padding-bottom:
            0 !important;
    }


    /* Nếu sau này để >3 job */

    .apt-job-region
    .post-item:nth-child(n+4) {

        display:
            none !important;
    }


    /* ==================================================
       MOBILE JOB CARD
    ================================================== */

    .apt-job-region
    .box-blog-post {

        min-height:
            55px;

        border-radius:
            8px !important;

        box-shadow:
            0 2px 7px
            rgba(217,154,27,.08),

            0 4px 9px
            rgba(75,33,21,.045);
    }


    /* thumbnail */

    .apt-job-region
    .box-blog-post
    .box-image {

        flex:
            0 0 31% !important;

        width:
            31% !important;

        max-width:
            31% !important;
    }


    .apt-job-region
    .box-blog-post
    .image-cover {

        min-height:
            55px;
    }


    /* text */

    .apt-job-region
    .box-blog-post
    .box-text {

        padding:
            6px
            7px !important;
    }


    .apt-job-region
    .post-title {

        font-size:
            12px !important;

        line-height:
            1.3 !important;

        font-weight:
            700 !important;
    }


    /* accent phải nhỏ hơn */

    .apt-job-region
    .box-blog-post::after {

        width:
            2px;

        height:
            34%;
    }

}


/* ==================================================
   14. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .apt-job-region *,
    .apt-job-region *::before,
    .apt-job-region *::after {

        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;
    }
}
/* ==================================================
   APT – PURPOSE / MISSION / CORE VALUES
   LIGHT WARM THEME
================================================== */

.apt-about-principles {

    --apt-pr-brown: #4B2115;
    --apt-pr-text: #6B5549;

    --apt-pr-gold-deep: #A96714;
    --apt-pr-gold: #D99A1B;
    --apt-pr-gold-light: #F4C34B;

    --apt-pr-cream: #FFF9EC;
}


/* ==================================================
   01. COLUMN
================================================== */

.apt-about-principles > .col {
    padding: 8px !important;
}


.apt-about-principles
> .col
> .col-inner {

    position: relative;

    height: 100%;

    padding:
        28px
        30px
        30px !important;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(217,154,27,.06),
            transparent 30%
        ),

        linear-gradient(
            180deg,
            #FFFDFC 0%,
            #FBF7F0 100%
        ) !important;

    border:
        1px solid
        rgba(217,154,27,.15);

    border-radius:
        16px !important;

    box-shadow:
        0 7px 20px
        rgba(75,33,21,.055);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* Gold accent trên cùng */

.apt-about-principles
> .col
> .col-inner::before {

    content: "";

    position: absolute;

    top: 0;
    left: 28px;

    width: 68px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #D99A1B,
            #F4C34B,
            transparent
        );
}


/* ==================================================
   02. ICON
================================================== */

.apt-about-principles
.icon-box {

    margin-bottom:
        8px !important;
}


.apt-about-principles
.icon-box .icon,

.apt-about-principles
.icon-box .icon-inner,

.apt-about-principles
.icon-box i {

    color:
        var(--apt-pr-gold) !important;
}


/* ==================================================
   03. TIÊU ĐỀ CHÍNH – H3
================================================== */

.apt-about-principles-title {

    margin:
        0 !important;
}


.apt-about-principles-title h3 {

    margin:
        0 !important;

    color:
        var(--apt-pr-brown) !important;

    font-size:
        20px !important;

    font-weight:
        800 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        -.15px;
}


/* ==================================================
   04. GAP GIỮA TITLE VÀ CONTENT
================================================== */

.apt-about-principles
.gap-element {

    max-height:
        18px;
}


/* ==================================================
   05. CONTENT
   QUAN TRỌNG:
   H4 + P = 1 CỤM
================================================== */

.apt-about-principles-copy {

    text-align:
        left !important;
}


/* H4 */

.apt-about-principles-copy h4 {

    margin:
        22px 0 5px !important;

    color:
        var(--apt-pr-brown) !important;

    font-size:
        17px !important;

    font-weight:
        800 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        .05px;
}


/*
 * H4 đầu tiên không cần khoảng cách phía trên
 */
.apt-about-principles-copy h4:first-child {

    margin-top:
        0 !important;
}


/* Nội dung ngay dưới H4 */

.apt-about-principles-copy h4 + p {

    margin:
        0 !important;

    color:
        var(--apt-pr-text) !important;

    font-size:
        15.5px !important;

    font-weight:
        400;

    line-height:
        1.68 !important;
}


/*
 * Nếu có paragraph thường khác
 */

.apt-about-principles-copy p {

    color:
        var(--apt-pr-text) !important;
}


/* Bold */

.apt-about-principles-copy strong {

    color:
        var(--apt-pr-brown) !important;

    font-weight:
        700;
}


/* ==================================================
   06. H4 GOLD ACCENT NHẸ
================================================== */

.apt-about-principles-copy h4::before {

    content: "";

    display: inline-block;

    width:
        13px;

    height:
        2px;

    margin:
        0 7px
        4px 0;

    vertical-align:
        middle;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #F4C34B
        );
}


/* ==================================================
   07. HOVER
================================================== */

@media (hover: hover) {

    .apt-about-principles
    > .col
    > .col-inner:hover {

        transform:
            translateY(-3px);

        border-color:
            rgba(217,154,27,.30);

        box-shadow:
            0 10px 24px
            rgba(217,154,27,.06),

            0 14px 28px
            rgba(75,33,21,.07);
    }

}


/* ==================================================
   08. MOBILE
================================================== */

@media (max-width: 549px) {

    .apt-about-principles
    > .col {

        padding:
            5px !important;
    }


    .apt-about-principles
    > .col
    > .col-inner {

        padding:
            22px
            20px
            24px !important;

        border-radius:
            13px !important;
    }


    .apt-about-principles
    > .col
    > .col-inner::before {

        left:
            20px;

        width:
            52px;
    }


    /* Main heading */

    .apt-about-principles-title h3 {

        font-size:
            17px !important;
    }


    /* H4 */

    .apt-about-principles-copy h4 {

        margin:
            19px 0
            4px !important;

        font-size:
            15.5px !important;
    }


    .apt-about-principles-copy h4:first-child {

        margin-top:
            0 !important;
    }


    /* Paragraph đi liền H4 */

    .apt-about-principles-copy h4 + p {

        font-size:
            14.5px !important;

        line-height:
            1.62 !important;
    }


    .apt-about-principles-copy h4::before {

        width:
            10px;

        margin-right:
            6px;
    }

}
/* ==================================================
   APT – BUTTON SYSTEM
   LIGHT BACKGROUND + DARK BACKGROUND
================================================== */

:root {

    --apt-btn-brown-deep: #35140D;
    --apt-btn-brown: #4B2115;
    --apt-btn-brown-soft: #5A2B1C;

    --apt-btn-gold-deep: #A96714;
    --apt-btn-gold: #D99A1B;
    --apt-btn-gold-light: #F4C34B;

    --apt-btn-cream: #FFF1D0;
    --apt-btn-cream-soft: #FFF8EA;
}


/* ==================================================
   01. BASE BUTTON
================================================== */

.button.apt-btn,
.apt-btn .button {

    position: relative;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 46px;

    margin: 0 !important;

    padding:
        11px
        22px !important;

    overflow: hidden;

    border-radius:
        10px !important;

    font-size:
        13.5px !important;

    font-weight:
        750 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .05px;

    text-transform:
        none !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease,
        color .3s ease,
        background .3s ease;
}


/* Text + icon luôn nằm trên effect */

.button.apt-btn span,
.button.apt-btn i,
.apt-btn .button span,
.apt-btn .button i {

    position: relative;

    z-index: 3;

    color: inherit !important;
}


.button.apt-btn i,
.apt-btn .button i {

    display: inline-block;

    transition:
        transform .25s ease;
}


/* ==================================================
   02. MIRROR GOLD
   Chỉ chạy khi hover
================================================== */

.button.apt-btn::before,
.apt-btn .button::before {

    content: "";

    position: absolute;

    z-index: 2;

    top: -70%;
    left: -70%;

    width: 28%;
    height: 240%;

    pointer-events: none;

    transform:
        rotate(16deg);

    background:
        linear-gradient(
            90deg,

            transparent,

            rgba(255,241,208,.04),

            rgba(244,195,75,.28),

            rgba(255,241,208,.32),

            rgba(217,154,27,.12),

            transparent
        );

    transition:
        left .7s cubic-bezier(.2,.8,.2,1);
}


/* ==================================================
   03. BUTTON TRÊN NỀN SÁNG
   NÂU CHOCOLATE
================================================== */

.button.apt-btn--light,
.apt-btn--light .button {

    color:
        var(--apt-btn-cream) !important;

    background:
        linear-gradient(
            145deg,

            #5A2B1C 0%,
            #4B2115 55%,
            #35140D 100%
        ) !important;

    border:
        1px solid
        rgba(217,154,27,.30) !important;

    box-shadow:

        0 6px 15px
        rgba(75,33,21,.18),

        inset 0 1px 0
        rgba(255,241,208,.08);

    text-shadow:
        0 1px 0
        rgba(255,255,255,.06);
}


/* ==================================================
   04. BUTTON TRÊN NỀN TỐI
   METALLIC GOLD
================================================== */

.button.apt-btn--dark,
.apt-btn--dark .button {

    color:
        var(--apt-btn-brown-deep) !important;

    background:
        linear-gradient(
            180deg,

            #FFE99E 0%,
            #F4C34B 22%,
            #E4A62A 48%,
            #D18A18 74%,
            #A96714 100%
        ) !important;

    border:
        1px solid
        rgba(255,241,208,.34) !important;

    box-shadow:

        0 6px 16px
        rgba(0,0,0,.18),

        0 0 10px
        rgba(217,154,27,.12),

        inset 0 1px 0
        rgba(255,255,255,.38);

    text-shadow:
        0 1px 0
        rgba(255,241,208,.28);
}


/* ==================================================
   05. HOVER
================================================== */

@media (hover: hover) {

    .button.apt-btn:hover,
    .apt-btn .button:hover {

        transform:
            translateY(-3px);
    }


    /* Ánh kim quét qua */

    .button.apt-btn:hover::before,
    .apt-btn .button:hover::before {

        left:
            135%;
    }


    /* Icon nhích phải */

    .button.apt-btn:hover i,
    .apt-btn .button:hover i {

        transform:
            translateX(3px);
    }


    /* Nền sáng */

    .button.apt-btn--light:hover,
    .apt-btn--light .button:hover {

        color:
            #FFF8EA !important;

        border-color:
            rgba(217,154,27,.60) !important;

        box-shadow:

            0 10px 23px
            rgba(75,33,21,.25),

            0 0 0 1px
            rgba(217,154,27,.07);
    }


    /* Nền tối */

    .button.apt-btn--dark:hover,
    .apt-btn--dark .button:hover {

        color:
            #35140D !important;

        background:
            linear-gradient(
                180deg,

                #FFF1B5 0%,
                #F7D163 22%,
                #EBB338 50%,
                #D99A1B 76%,
                #B87517 100%
            ) !important;

        box-shadow:

            0 10px 24px
            rgba(0,0,0,.24),

            0 0 14px
            rgba(244,195,75,.20);
    }

}


/* ==================================================
   06. ACTIVE / CLICK
================================================== */

.button.apt-btn:active,
.apt-btn .button:active {

    transform:
        translateY(-1px)
        scale(.985);
}


/* ==================================================
   07. MOBILE
================================================== */

@media (max-width: 549px) {

    .button.apt-btn,
    .apt-btn .button {

        min-height:
            42px;

        padding:
            10px
            18px !important;

        border-radius:
            9px !important;

        font-size:
            12.5px !important;
    }

}


/* ==================================================
   08. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .button.apt-btn,
    .apt-btn .button,
    .button.apt-btn::before,
    .apt-btn .button::before {

        transition-duration:
            .01ms !important;
    }

}
/* =========================================================
   APT – POPUP FORM
   NEW WARM BROWN / GOLD VISUAL

   Row:    apt-form-popup
   Column: apt-form-popup-card
========================================================= */

.apt-form-popup {

    --apt-form-brown-deep: #35140D;
    --apt-form-brown: #4B2115;
    --apt-form-brown-soft: #63301E;

    --apt-form-gold-deep: #A96714;
    --apt-form-gold: #D99A1B;
    --apt-form-gold-light: #F4C34B;

    --apt-form-cream: #FFF1D0;
    --apt-form-cream-soft: #FFF9EC;

    width: 100% !important;
    max-width: 470px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================================
   01. COLUMN
========================================================= */

.apt-form-popup
> .apt-form-popup-card {

    width: 100% !important;
    max-width: 100% !important;

    flex-basis: 100% !important;

    padding: 0 !important;
}


/* =========================================================
   02. MAIN FORM CARD
========================================================= */

.apt-form-popup
> .apt-form-popup-card
> .col-inner {

    position: relative;

    width: 100% !important;

    margin: 0 !important;

    padding:
        24px
        26px
        22px !important;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 50% -10%,
            rgba(244,195,75,.18),
            transparent 30%
        ),

        radial-gradient(
            circle at 95% 90%,
            rgba(217,154,27,.08),
            transparent 35%
        ),

        linear-gradient(
            145deg,
            #63301E 0%,
            #4B2115 52%,
            #35140D 100%
        ) !important;

    border:
        1px solid
        rgba(217,154,27,.42);

    border-radius:
        18px !important;

    box-shadow:

        0 18px 46px
        rgba(35,15,9,.34),

        0 0 0 1px
        rgba(217,154,27,.05),

        inset 0 1px 0
        rgba(255,241,208,.08);
}


/* =========================================================
   03. GOLD TOP ACCENT
========================================================= */

.apt-form-popup
> .apt-form-popup-card
> .col-inner::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 120px;
    height: 3px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,

            transparent 0%,

            #A96714 18%,

            #D99A1B 38%,

            #F4C34B 50%,

            #D99A1B 62%,

            #A96714 82%,

            transparent 100%
        );

    box-shadow:
        0 0 12px
        rgba(244,195,75,.24);
}


/* =========================================================
   04. SOFT GOLD LIGHT
========================================================= */

.apt-form-popup
> .apt-form-popup-card
> .col-inner::after {

    content: "";

    position: absolute;

    top: -130px;
    right: -130px;

    width: 300px;
    height: 300px;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(244,195,75,.10),
            rgba(217,154,27,.035) 40%,
            transparent 70%
        );
}


/* Content nằm trên effects */

.apt-form-popup
> .apt-form-popup-card
> .col-inner
> * {

    position: relative;
    z-index: 2;
}


/* =========================================================
   05. TITLE BLOCK
   Generic – không phụ thuộc text gì
========================================================= */

.apt-form-popup
.text {

    margin:
        0 0 16px !important;

    text-align:
        center !important;
}


.apt-form-popup
.text h1,

.apt-form-popup
.text h2,

.apt-form-popup
.text h3 {

    position: relative;

    display: inline-block;

    margin:
        0 0 8px !important;

    padding:
        3px
        0
        12px;

    overflow:
        visible !important;

    font-size:
        23px !important;

    font-weight:
        850 !important;

    line-height:
        1.18 !important;

    letter-spacing:
        .1px;

    white-space:
        nowrap;

    text-transform:
        uppercase;


    /* fallback */
    color:
        var(--apt-form-gold-light) !important;


    /* metallic gold */
    background:
        linear-gradient(
            180deg,

            #FFF0A4 0%,
            #F4C34B 24%,
            #E4A62A 50%,
            #D18A18 72%,
            #A96714 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;


    filter:
        drop-shadow(
            0 1px 0
            rgba(255,241,208,.22)
        )

        drop-shadow(
            0 3px 5px
            rgba(0,0,0,.24)
        );
}


/* span inline trong title */
.apt-form-popup
.text h1 span,

.apt-form-popup
.text h2 span,

.apt-form-popup
.text h3 span {

    color:
        inherit !important;

    font-size:
        inherit !important;
}


/* underline */

.apt-form-popup
.text h1::after,

.apt-form-popup
.text h2::after,

.apt-form-popup
.text h3::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 76px;
    height: 3px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,

            transparent,

            #D99A1B,

            #F4C34B,

            #D99A1B,

            transparent
        );
}


/* subtitle */

.apt-form-popup
.text p {

    margin:
        4px 0 0 !important;

    color:
        rgba(255,241,208,.86) !important;

    font-size:
        13.5px !important;

    line-height:
        1.45 !important;

    text-align:
        center !important;
}


/* =========================================================
   06. FORM RESET
========================================================= */

.apt-form-popup
.wpcf7,

.apt-form-popup
.wpcf7 form,

.apt-form-popup
.apt-apply-form {

    margin:
        0 !important;
}


/* =========================================================
   07. FORM ROW
========================================================= */

.apt-form-popup
.apt-form-row {

    margin:
        0 0 10px !important;
}


.apt-form-popup
.apt-form-row > p {

    margin:
        0 !important;
}


/* =========================================================
   08. TWO COLUMN ROW
   Năm sinh + Khu vực
========================================================= */

@media (min-width: 550px) {

    .apt-form-popup
    .apt-form-2col {

        display:
            grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            10px;
    }

}


/* =========================================================
   09. LABEL
========================================================= */

.apt-form-popup
.wpcf7 label {

    display:
        block;

    margin:
        0 !important;

    color:
        var(--apt-form-cream) !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;
}


/*
 * CF7 DOM của bạn có <br>
 * ngay sau label text.
 * Giảm khoảng trống.
 */

.apt-form-popup
.wpcf7 label > br {

    line-height:
        5px;
}


/* dấu * */

.apt-form-popup
.wpcf7 label > span:not(.wpcf7-form-control-wrap) {

    color:
        var(--apt-form-gold-light) !important;
}


/* =========================================================
   10. INPUT / SELECT
========================================================= */

.apt-form-popup
.wpcf7 input[type="text"],

.apt-form-popup
.wpcf7 input[type="tel"],

.apt-form-popup
.wpcf7 input[type="email"],

.apt-form-popup
.wpcf7 input[type="number"],

.apt-form-popup
.wpcf7 input[type="date"],

.apt-form-popup
.wpcf7 select {

    width:
        100% !important;

    height:
        40px !important;

    margin:
        4px 0 0 !important;

    padding:
        8px
        12px !important;

    color:
        var(--apt-form-brown) !important;

    background:
        #FFF9EC !important;

    border:
        1px solid
        rgba(217,154,27,.20) !important;

    border-radius:
        8px !important;

    box-shadow:

        inset 0 1px 2px
        rgba(75,33,21,.035),

        0 2px 6px
        rgba(0,0,0,.07);

    font-size:
        13px !important;

    line-height:
        1.3 !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


/* =========================================================
   11. TEXTAREA
========================================================= */

.apt-form-popup
.wpcf7 textarea {

    width:
        100% !important;

    height:
        82px !important;

    min-height:
        82px !important;

    max-height:
        120px;

    margin:
        4px 0 0 !important;

    padding:
        9px
        12px !important;

    resize:
        vertical;

    color:
        var(--apt-form-brown) !important;

    background:
        #FFF9EC !important;

    border:
        1px solid
        rgba(217,154,27,.20) !important;

    border-radius:
        8px !important;

    box-shadow:
        inset 0 1px 2px
        rgba(75,33,21,.035),

        0 2px 6px
        rgba(0,0,0,.07);

    font-size:
        13px !important;

    line-height:
        1.4 !important;
}


/* Placeholder */

.apt-form-popup
.wpcf7 ::placeholder {

    color:
        #927A6C !important;

    opacity:
        1;
}


/* Focus */

.apt-form-popup
.wpcf7 input:focus,

.apt-form-popup
.wpcf7 textarea:focus,

.apt-form-popup
.wpcf7 select:focus {

    outline:
        none !important;

    background:
        #FFFDF7 !important;

    border-color:
        rgba(244,195,75,.78) !important;

    box-shadow:

        0 0 0 3px
        rgba(217,154,27,.13),

        0 5px 12px
        rgba(0,0,0,.10) !important;
}


/* =========================================================
   12. FORM NOTE
========================================================= */

.apt-form-popup
.apt-form-note {

    margin:
        2px 0
        10px !important;

    text-align:
        center !important;
}


.apt-form-popup
.apt-form-note p {

    margin:
        0 !important;

    color:
        rgba(255,241,208,.82) !important;

    font-size:
        11px !important;

    line-height:
        1.45 !important;

    text-align:
        center !important;
}


/* =========================================================
   13. SUBMIT WRAPPER
   ÉP CĂN GIỮA
========================================================= */

.apt-form-popup
.apt-form-submit {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    margin:
        0 !important;

    text-align:
        center !important;
}


.apt-form-popup
.apt-form-submit > p {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    margin:
        0 !important;

    text-align:
        center !important;
}


/* =========================================================
   14. SUBMIT BUTTON
   Generic – không phụ thuộc value/text
========================================================= */

.apt-form-popup
.wpcf7 input[type="submit"],

.apt-form-popup
.wpcf7 .wpcf7-submit {

    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    float:
        none !important;

    width:
        auto !important;

    min-width:
        180px !important;

    min-height:
        42px !important;

    margin:
        0 auto !important;

    padding:
        9px
        22px !important;

    color:
        var(--apt-form-brown-deep) !important;

    background:
        linear-gradient(
            180deg,

            #FFE184 0%,
            #F4C34B 26%,
            #D99A1B 66%,
            #B87517 100%
        ) !important;

    border:
        1px solid
        rgba(244,195,75,.42) !important;

    border-radius:
        9px !important;

    box-shadow:

        0 7px 16px
        rgba(0,0,0,.22),

        0 0 10px
        rgba(217,154,27,.12),

        inset 0 1px 0
        rgba(255,255,255,.40);

    font-size:
        13px !important;

    font-weight:
        850 !important;

    line-height:
        1.2 !important;

    text-align:
        center !important;

    text-transform:
        uppercase;

    text-shadow:
        0 1px 0
        rgba(255,241,208,.25);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}


@media (hover: hover) {

    .apt-form-popup
    .wpcf7 input[type="submit"]:hover {

        transform:
            translateY(-2px);

        filter:
            brightness(1.04);

        box-shadow:

            0 10px 20px
            rgba(0,0,0,.26),

            0 0 14px
            rgba(244,195,75,.18);
    }

}


/* Spinner không làm lệch nút */

.apt-form-popup
.wpcf7-spinner {

    position:
        absolute !important;

    margin:
        0 !important;
}


/* =========================================================
   15. RESPONSE
========================================================= */

.apt-form-popup
.wpcf7-response-output {

    margin:
        12px 0 0 !important;

    padding:
        8px
        10px !important;

    color:
        var(--apt-form-cream) !important;

    border-radius:
        8px;

    font-size:
        12px;

    line-height:
        1.4;
}


/* =========================================================
   16. POPUP OUTER WRAPPER
   SAFE VERSION – KHÔNG DÍNH MOBILE MENU
========================================================= */

/*
 * Chỉ xử lý chính Lightbox chứa form.
 * Không tác động .mfp-content của Flatsome.
 */
.lightbox-content:has(.apt-form-popup) {

    padding: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/*
 * Section nằm BÊN TRONG popup form
 */
.lightbox-content:has(.apt-form-popup)
section:has(.apt-form-popup) {

    padding: 0 !important;

    background: transparent !important;
}


/* Bỏ background riêng của Section trong popup */
.lightbox-content:has(.apt-form-popup)
section:has(.apt-form-popup)
> .section-bg {

    display: none !important;
}

/* =========================================================
   17. MOBILE
========================================================= */

@media (max-width: 549px) {

    .apt-form-popup {

        width:
            calc(100vw - 24px) !important;

        max-width:
            430px !important;
    }


    .apt-form-popup
    > .apt-form-popup-card
    > .col-inner {

        padding:
            20px
            17px
            18px !important;

        border-radius:
            14px !important;
    }


    /* title */

    .apt-form-popup
    .text h1,

    .apt-form-popup
    .text h2,

    .apt-form-popup
    .text h3 {

        font-size:
            19px !important;

        line-height:
            1.18 !important;

        letter-spacing:
            -.1px;

        white-space:
            normal;
    }


    .apt-form-popup
    .text p {

        font-size:
            12px !important;
    }


    /* 2col vẫn giữ 2 cột để form ngắn */

    .apt-form-popup
    .apt-form-2col {

        display:
            grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            7px;
    }


    .apt-form-popup
    .apt-form-row {

        margin-bottom:
            8px !important;
    }


    .apt-form-popup
    .wpcf7 label {

        font-size:
            11.5px !important;
    }


    /* field */

    .apt-form-popup
    .wpcf7 input[type="text"],

    .apt-form-popup
    .wpcf7 input[type="tel"],

    .apt-form-popup
    .wpcf7 input[type="email"],

    .apt-form-popup
    .wpcf7 input[type="number"],

    .apt-form-popup
    .wpcf7 input[type="date"],

    .apt-form-popup
    .wpcf7 select {

        height:
            37px !important;

        padding:
            7px
            10px !important;

        font-size:
            11.5px !important;
    }


    .apt-form-popup
    .wpcf7 textarea {

        height:
            66px !important;

        min-height:
            66px !important;

        padding:
            7px
            10px !important;

        font-size:
            11.5px !important;
    }


    /* note */

    .apt-form-popup
    .apt-form-note p {

        font-size:
            9.5px !important;
    }


    /* submit */

    .apt-form-popup
    .wpcf7 input[type="submit"],

    .apt-form-popup
    .wpcf7 .wpcf7-submit {

        min-width:
            150px !important;

        min-height:
            39px !important;

        padding:
            8px
            17px !important;

        font-size:
            11.5px !important;
    }

}


/* =========================================================
   18. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .apt-form-popup *,
    .apt-form-popup *::before,
    .apt-form-popup *::after {

        transition-duration:
            .01ms !important;
    }

}

/* ==================================================
   APT – TEXT ON WARM / GOLD BACKGROUND
   FULL FINAL VERSION
   Class gắn vào Text Element: apt-warm-bg-text
================================================== */

.apt-warm-bg-text {

    --apt-warm-brown-deep: #35140D;
    --apt-warm-brown: #4B2115;
    --apt-warm-text: #56392D;

    --apt-warm-gold-deep: #A96714;
    --apt-warm-gold: #D99A1B;
    --apt-warm-gold-light: #F4C34B;

    position: relative;

    text-align: left !important;
}


/* ==================================================
   01. H2
   NÂU CHOCOLATE – DẬP NỔI
================================================== */

.apt-warm-bg-text h2 {

    position: relative;

    display: inline-block;

    margin:
        0 0 18px !important;

    padding:
        3px 0 14px;

    overflow:
        visible !important;

    color:
        var(--apt-warm-brown) !important;

    font-size:
        30px !important;

    font-weight:
        900 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        -.35px;


    /*
     * Chữ nổi kiểu in ấn:
     * highlight trên
     * + chân nâu
     * + shadow mềm phía dưới
     */
    text-shadow:

        0 1px 0
        rgba(255,248,225,.72),

        0 2px 0
        rgba(194,125,25,.20),

        0 3px 0
        rgba(121,62,16,.18),

        0 5px 7px
        rgba(75,33,21,.20),

        0 9px 16px
        rgba(75,33,21,.10);
}


/* ==================================================
   02. GẠCH ACCENT DƯỚI H2
================================================== */

.apt-warm-bg-text h2::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width:
        76px;

    height:
        4px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,

            #6F350D 0%,
            #A96714 24%,
            #D99A1B 50%,
            #F4C34B 72%,
            rgba(244,195,75,.18) 90%,
            transparent 100%
        );

    box-shadow:
        0 2px 5px
        rgba(75,33,21,.14);
}


/* ==================================================
   03. BODY TEXT
================================================== */

.apt-warm-bg-text p {

    margin:
        0 0 21px !important;

    color:
        var(--apt-warm-text) !important;

    font-size:
        16px !important;

    font-weight:
        450;

    line-height:
        1.72 !important;

    text-align:
        left !important;

    text-shadow:

        0 1px 0
        rgba(255,255,255,.38),

        0 1px 2px
        rgba(75,33,21,.07);
}


/* Paragraph cuối không dư khoảng trắng */

.apt-warm-bg-text p:last-child {

    margin-bottom:
        0 !important;
}


/* ==================================================
   04. STRONG / BOLD
================================================== */

.apt-warm-bg-text strong {

    color:
        var(--apt-warm-brown-deep) !important;

    font-weight:
        750 !important;

    text-shadow:
        0 1px 0
        rgba(255,255,255,.28);
}


/* ==================================================
   05. LINK NẾU CÓ
================================================== */

.apt-warm-bg-text a {

    color:
        #87480F !important;

    font-weight:
        700;

    text-decoration:
        none;

    border-bottom:
        1px solid
        rgba(169,103,20,.38);

    transition:
        color .25s ease,
        border-color .25s ease;
}


@media (hover: hover) {

    .apt-warm-bg-text a:hover {

        color:
            var(--apt-warm-brown) !important;

        border-color:
            var(--apt-warm-gold);
    }

}


/* ==================================================
   06. MOBILE
================================================== */

@media (max-width: 549px) {

    .apt-warm-bg-text h2 {

        margin-bottom:
            15px !important;

        padding-bottom:
            12px;

        font-size:
            23px !important;

        line-height:
            1.22 !important;

        letter-spacing:
            -.2px;

        text-shadow:

            0 1px 0
            rgba(255,248,225,.68),

            0 2px 0
            rgba(194,125,25,.18),

            0 3px 5px
            rgba(75,33,21,.18),

            0 7px 12px
            rgba(75,33,21,.08);
    }


    .apt-warm-bg-text h2::after {

        width:
            58px;

        height:
            3px;
    }


    .apt-warm-bg-text p {

        margin-bottom:
            17px !important;

        font-size:
            14.5px !important;

        line-height:
            1.65 !important;
    }

}
/* ==================================================
   APT FORM POPUP – CENTER FIX
================================================== */

.apt-form-popup {
    width: calc(100% - 24px) !important;
    max-width: 470px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;

    justify-content: center !important;
}

.apt-form-popup
> .apt-form-popup-card {

    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* ==================================================
   APT – LEADERSHIP PERSON 02
   REVERSE LAYOUT + EDITORIAL QUOTE

   Row:
   apt-leadership-message
   apt-leadership-message--reverse

   Text Column:
   apt-leadership-quote

   Image Column:
   apt-leadership-person

   Signature:
   apt-leadership-signature
================================================== */


/* ==================================================
   01. DESKTOP
   ẢNH TRÁI – QUOTE PHẢI
================================================== */

@media (min-width: 850px) {

    /*
     * Cho 2 cột cao theo nhau.
     * Chiều cao thực tế vẫn do nội dung/ảnh quyết định.
     */
    .apt-leadership-message--reverse {
        align-items: stretch !important;
    }


    /* Ảnh sang trái */
    .apt-leadership-message--reverse
    > .apt-leadership-person {
        order: 1;
    }


    /* Quote sang phải */
    .apt-leadership-message--reverse
    > .apt-leadership-quote {
        order: 2;
    }


    /* ==================================================
       QUOTE COLUMN
    ================================================== */

    .apt-leadership-message--reverse
    .apt-leadership-quote
    > .col-inner {

        position: relative;

        display: flex !important;

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        height: 100%;

        min-height: 100%;

        padding:
            34px
            46px
            34px
            54px !important;

        overflow: visible;
    }


    /* ==================================================
       DẤU NHÁY GOLD LỚN
    ================================================== */

    .apt-leadership-message--reverse
    .apt-leadership-quote
    > .col-inner::before {

        content: "“";

        display: block;

        width: 100%;

        margin:
            0 0 -12px 0;

        color:
            #D99A1B;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:
            106px;

        font-weight:
            700;

        line-height:
            .72;

        text-align:
            left;

        opacity:
            .82;

        text-shadow:
            0 1px 0
            rgba(255,255,255,.70),

            0 4px 10px
            rgba(75,33,21,.12);
    }


    /* ==================================================
       QUOTE TEXT
    ================================================== */

    .apt-leadership-message--reverse
    .apt-leadership-quote p {

        position: relative;

        z-index: 2;

        max-width:
            92%;

        margin:
            0 !important;

        color:
            #4B2115 !important;

        font-size:
            19px !important;

        font-weight:
            500;

        line-height:
            1.78 !important;

        text-align:
            justify !important;

        text-shadow:
            0 1px 0
            rgba(255,255,255,.48);
    }


    /*
     * Nếu sau này người 2 có hơn 1 paragraph,
     * vẫn xử lý đẹp.
     */
    .apt-leadership-message--reverse
    .apt-leadership-quote p + p {

        margin-top:
            17px !important;
    }


    /* ==================================================
       GOLD END MARK
    ================================================== */

    .apt-leadership-message--reverse
    .apt-leadership-quote
    > .col-inner::after {

        content: "";

        display: block;

        width:
            66px;

        height:
            3px;

        margin-top:
            22px;

        border-radius:
            999px;

        background:
            linear-gradient(
                90deg,

                #A96714 0%,
                #D99A1B 35%,
                #F4C34B 58%,
                rgba(217,154,27,.18) 86%,
                transparent 100%
            );

        box-shadow:
            0 2px 6px
            rgba(217,154,27,.12);
    }

}


/* ==================================================
   02. MOBILE
   LUÔN ẢNH → CHỨC VỤ → QUOTE
================================================== */

@media (max-width: 549px) {

    .apt-leadership-message--reverse {

        display:
            flex !important;

        flex-direction:
            column !important;
    }


    /* Ảnh luôn trước */

    .apt-leadership-message--reverse
    > .apt-leadership-person {

        order:
            1 !important;

        flex-basis:
            100% !important;

        width:
            100% !important;

        max-width:
            100% !important;
    }


    /* Quote luôn sau */

    .apt-leadership-message--reverse
    > .apt-leadership-quote {

        order:
            2 !important;

        flex-basis:
            100% !important;

        width:
            100% !important;

        max-width:
            100% !important;
    }


    /* ==================================================
       MOBILE QUOTE
    ================================================== */

    .apt-leadership-message--reverse
    .apt-leadership-quote
    > .col-inner {

        position: relative;

        display:
            flex !important;

        flex-direction:
            column;

        align-items:
            center;

        justify-content:
            center;

        padding:
            8px
            22px
            8px !important;

        text-align:
            justify !important;
    }


    /* Quote lớn nhưng gọn hơn desktop */

    .apt-leadership-message--reverse
    .apt-leadership-quote
    > .col-inner::before {

        content:
            "“";

        display:
            block;

        margin:
            0 auto -8px;

        color:
            #D99A1B;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:
            78px;

        font-weight:
            700;

        line-height:
            .72;

        opacity:
            .82;

        text-shadow:
            0 1px 0
            rgba(255,255,255,.62),

            0 3px 8px
            rgba(75,33,21,.10);
    }


    .apt-leadership-message--reverse
    .apt-leadership-quote p {

        max-width:
            100%;

        margin:
            0 !important;

        color:
            #4B2115 !important;

        font-size:
            15.5px !important;

        font-weight:
            500;

        line-height:
            1.68 !important;

        text-align:
            justify !important;
    }


    .apt-leadership-message--reverse
    .apt-leadership-quote p + p {

        margin-top:
            14px !important;
    }


    /* Gạch cuối */

    .apt-leadership-message--reverse
    .apt-leadership-quote
    > .col-inner::after {

        content: "";

        display:
            block;

        width:
            52px;

        height:
            3px;

        margin:
            17px auto 0;

        border-radius:
            999px;

        background:
            linear-gradient(
                90deg,
                transparent,
                #D99A1B,
                #F4C34B,
                #D99A1B,
                transparent
            );
    }

}
/* ==================================================
   LEADERSHIP MESSAGE – MOBILE JUSTIFY
================================================== */

@media (max-width: 549px) {

    /* Người 1 */
    .apt-leadership-content p,

    /* Người 2 */
    .apt-leadership-quote p {

        text-align: justify !important;
    }

}
/* =========================================================
   APT – PROMO POPUP
========================================================= */

.apt-promo-popup {
    position: fixed;

    inset: 0;

    z-index: 999999;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 24px;

    visibility: hidden;
    opacity: 0;

    pointer-events: none;

    transition:
        opacity .28s ease,
        visibility .28s ease;
}


/* Popup mở */

.apt-promo-popup.is-open {
    visibility: visible;
    opacity: 1;

    pointer-events: auto;
}


/* =========================================================
   OVERLAY
========================================================= */

.apt-promo-popup__overlay {
    position: absolute;

    inset: 0;

    background:
        rgba(35, 15, 9, .78);

    backdrop-filter:
        blur(3px);

    -webkit-backdrop-filter:
        blur(3px);
}


/* =========================================================
   POPUP CARD
========================================================= */

.apt-promo-popup__dialog {
    position: relative;

    z-index: 2;

    width: min(
        560px,
        calc(100vw - 48px)
    );

    max-height:
        calc(100vh - 48px);

    overflow: auto;

    border-radius: 16px;

    background: transparent;

    box-shadow:
        0 20px 60px rgba(0,0,0,.30);

    transform:
        translateY(14px)
        scale(.97);

    opacity: 0;

    transition:
        transform .32s ease,
        opacity .32s ease;
}


.apt-promo-popup.is-open
.apt-promo-popup__dialog {

    transform:
        translateY(0)
        scale(1);

    opacity: 1;
}


/* =========================================================
   BLOCK CONTENT
========================================================= */

.apt-promo-popup__content {

    position: relative;

    overflow: hidden;

    border-radius: inherit;
}


/*
 * Xóa margin cuối do Flatsome Block tạo ra
 */
.apt-promo-popup__content
> *:last-child {

    margin-bottom: 0 !important;
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.apt-promo-popup__close {

    position: absolute;

    top: 10px;
    right: 10px;

    z-index: 10;

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0 !important;

    border:
        1px solid rgba(255,255,255,.45) !important;

    border-radius:
        50% !important;

    background:
        rgba(53,20,13,.82) !important;

    color:
        #FFF8EA !important;

    font-size:
        27px !important;

    font-weight:
        300 !important;

    line-height:
        1 !important;

    cursor:
        pointer;

    box-shadow:
        0 4px 15px rgba(0,0,0,.18);

    transition:
        transform .2s ease,
        background .2s ease;
}


@media (hover:hover) {

    .apt-promo-popup__close:hover {

        transform:
            rotate(90deg);

        background:
            #4B2115 !important;
    }
}


/* Khi popup mở thì khóa scroll body */

body.apt-promo-popup-open {
    overflow: hidden;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .apt-promo-popup {

        padding:
            12px;
    }


    .apt-promo-popup__dialog {

        width:
            calc(100vw - 24px);

        max-height:
            calc(100vh - 24px);

        border-radius:
            13px;
    }


    .apt-promo-popup__close {

        top:
            7px;

        right:
            7px;

        width:
            34px;

        height:
            34px;

        font-size:
            24px !important;
    }

}
/* Nút đóng popup */
.apt-promo-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 30;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    aspect-ratio: 1 / 1;

    border-radius: 50% !important;
    box-sizing: border-box;

    border: none !important;
    outline: none !important;

    background: rgba(75, 33, 21, 0.92) !important;
    color: #fff !important;

    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;

    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0,0,0,.22);

    -webkit-appearance: none;
    appearance: none;
}

/* Hover */
.apt-promo-popup__close:hover {
    background: #5b2819 !important;
    transform: scale(1.04);
}

/* Chỉnh dấu X nằm giữa hơn */
.apt-promo-popup__close span,
.apt-promo-popup__close i {
    display: block;
    line-height: 1 !important;
    transform: translateY(-1px);
}
/* =========================================================
   APT – SERVICE GRID
   Trang tổng hợp dịch vụ
========================================================= */

.apt-service-grid {
    align-items: stretch;
}


/* =========================================================
   CARD
========================================================= */

.apt-service-grid
> .col {
    display: flex;
}


.apt-service-grid
> .col
> .col-inner {

    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FFFDF7 55%,
            #FFF8E8 100%
        );

    border:
        1px solid rgba(217,154,27,.24);

    border-radius:
        14px;

    box-shadow:
        0 7px 22px rgba(75,33,21,.09);

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}


/* Gold line trên card */

.apt-service-grid
> .col
> .col-inner::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    z-index: 5;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #D99A1B,
            #F4C34B,
            #D99A1B,
            #A96714
        );
}


/* =========================================================
   IMAGE
========================================================= */

.apt-service-grid .img {

    width: 100% !important;

    margin:
        0 0 0 !important;

    overflow: hidden;
}


.apt-service-grid .img-inner {

    position: relative;

    overflow: hidden;

    border-radius:
        0 !important;
}


.apt-service-grid .img img {

    display: block;

    width: 100%;
    height: auto;

    transition:
        transform .45s ease,
        filter .45s ease;
}


/* Vệt sáng gold */

.apt-service-grid .img-inner::after {

    content: "";

    position: absolute;

    top: -30%;
    left: -55%;

    width: 34%;
    height: 160%;

    pointer-events: none;

    opacity: 0;

    transform:
        rotate(18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,241,190,.68),
            transparent
        );

    transition:
        left .55s ease,
        opacity .25s ease;
}


/* =========================================================
   TITLE
========================================================= */

.apt-service-grid h2 {

    position: relative;

    margin:
        20px 22px 9px !important;

    padding-bottom:
        11px;

    color:
        #4B2115 !important;

    font-size:
        21px !important;

    font-weight:
        800 !important;

    line-height:
        1.28 !important;

    letter-spacing:
        -.2px;
}


/* underline title */

.apt-service-grid h2::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 48px;
    height: 3px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #D99A1B,
            #F4C34B
        );
}


/* =========================================================
   DESCRIPTION
========================================================= */

.apt-service-grid h2 + p {

    margin:
        0 22px 14px !important;

    color:
        #6B5549 !important;

    font-size:
        15px !important;

    line-height:
        1.65 !important;
}


/* =========================================================
   BENEFITS
   paragraph thứ 2 có dấu ✓
========================================================= */

.apt-service-grid h2 + p + p {

    margin:
        0 22px 20px !important;

    color:
        #56392D !important;

    font-size:
        14px !important;

    font-weight:
        550;

    line-height:
        1.75 !important;
}


/* =========================================================
   BUTTON
========================================================= */

.apt-service-grid
.button {

    align-self: center;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin:
        auto 22px 22px !important;

    min-height:
        40px;

    padding:
        0 18px !important;

    border:
        1px solid #D99A1B !important;

    border-radius:
        8px !important;

    background:
        linear-gradient(
            180deg,
            #F4C34B 0%,
            #D99A1B 58%,
            #B97814 100%
        ) !important;

    color:
        #35140D !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        .15px;

    box-shadow:
        0 5px 12px rgba(169,103,20,.18);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

/* =========================================================
   DESKTOP HOVER
========================================================= */

@media (hover:hover) {

    .apt-service-grid
    > .col
    > .col-inner:hover {

        transform:
            translateY(-7px);

        border-color:
            rgba(217,154,27,.55);

        box-shadow:
            0 16px 34px rgba(75,33,21,.14);
    }


    .apt-service-grid
    > .col
    > .col-inner:hover
    .img img {

        transform:
            scale(1.045);

        filter:
            saturate(1.05)
            brightness(1.03);
    }


    .apt-service-grid
    > .col
    > .col-inner:hover
    .img-inner::after {

        left:
            125%;

        opacity:
            1;
    }


    .apt-service-grid
    .button:hover {

        transform:
            translateY(-2px);

        box-shadow:
            0 8px 18px rgba(169,103,20,.28);
    }

}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 849px) {

    .apt-service-grid
    > .col {

        margin-bottom:
            18px;
    }


    .apt-service-grid h2 {

        margin:
            17px 18px 8px !important;

        font-size:
            19px !important;
    }


    .apt-service-grid h2 + p {

        margin:
            0 18px 12px !important;

        font-size:
            14.5px !important;
    }


    .apt-service-grid h2 + p + p {

        margin:
            0 18px 17px !important;

        font-size:
            13.5px !important;
    }


    .apt-service-grid
    .button {

        margin:
            auto 18px 18px !important;
    }

}
/* =========================================================
   APT – SERVICE CHOICE
   Người lao động / Doanh nghiệp
========================================================= */

.apt-service-choice {
    align-items: stretch;
}


/* Equal cards */

.apt-service-choice
> .col {

    display: flex;
}


.apt-service-choice
> .col
> .col-inner {

    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    padding:
        38px
        34px
        32px !important;

    overflow: hidden;

    border-radius:
        16px !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}


/* Bỏ Gap của UX Builder */

.apt-service-choice
.gap-element {

    display:
        none !important;
}


/* =========================================================
   CARD 01 – NGƯỜI LAO ĐỘNG
========================================================= */

.apt-service-choice
> .col:nth-child(1)
> .col-inner {

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(244,195,75,.20),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FFF9E9 58%,
            #FFF1C9 100%
        ) !important;

    border:
        1px solid rgba(217,154,27,.38);

    box-shadow:
        0 10px 28px rgba(75,33,21,.10);
}


/* =========================================================
   CARD 02 – DOANH NGHIỆP
========================================================= */

.apt-service-choice
> .col:nth-child(2)
> .col-inner {

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(244,195,75,.15),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #63301E 0%,
            #4B2115 55%,
            #35140D 100%
        ) !important;

    border:
        1px solid rgba(244,195,75,.38);

    box-shadow:
        0 12px 30px rgba(53,20,13,.20);
}


/* =========================================================
   SMALL LABEL
========================================================= */

.apt-service-choice
> .col
> .col-inner::before {

    display: inline-flex;

    align-self:
        flex-start;

    margin-bottom:
        17px;

    padding:
        6px
        11px;

    border-radius:
        999px;

    font-size:
        11px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .7px;
}


.apt-service-choice
> .col:nth-child(1)
> .col-inner::before {

    content:
        "DÀNH CHO NGƯỜI LAO ĐỘNG";

    background:
        rgba(217,154,27,.13);

    border:
        1px solid rgba(217,154,27,.30);

    color:
        #A96714;
}


.apt-service-choice
> .col:nth-child(2)
> .col-inner::before {

    content:
        "DÀNH CHO DOANH NGHIỆP";

    background:
        rgba(244,195,75,.10);

    border:
        1px solid rgba(244,195,75,.30);

    color:
        #F4C34B;
}


/* =========================================================
   TITLE
========================================================= */

.apt-service-choice h2 {

    position: relative;

    margin:
        0 0 19px !important;

    padding-bottom:
        14px;

    font-size:
        24px !important;

    font-weight:
        850 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        -.25px;
}


.apt-service-choice h2::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width:
        54px;

    height:
        3px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #D99A1B,
            #F4C34B
        );
}


.apt-service-choice
> .col:nth-child(1)
h2 {

    color:
        #4B2115 !important;
}


.apt-service-choice
> .col:nth-child(2)
h2 {

    color:
        #F4C34B !important;
}


/* =========================================================
   TEXT
========================================================= */

.apt-service-choice p {

    margin:
        0 0 17px !important;

    font-size:
        15px !important;

    line-height:
        1.72 !important;
}


.apt-service-choice
> .col:nth-child(1)
p {

    color:
        #6B5549 !important;
}


.apt-service-choice
> .col:nth-child(2)
p {

    color:
        #FFF1D0 !important;
}


/* paragraph cuối */

.apt-service-choice
p:last-of-type {

    margin-bottom:
        27px !important;
}


/* =========================================================
   BUTTON
========================================================= */

.apt-service-choice
.button {

    align-self:
        flex-start;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        auto 0 0 !important;

    min-height:
        43px;

    padding:
        0 20px !important;

    border-radius:
        8px !important;

    font-size:
        12.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}


.apt-service-choice
.button span {

    line-height:
        1 !important;
}


/* Worker button */

.apt-service-choice
> .col:nth-child(1)
.button {

    border:
        1px solid #D99A1B !important;

    background:
        linear-gradient(
            180deg,
            #F4C34B,
            #D99A1B,
            #B97814
        ) !important;

    color:
        #35140D !important;

    box-shadow:
        0 6px 15px rgba(169,103,20,.20);
}


/* Business button */

.apt-service-choice
> .col:nth-child(2)
.button {

    border:
        1px solid rgba(244,195,75,.55) !important;

    background:
        linear-gradient(
            180deg,
            #FFF0A4,
            #F4C34B,
            #D99A1B
        ) !important;

    color:
        #35140D !important;

    box-shadow:
        0 7px 17px rgba(0,0,0,.18);
}


/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) {

    .apt-service-choice
    > .col
    > .col-inner:hover {

        transform:
            translateY(-6px);
    }


    .apt-service-choice
    > .col:nth-child(1)
    > .col-inner:hover {

        border-color:
            rgba(217,154,27,.62);

        box-shadow:
            0 18px 36px rgba(75,33,21,.14);
    }


    .apt-service-choice
    > .col:nth-child(2)
    > .col-inner:hover {

        border-color:
            rgba(244,195,75,.65);

        box-shadow:
            0 18px 38px rgba(53,20,13,.28);
    }


    .apt-service-choice
    .button:hover {

        transform:
            translateY(-2px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .apt-service-choice
    > .col {

        margin-bottom:
            15px;
    }


    .apt-service-choice
    > .col
    > .col-inner {

        padding:
            28px
            23px
            25px !important;
    }


    .apt-service-choice h2 {

        font-size:
            21px !important;
    }


    .apt-service-choice p {

        font-size:
            14.5px !important;

        line-height:
            1.66 !important;

        text-align:
            justify;
    }


    .apt-service-choice
    .button {

        align-self:
            center;
    }

}
/* =========================================================
   APT – SERVICE DETAIL CONTENT
   Nội dung dài trang dịch vụ
========================================================= */

.apt-service-detail-content {
    --apt-brown-deep: #35140D;
    --apt-brown: #4B2115;
    --apt-text: #6B5549;

    --apt-gold-deep: #A96714;
    --apt-gold: #D99A1B;
    --apt-gold-light: #F4C34B;

    --apt-cream: #FFF9EC;
    --apt-cream-soft: #FFFCF5;
}


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

.apt-service-detail-content
> .col {

    margin-bottom:
        22px;
}


.apt-service-detail-content
> .col:last-child {

    margin-bottom:
        0;
}


.apt-service-detail-content
> .col
> .col-inner {

    position: relative;

    overflow: hidden;

    padding:
        30px
        30px
        27px !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FFFCF5 72%,
            #FFF8E9 100%
        ) !important;

    border:
        1px solid rgba(217,154,27,.20);

    border-radius:
        13px !important;

    box-shadow:
        0 6px 20px rgba(75,33,21,.065);
}


/*
 * Không dùng border element cũ của UX Builder
 */
.apt-service-detail-content
.is-border {

    display:
        none !important;
}


/* Vạch vàng rất nhẹ bên trái */

.apt-service-detail-content
> .col
> .col-inner::before {

    content: "";

    position: absolute;

    top: 26px;
    bottom: 26px;
    left: 0;

    width:
        3px;

    border-radius:
        0 999px 999px 0;

    background:
        linear-gradient(
            180deg,
            #F4C34B,
            #D99A1B 55%,
            rgba(217,154,27,.12)
        );
}


/* =========================================================
   HEADING
========================================================= */

.apt-service-detail-content h2 {

    position: relative;

    margin:
        0 0 18px !important;

    padding-bottom:
        13px;

    color:
        #4B2115 !important;

    font-size:
        23px !important;

    font-weight:
        850 !important;

    line-height:
        1.28 !important;

    letter-spacing:
        -.25px;

    text-transform:
        uppercase;
}


/* Gold underline */

.apt-service-detail-content h2::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width:
        58px;

    height:
        3px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #A96714,
            #D99A1B,
            #F4C34B,
            transparent
        );
}


/* =========================================================
   BODY TEXT
========================================================= */

.apt-service-detail-content p {

    margin:
        0 0 12px !important;

    color:
        #6B5549 !important;

    font-size:
        15.5px !important;

    line-height:
        1.72 !important;
}


.apt-service-detail-content
p:last-child {

    margin-bottom:
        0 !important;
}


/* Xóa paragraph rỗng đang dư ở block đầu */

.apt-service-detail-content
.PDq2pG_selectionAnchorContainer {

    display:
        none !important;
}


/* =========================================================
   01. VẤN ĐỀ DOANH NGHIỆP
   Intro + checklist
========================================================= */

.apt-service-detail-content
> .col:nth-child(1)
p:first-of-type {

    margin-bottom:
        18px !important;

    color:
        #56392D !important;

    font-size:
        16px !important;

    font-weight:
        600;
}


.apt-service-detail-content
> .col:nth-child(1)
p:nth-of-type(n+2) {

    margin-bottom:
        9px !important;

    padding:
        9px
        12px;

    background:
        rgba(244,195,75,.075);

    border-radius:
        7px;

    color:
        #56392D !important;

    font-weight:
        550;
}


/* =========================================================
   02. CÁC VỊ TRÍ CUNG ỨNG
========================================================= */

.apt-service-detail-content
> .col:nth-child(2)
p:first-of-type {

    margin-bottom:
        18px !important;
}


/* Checklist vị trí */

.apt-service-detail-content
> .col:nth-child(2)
p:nth-of-type(n+2):not(:last-of-type) {

    display:
        inline-block;

    width:
        calc(100% - 7px);

    margin:
        0 10px 9px 0 !important;

    padding:
        9px
        12px;

    vertical-align:
        top;

    background:
        rgba(244,195,75,.07);

    border:
        1px solid rgba(217,154,27,.10);

    border-radius:
        7px;

    color:
        #56392D !important;

    font-weight:
        550;
}


/* Đoạn ghi chú cuối */

.apt-service-detail-content
> .col:nth-child(2)
p:last-of-type {

    margin-top:
        12px !important;

    padding-top:
        14px;

    border-top:
        1px solid rgba(217,154,27,.18);

    color:
        #7A6255 !important;

    font-size:
        14.5px !important;

    font-style:
        italic;
}


/* =========================================================
   03. QUY TRÌNH 5 BƯỚC
========================================================= */

/*
 * Paragraph lẻ:
 * Bước 01, Bước 02...
 */
.apt-service-detail-content
> .col:nth-child(3)
p:nth-of-type(odd) {

    position:
        relative;

    margin:
        18px 0 5px !important;

    padding-left:
        17px;

    color:
        #4B2115 !important;

    font-size:
        15.5px !important;

    font-weight:
        750;
}


/* Bước đầu không cần khoảng trống trên */

.apt-service-detail-content
> .col:nth-child(3)
p:first-of-type {

    margin-top:
        2px !important;
}


/* Chấm gold nhỏ */

.apt-service-detail-content
> .col:nth-child(3)
p:nth-of-type(odd)::before {

    content: "";

    position: absolute;

    left: 0;
    top: .66em;

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #D99A1B;

    box-shadow:
        0 0 0 4px rgba(217,154,27,.10);
}


/* Nội dung của từng bước */

.apt-service-detail-content
> .col:nth-child(3)
p:nth-of-type(even) {

    margin:
        0 !important;

    padding:
        0 0
        17px 17px;

    border-bottom:
        1px dashed rgba(217,154,27,.19);
}


/* Bước cuối không divider */

.apt-service-detail-content
> .col:nth-child(3)
p:last-of-type {

    padding-bottom:
        0;

    border-bottom:
        none;
}


/* =========================================================
   04. CAM KẾT
========================================================= */

.apt-service-detail-content
> .col:nth-child(4)
p:first-of-type {

    margin-bottom:
        18px !important;
}


.apt-service-detail-content
> .col:nth-child(4)
p:nth-of-type(n+2) {

    margin-bottom:
        8px !important;

    padding:
        8px 11px;

    background:
        rgba(244,195,75,.065);

    border-radius:
        7px;

    color:
        #56392D !important;
}


/* AN – PHÚC – THỊNH */

.apt-service-detail-content
> .col:nth-child(4)
h3 {

    margin:
        23px 0 0 !important;

    padding:
        17px 18px;

    border-top:
        1px solid rgba(217,154,27,.24);

    background:
        linear-gradient(
            90deg,
            rgba(244,195,75,.12),
            rgba(244,195,75,.025)
        );

    border-radius:
        8px;

    color:
        #4B2115 !important;

    font-size:
        16px !important;

    font-weight:
        750 !important;

    line-height:
        1.55 !important;

    text-align:
        center;
}


/* =========================================================
   05. ĐOẠN CHỐT CUỐI
   Nhấn nhẹ, không biến thành CTA mạnh
========================================================= */

.apt-service-detail-content
> .col:nth-child(5)
> .col-inner {

    background:
        linear-gradient(
            135deg,
            #FFF9E9,
            #FFF3D3
        ) !important;

    border-color:
        rgba(217,154,27,.30);

    box-shadow:
        0 7px 22px rgba(169,103,20,.08);
}


.apt-service-detail-content
> .col:nth-child(5)
h2 {

    font-size:
        21px !important;
}


.apt-service-detail-content
> .col:nth-child(5)
p {

    margin-bottom:
        0 !important;
}


/* =========================================================
   DESKTOP HOVER – RẤT NHẸ
========================================================= */

@media (hover:hover) {

    .apt-service-detail-content
    > .col
    > .col-inner {

        transition:
            border-color .25s ease,
            box-shadow .25s ease,
            transform .25s ease;
    }


    .apt-service-detail-content
    > .col
    > .col-inner:hover {

        transform:
            translateY(-2px);

        border-color:
            rgba(217,154,27,.34);

        box-shadow:
            0 10px 25px rgba(75,33,21,.085);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .apt-service-detail-content
    > .col {

        margin-bottom:
            15px;
    }


    .apt-service-detail-content
    > .col
    > .col-inner {

        padding:
            24px
            19px
            22px !important;

        border-radius:
            11px !important;
    }


    .apt-service-detail-content
    > .col
    > .col-inner::before {

        top:
            21px;

        bottom:
            21px;
    }


    .apt-service-detail-content h2 {

        margin-bottom:
            15px !important;

        font-size:
            19px !important;

        line-height:
            1.3 !important;
    }


    .apt-service-detail-content p {

        font-size:
            14.5px !important;

        line-height:
            1.65 !important;
    }


    /*
     * Vị trí tuyển dụng desktop 2 cột,
     * mobile trở lại 1 cột.
     */
    .apt-service-detail-content
    > .col:nth-child(2)
    p:nth-of-type(n+2):not(:last-of-type) {

        display:
            block;

        width:
            100%;

        margin:
            0 0 8px !important;
    }


    .apt-service-detail-content
    > .col:nth-child(4)
    h3 {

        padding:
            14px 12px;

        font-size:
            14.5px !important;
    }

}
/* =========================================================
   APT FOOTER FACEBOOK
========================================================= */

.apt-footer-facebook {
    width: 100%;
    max-width: 360px;
}

.apt-footer-facebook h4 {
    margin: 0 0 12px;
    color: #4B2115;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.apt-footer-facebook iframe {
    display: block;
    width: 100% !important;
    max-width: 340px;
    border-radius: 8px;
}
/* =========================================================
   APT - LOCATION SLIDER
========================================================= */

.apt-location-slider {
    display: block !important;
}

.apt-location-slider .flickity-viewport {
    width: 100%;
    overflow: hidden;
    padding: 8px 0 16px;
}

.apt-location-slider > .col {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
}

/* Tablet */
@media (max-width: 849px) {
    .apt-location-slider > .col {
        width: 50% !important;
        max-width: 50% !important;
    }
}

/* Mobile */
@media (max-width: 549px) {
    .apt-location-slider > .col {
        width: 88% !important;
        max-width: 88% !important;
    }
}
/* =========================================================
   APT - LOCATION SLIDER CONTROLS
========================================================= */

.apt-location-slider {
    padding-bottom: 34px;
}

/* Arrow */
.apt-location-slider .flickity-button {
    width: 38px;
    height: 38px;

    background: #fff;
    color: #D99A1B;

    border: 1px solid rgba(217, 154, 27, .35);
    box-shadow: 0 4px 14px rgba(0,0,0,.12);

    opacity: 1;
}

.apt-location-slider .flickity-button:hover {
    background: #D99A1B;
    color: #fff;
}

.apt-location-slider .flickity-prev-next-button.previous {
    left: 10px;
}

.apt-location-slider .flickity-prev-next-button.next {
    right: 10px;
}


/* Dots */
.apt-location-slider .flickity-page-dots {
    bottom: 5px;
}

.apt-location-slider .flickity-page-dots .dot {
    width: 8px;
    height: 8px;

    margin: 0 5px;

    background: #D99A1B;
    opacity: .25;
}

.apt-location-slider .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

/* =========================================
   APT - slider chi nhánh
========================================= */

/* Mũi tên trái phải */
.apt-location-slider .flickity-prev-next-button {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(126, 65, 15, 0.12);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transition: all 0.25s ease;
    opacity: 1;
}

.apt-location-slider .flickity-prev-next-button:hover {
    background: linear-gradient(135deg, #f8d96b, #d89b1d);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.apt-location-slider .flickity-prev-next-button .arrow {
    fill: #8b4d18;
}

.apt-location-slider .flickity-prev-next-button:hover .arrow {
    fill: #ffffff;
}

/* Canh vị trí mũi tên */
.apt-location-slider .flickity-prev-next-button.previous {
    left: 10px;
}

.apt-location-slider .flickity-prev-next-button.next {
    right: 10px;
}

/* Dots bên dưới */
.apt-location-slider .flickity-page-dots {
    bottom: -28px;
}

.apt-location-slider .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 999px;
    background: #d8cdbf;
    opacity: 1;
    transition: all 0.25s ease;
}

/* Dot đang active */
.apt-location-slider .flickity-page-dots .dot.is-selected {
    width: 26px;
    background: linear-gradient(90deg, #7b3f14, #e2b13b);
}

/* Mobile cho gọn */
@media (max-width: 849px) {
    .apt-location-slider .flickity-prev-next-button {
        width: 40px;
        height: 40px;
    }

    .apt-location-slider .flickity-prev-next-button.previous {
        left: 6px;
    }

    .apt-location-slider .flickity-prev-next-button.next {
        right: 6px;
    }

    .apt-location-slider .flickity-page-dots {
        bottom: -22px;
    }
}