/* ===== เดิมมาจาก: css/pages/activities/01-base.css ===== */
/* Source: activities.html */
:root { --navy:#082d67; --dark:#051e45; --blue:#0d4aa6; --red:#df1722; --text:#1a2a42; --muted:#65748a; --soft:#f3f6fa; --line:#dfe6ef; }
        * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body { margin:0; color:var(--text); background:#fff; font-family:"Noto Sans Thai",Tahoma,sans-serif; line-height:1.75; }
        a { color:inherit; text-decoration:none; }
        button { font:inherit; }
        .container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
        .page-hero { position:relative; overflow:hidden; padding:86px 0; color:#fff; background:linear-gradient(120deg,rgba(5,30,69,.97),rgba(13,74,166,.90)),url('../images/10.png') center/cover; }
        .page-hero::after { content:""; position:absolute; right:-90px; bottom:-150px; width:360px; height:360px; border:55px solid rgba(255,255,255,.08); border-radius:50%; }
        .page-hero .container { position:relative; z-index:1; }
        .page-hero p:first-child { margin:0 0 10px; color:#ff8a91; font-size:18px; font-weight:800; }
        .page-hero h1 { margin:0; font-size:clamp(40px,5vw,64px); line-height:1.25; }
        .page-hero .lead { max-width:760px; margin:14px 0 0; color:#dce7f6; font-size:19px; }
        .section { padding:82px 0; }
        .section-heading { max-width:780px; margin:0 auto 38px; text-align:center; }
        .section-heading .kicker { margin:0 0 5px; color:var(--red); font-size:18px; font-weight:800; }
        .section-heading h2 { margin:0; color:var(--navy); font-size:clamp(31px,3.6vw,45px); line-height:1.35; }
        .section-heading p:last-child { margin:10px 0 0; color:var(--muted); font-size:17px; }
        .filters { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:34px; }
        .filter-button { min-height:46px; padding:9px 23px; color:var(--navy); background:#fff; border:1px solid #cfd9e7; border-radius:999px; font-weight:750; cursor:pointer; transition:.2s; }
        .filter-button:hover,.filter-button.active { color:#fff; background:var(--navy); border-color:var(--navy); }
        .featured { display:grid; grid-template-columns:1.05fr .95fr; min-height:430px; overflow:hidden; margin-bottom:30px; background:var(--dark); border-radius:22px; box-shadow:0 20px 50px rgba(5,30,69,.15); }
        .featured-image { min-height:430px; }
        .featured-image img { width:100%; height:100%; display:block; object-fit:cover; }
        .featured-copy { display:flex; flex-direction:column; justify-content:center; padding:48px; color:#fff; }
        .tag { width:max-content; display:inline-flex; align-items:center; gap:7px; padding:5px 12px; color:#fff; background:var(--red); border-radius:999px; font-size:14px; font-weight:800; }
        .featured h2 { margin:18px 0 12px; font-size:34px; line-height:1.4; }
        .featured p { margin:0; color:#d3e0f0; font-size:17px; }
        .featured-points { display:grid; gap:9px; margin:22px 0 0; }
        .featured-points span { display:flex; align-items:flex-start; gap:10px; color:#fff; }
        .featured-points i { margin-top:4px; color:#ff6f77; }
        .content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
        .content-card { overflow:hidden; display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:17px; box-shadow:0 10px 30px rgba(8,45,103,.08); transition:transform .22s ease,box-shadow .22s ease; }
        .content-card:hover { transform:translateY(-5px); box-shadow:0 17px 38px rgba(8,45,103,.14); }
        .content-card[hidden] { display:none; }
        .card-image { position:relative; height:230px; overflow:hidden; background:#e9eef5; }
        .card-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
        .content-card:hover .card-image img { transform:scale(1.04); }
        .card-image .tag { position:absolute; top:15px; left:15px; }
        .content-card[data-category="activity"] .tag { background:var(--blue); }
        .card-body { flex:1; display:flex; flex-direction:column; padding:25px; }
        .card-meta { color:#7b899c; font-size:14px; font-weight:650; }
        .card-body h3 { margin:9px 0 9px; color:var(--navy); font-size:22px; line-height:1.5; }
        .card-body p { margin:0; color:var(--muted); font-size:16px; }
        .activity-strip { margin-top:72px; padding:42px; display:flex; align-items:center; justify-content:space-between; gap:30px; color:#fff; background:linear-gradient(115deg,var(--blue),var(--dark)); border-radius:20px; }
        .activity-strip h2 { margin:0; font-size:30px; }
        .activity-strip p { margin:5px 0 0; color:#d6e4f5; }
        .activity-strip a { flex:0 0 auto; padding:13px 23px; color:var(--navy); background:#fff; border-radius:8px; font-weight:800; }
        .footer { padding-top:58px; color:#d6e2f4; background:var(--dark); }
        .footer-grid { display:grid; grid-template-columns:1.15fr .75fr 1.2fr; gap:55px; padding-bottom:45px; }
        .footer h3,.footer h4 { margin-top:0; color:#fff; }
        .footer h3 { font-size:23px; line-height:1.55; }
        .footer p,.footer address { color:#c7d5e8; font-style:normal; }
        .footer ul { margin:0; padding:0; list-style:none; }
        .footer li { margin:7px 0; }
        .footer a:hover { color:#fff; }
        .footer-contact-line { display:flex; align-items:flex-start; gap:10px; margin:11px 0; }
        .footer-contact-line i { margin-top:4px; color:#ff6670; }
        .footer-bottom { padding:17px 20px; text-align:center; border-top:1px solid rgba(255,255,255,.14); font-size:14px; }
        @media(max-width:960px) { .featured { grid-template-columns:1fr; } .featured-image { min-height:350px; } .content-grid { grid-template-columns:repeat(2,1fr); } .footer-grid { grid-template-columns:1fr 1fr; } }
        @media(max-width:680px) { .page-hero { padding:60px 0; } .page-hero h1 { font-size:38px; } .section { padding:62px 0; } .featured-copy { padding:30px 24px; } .featured h2 { font-size:28px; } .content-grid,.footer-grid { grid-template-columns:1fr; } .card-image { height:220px; } .activity-strip { padding:30px 24px; flex-direction:column; align-items:flex-start; } .activity-strip a { width:100%; text-align:center; } }


/* ===== เดิมมาจาก: css/pages/activities/02-final-shared-navbar.css ===== */
/* Source: activities.html | style id: final-shared-navbar */
/* =========================================================
   FINAL SHARED HEADER — identical on every HTML page
   No logo frame, no menu boxes, equal typography on every link.
========================================================= */
.site-header,
.site-header * {
    box-sizing: border-box !important;
    font-family: "Noto Sans Thai", Tahoma, Arial, sans-serif !important;
}

.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 4px 18px rgba(5, 30, 69, 0.10) !important;
}

.site-header .container,
.site-header .topbar-content,
.site-header .navbar-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.site-header .topbar {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(90deg, #061f48 0%, #114fae 100%) !important;
    border-top: 4px solid #df1722 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.site-header .topbar-content {
    min-height: 46px !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.site-header .topbar-left,
.site-header .topbar-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .topbar a,
.site-header .topbar a:link,
.site-header .topbar a:visited,
.site-header .topbar a:hover,
.site-header .topbar a:active,
.site-header .topbar span {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

.site-header .topbar a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.site-header .topbar i {
    margin: 0 !important;
    color: #ff5963 !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.site-header .topbar-divider {
    opacity: .65 !important;
}

.site-header .navbar {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-header .navbar-content {
    position: relative !important;
    min-height: 108px !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-header .brand,
.site-header .brand:link,
.site-header .brand:visited,
.site-header .brand:hover,
.site-header .brand:active,
.site-header .brand:focus,
.site-header .brand:focus-visible {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #082d67 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.site-header .brand-logo {
    flex: 0 0 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-header .brand-logo::before,
.site-header .brand-logo::after {
    display: none !important;
    content: none !important;
}

.site-header .brand-logo img {
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.site-header .brand-name {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

.site-header .brand-name strong,
.site-header .brand-name span,
.site-header .brand-name small {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.site-header .brand-name strong {
    color: #082d67 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.site-header .brand-name span,
.site-header .brand-name small {
    color: #df1722 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.site-header .nav-menu {
    position: static !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-header .nav-menu > a,
.site-header .nav-menu > a:link,
.site-header .nav-menu > a:visited,
.site-header .nav-menu > a:hover,
.site-header .nav-menu > a:active,
.site-header .nav-menu > a.active,
.site-header .nav-menu > a:focus,
.site-header .nav-menu > a:focus-visible {
    position: relative !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 15px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #102a50 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.site-header .nav-menu > a::before {
    display: none !important;
    content: none !important;
}

.site-header .nav-menu > a::after {
    content: "" !important;
    position: absolute !important;
    right: 50% !important;
    bottom: 7px !important;
    left: 50% !important;
    width: auto !important;
    height: 3px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #df1722 !important;
    border: 0 !important;
    border-radius: 99px !important;
    box-shadow: none !important;
    transform: none !important;
    transition: left .2s ease, right .2s ease !important;
}

.site-header .nav-menu > a:hover::after,
.site-header .nav-menu > a.active::after,
.site-header .nav-menu > a[aria-current="page"]::after,
.site-header .nav-menu > a:focus-visible::after {
    right: 0 !important;
    left: 0 !important;
}

.site-header .contact-button,
.site-header .menu-button {
    display: none !important;
}

.site-header .nav-toggle {
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: none !important;
    place-items: center !important;
    color: #ffffff !important;
    background: #082d67 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 28px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.site-header .nav-toggle:focus,
.site-header .nav-toggle:focus-visible,
.site-header .nav-toggle:hover,
.site-header .nav-toggle:active {
    color: #ffffff !important;
    background: #082d67 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

@media (max-width: 1250px) {
    .site-header .navbar-content {
        min-height: 98px !important;
    }

    .site-header .brand-logo,
    .site-header .brand-logo img {
        flex-basis: 72px !important;
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        max-width: 72px !important;
        max-height: 72px !important;
    }

    .site-header .brand-name {
        min-width: 240px !important;
    }

    .site-header .brand-name strong {
        font-size: 19px !important;
    }

    .site-header .brand-name span,
    .site-header .brand-name small {
        font-size: 17px !important;
    }

    .site-header .nav-toggle {
        display: grid !important;
    }

    .site-header .nav-menu {
        position: absolute !important;
        z-index: 1000 !important;
        top: 100% !important;
        right: 28px !important;
        left: 28px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 8px 18px 14px !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        background: #ffffff !important;
        border: 0 !important;
        border-top: 4px solid #df1722 !important;
        border-radius: 0 0 10px 10px !important;
        box-shadow: 0 18px 35px rgba(5, 30, 69, .18) !important;
    }

    .site-header .nav-menu.open {
        display: flex !important;
    }

    .site-header .nav-menu > a,
    .site-header .nav-menu > a:link,
    .site-header .nav-menu > a:visited,
    .site-header .nav-menu > a:hover,
    .site-header .nav-menu > a:active,
    .site-header .nav-menu > a.active,
    .site-header .nav-menu > a:focus,
    .site-header .nav-menu > a:focus-visible {
        width: 100% !important;
        min-height: 54px !important;
        padding: 14px 8px !important;
        justify-content: flex-start !important;
        color: #102a50 !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #edf1f6 !important;
        outline: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        text-align: left !important;
    }

    .site-header .nav-menu > a:last-child {
        border-bottom: 0 !important;
    }

    .site-header .nav-menu > a::after {
        display: none !important;
        content: none !important;
    }

    .site-header .nav-menu > a.active,
    .site-header .nav-menu > a[aria-current="page"] {
        color: #df1722 !important;
    }
}

@media (max-width: 760px) {
    .site-header .topbar-content {
        min-height: 0 !important;
        padding: 8px 16px !important;
        flex-direction: column !important;
        gap: 5px !important;
        text-align: center !important;
    }

    .site-header .topbar-left {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px 10px !important;
    }

    .site-header .topbar-divider {
        display: none !important;
    }

    .site-header .topbar,
    .site-header .topbar a,
    .site-header .topbar span {
        font-size: 13px !important;
    }

    .site-header .navbar-content {
        min-height: 86px !important;
        padding: 0 16px !important;
        gap: 11px !important;
    }

    .site-header .brand {
        gap: 10px !important;
    }

    .site-header .brand-logo,
    .site-header .brand-logo img {
        flex-basis: 58px !important;
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
    }

    .site-header .brand-name {
        min-width: 0 !important;
    }

    .site-header .brand-name strong {
        font-size: 14px !important;
    }

    .site-header .brand-name span,
    .site-header .brand-name small {
        font-size: 13px !important;
    }

    .site-header .nav-toggle {
        flex-basis: 46px !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        font-size: 25px !important;
    }

    .site-header .nav-menu {
        right: 16px !important;
        left: 16px !important;
    }
}

@media (max-width: 430px) {
    .site-header .topbar-right {
        display: none !important;
    }

    .site-header .brand-logo,
    .site-header .brand-logo img {
        flex-basis: 52px !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
    }

    .site-header .brand-name strong {
        font-size: 12.5px !important;
    }

    .site-header .brand-name span,
    .site-header .brand-name small {
        font-size: 12px !important;
    }
}

/* ===== เดิมมาจาก: css/common/content-wide.css ===== */
/* =========================================================
   การจัดวางเนื้อหาแบบกว้างเต็มหน้า
   - ใช้เฉพาะข้อมูลภายใน <main>
   - ไม่เปลี่ยน Navbar และ Footer
   - เว้นขอบหน้าจออย่างสมดุลเพื่อให้อ่านง่าย
========================================================= */
:root {
    --content-wide-max: 1600px;
    --content-wide-gutter: clamp(24px, 4vw, 72px);
    --content-wide-gap: clamp(28px, 3.4vw, 64px);
}

main {
    width: 100%;
    overflow: hidden;
}

/* ขยายเฉพาะพื้นที่ข้อมูล ไม่กระทบแถบเมนูและ Footer */
main .container {
    width: calc(100% - (var(--content-wide-gutter) * 2)) !important;
    max-width: var(--content-wide-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* รักษาระยะห่างของหัวข้อให้โปร่งและอ่านง่าย */
main .section-heading,
main .wide-heading,
main .job-summary-heading {
    max-width: 980px !important;
}

/* จัดเลย์เอาต์สองคอลัมน์ให้ใช้พื้นที่จออย่างสมดุล */
main .intro-grid,
main .about-intro-grid,
main .origin-layout,
main .company-profile-grid,
main .service-process-layout,
main .reports-grid,
main .report-grid,
main .position-layout,
main .apply-layout,
main .location-grid,
main .welfare-content {
    column-gap: var(--content-wide-gap) !important;
}

/* ทำให้กลุ่มการ์ดกระจายเต็มพื้นที่และมีระยะเท่ากัน */
main .trust-grid,
main .service-grid,
main .operation-grid,
main .scope-grid,
main .training-grid,
main .quality-grid,
main .support-grid,
main .equipment-grid,
main .benefit-grid,
main .qualification-grid,
main .contact-grid,
main .content-grid,
main .profile-cards,
main .operation-list-grid,
main .about-extra-photo-grid,
main .contact-preparation-grid {
    gap: clamp(20px, 2vw, 34px) !important;
}

/* หน้าแรก */
main .hero-slide-content {
    width: calc(100% - (var(--content-wide-gutter) * 2)) !important;
    max-width: var(--content-wide-max) !important;
}

main .hero-slide-content > * {
    max-width: 900px !important;
}

main .trust-grid article,
main .service-card,
main .operation-card,
main .process-step {
    height: 100%;
}

/* หน้าเกี่ยวกับเรา */
main .about-intro-grid {
    grid-template-columns: minmax(420px, 0.95fr) minmax(0, 1.05fr) !important;
}

main .origin-layout {
    grid-template-columns: minmax(320px, 0.7fr) minmax(0, 1.3fr) !important;
}

main .company-profile-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr) !important;
}

main .origin-content,
main .company-info-panel,
main .contact-preparation {
    padding: clamp(28px, 3vw, 46px) !important;
}

/* หน้าบทความ */
main .featured {
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr) !important;
}

main .content-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

main .featured-copy,
main .card-body {
    padding: clamp(26px, 2.4vw, 42px) !important;
}

/* หน้ารับสมัครงาน */
main .position-layout,
main .apply-layout {
    grid-template-columns: minmax(360px, 0.78fr) minmax(0, 1.22fr) !important;
}

main .job-summary-row {
    grid-template-columns: 78px minmax(230px, 0.55fr) minmax(0, 1.45fr) !important;
    padding-right: clamp(28px, 3vw, 48px) !important;
    padding-left: clamp(28px, 3vw, 48px) !important;
}

/* หน้าติดต่อ */
main .contact-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

main .location-grid {
    grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1.28fr) !important;
}

main .map-embed,
main .map-placeholder {
    width: 100% !important;
}

/* หน้าบริการและมาตรฐาน */
main .service-types .service-grid,
main .training-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

main .scope-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

main .quality-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

main .equipment-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

/* จอใหญ่พิเศษ: เพิ่มพื้นที่หายใจโดยไม่ให้ข้อมูลติดขอบ */
@media (min-width: 1700px) {
    main .section-space,
    main .section {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

/* แท็บเล็ตและโน้ตบุ๊กขนาดกลาง */
@media (max-width: 1180px) {
    :root {
        --content-wide-gutter: clamp(22px, 3.2vw, 42px);
        --content-wide-gap: clamp(28px, 4vw, 52px);
    }

    main .about-intro-grid,
    main .origin-layout,
    main .company-profile-grid,
    main .intro-grid,
    main .service-process-layout,
    main .reports-grid,
    main .report-grid,
    main .position-layout,
    main .apply-layout,
    main .location-grid,
    main .welfare-content,
    main .featured {
        grid-template-columns: 1fr !important;
    }

    main .content-grid,
    main .service-types .service-grid,
    main .scope-grid,
    main .training-grid,
    main .quality-grid,
    main .support-grid,
    main .equipment-grid,
    main .benefit-grid,
    main .qualification-grid,
    main .contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    main .contact-address {
        grid-column: auto !important;
    }

    main .position-intro {
        position: static !important;
    }
}

/* โทรศัพท์ */
@media (max-width: 700px) {
    :root {
        --content-wide-gutter: 16px;
    }

    main .container,
    main .hero-slide-content {
        width: calc(100% - 32px) !important;
    }

    main .content-grid,
    main .service-types .service-grid,
    main .scope-grid,
    main .training-grid,
    main .quality-grid,
    main .support-grid,
    main .equipment-grid,
    main .benefit-grid,
    main .qualification-grid,
    main .contact-grid,
    main .profile-cards,
    main .operation-list-grid,
    main .about-extra-photo-grid,
    main .contact-preparation-grid {
        grid-template-columns: 1fr !important;
    }

    main .job-summary-row {
        grid-template-columns: 44px 1fr !important;
        gap: 14px !important;
        padding: 22px 18px !important;
    }

    main .job-summary-detail {
        grid-column: 2 !important;
    }
}


/* ===== เดิมมาจาก: css/pages/activities/03-activities-page-style.css ===== */
/* Source: activities.html | style id: activities-page-style */
.activities-page .content-grid {
    max-width: 1180px;
    margin-inline: auto;
}
.activities-page .content-card {
    min-height: 100%;
}
@media (min-width: 961px) {
    .activities-page .content-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* ===== เดิมมาจาก: css/pages/activities/04-unique-activities-layout.css ===== */
/* Source: activities.html | style id: unique-activities-layout */
/* มาตรฐานร่วม: เฉพาะความกว้างและตัวอักษร ส่วนการจัดวางแต่ละหน้าแยกกัน */
body[class*="unique-"]{
  --page-gutter:clamp(24px,7.6vw,146px);
  overflow-x:hidden;
  color:#1f3048;
  background:#fff;
  font-family:"Noto Sans Thai",sans-serif;
  font-size:17px;
  line-height:1.82;
}
body[class*="unique-"] main .container,
body[class*="unique-"] main .page-shell,
body[class*="unique-"] .footer>.container{
  width:calc(100% - var(--page-gutter) - var(--page-gutter))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
}
body[class*="unique-"] main>section{
  width:100%!important;
  max-width:none!important;
}
body[class*="unique-"] main img{max-width:100%;display:block}
@media(max-width:1180px){body[class*="unique-"]{--page-gutter:40px}}
@media(max-width:700px){body[class*="unique-"]{--page-gutter:16px;font-size:16px}}

.unique-activities .page-hero{
  min-height:520px!important;
  display:grid!important;
  place-items:center!important;
  padding:80px 0!important;
  text-align:center!important;
  background:
    linear-gradient(rgba(4,27,63,.72),rgba(4,27,63,.82)),
    url('../images/10.png') center/cover!important;
}
.unique-activities .page-hero .container{max-width:900px!important}
.unique-activities .page-hero h1{font-size:clamp(56px,7vw,92px)!important}
.unique-activities .page-hero .lead{margin-inline:auto!important}
.unique-activities .section{padding:90px 0!important}
.unique-activities .section-heading{
  max-width:900px!important;
  text-align:left!important;
  margin-left:0!important;
}
.unique-activities .content-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:180px!important;
  gap:16px!important;
}
.unique-activities .content-card{
  position:relative!important;
  min-height:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.unique-activities .content-card:nth-child(1){
  grid-column:span 2!important;
  grid-row:span 3!important;
}
.unique-activities .content-card:nth-child(2),
.unique-activities .content-card:nth-child(5){
  grid-row:span 2!important;
}
.unique-activities .content-card:nth-child(3){
  grid-column:span 2!important;
  grid-row:span 2!important;
}
.unique-activities .card-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
}
.unique-activities .card-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.unique-activities .content-card::after{
  content:"";
  position:absolute;inset:35% 0 0;
  background:linear-gradient(transparent,rgba(3,22,52,.92));
  pointer-events:none;
}
.unique-activities .card-body{
  position:absolute!important;
  z-index:2!important;
  left:0;right:0;bottom:0;
  padding:22px!important;
  color:#fff!important;
  background:transparent!important;
}
.unique-activities .card-meta{color:#ff9096!important}
.unique-activities .card-body h3{margin:5px 0!important;color:#fff!important;font-size:20px!important}
.unique-activities .card-body p{display:none!important}
.unique-activities .activity-strip{
  margin-top:50px!important;
  border-radius:28px 4px 28px 4px!important;
}
@media(max-width:1000px){
  .unique-activities .content-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:650px){
  .unique-activities .page-hero{min-height:400px!important}
  .unique-activities .content-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:300px!important;
  }
  .unique-activities .content-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
  }
}


/* ===== เดิมมาจาก: css/pages/activities/05-shared-example-hero.css ===== */
/* Source: activities.html | style id: shared-example-hero */
/* =========================================================
   แบนเนอร์ด้านบนแบบเดียวกับตัวอย่าง:
   ซ้ายกรมท่า / แถบแดงเฉียง / ขวาน้ำเงิน / ลายตาราง / วงกลมโปร่ง
========================================================= */
body[class*="unique-"] .page-banner,
body[class*="unique-"] .page-hero,
body.unique-careers .career-hero {
    position: relative !important;
    isolation: isolate !important;
    min-height: 420px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background:
        linear-gradient(
            103deg,
            #041b3f 0%,
            #041b3f 56%,
            #ec1220 56%,
            #ec1220 60%,
            #1554ad 60%,
            #1554ad 100%
        ) !important;
}

/* ลายตารางเต็มแบนเนอร์ */
body[class*="unique-"] .page-banner::before,
body[class*="unique-"] .page-hero::before,
body.unique-careers .career-hero::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
    background-size: 44px 44px !important;
    opacity: 1 !important;
}

/* วงกลมโปร่งด้านขวา */
body[class*="unique-"] .page-banner::after,
body[class*="unique-"] .page-hero::after,
body.unique-careers .career-hero::after {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 50% !important;
    right: 3.5vw !important;
    width: min(31vw, 520px) !important;
    height: min(31vw, 520px) !important;
    display: block !important;
    transform: translateY(-50%) !important;
    border: clamp(52px, 5vw, 88px) solid rgba(255,255,255,.055) !important;
    border-radius: 50% !important;
    background: rgba(6,49,123,.08) !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

/* ซ่อนวงกลม/ของตกแต่งเดิม */
body[class*="unique-"] .banner-circle,
body[class*="unique-"] .banner-decoration {
    display: none !important;
}

/* จัดตำแหน่งข้อความเหมือนตัวอย่าง */
body[class*="unique-"] .banner-content,
body[class*="unique-"] .page-hero > .container,
body.unique-careers .career-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    min-height: 420px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-top: 58px !important;
    padding-bottom: 70px !important;
    text-align: left !important;
}

/* ตัดเส้นแต่งเดิมของบางหน้า */
body.unique-articles .page-hero > .container,
body.unique-activities .page-hero > .container {
    border-left: 0 !important;
    padding-left: 0 !important;
}

/* ชื่อบริษัทด้านบน */
body[class*="unique-"] .banner-content > p:first-child,
body[class*="unique-"] .page-hero > .container > p:first-child,
body.unique-careers .hero-eyebrow {
    margin: 0 0 10px !important;
    color: #ff858d !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

/* หัวข้อหลัก */
body[class*="unique-"] .banner-content h1,
body[class*="unique-"] .page-hero h1,
body.unique-careers .career-hero h1 {
    max-width: 860px !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(52px, 5.8vw, 78px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
}

/* คำอธิบาย */
body[class*="unique-"] .banner-description,
body[class*="unique-"] .page-hero .lead,
body.unique-careers .hero-description {
    max-width: 820px !important;
    margin: 20px 0 0 !important;
    color: #e0e9f7 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.85 !important;
    text-align: left !important;
}

/* Breadcrumb */
body[class*="unique-"] .breadcrumb {
    width: fit-content !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 27px !important;
    padding: 11px 14px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.17) !important;
    border-radius: 8px !important;
    backdrop-filter: blur(4px) !important;
    font-size: 15px !important;
}

body[class*="unique-"] .breadcrumb a {
    color: #d9e5f4 !important;
}

/* ป้องกัน CSS เฉพาะหน้าเปลี่ยน alignment */
body.unique-standards .page-banner,
body.unique-activities .page-hero {
    text-align: left !important;
}

body.unique-standards .banner-content,
body.unique-activities .page-hero > .container {
    align-items: flex-start !important;
    text-align: left !important;
}

body.unique-standards .breadcrumb {
    justify-content: flex-start !important;
}

/* แท็บเล็ต */
@media (max-width: 1050px) {
    body[class*="unique-"] .page-banner,
    body[class*="unique-"] .page-hero,
    body.unique-careers .career-hero {
        background:
            linear-gradient(
                101deg,
                #041b3f 0%,
                #041b3f 64%,
                #ec1220 64%,
                #ec1220 68%,
                #1554ad 68%,
                #1554ad 100%
            ) !important;
    }

    body[class*="unique-"] .page-banner::after,
    body[class*="unique-"] .page-hero::after,
    body.unique-careers .career-hero::after {
        right: -100px !important;
        width: 420px !important;
        height: 420px !important;
    }
}

/* โทรศัพท์: เน้นให้อ่านง่าย โดยยังเก็บแถบแดงและน้ำเงิน */
@media (max-width: 700px) {
    body[class*="unique-"] .page-banner,
    body[class*="unique-"] .page-hero,
    body.unique-careers .career-hero {
        min-height: 340px !important;
        background:
            linear-gradient(
                102deg,
                #041b3f 0%,
                #041b3f 82%,
                #ec1220 82%,
                #ec1220 86%,
                #1554ad 86%,
                #1554ad 100%
            ) !important;
    }

    body[class*="unique-"] .banner-content,
    body[class*="unique-"] .page-hero > .container,
    body.unique-careers .career-hero-inner {
        min-height: 340px !important;
        padding-top: 44px !important;
        padding-bottom: 52px !important;
    }

    body[class*="unique-"] .page-banner::after,
    body[class*="unique-"] .page-hero::after,
    body.unique-careers .career-hero::after {
        right: -170px !important;
        width: 330px !important;
        height: 330px !important;
        border-width: 54px !important;
    }

    body[class*="unique-"] .banner-content h1,
    body[class*="unique-"] .page-hero h1,
    body.unique-careers .career-hero h1 {
        font-size: 43px !important;
        letter-spacing: 0 !important;
    }

    body[class*="unique-"] .banner-description,
    body[class*="unique-"] .page-hero .lead,
    body.unique-careers .hero-description {
        max-width: 86% !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
    }
}


/* ===== เดิมมาจาก: css/pages/activities/06-new-activity-layout.css ===== */
/* Source: activities.html | style id: new-activity-layout */
.unique-activities .new-activity-grid{
     display:grid!important;
     grid-template-columns:1fr!important;
     gap:28px!important;
     max-width:none!important;
     margin:0!important;
   }
   .unique-activities .new-activity-card{
     position:relative!important;
     display:grid!important;
     grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
     min-height:520px!important;
     overflow:hidden!important;
     background:#fff!important;
     border:1px solid #dfe6ef!important;
     border-radius:22px!important;
     box-shadow:0 18px 42px rgba(8,45,103,.12)!important;
   }
   .unique-activities .new-activity-card::after{display:none!important;content:none!important}
   .unique-activities .new-activity-image{
     position:relative!important;
     inset:auto!important;
     width:100%!important;
     height:100%!important;
     min-height:520px!important;
   }
   .unique-activities .new-activity-image img{
     width:100%!important;
     height:100%!important;
     object-fit:cover!important;
     object-position:center!important;
   }
   .unique-activities .new-activity-image .tag{
     position:absolute!important;
     top:22px!important;
     left:22px!important;
     z-index:2!important;
   }
   .unique-activities .new-activity-body{
     position:relative!important;
     z-index:1!important;
     left:auto!important;
     right:auto!important;
     bottom:auto!important;
     display:flex!important;
     flex-direction:column!important;
     justify-content:center!important;
     padding:42px 38px!important;
     color:#1a2a42!important;
     background:#fff!important;
   }
   .unique-activities .new-activity-body .card-meta{
     color:#df1722!important;
     font-size:16px!important;
     font-weight:800!important;
   }
   .unique-activities .new-activity-body h3{
     margin:10px 0 14px!important;
     color:#082d67!important;
     font-size:clamp(28px,2.6vw,40px)!important;
     line-height:1.42!important;
   }
   .unique-activities .new-activity-body p{
     display:block!important;
     margin:0!important;
     color:#65748a!important;
     font-size:17px!important;
     line-height:1.9!important;
   }
   .activity-points{
     display:grid;
     gap:11px;
     margin-top:24px;
     padding-top:22px;
     border-top:1px solid #e4eaf2;
   }
   .activity-points span{
     display:flex;
     align-items:flex-start;
     gap:10px;
     color:#253a55;
     font-weight:700;
     line-height:1.7;
   }
   .activity-points i{margin-top:4px;color:#df1722}
   @media(max-width:960px){
     .unique-activities .new-activity-card{grid-template-columns:1fr!important}
     .unique-activities .new-activity-image{min-height:380px!important}
   }
   @media(max-width:650px){
     .unique-activities .new-activity-card{min-height:0!important;border-radius:16px!important}
     .unique-activities .new-activity-image{min-height:260px!important;height:260px!important}
     .unique-activities .new-activity-body{padding:28px 22px!important}
     .unique-activities .new-activity-body h3{font-size:27px!important}
     .unique-activities .new-activity-body p{font-size:16px!important}
   }


/* ===== เดิมมาจาก: css/pages/activities/07-final-activities-readable-layout.css ===== */
/* Source: activities.html | style id: final-activities-readable-layout */
/* จัดหน้าให้ใช้ระยะซ้าย–ขวาเดียวกับหน้าอื่น และแสดงกิจกรรมครบทุกอัน */
body.unique-activities{
  --page-gutter:clamp(24px,7.6vw,146px)!important;
  background:#fff!important;
}
body.unique-activities main .container,
body.unique-activities .footer > .container{
  width:calc(100% - (var(--page-gutter) * 2))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.unique-activities .section.activities-page{
  padding:88px 0 96px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)!important;
}
.unique-activities .section-heading{
  width:100%!important;
  max-width:900px!important;
  margin:0 0 42px!important;
  text-align:left!important;
}
.unique-activities .section-heading .kicker{
  margin:0 0 8px!important;
  color:#df1722!important;
  font-size:18px!important;
  font-weight:800!important;
}
.unique-activities .section-heading h2{
  margin:0!important;
  color:#082d67!important;
  font-size:clamp(34px,4vw,50px)!important;
  line-height:1.32!important;
}
.unique-activities .section-heading p:last-child{
  max-width:820px!important;
  margin:12px 0 0!important;
  color:#65748a!important;
  font-size:17px!important;
  line-height:1.85!important;
}
.unique-activities .new-activity-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:auto!important;
  gap:30px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.unique-activities .new-activity-card,
.unique-activities .new-activity-card:nth-child(n){
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:430px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dfe6ef!important;
  border-radius:22px!important;
  box-shadow:0 14px 38px rgba(8,45,103,.10)!important;
  transform:none!important;
}
.unique-activities .new-activity-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 20px 46px rgba(8,45,103,.14)!important;
}
.unique-activities .new-activity-card::after{
  display:none!important;
  content:none!important;
}
.unique-activities .new-activity-image{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
  overflow:hidden!important;
  background:#e9eef5!important;
}
.unique-activities .new-activity-image img{
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.unique-activities .new-activity-image .tag{
  position:absolute!important;
  z-index:3!important;
  top:20px!important;
  left:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 13px!important;
  color:#fff!important;
  background:#082d67!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:800!important;
}
.unique-activities .new-activity-body{
  position:relative!important;
  z-index:1!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:42px 44px!important;
  color:#1a2a42!important;
  background:#fff!important;
}
.unique-activities .new-activity-body .card-meta{
  color:#df1722!important;
  font-size:15px!important;
  font-weight:800!important;
}
.unique-activities .new-activity-body h3{
  margin:10px 0 14px!important;
  color:#082d67!important;
  font-size:clamp(27px,2.3vw,36px)!important;
  line-height:1.42!important;
}
.unique-activities .new-activity-body p{
  display:block!important;
  margin:0!important;
  color:#65748a!important;
  font-size:17px!important;
  line-height:1.9!important;
}
.unique-activities .activity-points{
  display:grid!important;
  gap:10px!important;
  margin-top:22px!important;
  padding-top:20px!important;
  border-top:1px solid #e4eaf2!important;
}
.unique-activities .activity-points span{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  color:#253a55!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.75!important;
}
.unique-activities .activity-points i{
  flex:0 0 auto!important;
  margin-top:4px!important;
  color:#df1722!important;
}
/* สลับรูปซ้าย–ขวาเพื่อให้หน้าอ่านต่อเนื่องและไม่จำเจ */
.unique-activities .new-activity-card:nth-child(even) .new-activity-image{order:2!important;}
.unique-activities .new-activity-card:nth-child(even) .new-activity-body{order:1!important;}
.unique-activities .activity-strip{
  margin-top:44px!important;
  border-radius:20px!important;
}
@media(max-width:1180px){
  body.unique-activities{--page-gutter:40px!important;}
}
@media(max-width:960px){
  .unique-activities .new-activity-card,
  .unique-activities .new-activity-card:nth-child(n){
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .unique-activities .new-activity-card:nth-child(even) .new-activity-image,
  .unique-activities .new-activity-card:nth-child(even) .new-activity-body{
    order:initial!important;
  }
  .unique-activities .new-activity-image,
  .unique-activities .new-activity-image img{
    height:380px!important;
    min-height:380px!important;
  }
}
@media(max-width:700px){
  body.unique-activities{--page-gutter:16px!important;}
  .unique-activities .section.activities-page{padding:64px 0 72px!important;}
  .unique-activities .section-heading{margin-bottom:30px!important;}
  .unique-activities .new-activity-grid{gap:22px!important;}
  .unique-activities .new-activity-card{border-radius:16px!important;}
  .unique-activities .new-activity-image,
  .unique-activities .new-activity-image img{
    height:260px!important;
    min-height:260px!important;
  }
  .unique-activities .new-activity-body{padding:27px 22px 30px!important;}
  .unique-activities .new-activity-body h3{font-size:26px!important;}
  .unique-activities .new-activity-body p{font-size:16px!important;}
  .unique-activities .activity-points span{font-size:14px!important;}
}


/* ===== เดิมมาจาก: css/pages/activities/08-final-activities-article-style.css ===== */
/* Source: activities.html | style id: final-activities-article-style */
/* =========================================================
   FINAL ACTIVITIES — ARTICLE-STYLE READABLE LAYOUT
========================================================= */
body.unique-activities{
  --page-gutter:clamp(24px,7.6vw,146px)!important;
  color:#1f3048!important;
  background:#ffffff!important;
}
body.unique-activities main .container,
body.unique-activities .footer > .container{
  width:calc(100% - (var(--page-gutter) * 2))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* กล่องเกริ่นนำทับช่วงท้ายแบนเนอร์แบบหน้าบทความ */
.unique-activities .activities-intro-panel{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;
  gap:18px!important;
  margin-top:-42px!important;
}
.unique-activities .activities-intro-card,
.unique-activities .activities-contact-card{
  border:1px solid #dfe6ef!important;
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(8,45,103,.12)!important;
}
.unique-activities .activities-intro-card{
  padding:30px 32px!important;
  background:#ffffff!important;
}
.unique-activities .intro-kicker{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 8px!important;
  color:#df1722!important;
  font-size:16px!important;
  font-weight:800!important;
}
.unique-activities .activities-intro-card h2{
  margin:0!important;
  color:#082d67!important;
  font-size:clamp(27px,2.6vw,38px)!important;
  line-height:1.4!important;
}
.unique-activities .intro-description{
  max-width:920px!important;
  margin:12px 0 0!important;
  color:#65748a!important;
  font-size:17px!important;
  line-height:1.9!important;
}
.unique-activities .activities-intro-highlights{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  margin-top:22px!important;
}
.unique-activities .intro-highlight{
  min-height:142px!important;
  padding:18px!important;
  background:#f4f7fb!important;
  border:1px solid #e3eaf3!important;
  border-radius:16px!important;
}
.unique-activities .intro-highlight i{
  color:#df1722!important;
  font-size:21px!important;
}
.unique-activities .intro-highlight strong{
  display:block!important;
  margin-top:8px!important;
  color:#082d67!important;
  font-size:17px!important;
}
.unique-activities .intro-highlight span{
  display:block!important;
  margin-top:5px!important;
  color:#68788f!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.unique-activities .activities-contact-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:28px!important;
  color:#ffffff!important;
  background:linear-gradient(145deg,#082d67 0%,#0d4aa6 100%)!important;
}
.unique-activities .contact-kicker{
  color:#ff9ca2!important;
  font-size:15px!important;
  font-weight:800!important;
}
.unique-activities .activities-contact-card h3{
  margin:8px 0 10px!important;
  color:#ffffff!important;
  font-size:26px!important;
  line-height:1.45!important;
}
.unique-activities .activities-contact-card p{
  margin:0!important;
  color:#dce8f7!important;
  font-size:16px!important;
  line-height:1.85!important;
}
.unique-activities .activities-contact-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:20px!important;
}
.unique-activities .activities-contact-actions a{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  font-weight:800!important;
}
.unique-activities .contact-primary{color:#082d67!important;background:#ffffff!important;}
.unique-activities .contact-secondary{color:#ffffff!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.24)!important;}

.unique-activities .section.activities-page{
  padding:84px 0 98px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6f8fb 100%)!important;
}
.unique-activities .section-heading{
  width:100%!important;
  max-width:930px!important;
  margin:0 0 24px!important;
  text-align:left!important;
}
.unique-activities .section-heading .kicker{
  margin:0 0 8px!important;
  color:#df1722!important;
  font-size:18px!important;
  font-weight:800!important;
}
.unique-activities .section-heading h2{
  margin:0!important;
  color:#082d67!important;
  font-size:clamp(36px,4vw,52px)!important;
  line-height:1.3!important;
}
.unique-activities .section-heading p:last-child{
  max-width:870px!important;
  margin:12px 0 0!important;
  color:#65748a!important;
  font-size:17px!important;
  line-height:1.9!important;
}
.unique-activities .activity-reading-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  max-width:930px!important;
  margin:0 0 38px!important;
  padding:17px 20px!important;
  color:#27415f!important;
  background:#eef4fb!important;
  border-left:5px solid #df1722!important;
  border-radius:0 14px 14px 0!important;
}
.unique-activities .activity-reading-note > i{
  flex:0 0 auto!important;
  margin-top:3px!important;
  color:#df1722!important;
  font-size:21px!important;
}
.unique-activities .activity-reading-note strong{
  display:block!important;
  color:#082d67!important;
  font-size:17px!important;
}
.unique-activities .activity-reading-note span{
  display:block!important;
  margin-top:2px!important;
  color:#65748a!important;
  font-size:15px!important;
  line-height:1.75!important;
}

/* รายการกิจกรรมแบบบทความยาว */
.unique-activities .new-activity-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:auto!important;
  gap:34px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.unique-activities .new-activity-card,
.unique-activities .new-activity-card:nth-child(n){
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:465px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  border:1px solid #dfe6ef!important;
  border-radius:24px!important;
  box-shadow:0 13px 36px rgba(8,45,103,.09)!important;
  transform:none!important;
}
.unique-activities .new-activity-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 20px 50px rgba(8,45,103,.14)!important;
}
.unique-activities .new-activity-card::after{display:none!important;content:none!important;}
.unique-activities .new-activity-image{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:465px!important;
  overflow:hidden!important;
  background:#e8eef6!important;
}
.unique-activities .new-activity-image img{
  width:100%!important;
  height:100%!important;
  min-height:465px!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.unique-activities .new-activity-image .tag{
  position:absolute!important;
  z-index:4!important;
  top:20px!important;
  left:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 13px!important;
  color:#ffffff!important;
  background:#082d67!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:800!important;
}
.unique-activities .new-activity-body{
  position:relative!important;
  z-index:1!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:44px 46px!important;
  color:#1a2a42!important;
  background:#ffffff!important;
}
.unique-activities .activity-sequence{
  width:max-content!important;
  display:inline-flex!important;
  align-items:center!important;
  margin-bottom:12px!important;
  padding:5px 11px!important;
  color:#ffffff!important;
  background:#df1722!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.2px!important;
}
.unique-activities .new-activity-body .card-meta{
  color:#df1722!important;
  font-size:15px!important;
  font-weight:800!important;
}
.unique-activities .new-activity-body h3{
  margin:9px 0 14px!important;
  color:#082d67!important;
  font-size:clamp(28px,2.4vw,38px)!important;
  line-height:1.42!important;
}
.unique-activities .new-activity-body p{
  display:block!important;
  margin:0!important;
  color:#65748a!important;
  font-size:17px!important;
  line-height:1.95!important;
}
.unique-activities .activity-points{
  display:grid!important;
  gap:10px!important;
  margin-top:23px!important;
  padding-top:21px!important;
  border-top:1px solid #e4eaf2!important;
}
.unique-activities .activity-points span{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  color:#29405d!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.8!important;
}
.unique-activities .activity-points i{
  flex:0 0 auto!important;
  margin-top:5px!important;
  color:#df1722!important;
}
.unique-activities .new-activity-card:nth-child(even) .new-activity-image{order:2!important;}
.unique-activities .new-activity-card:nth-child(even) .new-activity-body{order:1!important;}
.unique-activities .activity-strip{
  margin-top:48px!important;
  padding:38px 40px!important;
  border-radius:22px!important;
  box-shadow:0 16px 38px rgba(5,30,69,.13)!important;
}

@media(max-width:1180px){body.unique-activities{--page-gutter:40px!important;}}
@media(max-width:980px){
  .unique-activities .activities-intro-panel{grid-template-columns:1fr!important;margin-top:-28px!important;}
  .unique-activities .activities-intro-highlights{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .unique-activities .new-activity-card,
  .unique-activities .new-activity-card:nth-child(n){grid-template-columns:1fr!important;min-height:0!important;}
  .unique-activities .new-activity-card:nth-child(even) .new-activity-image,
  .unique-activities .new-activity-card:nth-child(even) .new-activity-body{order:initial!important;}
  .unique-activities .new-activity-image,
  .unique-activities .new-activity-image img{height:400px!important;min-height:400px!important;}
}
@media(max-width:700px){
  body.unique-activities{--page-gutter:16px!important;}
  .unique-activities .activities-intro-card,
  .unique-activities .activities-contact-card{padding:23px 20px!important;border-radius:17px!important;}
  .unique-activities .activities-intro-highlights{grid-template-columns:1fr!important;}
  .unique-activities .intro-highlight{min-height:0!important;}
  .unique-activities .section.activities-page{padding:62px 0 74px!important;}
  .unique-activities .section-heading{margin-bottom:20px!important;}
  .unique-activities .activity-reading-note{margin-bottom:28px!important;}
  .unique-activities .new-activity-grid{gap:23px!important;}
  .unique-activities .new-activity-card{border-radius:17px!important;}
  .unique-activities .new-activity-image,
  .unique-activities .new-activity-image img{height:265px!important;min-height:265px!important;}
  .unique-activities .new-activity-body{padding:28px 22px 31px!important;}
  .unique-activities .new-activity-body h3{font-size:27px!important;}
  .unique-activities .new-activity-body p{font-size:16px!important;}
  .unique-activities .activity-points span{font-size:14px!important;}
  .unique-activities .activity-strip{padding:28px 22px!important;}
}


/* ===== เดิมมาจาก: css/pages/activities/09-final-activities-hero-match-articles.css ===== */
/* Source: activities.html | style id: final-activities-hero-match-articles */
/* ทำแบนเนอร์กิจกรรมให้เหมือนหน้า “บทความความรู้” ทุกจุด */
body.unique-activities .page-shell{
  width:calc(100% - (var(--page-gutter) * 2))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
body.unique-activities .activities-hero{
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 85% 24%,rgba(65,135,235,.35),transparent 24%),
    linear-gradient(104deg,#041b3f 0%,#041b3f 56%,#df1722 56%,#df1722 60%,#1554ad 60%,#1554ad 100%)!important;
}
body.unique-activities .activities-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  pointer-events:none!important;
}
body.unique-activities .activities-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:50%!important;
  right:4vw!important;
  bottom:auto!important;
  width:min(30vw,500px)!important;
  height:min(30vw,500px)!important;
  transform:translateY(-50%)!important;
  border:76px solid rgba(255,255,255,.06)!important;
  border-radius:50%!important;
  background:transparent!important;
  pointer-events:none!important;
}
body.unique-activities .activities-hero .hero-inner{
  position:relative!important;
  z-index:2!important;
  min-height:390px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  margin-inline:auto!important;
  padding:56px 0 66px!important;
  text-align:left!important;
  border:0!important;
}
body.unique-activities .activities-hero .hero-eyebrow{
  margin:0 0 10px!important;
  color:#ff9ca2!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.5!important;
}
body.unique-activities .activities-hero .hero-title{
  max-width:860px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(44px,6vw,74px)!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  text-align:left!important;
}
body.unique-activities .activities-hero .hero-lead{
  max-width:800px!important;
  margin:18px 0 0!important;
  color:#e3edf9!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.85!important;
  text-align:left!important;
}
body.unique-activities .activities-hero .hero-breadcrumb{
  width:fit-content!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:26px!important;
  padding:10px 14px!important;
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:10px!important;
  backdrop-filter:none!important;
  font-size:15px!important;
}
body.unique-activities .activities-hero .hero-breadcrumb a{color:#d9e6f5!important;}
body.unique-activities .activities-hero .hero-breadcrumb i{font-size:13px!important;}
@media(max-width:1180px){
  body.unique-activities{--page-gutter:40px!important;}
}
@media(max-width:760px){
  body.unique-activities{--page-gutter:16px!important;}
  body.unique-activities .activities-hero::after{
    right:-150px!important;
    width:320px!important;
    height:320px!important;
    border-width:54px!important;
  }
  body.unique-activities .activities-hero .hero-inner{
    min-height:330px!important;
    padding:46px 0 56px!important;
  }
  body.unique-activities .activities-hero .hero-title{font-size:42px!important;}
  body.unique-activities .activities-hero .hero-lead{font-size:16px!important;}
}


/* ===== เดิมมาจาก: css/pages/activities/10-footer-match-reference.css ===== */
/* Source: activities.html | style id: footer-match-reference */
/* ==================================================
   FOOTER ให้เหมือนภาพอ้างอิงทุกประการ
================================================== */
.footer {
    padding-top: 56px !important;
    color: #d5e1f2 !important;
    background: #03225a !important;
}

.footer > .container.footer-grid {
    width: min(1640px, calc(100% - 70px)) !important;
    margin-inline: auto !important;
}

.footer-grid {
    display: grid !important;
    grid-template-columns: 1.1fr 0.68fr 1.28fr !important;
    gap: clamp(42px, 4vw, 78px) !important;
    align-items: start !important;
    padding-bottom: 58px !important;
}

.footer h3,
.footer h4 {
    margin: 0 !important;
    color: #ffffff !important;
}

.footer-company h3 {
    position: relative;
    padding-bottom: 18px;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.48;
}

.footer-company h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: #ff2737;
}

.footer-company p {
    margin: 22px 0 0 !important;
    max-width: 520px;
    color: #d8e4f5 !important;
    font-size: 17px;
    line-height: 1.85;
}

.footer-menu h4,
.footer-section-heading {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.footer-menu h4 {
    font-size: 20px;
    font-weight: 800;
}

.footer-menu ul {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.footer-menu li {
    margin: 0 0 13px !important;
}

.footer-menu a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 17px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
    transition: color .2s ease, transform .2s ease;
}

.footer-menu a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 50%;
    background: #ff2737;
}

.footer-menu a:hover {
    color: #ffd7da !important;
    transform: translateX(4px);
}

.footer-contact-modern {
    min-width: 0;
}

.footer-section-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.footer-heading-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    color: #ff6771;
    background: rgba(223, 23, 34, 0.16);
    border: 1px solid rgba(255, 103, 113, 0.35);
    border-radius: 10px;
    font-size: 18px;
}

.footer-eyebrow {
    margin: 0 0 2px !important;
    color: #ff5968 !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.footer-section-heading h4 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.35;
}

.footer-address-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.footer-address-card > i {
    margin-top: 3px;
    color: #ff5968;
    font-size: 19px;
}

.footer-address-card strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
}

.footer-address-card address {
    margin: 0;
    color: #d7e2f1 !important;
    font-style: normal;
    font-size: 15px;
    line-height: 1.75;
}

.footer-contact-list {
    display: grid;
    gap: 12px;
}

.footer-person-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    color: #ffffff !important;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    transition: transform .2s ease, background .2s ease;
}

.footer-person-card:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.085);
}

.footer-person-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: #ff7180;
    background: rgba(223,23,34,.16);
    border-radius: 10px;
    font-size: 17px;
}

.footer-person-info {
    min-width: 0;
}

.footer-person-info small,
.footer-person-info strong,
.footer-person-info b {
    display: block;
    line-height: 1.35;
}

.footer-person-info small {
    display: none;
}

.footer-person-info strong {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
}

.footer-person-info b {
    color: #ff5f6e !important;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.footer-call-icon {
    color: #ff5f6e !important;
    font-size: 14px;
}

.footer-bottom {
    padding: 16px 20px !important;
    color: #b8c8df !important;
    text-align: center !important;
    background: rgba(0, 0, 0, 0.09) !important;
    border-top: 1px solid rgba(255,255,255,.15) !important;
    font-size: 13px !important;
}

@media (max-width: 1200px) {
    .footer > .container.footer-grid {
        width: calc(100% - 48px) !important;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .footer-contact-modern {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .footer > .container.footer-grid {
        width: calc(100% - 32px) !important;
    }

    .footer {
        padding-top: 42px !important;
    }

    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        padding-bottom: 40px !important;
    }

    .footer-company h3 {
        font-size: 21px;
    }

    .footer-company p {
        font-size: 15px;
    }

    .footer-menu h4,
    .footer-section-heading h4 {
        font-size: 18px;
    }

    .footer-address-card address {
        font-size: 14px;
    }

    .footer-person-card {
        grid-template-columns: auto 1fr auto;
    }
}


/* ===== เดิมมาจาก: css/pages/activities/11-footer-font-size-match.css ===== */
/* Source: activities.html | style id: footer-font-size-match */
/* ขนาดตัวอักษร Footer ให้ตรงกับภาพอ้างอิง */
.footer-company h3 {
    font-size: 20px !important;
    line-height: 1.48 !important;
}
.footer-company p {
    font-size: 14px !important;
    line-height: 1.85 !important;
}
.footer-menu h4,
.footer-section-heading h4 {
    font-size: 18px !important;
    line-height: 1.4 !important;
}
.footer-menu a {
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.footer-eyebrow {
    font-size: 11px !important;
    line-height: 1.25 !important;
}
.footer-address-card strong {
    font-size: 13px !important;
    line-height: 1.45 !important;
}
.footer-address-card address {
    font-size: 13px !important;
    line-height: 1.8 !important;
}
.footer-person-info strong {
    font-size: 13px !important;
    line-height: 1.4 !important;
}
.footer-person-info b {
    font-size: 13px !important;
    line-height: 1.4 !important;
}
.footer-bottom {
    font-size: 12px !important;
    line-height: 1.5 !important;
}
@media (max-width: 760px) {
    .footer-company h3 { font-size: 19px !important; }
    .footer-company p,
    .footer-menu a { font-size: 14px !important; }
    .footer-menu h4,
    .footer-section-heading h4 { font-size: 17px !important; }
    .footer-address-card address,
    .footer-person-info strong,
    .footer-person-info b { font-size: 13px !important; }
}


/* ===== เดิมมาจาก: css/pages/activities/12-footer-font-weight-exact.css ===== */
/* Source: activities.html | style id: footer-font-weight-exact */
/* น้ำหนักตัวอักษร Footer ให้เหมือนภาพอ้างอิง: ไม่หนาเกินไป */
.footer,
.footer a,
.footer p,
.footer address,
.footer span,
.footer b,
.footer strong,
.footer h3,
.footer h4 {
    font-family: "Noto Sans Thai", Tahoma, Arial, sans-serif !important;
}
.footer-company h3 {
    font-weight: 700 !important;
}
.footer-company p {
    font-weight: 400 !important;
}
.footer-menu h4,
.footer-section-heading h4 {
    font-weight: 700 !important;
}
.footer-menu a {
    font-weight: 400 !important;
}
.footer-eyebrow {
    font-weight: 600 !important;
}
.footer-address-card strong {
    font-weight: 600 !important;
}
.footer-address-card address {
    font-weight: 400 !important;
}
.footer-person-info strong {
    font-weight: 600 !important;
}
.footer-person-info b {
    font-weight: 600 !important;
}
.footer-bottom {
    font-weight: 400 !important;
}


/* ===== เดิมมาจาก: css/pages/activities/13-footer-colors-match-image1.css ===== */
/* Source: activities.html | style id: footer-colors-match-image1 */
/* สี Footer ให้เหมือนภาพที่ 1 — แก้เฉพาะสี ไม่เปลี่ยนขนาดหรือการจัดวาง */
.footer {
    color: #d6e2f4 !important;
    background: #041b3f !important;
}

.footer h3,
.footer h4,
.footer-section-heading h4,
.footer-address-card strong,
.footer-person-info strong {
    color: #ffffff !important;
}

.footer-company p,
.footer-menu a,
.footer-menu a:link,
.footer-menu a:visited {
    color: #d6e2f4 !important;
}

.footer-address-card address {
    color: #b9c9df !important;
}

.footer-company h3::after,
.footer-menu a::before {
    background: #df1722 !important;
}

.footer-menu h4,
.footer-section-heading,
.footer-address-card {
    border-color: rgba(255,255,255,.14) !important;
}

.footer-heading-icon,
.footer-person-icon {
    color: #ff6b74 !important;
    background: rgba(223,23,34,.14) !important;
}

.footer-heading-icon {
    border-color: rgba(255,81,91,.35) !important;
}

.footer-eyebrow {
    color: #ff747c !important;
}

.footer-address-card > i {
    color: #ff6b74 !important;
}

.footer-person-card {
    color: #ffffff !important;
    background: rgba(255,255,255,.045) !important;
    border-color: transparent !important;
}

.footer-person-info b {
    color: #ff7b83 !important;
}

.footer-call-icon {
    color: #ff626b !important;
}

.footer-bottom {
    color: #9fb3cf !important;
    background: #041837 !important;
    border-top-color: rgba(255,255,255,.12) !important;
}

.footer-menu a:hover,
.footer-person-card:hover {
    color: #ffffff !important;
}