/*
Theme Name: Al Sawan Corporate
Description: Custom corporate child theme for Al Sawan Company W.L.L.
Template: astra
Version: 1.1.0
Text Domain: alsawan
*/

:root {
    --navy:#053b73;
    --blue:#0867b9;
    --deep:#031f35;
    --text:#3f4f60;
    --heading:#09233f;
    --light:#f4f8fb;
    --white:#fff;
    --border:#dce6ef;
}

html {
    scroll-behavior:smooth;
}

body {
    margin:0;
    color:var(--text);
    background:#fff;
}

.as-home *,
.as-home *::before,
.as-home *::after {
    box-sizing:border-box;
}

.as-home {
    overflow:hidden;
}

.as-container {
    width:min(1180px, calc(100% - 48px));
    margin:auto;
}


/* HERO */

.as-hero {
    min-height:590px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg,
        rgba(2,34,68,.90) 0%,
        rgba(3,46,88,.68) 42%,
        rgba(3,46,88,.10) 78%),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/Kuwait-image.png')
        center/cover no-repeat;
}

.as-hero-content {
    max-width:720px;
    padding:90px 0;
    color:white;
}

.as-eyebrow {
    margin:0 0 17px;
    color:var(--blue);
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
}

.as-hero .as-eyebrow {
    color:white;
}

.as-hero h1 {
    margin:0;
    color:white;
    font-size:clamp(43px,5vw,68px);
    line-height:1.04;
    letter-spacing:-1.5px;
}

.as-hero-text {
    max-width:650px;
    margin:25px 0 32px;
    color:rgba(255,255,255,.94);
    font-size:18px;
    line-height:1.7;
}

.as-buttons {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.as-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 25px;
    border-radius:5px;
    font-weight:700;
    font-size:14px;
    text-decoration:none !important;
    transition:.25s;
}

.as-btn:hover {
    transform:translateY(-2px);
}

.as-btn-primary {
    color:var(--navy)!important;
    background:white;
}

.as-btn-outline {
    color:white!important;
    border:1px solid rgba(255,255,255,.75);
    background:rgba(255,255,255,.08);
}

.as-btn-outline:hover {
    color:var(--navy)!important;
    background:white;
}

.as-btn-blue {
    color:white!important;
    background:var(--blue);
}


/* GENERAL */

.as-section {
    padding:95px 0;
}

.as-section-heading {
    max-width:780px;
    margin:0 auto 50px;
    text-align:center;
}

.as-section-heading h2 {
    margin:0 0 16px;
    color:var(--heading);
    font-size:clamp(32px,4vw,46px);
    line-height:1.15;
}

.as-section-heading p:last-child {
    margin:0;
    font-size:17px;
    line-height:1.7;
}


/* DIVISION CARDS */

.as-divisions {
    background:#fff;
}

.as-division-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.as-card {
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:0;
    border:1px solid var(--border);
    border-radius:11px;
    background:white;
    box-shadow:0 8px 30px rgba(18,51,82,.07);
    transition:.28s;
}

.as-card:hover {
    transform:translateY(-7px);
    box-shadow:0 18px 42px rgba(18,51,82,.15);
}

.as-card-image {
    position:relative;
    height:215px;
    overflow:hidden;
    background:#e8eef4;
}

.as-card-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.as-card:hover .as-card-image img {
    transform:scale(1.045);
}

.as-card-body {
    position:relative;
    display:flex;
    flex:1;
    flex-direction:column;
    padding:38px 30px 30px;
}

.as-card-icon {
    position:absolute;
    top:-29px;
    left:28px;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:4px solid white;
    border-radius:50%;
    color:white;
    background:var(--blue);
    font-size:22px;
    box-shadow:0 3px 12px rgba(0,0,0,.10);
}

.as-card h3 {
    margin:0 0 12px;
    color:var(--heading);
    font-size:21px;
}

.as-card p {
    flex:1;
    margin:0 0 22px;
    line-height:1.7;
}

.as-card a {
    color:var(--blue);
    font-weight:700;
    text-decoration:none;
}


/* STATS */

.as-stats {
    padding:55px 0;
    color:white;
    background:linear-gradient(90deg,#063d77,#075b9f);
}

.as-stat-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.as-stat {
    padding:10px 20px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.22);
}

.as-stat:last-child {
    border:0;
}

.as-stat strong {
    display:block;
    margin-bottom:8px;
    color:white;
    font-size:37px;
    line-height:1;
}

.as-stat span {
    color:rgba(255,255,255,.84);
    font-size:13px;
}


/* ABOUT */

.as-about-section {
    background:var(--light);
}

.as-about-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:75px;
    align-items:center;
}

.as-about-visual {
    position:relative;
    min-height:455px;
    overflow:hidden;
    border-radius:12px;
    background:
        linear-gradient(180deg,rgba(5,43,80,.05),rgba(4,41,77,.90)),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/Kuwait-image.png')
        center/cover no-repeat;
    box-shadow:0 18px 45px rgba(20,48,76,.15);
}

.as-about-overlay {
    position:absolute;
    left:38px;
    right:38px;
    bottom:35px;
    color:white;
}

.as-about-overlay span {
    display:block;
    margin-bottom:10px;
    font-size:11px;
    font-weight:800;
    letter-spacing:3px;
}

.as-about-overlay strong {
    display:block;
    color:white;
    font-size:45px;
    line-height:1;
}

.as-about-overlay p {
    margin:12px 0 0;
    color:rgba(255,255,255,.9);
}

.as-about-copy h2 {
    margin:0 0 23px;
    color:var(--heading);
    font-size:clamp(32px,4vw,48px);
    line-height:1.13;
}

.as-about-copy > p:not(.as-eyebrow) {
    margin:0 0 19px;
    font-size:16px;
    line-height:1.8;
}

.as-about-copy .as-btn {
    margin-top:7px;
}


/* PARTNERS */

.as-partners {
    padding:80px 0;
    background:#fff;
}

.as-partner-row {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:17px;
}

.as-partner {
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    border:1px solid var(--border);
    border-radius:7px;
    color:#7d8c9c;
    background:#fafcfe;
    font-weight:700;
    text-align:center;
}


/* CTA */

.as-cta {
    padding:80px 0;
    color:white;
    text-align:center;
    background:linear-gradient(115deg,#07467f,#0870c5);
}

.as-cta .as-eyebrow {
    color:rgba(255,255,255,.8);
}

.as-cta h2 {
    margin:0 0 15px;
    color:white;
    font-size:clamp(32px,4vw,46px);
}

.as-cta > .as-container > p:not(.as-eyebrow) {
    max-width:670px;
    margin:0 auto 28px;
    color:rgba(255,255,255,.9);
    font-size:17px;
}


/* FOOTER */

.as-custom-footer {
    padding:65px 0 25px;
    color:#bdccda;
    background:#031f35;
}

.as-footer-grid {
    display:grid;
    grid-template-columns:1.6fr 1fr 1.2fr 1.2fr;
    gap:48px;
}

.as-footer-company .custom-logo-link {
    display:block;
    margin-bottom:18px;
}

.as-footer-company .custom-logo {
    width:auto;
    max-width:145px;
    max-height:70px;
}

.as-footer-brand {
    margin-bottom:8px;
    color:white;
    font-size:17px;
    font-weight:800;
}

.as-footer-title {
    margin-bottom:17px;
    color:white;
    font-weight:800;
}

.as-footer-grid p,
.as-footer-grid a {
    color:#b9c9d8;
    line-height:1.75;
    text-decoration:none;
}

.as-footer-grid a:hover {
    color:white;
}

.as-footer-links {
    display:flex;
    flex-direction:column;
    gap:6px;
}

.as-copyright {
    margin-top:43px;
    padding-top:23px;
    border-top:1px solid rgba(255,255,255,.13);
    color:#8196a9;
    font-size:12px;
    text-align:center;
}


/* ASTRA FRONT PAGE */

.home .site-content .ast-container {
    max-width:none;
    padding:0;
}

.home .entry-content {
    margin:0;
}

.home .entry-header {
    display:none;
}


/* TABLET */

@media(max-width:900px) {

    .as-division-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .as-about-grid {
        grid-template-columns:1fr;
        gap:45px;
    }

    .as-footer-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .as-partner-row {
        grid-template-columns:repeat(3,1fr);
    }
}


/* MOBILE */

@media(max-width:600px) {

    .as-container {
        width:calc(100% - 30px);
    }

    .as-hero {
        min-height:570px;
        background-position:62% center;
    }

    .as-hero-content {
        padding:65px 0;
    }

    .as-hero h1 {
        font-size:41px;
    }

    .as-section {
        padding:65px 0;
    }

    .as-division-grid,
    .as-stat-grid,
    .as-footer-grid,
    .as-partner-row {
        grid-template-columns:1fr;
    }

    .as-card-image {
        height:225px;
    }

    .as-stat {
        padding:22px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.18);
    }

    .as-stat:last-child {
        border-bottom:0;
    }

    .as-about-visual {
        min-height:370px;
    }

    .as-about-overlay {
        left:25px;
        bottom:25px;
    }

    .as-about-overlay strong {
        font-size:38px;
    }

    .as-buttons {
        flex-direction:column;
        align-items:flex-start;
    }
}

.as-partners-message {
    max-width: 760px;
    margin: -15px auto 0;
    padding: 25px 35px;
    text-align: center;
    border-top: 1px solid #dce6ef;
}

.as-partners-message p {
    margin: 0;
    color: #66788a;
    font-size: 15px;
    line-height: 1.8;
}

/* =====================================================
   ABOUT US PAGE
   ===================================================== */

.as-about-page {
    overflow: hidden;
}

.as-page-hero {
    min-height: 470px;
    display: flex;
    align-items: center;
    color: #fff;
    background:
        linear-gradient(
            90deg,
            rgba(2,32,64,.94) 0%,
            rgba(3,48,91,.75) 48%,
            rgba(3,48,91,.15) 100%
        ),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/Kuwait-image.png')
        center 47% / cover no-repeat;
}

.as-page-hero-content {
    max-width: 800px;
    padding: 80px 0;
}

.as-page-hero .as-eyebrow {
    color: #fff;
}

.as-page-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.as-page-hero-content > p:last-child {
    max-width: 680px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.92);
    font-size: 18px;
    line-height: 1.7;
}


/* INTRO */

.as-about-intro {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 90px;
    align-items: start;
}

.as-about-intro h2 {
    margin: 0;
    color: var(--heading);
    font-size: clamp(34px,4vw,50px);
    line-height: 1.15;
}

.as-about-intro-copy p {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 1.85;
}


/* HERITAGE */

.as-heritage {
    padding: 95px 0;
    background: var(--light);
}

.as-heritage-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 75px;
    align-items: center;
}

.as-heritage-image {
    position: relative;
    min-height: 480px;
    overflow: hidden;
    border-radius: 12px;
    background:
        linear-gradient(
            180deg,
            rgba(3,42,80,.05),
            rgba(3,35,68,.9)
        ),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/Kuwait-image.png')
        center / cover no-repeat;
    box-shadow: 0 18px 45px rgba(20,48,76,.14);
}

.as-heritage-image-content {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 38px;
    color: white;
}

.as-heritage-image-content span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
}

.as-heritage-image-content strong {
    display: block;
    color: white;
    font-size: 70px;
    line-height: 1;
}

.as-heritage-image-content p {
    margin: 12px 0 0;
    color: rgba(255,255,255,.9);
}

.as-heritage-copy h2 {
    margin: 0 0 25px;
    color: var(--heading);
    font-size: clamp(34px,4vw,48px);
    line-height: 1.15;
}

.as-heritage-copy > p:not(.as-eyebrow) {
    margin: 0 0 19px;
    font-size: 16px;
    line-height: 1.8;
}


/* TIMELINE */

.as-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
    margin-top: 55px;
}

.as-timeline::before {
    content: "";
    position: absolute;
    top: 27px;
    left: 5%;
    right: 5%;
    height: 2px;
    background: #d8e4ee;
}

.as-timeline-item {
    position: relative;
    padding: 62px 25px 28px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: white;
}

.as-timeline-item::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 25px;
    width: 17px;
    height: 17px;
    border: 5px solid white;
    border-radius: 50%;
    background: var(--blue);
    box-shadow: 0 0 0 2px var(--blue);
    z-index: 2;
}

.as-timeline-item strong {
    display: block;
    margin-bottom: 8px;
    color: var(--blue);
    font-size: 21px;
}

.as-timeline-item h3 {
    margin: 0 0 12px;
    color: var(--heading);
    font-size: 20px;
}

.as-timeline-item p {
    margin: 0;
    line-height: 1.7;
}


/* VALUES */

.as-values {
    padding: 95px 0;
    background: #062e55;
}

.as-values .as-section-heading h2 {
    color: white;
}

.as-values .as-section-heading > p:last-child {
    color: rgba(255,255,255,.75);
}

.as-values .as-eyebrow {
    color: #73b8ef;
}

.as-values-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 22px;
}

.as-value-card {
    min-height: 270px;
    padding: 32px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
}

.as-value-number {
    margin-bottom: 35px;
    color: #67b4ef;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.as-value-card h3 {
    margin: 0 0 13px;
    color: white;
    font-size: 24px;
}

.as-value-card p {
    margin: 0;
    color: rgba(255,255,255,.75);
    line-height: 1.75;
}


/* SIX DIVISIONS */

.as-today {
    background: #fff;
}

.as-about-divisions {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
    max-width: 1000px;
    margin: 0 auto;
}

.as-about-divisions a {
    display: flex;
    align-items: center;
    min-height: 85px;
    padding: 20px 25px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--heading);
    background: #fafcfe;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s;
}

.as-about-divisions a:hover {
    border-color: var(--blue);
    background: white;
    transform: translateY(-2px);
}

.as-about-divisions span {
    margin-right: 20px;
    color: var(--blue);
    font-size: 12px;
    letter-spacing: 2px;
}


/* ABOUT RESPONSIVE */

@media(max-width:900px) {

    .as-about-intro,
    .as-heritage-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .as-timeline,
    .as-values-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .as-timeline::before {
        display: none;
    }
}

@media(max-width:600px) {

    .as-page-hero {
        min-height: 430px;
    }

    .as-page-hero h1 {
        font-size: 40px;
    }

    .as-heritage {
        padding: 65px 0;
    }

    .as-heritage-image {
        min-height: 390px;
    }

    .as-timeline,
    .as-values-grid,
    .as-about-divisions {
        grid-template-columns: 1fr;
    }

    .as-values {
        padding: 65px 0;
    }
}

/* =====================================================
   AL SAWAN DIVISION PAGES
   ===================================================== */

.as-division-page {
    overflow:hidden;
}


/* HERO */

.as-division-hero {
    min-height:510px;
    display:flex;
    align-items:center;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.as-division-hero-content {
    max-width:720px;
    padding:85px 0;
    color:white;
}

.as-division-hero .as-eyebrow {
    color:#fff;
}

.as-division-hero h1 {
    margin:0 0 22px;
    color:white;
    font-size:clamp(44px,5vw,66px);
    line-height:1.05;
    letter-spacing:-1.5px;
}

.as-division-hero-content > p:not(.as-eyebrow) {
    max-width:650px;
    margin:0 0 30px;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.75;
}


/* INTRO */

.as-division-intro {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:90px;
    align-items:start;
}

.as-division-intro h2 {
    margin:0;
    color:var(--heading);
    font-size:clamp(34px,4vw,49px);
    line-height:1.15;
}

.as-division-intro-copy p {
    margin:0 0 20px;
    font-size:17px;
    line-height:1.85;
}


/* SERVICES */

.as-division-services {
    padding:95px 0;
    background:var(--light);
}

.as-service-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.as-service-card {
    min-height:285px;
    padding:32px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
    transition:.25s ease;
}

.as-service-card:hover {
    transform:translateY(-5px);
    box-shadow:0 16px 35px rgba(18,51,82,.1);
}

.as-service-number {
    margin-bottom:38px;
    color:var(--blue);
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
}

.as-service-card h3 {
    margin:0 0 14px;
    color:var(--heading);
    font-size:21px;
}

.as-service-card p {
    margin:0;
    line-height:1.75;
}


/* WHY AL SAWAN */

.as-why-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:75px;
    align-items:center;
}

.as-why-image {
    height:500px;
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 18px 45px rgba(20,48,76,.14);
}

.as-why-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.as-why-copy h2 {
    margin:0 0 22px;
    color:var(--heading);
    font-size:clamp(34px,4vw,48px);
    line-height:1.15;
}

.as-why-copy > p:not(.as-eyebrow) {
    margin:0 0 28px;
    font-size:16px;
    line-height:1.8;
}

.as-why-list {
    border-top:1px solid var(--border);
}

.as-why-list > div {
    display:grid;
    grid-template-columns:155px 1fr;
    gap:20px;
    padding:17px 0;
    border-bottom:1px solid var(--border);
}

.as-why-list strong {
    color:var(--heading);
}

.as-why-list span {
    color:var(--text);
    line-height:1.55;
}


/* OTHER DIVISIONS */

.as-other-divisions {
    padding:90px 0;
    background:#f5f8fb;
}

.as-other-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    max-width:950px;
    margin:0 auto;
}

.as-other-grid a {
    min-height:75px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 25px;
    border:1px solid var(--border);
    border-radius:7px;
    color:var(--heading);
    background:#fff;
    font-weight:700;
    text-decoration:none;
    transition:.2s;
}

.as-other-grid a:hover {
    border-color:var(--blue);
    transform:translateY(-2px);
}

.as-other-grid strong {
    color:var(--blue);
    font-size:21px;
}


/* TABLET */

@media(max-width:900px) {

    .as-division-intro,
    .as-why-grid {
        grid-template-columns:1fr;
        gap:45px;
    }

    .as-service-grid {
        grid-template-columns:repeat(2,1fr);
    }

}


/* MOBILE */

@media(max-width:600px) {

    .as-division-hero {
        min-height:460px;
    }

    .as-division-hero h1 {
        font-size:41px;
    }

    .as-division-services,
    .as-other-divisions {
        padding:65px 0;
    }

    .as-service-grid,
    .as-other-grid {
        grid-template-columns:1fr;
    }

    .as-service-card {
        min-height:auto;
    }

    .as-why-image {
        height:350px;
    }

    .as-why-list > div {
        grid-template-columns:1fr;
        gap:5px;
    }

}

/* =====================================================
   CAREERS PAGE
   ===================================================== */

.as-careers-page {
    overflow:hidden;
}


/* HERO */

.as-careers-hero {
    min-height:500px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(2,31,61,.95) 0%,
            rgba(3,48,91,.76) 50%,
            rgba(3,48,91,.15) 100%
        ),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/Kuwait-image.png')
        center / cover no-repeat;
}

.as-careers-hero-content {
    max-width:760px;
    padding:85px 0;
    color:white;
}

.as-careers-hero .as-eyebrow {
    color:white;
}

.as-careers-hero h1 {
    margin:0 0 22px;
    color:white;
    font-size:clamp(44px,5vw,65px);
    line-height:1.06;
    letter-spacing:-1.5px;
}

.as-careers-hero-content > p:not(.as-eyebrow) {
    max-width:650px;
    margin:0 0 30px;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.75;
}


/* INTRO */

.as-careers-intro {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:90px;
}

.as-careers-intro h2 {
    margin:0;
    color:var(--heading);
    font-size:clamp(34px,4vw,49px);
    line-height:1.15;
}

.as-careers-intro-copy p {
    margin:0 0 20px;
    font-size:17px;
    line-height:1.85;
}


/* WHY JOIN */

.as-career-values {
    padding:95px 0;
    background:#062e55;
}

.as-career-values .as-section-heading h2 {
    color:white;
}

.as-career-values .as-section-heading > p:last-child {
    color:rgba(255,255,255,.75);
}

.as-career-values .as-eyebrow {
    color:#73b8ef;
}

.as-career-value-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.as-career-value-card {
    min-height:275px;
    padding:32px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:9px;
    background:rgba(255,255,255,.055);
}

.as-career-value-card > span {
    display:block;
    margin-bottom:38px;
    color:#67b4ef;
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
}

.as-career-value-card h3 {
    margin:0 0 13px;
    color:white;
    font-size:23px;
}

.as-career-value-card p {
    margin:0;
    color:rgba(255,255,255,.75);
    line-height:1.75;
}


/* CAREER AREAS */

.as-career-areas {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    max-width:1050px;
    margin:0 auto;
}

.as-career-areas a {
    min-height:100px;
    display:grid;
    grid-template-columns:45px 1fr 30px;
    gap:15px;
    align-items:center;
    padding:20px 25px;
    border:1px solid var(--border);
    border-radius:8px;
    color:var(--heading);
    background:#fff;
    text-decoration:none;
    transition:.25s;
}

.as-career-areas a:hover {
    border-color:var(--blue);
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(18,51,82,.08);
}

.as-career-areas > a > span {
    color:var(--blue);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}

.as-career-areas strong {
    display:block;
    margin-bottom:4px;
    color:var(--heading);
    font-size:17px;
}

.as-career-areas small {
    color:#778796;
    font-size:13px;
}

.as-career-areas b {
    color:var(--blue);
    font-size:20px;
}


/* VACANCIES */

.as-vacancies {
    padding:95px 0;
    background:var(--light);
}

.as-vacancies-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.as-vacancies-grid > div:first-child h2 {
    margin:0 0 20px;
    color:var(--heading);
    font-size:clamp(34px,4vw,48px);
    line-height:1.15;
}

.as-vacancies-grid > div:first-child > p:not(.as-eyebrow) {
    max-width:500px;
    font-size:17px;
    line-height:1.8;
}

.as-vacancy-box {
    padding:42px;
    border:1px solid var(--border);
    border-radius:10px;
    background:white;
    box-shadow:0 12px 35px rgba(18,51,82,.07);
}

.as-vacancy-icon {
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border-radius:50%;
    color:white;
    background:var(--blue);
    font-size:28px;
}

.as-vacancy-box h3 {
    margin:0 0 13px;
    color:var(--heading);
    font-size:25px;
}

.as-vacancy-box p {
    margin:0 0 25px;
    line-height:1.8;
}


/* TABLET */

@media(max-width:900px) {

    .as-careers-intro,
    .as-vacancies-grid {
        grid-template-columns:1fr;
        gap:45px;
    }

    .as-career-value-grid {
        grid-template-columns:repeat(2,1fr);
    }

}


/* MOBILE */

@media(max-width:600px) {

    .as-careers-hero {
        min-height:460px;
    }

    .as-careers-hero h1 {
        font-size:41px;
    }

    .as-career-value-grid,
    .as-career-areas {
        grid-template-columns:1fr;
    }

    .as-career-values,
    .as-vacancies {
        padding:65px 0;
    }

    .as-vacancy-box {
        padding:30px;
    }

}

/* =====================================================
   CONTACT US PAGE
   ===================================================== */

.as-contact-page {
    overflow:hidden;
}


/* HERO */

.as-contact-hero {
    min-height:470px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(2,31,61,.95) 0%,
            rgba(3,48,91,.76) 50%,
            rgba(3,48,91,.15) 100%
        ),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/Kuwait-image.png')
        center / cover no-repeat;
}

.as-contact-hero-content {
    max-width:720px;
    padding:85px 0;
    color:white;
}

.as-contact-hero .as-eyebrow {
    color:white;
}

.as-contact-hero h1 {
    margin:0 0 22px;
    color:white;
    font-size:clamp(45px,5vw,65px);
    line-height:1.05;
}

.as-contact-hero-content > p:not(.as-eyebrow) {
    max-width:620px;
    margin:0;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.75;
}


/* CONTACT CARDS */

.as-contact-cards {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.as-contact-card {
    min-height:250px;
    padding:34px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 30px rgba(18,51,82,.06);
}

.as-contact-icon {
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border-radius:50%;
    color:#fff;
    background:var(--blue);
    font-size:21px;
    font-weight:700;
}

.as-contact-card h3 {
    margin:0 0 14px;
    color:var(--heading);
    font-size:22px;
}

.as-contact-card p {
    margin:0 0 10px;
    line-height:1.8;
}

.as-contact-card a {
    color:var(--blue);
    text-decoration:none;
    font-weight:700;
}

.as-contact-card small {
    color:#7b8997;
}


/* FORM SECTION */

.as-contact-form-section {
    padding:95px 0;
    background:var(--light);
}

.as-contact-grid {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:80px;
    align-items:start;
}

.as-contact-form-copy h2 {
    margin:0 0 22px;
    color:var(--heading);
    font-size:clamp(35px,4vw,49px);
    line-height:1.15;
}

.as-contact-form-copy > p:not(.as-eyebrow) {
    margin:0 0 35px;
    font-size:16px;
    line-height:1.8;
}

.as-contact-note {
    padding:20px 0;
    border-top:1px solid var(--border);
}

.as-contact-note strong {
    display:block;
    margin-bottom:6px;
    color:var(--heading);
}

.as-contact-note span {
    color:#667789;
    line-height:1.65;
}


/* FORM */

.as-enquiry-form {
    padding:42px;
    border:1px solid var(--border);
    border-radius:12px;
    background:white;
    box-shadow:0 15px 40px rgba(18,51,82,.08);
}

.as-form-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.as-field {
    margin-bottom:20px;
}

.as-field label {
    display:block;
    margin-bottom:8px;
    color:var(--heading);
    font-size:13px;
    font-weight:700;
}

.as-field input,
.as-field select,
.as-field textarea {
    width:100%;
    padding:14px 15px;
    border:1px solid #d5e0e9;
    border-radius:5px;
    outline:none;
    color:#34495c;
    background:#fff;
    font:inherit;
    transition:.2s;
}

.as-field input,
.as-field select {
    min-height:50px;
}

.as-field textarea {
    resize:vertical;
}

.as-field input:focus,
.as-field select:focus,
.as-field textarea:focus {
    border-color:var(--blue);
    box-shadow:0 0 0 3px rgba(8,103,185,.08);
}

.as-form-submit {
    min-height:52px;
    padding:0 28px;
    border:0;
    border-radius:5px;
    color:white;
    background:var(--blue);
    font-weight:700;
    cursor:pointer;
    transition:.2s;
}

.as-form-submit:hover {
    transform:translateY(-2px);
}

.as-form-status {
    margin:16px 0 0;
    color:#82909d;
    font-size:12px;
    line-height:1.6;
}


/* LOCATION */

.as-location-section {
    padding:95px 0;
    background:#fff;
}

.as-location-grid {
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:70px;
    align-items:center;
}

.as-location-grid h2 {
    margin:0 0 20px;
    color:var(--heading);
    font-size:clamp(34px,4vw,47px);
}

.as-location-grid > div:first-child > p:not(.as-eyebrow) {
    font-size:17px;
    line-height:1.9;
}

.as-map-placeholder {
    min-height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:35px;
    border-radius:12px;
    text-align:center;
    background:
        linear-gradient(
            135deg,
            #e9f0f5,
            #d8e5ee
        );
}

.as-map-placeholder span {
    display:block;
    margin-bottom:10px;
    color:var(--blue);
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
}

.as-map-placeholder strong {
    display:block;
    color:var(--heading);
    font-size:28px;
}

.as-map-placeholder p {
    max-width:350px;
    margin:12px auto 0;
    color:#667789;
}


/* TABLET */

@media(max-width:900px) {

    .as-contact-grid,
    .as-location-grid {
        grid-template-columns:1fr;
        gap:45px;
    }

    .as-contact-cards {
        grid-template-columns:1fr;
    }

}


/* MOBILE */

@media(max-width:600px) {

    .as-contact-hero {
        min-height:430px;
    }

    .as-contact-hero h1 {
        font-size:41px;
    }

    .as-contact-form-section,
    .as-location-section {
        padding:65px 0;
    }

    .as-form-row {
        grid-template-columns:1fr;
        gap:0;
    }

    .as-enquiry-form {
        padding:27px 22px;
    }

    .as-map-placeholder {
        min-height:300px;
    }

}


/* =====================================================
   DIVISIONS OVERVIEW PAGE
   ===================================================== */

.as-divisions-page {
    overflow:hidden;
}


/* HERO */

.as-divisions-hero {
    min-height:520px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(2,31,61,.95) 0%,
            rgba(3,48,91,.74) 48%,
            rgba(3,48,91,.14) 100%
        ),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/Kuwait-image.png')
        center / cover no-repeat;
}

.as-divisions-hero-content {
    max-width:760px;
    padding:90px 0;
    color:white;
}

.as-divisions-hero .as-eyebrow {
    color:white;
}

.as-divisions-hero h1 {
    margin:0 0 22px;
    color:white;
    font-size:clamp(44px,5vw,66px);
    line-height:1.06;
    letter-spacing:-1.5px;
}

.as-divisions-hero-content > p:not(.as-eyebrow) {
    max-width:680px;
    margin:0 0 30px;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.75;
}


/* INTRO */

.as-divisions-intro {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:90px;
    align-items:start;
}

.as-divisions-intro h2 {
    margin:0;
    color:var(--heading);
    font-size:clamp(35px,4vw,50px);
    line-height:1.15;
}

.as-divisions-intro-copy p {
    margin:0 0 20px;
    font-size:17px;
    line-height:1.85;
}


/* DIVISION OVERVIEW */

.as-divisions-overview {
    padding:95px 0;
    background:var(--light);
}

.as-divisions-overview-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

.as-division-feature {
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:11px;
    background:white;
    box-shadow:0 9px 30px rgba(18,51,82,.07);
    transition:.28s;
}

.as-division-feature:hover {
    transform:translateY(-6px);
    box-shadow:0 18px 42px rgba(18,51,82,.14);
}

.as-division-feature-image {
    position:relative;
    height:285px;
    overflow:hidden;
    background:#e7eef4;
}

.as-division-feature-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

.as-division-feature:hover img {
    transform:scale(1.045);
}

.as-division-feature-image span {
    position:absolute;
    left:25px;
    bottom:20px;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:white;
    background:var(--blue);
    font-size:13px;
    font-weight:800;
    box-shadow:0 5px 15px rgba(0,0,0,.18);
}

.as-division-feature-body {
    padding:30px 32px 33px;
}

.as-division-category {
    margin:0 0 9px !important;
    color:var(--blue);
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.as-division-feature-body h3 {
    margin:0 0 13px;
    color:var(--heading);
    font-size:25px;
}

.as-division-feature-body > p:not(.as-division-category) {
    min-height:82px;
    margin:0 0 20px;
    line-height:1.75;
}

.as-division-feature-body a {
    color:var(--blue);
    font-weight:700;
    text-decoration:none;
}


/* STRENGTH */

.as-division-strength {
    padding:85px 0;
    color:white;
    background:#062e55;
}

.as-division-strength .as-section-heading h2 {
    color:white;
}

.as-division-strength .as-section-heading > p:last-child {
    color:rgba(255,255,255,.76);
}

.as-division-strength .as-eyebrow {
    color:#73b8ef;
}

.as-strength-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:45px;
}

.as-strength-item {
    padding:25px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.17);
}

.as-strength-item:last-child {
    border-right:0;
}

.as-strength-item strong {
    display:block;
    margin-bottom:9px;
    color:white;
    font-size:38px;
    line-height:1;
}

.as-strength-item span {
    color:rgba(255,255,255,.74);
    font-size:13px;
}


/* WHY AL SAWAN */

.as-divisions-why {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:80px;
    align-items:start;
}

.as-divisions-why > div:first-child h2 {
    margin:0;
    color:var(--heading);
    font-size:clamp(35px,4vw,49px);
    line-height:1.15;
}

.as-divisions-why-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0 35px;
}

.as-divisions-why-grid > div {
    padding:22px 0;
    border-top:1px solid var(--border);
}

.as-divisions-why-grid strong {
    display:block;
    margin-bottom:8px;
    color:var(--heading);
    font-size:18px;
}

.as-divisions-why-grid p {
    margin:0;
    line-height:1.7;
}


/* TABLET */

@media(max-width:900px) {

    .as-divisions-intro,
    .as-divisions-why {
        grid-template-columns:1fr;
        gap:45px;
    }

    .as-strength-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .as-strength-item:nth-child(2) {
        border-right:0;
    }

}


/* MOBILE */

@media(max-width:600px) {

    .as-divisions-hero {
        min-height:460px;
    }

    .as-divisions-hero h1 {
        font-size:41px;
    }

    .as-divisions-overview-grid,
    .as-divisions-why-grid,
    .as-strength-grid {
        grid-template-columns:1fr;
    }

    .as-divisions-overview,
    .as-division-strength {
        padding:65px 0;
    }

    .as-division-feature-image {
        height:235px;
    }

    .as-division-feature-body > p:not(.as-division-category) {
        min-height:0;
    }

    .as-strength-item {
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.17);
    }

    .as-strength-item:last-child {
        border-bottom:0;
    }

}

/* =========================================================
   AL SAWAN LOGISTICS — FINAL PAGE DESIGN
   ========================================================= */

.as-logistics-page,
.as-logistics-page *,
.as-logistics-page *::before,
.as-logistics-page *::after {
    box-sizing: border-box;
}

.as-logistics-page {
    overflow: hidden;
    background: #fff;
}


/* =========================================================
   HERO
   ========================================================= */

.as-logistics-hero {
    min-height: 610px;
    display: flex;
    align-items: center;
    position: relative;
    background:
        linear-gradient(
            90deg,
            rgba(2,31,61,.96) 0%,
            rgba(3,48,91,.86) 44%,
            rgba(3,48,91,.38) 72%,
            rgba(3,48,91,.14) 100%
        ),
        url('http://localhost:8081/alsawan-new/wp-content/uploads/2026/09/logistics-air-freight.jpg')
        center / cover no-repeat;
}

.as-logistics-hero-content {
    max-width: 800px;
    padding: 100px 0;
    color: #fff;
}

.as-logistics-hero .as-eyebrow {
    color: #86c7f5;
}

.as-logistics-hero h1 {
    margin: 0;
    max-width: 850px;
    color: #fff;
    font-size: clamp(46px, 5vw, 68px);
    line-height: 1.04;
    letter-spacing: -1.8px;
}

.as-logistics-hero h1 span {
    display: block;
    color: #fff;
}

.as-logistics-lead {
    max-width: 690px;
    margin: 26px 0 32px;
    color: rgba(255,255,255,.91);
    font-size: 18px;
    line-height: 1.8;
}


/* =========================================================
   HERO BUTTON OVERRIDE
   ========================================================= */

.as-logistics-hero .as-btn-primary {
    color: #fff !important;
    background: var(--blue);
}

.as-logistics-hero .as-btn-primary:hover {
    background: #0875ce;
}

.as-logistics-hero .as-btn-outline {
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.7);
    background: rgba(255,255,255,.06);
}


/* =========================================================
   INTERNAL NAVIGATION
   ========================================================= */

.as-logistics-nav {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid var(--border);
    background: #fff;
    box-shadow: 0 4px 18px rgba(18,51,82,.05);
}

.as-logistics-nav .as-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.as-logistics-nav a {
    display: flex;
    min-height: 65px;
    align-items: center;
    justify-content: center;
    padding: 0 21px;
    border-right: 1px solid #edf2f6;
    color: #40566b;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s;
}

.as-logistics-nav a:first-child {
    border-left: 1px solid #edf2f6;
}

.as-logistics-nav a:hover {
    color: var(--blue);
    background: #f5f9fc;
}


/* =========================================================
   OVERVIEW
   ========================================================= */

.as-logistics-overview {
    padding-top: 105px;
    padding-bottom: 95px;
    background: #fff;
}

.as-logistics-intro-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 100px;
    align-items: start;
}

.as-logistics-intro-grid h2 {
    margin: 0;
    color: var(--heading);
    font-size: clamp(38px,4vw,54px);
    line-height: 1.12;
    letter-spacing: -.7px;
}

.as-logistics-intro-copy p {
    margin: 0 0 21px;
    font-size: 16px;
    line-height: 1.85;
}

.as-logistics-intro-copy .as-intro-large {
    color: var(--heading);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.75;
}


/* =========================================================
   QUICK CAPABILITIES
   ========================================================= */

.as-logistics-quick {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 70px;
    border: 1px solid var(--border);
    border-radius: 9px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 30px rgba(18,51,82,.06);
}

.as-logistics-quick > div {
    min-height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px 30px;
    border-right: 1px solid var(--border);
}

.as-logistics-quick > div:last-child {
    border-right: 0;
}

.as-logistics-quick strong {
    display: block;
    margin-bottom: 7px;
    color: var(--blue);
    font-size: 25px;
    line-height: 1;
}

.as-logistics-quick span {
    color: #596d80;
    font-size: 13px;
    line-height: 1.5;
}


/* =========================================================
   SERVICES INTRO
   ========================================================= */

.as-logistics-services-intro {
    padding: 90px 0 55px;
    text-align: center;
    background: #f3f7fa;
}

.as-logistics-services-intro .as-container {
    max-width: 900px;
}

.as-logistics-services-intro h2 {
    margin: 0 0 18px;
    color: var(--heading);
    font-size: clamp(36px,4vw,51px);
    line-height: 1.13;
}

.as-logistics-services-intro p:last-child {
    max-width: 760px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   AIR / OCEAN / ROAD DETAIL SECTIONS
   ========================================================= */

.as-logistics-detail {
    padding: 90px 0;
    background: #f3f7fa;
}

.as-logistics-detail-alt {
    background: #fff;
}

.as-logistics-detail-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 75px;
    align-items: center;
}


/* IMAGE */

.as-logistics-detail-image {
    position: relative;
    height: 560px;
    overflow: hidden;
    border-radius: 12px;
    background: #e7eef4;
    box-shadow: 0 18px 45px rgba(18,51,82,.14);
}

.as-logistics-detail-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.as-logistics-detail-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;
    background:
        linear-gradient(
            to top,
            rgba(2,31,53,.70),
            rgba(2,31,53,0)
        );
}

.as-logistics-detail-image > span {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: 27px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}


/* CONTENT */

.as-logistics-detail-content h2 {
    margin: 0 0 20px;
    color: var(--heading);
    font-size: clamp(38px,4vw,52px);
    line-height: 1.1;
}

.as-logistics-detail-content > p:not(.as-eyebrow) {
    margin: 0 0 19px;
    font-size: 16px;
    line-height: 1.8;
}

.as-logistics-detail-content .as-intro-large {
    color: var(--heading);
    font-size: 19px !important;
    font-weight: 600;
    line-height: 1.7 !important;
}

.as-logistics-detail-content h3 {
    margin: 34px 0 18px;
    padding-top: 25px;
    border-top: 1px solid var(--border);
    color: var(--heading);
    font-size: 17px;
}


/* =========================================================
   CHECK GRID
   ========================================================= */

.as-logistics-check-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px 22px;
}

.as-logistics-check-grid span {
    position: relative;
    display: block;
    padding-left: 23px;
    color: #506578;
    font-size: 14px;
    line-height: 1.55;
}

.as-logistics-check-grid span::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--blue);
    font-weight: 800;
}


/* =========================================================
   PROJECT & OVERSIZED CARGO
   ========================================================= */

.as-logistics-project {
    padding: 105px 0;
    color: #fff;
    background: #042b4e;
}

.as-logistics-project-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 80px;
    align-items: center;
}

.as-logistics-project .as-eyebrow {
    color: #73b8ef;
}

.as-logistics-section-number {
    display: block;
    margin: 5px 0 20px;
    color: rgba(255,255,255,.15);
    font-size: 76px;
    font-weight: 800;
    line-height: 1;
}

.as-logistics-project-copy h2 {
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(40px,4vw,55px);
    line-height: 1.08;
}

.as-logistics-project-copy p:not(.as-eyebrow) {
    margin: 0 0 18px;
    color: rgba(255,255,255,.76);
    font-size: 16px;
    line-height: 1.8;
}

.as-logistics-project-copy .as-intro-large {
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 600;
}

.as-logistics-project-image {
    height: 540px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

.as-logistics-project-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* PROJECT CAPABILITIES */

.as-project-capabilities {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    margin-top: 65px;
    border-top: 1px solid rgba(255,255,255,.17);
    border-bottom: 1px solid rgba(255,255,255,.17);
}

.as-project-capabilities > div {
    min-height: 120px;
    padding: 25px 18px;
    border-right: 1px solid rgba(255,255,255,.17);
}

.as-project-capabilities > div:last-child {
    border-right: 0;
}

.as-project-capabilities strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 15px;
}

.as-project-capabilities span {
    color: rgba(255,255,255,.63);
    font-size: 12px;
    line-height: 1.5;
}


/* =========================================================
   WAREHOUSING & 3PL
   ========================================================= */

.as-logistics-warehouse-new {
    padding: 105px 0;
    background: #fff;
}

.as-logistics-warehouse-new-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 80px;
    align-items: center;
}

.as-logistics-warehouse-photo {
    position: relative;
    height: 610px;
    overflow: hidden;
    border-radius: 12px;
    background: #e7eef4;
    box-shadow: 0 18px 45px rgba(18,51,82,.14);
}

.as-logistics-warehouse-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.as-logistics-warehouse-photo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;
    background: linear-gradient(to top,rgba(2,31,53,.75),transparent);
}

.as-logistics-warehouse-photo > div {
    position: absolute;
    z-index: 2;
    left: 30px;
    right: 30px;
    bottom: 28px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.as-logistics-warehouse-photo > div span {
    margin-right: 13px;
    color: #78c1f5;
}

.as-logistics-warehouse-copy h2 {
    margin: 0 0 22px;
    color: var(--heading);
    font-size: clamp(38px,4vw,52px);
    line-height: 1.1;
}

.as-logistics-warehouse-copy > p:not(.as-eyebrow) {
    margin: 0 0 19px;
    font-size: 16px;
    line-height: 1.8;
}

.as-logistics-warehouse-copy .as-intro-large {
    color: var(--heading);
    font-size: 19px !important;
    font-weight: 600;
}


/* =========================================================
   SUPPORT SERVICES
   ========================================================= */

.as-logistics-more {
    padding: 100px 0;
    background: #f3f7fa;
}

.as-logistics-more-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 27px;
}

.as-logistics-more-grid article {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(18,51,82,.07);
    transition: .25s;
}

.as-logistics-more-grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 42px rgba(18,51,82,.13);
}

.as-logistics-more-image {
    position: relative;
    height: 245px;
    overflow: hidden;
    background: #e7eef4;
}

.as-logistics-more-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s ease;
}

.as-logistics-more-grid article:hover img {
    transform: scale(1.045);
}

.as-logistics-more-image span {
    position: absolute;
    left: 22px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255,255,255,.8);
    border-radius: 50%;
    color: #fff;
    background: var(--blue);
    font-size: 12px;
    font-weight: 800;
}

.as-logistics-more-body {
    padding: 30px;
}

.as-logistics-more-body h3 {
    margin: 0 0 14px;
    color: var(--heading);
    font-size: 23px;
}

.as-logistics-more-body > p {
    min-height: 100px;
    margin: 0 0 20px;
    color: #5d6f80;
    line-height: 1.75;
}

.as-logistics-more-body ul {
    margin: 0;
    padding: 20px 0 0;
    border-top: 1px solid var(--border);
    list-style: none;
}

.as-logistics-more-body li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 20px;
    color: #53687a;
    font-size: 13px;
    line-height: 1.55;
}

.as-logistics-more-body li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--blue);
    font-weight: 900;
}


/* =========================================================
   WHY AL SAWAN LOGISTICS
   ========================================================= */

.as-logistics-advantage {
    padding: 100px 0;
    color: #fff;
    background: #062e55;
}

.as-logistics-advantage .as-section-heading h2 {
    color: #fff;
}

.as-logistics-advantage .as-eyebrow {
    color: #73b8ef;
}

.as-logistics-advantage-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0;
    margin-top: 55px;
    border-top: 1px solid rgba(255,255,255,.15);
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.as-logistics-advantage-item {
    min-height: 270px;
    padding: 35px 30px;
    border-right: 1px solid rgba(255,255,255,.15);
}

.as-logistics-advantage-item:last-child {
    border-right: 0;
}

.as-logistics-advantage-item > div {
    margin-bottom: 45px;
    color: #6bb8ef;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.as-logistics-advantage-item h3 {
    margin: 0 0 13px;
    color: #fff;
    font-size: 22px;
}

.as-logistics-advantage-item p {
    margin: 0;
    color: rgba(255,255,255,.70);
    line-height: 1.75;
}


/* =========================================================
   PROCESS
   ========================================================= */

.as-logistics-process {
    background: #fff;
}

.as-logistics-process-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    max-width: 1080px;
    margin: 65px auto 0;
}

.as-logistics-process-grid::before {
    content: "";
    position: absolute;
    top: 29px;
    left: 12%;
    right: 12%;
    height: 2px;
    background: #dbe6ef;
}

.as-logistics-process-grid > div {
    position: relative;
    z-index: 2;
    padding: 0 30px;
    text-align: center;
}

.as-logistics-process-grid span {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 23px;
    border: 6px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: var(--blue);
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 0 0 2px #dbe6ef;
}

.as-logistics-process-grid strong {
    display: block;
    margin-bottom: 10px;
    color: var(--heading);
    font-size: 20px;
}

.as-logistics-process-grid p {
    margin: 0;
    color: #66788a;
    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   LOGISTICS CTA
   ========================================================= */

.as-logistics-cta {
    padding: 95px 0;
}

.as-logistics-cta .as-btn-primary {
    margin-top: 5px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .as-logistics-nav .as-container {
        justify-content: flex-start;
        overflow-x: auto;
    }

    .as-logistics-nav a {
        flex: 0 0 auto;
    }

    .as-logistics-intro-grid,
    .as-logistics-detail-grid,
    .as-logistics-project-grid,
    .as-logistics-warehouse-new-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .as-logistics-detail-alt
    .as-logistics-detail-content {
        order: 2;
    }

    .as-logistics-detail-alt
    .as-logistics-detail-image {
        order: 1;
    }

    .as-logistics-quick {
        grid-template-columns: repeat(2,1fr);
    }

    .as-logistics-quick > div:nth-child(2) {
        border-right: 0;
    }

    .as-logistics-quick > div:nth-child(-n+2) {
        border-bottom: 1px solid var(--border);
    }

    .as-logistics-detail-image,
    .as-logistics-project-image,
    .as-logistics-warehouse-photo {
        height: 480px;
    }

    .as-project-capabilities {
        grid-template-columns: repeat(3,1fr);
    }

    .as-project-capabilities > div:nth-child(3) {
        border-right: 0;
    }

    .as-project-capabilities > div:nth-child(-n+3) {
        border-bottom: 1px solid rgba(255,255,255,.17);
    }

    .as-logistics-more-grid {
        grid-template-columns: 1fr;
        max-width: 720px;
        margin: 0 auto;
    }

    .as-logistics-more-body > p {
        min-height: 0;
    }

    .as-logistics-advantage-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .as-logistics-advantage-item:nth-child(2) {
        border-right: 0;
    }

    .as-logistics-advantage-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.15);
    }

}


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

@media (max-width: 600px) {

    .as-logistics-hero {
        min-height: 570px;
        background-position: 60% center;
    }

    .as-logistics-hero-content {
        padding: 70px 0;
    }

    .as-logistics-hero h1 {
        font-size: 41px;
    }

    .as-logistics-lead {
        font-size: 16px;
    }

    .as-logistics-overview,
    .as-logistics-detail,
    .as-logistics-project,
    .as-logistics-warehouse-new,
    .as-logistics-more,
    .as-logistics-advantage {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .as-logistics-services-intro {
        padding: 70px 0 40px;
    }

    .as-logistics-intro-grid {
        gap: 35px;
    }

    .as-logistics-quick {
        grid-template-columns: 1fr;
        margin-top: 45px;
    }

    .as-logistics-quick > div {
        min-height: 100px;
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .as-logistics-quick > div:last-child {
        border-bottom: 0;
    }

    .as-logistics-detail-grid {
        gap: 38px;
    }

    .as-logistics-detail-image,
    .as-logistics-project-image,
    .as-logistics-warehouse-photo {
        height: 350px;
    }

    .as-logistics-detail-content h2,
    .as-logistics-warehouse-copy h2 {
        font-size: 37px;
    }

    .as-logistics-check-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .as-logistics-project-grid {
        gap: 38px;
    }

    .as-logistics-section-number {
        font-size: 58px;
    }

    .as-project-capabilities {
        grid-template-columns: repeat(2,1fr);
    }

    .as-project-capabilities > div {
        border-bottom: 1px solid rgba(255,255,255,.17);
    }

    .as-project-capabilities > div:nth-child(2n) {
        border-right: 0;
    }

    .as-project-capabilities > div:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    .as-logistics-more-image {
        height: 220px;
    }

    .as-logistics-more-body {
        padding: 26px;
    }

    .as-logistics-advantage-grid {
        grid-template-columns: 1fr;
    }

    .as-logistics-advantage-item {
        min-height: auto;
        padding: 32px 20px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.15);
    }

    .as-logistics-advantage-item:last-child {
        border-bottom: 0;
    }

    .as-logistics-advantage-item > div {
        margin-bottom: 22px;
    }

    .as-logistics-process-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        margin-top: 45px;
    }

    .as-logistics-process-grid::before {
        display: none;
    }

}

/* Simplified Logistics refinements */

.as-logistics-four-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.as-logistics-four-grid .as-logistics-more-image {
    height: 210px;
}

.as-logistics-four-grid .as-logistics-more-body {
    padding: 25px;
}

.as-logistics-four-grid .as-logistics-more-body h3 {
    font-size: 20px;
}

.as-logistics-four-grid .as-logistics-more-body > p {
    min-height: 125px;
    font-size: 14px;
}

/* Reduce vertical weight */

.as-logistics-overview {
    padding-top: 80px;
    padding-bottom: 75px;
}

.as-logistics-services-intro {
    padding-top: 70px;
    padding-bottom: 35px;
}

.as-logistics-detail {
    padding-top: 65px;
    padding-bottom: 65px;
}

.as-logistics-detail-image {
    height: 450px;
}

.as-logistics-project {
    padding-top: 80px;
    padding-bottom: 80px;
}

.as-logistics-project-image {
    height: 440px;
}

.as-logistics-more {
    padding-top: 80px;
    padding-bottom: 80px;
}

.as-logistics-advantage {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 1000px) {

    .as-logistics-four-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none;
    }

    .as-logistics-four-grid .as-logistics-more-body > p {
        min-height: 0;
    }
}

@media (max-width: 600px) {

    .as-logistics-four-grid {
        grid-template-columns: 1fr;
    }

    .as-logistics-detail-image,
    .as-logistics-project-image {
        height: 320px;
    }
}

/* =====================================================
   LOGISTICS HERO - COMPACT VERSION
   ===================================================== */

.as-logistics-hero {
    min-height: 430px;
    display: flex;
    align-items: center;
    background-position: center center;
}

.as-logistics-hero-content {
    padding-top: 55px;
    padding-bottom: 55px;
}

.as-logistics-hero h1 {
    font-size: clamp(42px, 4.5vw, 64px);
    line-height: 1.08;
    margin-bottom: 22px;
}

.as-logistics-lead {
    margin-bottom: 28px;
}

@media (max-width: 768px) {

    .as-logistics-hero {
        min-height: 400px;
    }

    .as-logistics-hero-content {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .as-logistics-hero h1 {
        font-size: 42px;
    }
}

@media (max-width: 600px) {

    .as-logistics-hero {
        min-height: 370px;
    }

    .as-logistics-hero h1 {
        font-size: 36px;
    }
}

/* ==========================================================
   AL SAWAN LOGISTICS
   COMPACT CORPORATE DESIGN
   ========================================================== */


/* ---------------- HERO ---------------- */

.as-logistics-compact-hero {
    min-height: 400px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(3,31,53,.94) 0%,
            rgba(3,45,78,.87) 43%,
            rgba(3,31,53,.28) 100%
        ),
        url('/alsawan-new/wp-content/uploads/2026/09/logistics-air-freight.jpg');

    background-size: cover;
    background-position: center 46%;
}

.as-logistics-compact-hero-content {
    max-width: 780px;
    padding: 55px 0;
}

.as-logistics-compact-hero .as-eyebrow {
    color: #64c8ff;
    margin-bottom: 15px;
}

.as-logistics-compact-hero h1 {
    color: #fff;
    font-size: clamp(44px, 5vw, 68px);
    line-height: 1.02;
    letter-spacing: -2px;
    margin: 0 0 7px;
}

.as-logistics-compact-subtitle {
    color: #fff;
    font-size: clamp(24px, 2.5vw, 34px);
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 20px;
}

.as-logistics-compact-lead {
    color: rgba(255,255,255,.88);
    max-width: 680px;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 0 26px;
}


/* ---------------- OVERVIEW ---------------- */

.as-logistics-compact-overview {
    padding: 65px 0 55px;
    background: #fff;
}

.as-logistics-compact-overview-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 80px;
    align-items: start;
}

.as-logistics-compact-overview h2 {
    color: var(--heading);
    font-size: clamp(38px, 4vw, 54px);
    line-height: 1.05;
    margin: 8px 0 0;
}

.as-logistics-compact-overview-copy {
    max-width: 680px;
}

.as-logistics-compact-overview-copy p:first-child {
    color: var(--heading);
    font-size: 20px;
    line-height: 1.55;
    font-weight: 500;
    margin-top: 0;
}

.as-logistics-compact-overview-copy p:last-child {
    color: var(--text);
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 0;
}


/* ---------------- MODES ---------------- */

.as-logistics-compact-modes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 42px;
    border: 1px solid var(--border);
}

.as-logistics-compact-modes > div {
    padding: 20px 24px;
    border-right: 1px solid var(--border);
}

.as-logistics-compact-modes > div:last-child {
    border-right: 0;
}

.as-logistics-compact-modes strong {
    display: block;
    color: var(--blue);
    font-size: 20px;
    margin-bottom: 3px;
}

.as-logistics-compact-modes span {
    color: var(--text);
    font-size: 13px;
}


/* ---------------- SERVICES ---------------- */

.as-logistics-compact-services {
    background: #f5f8fb;
    padding: 65px 0 75px;
}

.as-logistics-compact-heading {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 35px;
}

.as-logistics-compact-heading h2 {
    color: var(--heading);
    font-size: clamp(36px, 3.5vw, 50px);
    line-height: 1.08;
    margin: 7px 0 0;
}

.as-logistics-compact-heading > p {
    color: var(--text);
    max-width: 520px;
    line-height: 1.7;
    margin: 0;
}


/* ---------------- SERVICE CARDS ---------------- */

.as-logistics-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.as-logistics-service-card {
    background: #fff;
    border: 1px solid #e3eaf0;
    overflow: hidden;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.as-logistics-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 35px rgba(5,59,115,.10);
}

.as-logistics-service-image {
    height: 180px;
    position: relative;
    overflow: hidden;
    background: #dfe8ef;
}

.as-logistics-service-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .4s ease;
}

.as-logistics-service-card:hover img {
    transform: scale(1.04);
}

.as-logistics-service-image span {
    position: absolute;
    left: 15px;
    bottom: 14px;

    min-width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--blue);
    color: #fff;

    font-size: 12px;
    font-weight: 700;
}

.as-logistics-service-content {
    padding: 20px 20px 22px;
}

.as-logistics-service-content h3 {
    color: var(--heading);
    font-size: 20px;
    line-height: 1.25;
    margin: 0 0 9px;
}

.as-logistics-service-content p {
    color: var(--text);
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
}


/* ---------------- WHY AL SAWAN ---------------- */

.as-logistics-compact-why {
    background: #062d4c;
    color: #fff;
    padding: 65px 0;
}

.as-logistics-compact-why .as-eyebrow {
    color: #63c9ff;
}

.as-logistics-compact-why-header {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 38px;
}

.as-logistics-compact-why-header h2 {
    color: #fff;
    font-size: clamp(36px, 3.5vw, 50px);
    line-height: 1.08;
    margin: 7px 0 0;
}

.as-logistics-compact-why-header > p {
    color: rgba(255,255,255,.7);
    line-height: 1.7;
    margin: 0;
}

.as-logistics-compact-strengths {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255,255,255,.16);
}

.as-logistics-compact-strengths > div {
    padding: 25px 25px 0 0;
}

.as-logistics-compact-strengths span {
    display: block;
    color: #58bceb;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 9px;
}

.as-logistics-compact-strengths strong {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 7px;
}

.as-logistics-compact-strengths p {
    color: rgba(255,255,255,.66);
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
}


/* ---------------- CTA ---------------- */

.as-logistics-compact-cta {
    background: #fff;
    padding: 55px 0;
}

.as-logistics-compact-cta > .as-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.as-logistics-compact-cta h2 {
    color: var(--heading);
    font-size: clamp(30px, 3vw, 42px);
    margin: 5px 0 8px;
}

.as-logistics-compact-cta p {
    color: var(--text);
    margin: 0;
}

.as-logistics-compact-cta .as-btn {
    flex-shrink: 0;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .as-logistics-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-logistics-compact-overview-grid,
    .as-logistics-compact-heading,
    .as-logistics-compact-why-header {
        gap: 40px;
    }

    .as-logistics-compact-modes,
    .as-logistics-compact-strengths {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-logistics-compact-modes > div:nth-child(2) {
        border-right: 0;
    }

}


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

@media (max-width: 700px) {

    .as-logistics-compact-hero {
        min-height: 390px;
        background-position: 62% center;
    }

    .as-logistics-compact-hero-content {
        padding: 45px 0;
    }

    .as-logistics-compact-hero h1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .as-logistics-compact-subtitle {
        font-size: 22px;
    }

    .as-logistics-compact-overview,
    .as-logistics-compact-services,
    .as-logistics-compact-why {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .as-logistics-compact-overview-grid,
    .as-logistics-compact-heading,
    .as-logistics-compact-why-header {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .as-logistics-compact-modes {
        grid-template-columns: 1fr 1fr;
    }

    .as-logistics-compact-modes > div {
        border-bottom: 1px solid var(--border);
    }

    .as-logistics-service-grid {
        grid-template-columns: 1fr;
    }

    .as-logistics-service-image {
        height: 220px;
    }

    .as-logistics-compact-strengths {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .as-logistics-compact-cta > .as-container {
        display: block;
    }

    .as-logistics-compact-cta .as-btn {
        display: inline-block;
        margin-top: 25px;
    }

}

/* ==========================================================
   LOGISTICS - FINAL COMPACT DESKTOP VERSION
   Target: approximately 2–3 desktop scrolls
   ========================================================== */


/* HERO - reduce height and empty space below buttons */

.as-logistics-compact-hero {
    min-height: 340px;
}

.as-logistics-compact-hero-content {
    padding-top: 38px;
    padding-bottom: 38px;
}

.as-logistics-compact-hero .as-eyebrow {
    margin-bottom: 10px;
}

.as-logistics-compact-hero h1 {
    font-size: clamp(40px, 4.3vw, 58px);
    margin-bottom: 4px;
}

.as-logistics-compact-subtitle {
    font-size: clamp(22px, 2.2vw, 30px);
    margin-bottom: 14px;
}

.as-logistics-compact-lead {
    font-size: 15px;
    line-height: 1.55;
    max-width: 650px;
    margin-bottom: 20px;
}


/* OVERVIEW - much tighter */

.as-logistics-compact-overview {
    padding-top: 42px;
    padding-bottom: 38px;
}

.as-logistics-compact-overview-grid {
    gap: 55px;
}

.as-logistics-compact-overview h2 {
    font-size: clamp(34px, 3.5vw, 46px);
}

.as-logistics-compact-overview-copy p:first-child {
    font-size: 17px;
    line-height: 1.5;
}

.as-logistics-compact-overview-copy p:last-child {
    font-size: 14px;
    line-height: 1.6;
}


/* AIR / SEA / ROAD / 3PL */

.as-logistics-compact-modes {
    margin-top: 28px;
}

.as-logistics-compact-modes > div {
    padding: 14px 20px;
}

.as-logistics-compact-modes strong {
    font-size: 17px;
}

.as-logistics-compact-modes span {
    font-size: 12px;
}


/* SERVICES SECTION */

.as-logistics-compact-services {
    padding-top: 42px;
    padding-bottom: 48px;
}

.as-logistics-compact-heading {
    margin-bottom: 25px;
    gap: 50px;
}

.as-logistics-compact-heading h2 {
    font-size: clamp(32px, 3vw, 42px);
}

.as-logistics-compact-heading > p {
    font-size: 14px;
    line-height: 1.55;
}


/* 8 COMPACT CARDS */

.as-logistics-service-grid {
    gap: 16px;
}

.as-logistics-service-image {
    height: 135px;
}

.as-logistics-service-image span {
    left: 12px;
    bottom: 10px;
    min-width: 32px;
    height: 32px;
    font-size: 11px;
}

.as-logistics-service-content {
    padding: 15px 16px 17px;
}

.as-logistics-service-content h3 {
    font-size: 18px;
    margin-bottom: 6px;
}

.as-logistics-service-content p {
    font-size: 13px;
    line-height: 1.5;
}


/* WHY AL SAWAN - compact */

.as-logistics-compact-why {
    padding-top: 42px;
    padding-bottom: 42px;
}

.as-logistics-compact-why-header {
    margin-bottom: 25px;
}

.as-logistics-compact-why-header h2 {
    font-size: clamp(31px, 3vw, 42px);
}

.as-logistics-compact-strengths > div {
    padding-top: 18px;
}

.as-logistics-compact-strengths strong {
    font-size: 16px;
}

.as-logistics-compact-strengths p {
    font-size: 12px;
}


/* CTA - compact */

.as-logistics-compact-cta {
    padding-top: 35px;
    padding-bottom: 35px;
}

.as-logistics-compact-cta h2 {
    font-size: clamp(28px, 2.5vw, 36px);
}


/* Keep tablet/mobile comfortable */

@media (max-width: 700px) {

    .as-logistics-compact-hero {
        min-height: 380px;
    }

    .as-logistics-compact-hero-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .as-logistics-service-image {
        height: 190px;
    }

    .as-logistics-compact-overview,
    .as-logistics-compact-services,
    .as-logistics-compact-why {
        padding-top: 42px;
        padding-bottom: 42px;
    }
}

/* ==========================================================
   LOGISTICS - ULTRA COMPACT FINAL LAYOUT
   Goal: entire division page approx. 2 desktop screens
   ========================================================== */

/* ---------- HERO ---------- */

.as-logistics-compact-hero {
    min-height: 265px;
    height: 265px;
    background-position: center 45%;
}

.as-logistics-compact-hero-content {
    padding: 25px 0 22px;
    max-width: 760px;
}

.as-logistics-compact-hero .as-eyebrow {
    margin: 0 0 6px;
    font-size: 11px;
}

.as-logistics-compact-hero h1 {
    font-size: 48px;
    line-height: 1;
    margin: 0 0 5px;
    letter-spacing: -1.5px;
}

.as-logistics-compact-subtitle {
    font-size: 26px;
    line-height: 1.15;
    margin: 0 0 12px;
}

.as-logistics-compact-lead {
    max-width: 650px;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 16px;
}

.as-logistics-compact-hero .as-buttons {
    gap: 10px;
}

.as-logistics-compact-hero .as-btn {
    padding: 11px 22px;
    min-height: auto;
    font-size: 12px;
}


/* ---------- OVERVIEW ---------- */

.as-logistics-compact-overview {
    padding: 30px 0 25px;
}

.as-logistics-compact-overview-grid {
    grid-template-columns: .8fr 1.2fr;
    gap: 55px;
}

.as-logistics-compact-overview .as-eyebrow {
    margin-bottom: 6px;
    font-size: 10px;
}

.as-logistics-compact-overview h2 {
    font-size: 37px;
    line-height: 1.02;
    margin: 0;
}

.as-logistics-compact-overview-copy p:first-child {
    font-size: 15px;
    line-height: 1.45;
    margin: 0 0 9px;
}

.as-logistics-compact-overview-copy p:last-child {
    font-size: 12px;
    line-height: 1.55;
    margin: 0;
}


/* ---------- AIR / SEA / ROAD / 3PL ---------- */

.as-logistics-compact-modes {
    margin-top: 20px;
}

.as-logistics-compact-modes > div {
    padding: 10px 18px;
}

.as-logistics-compact-modes strong {
    font-size: 15px;
    margin-bottom: 1px;
}

.as-logistics-compact-modes span {
    font-size: 11px;
}


/* ---------- SERVICES ---------- */

.as-logistics-compact-services {
    padding: 28px 0 32px;
}

.as-logistics-compact-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 40px;
    margin-bottom: 18px;
}

.as-logistics-compact-heading .as-eyebrow {
    margin-bottom: 4px;
    font-size: 10px;
}

.as-logistics-compact-heading h2 {
    font-size: 32px;
    line-height: 1.05;
    margin: 0;
}

.as-logistics-compact-heading > p {
    max-width: 480px;
    font-size: 12px;
    line-height: 1.5;
}


/* ---------- SERVICE CARDS ---------- */

.as-logistics-service-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.as-logistics-service-image {
    height: 105px;
}

.as-logistics-service-image span {
    left: 9px;
    bottom: 8px;
    min-width: 28px;
    height: 28px;
    font-size: 9px;
}

.as-logistics-service-content {
    padding: 11px 13px 13px;
}

.as-logistics-service-content h3 {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 4px;
}

.as-logistics-service-content p {
    font-size: 11px;
    line-height: 1.45;
}


/* ---------- WHY AL SAWAN ---------- */

.as-logistics-compact-why {
    padding: 28px 0;
}

.as-logistics-compact-why-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 50px;
    margin-bottom: 18px;
}

.as-logistics-compact-why-header .as-eyebrow {
    margin-bottom: 4px;
    font-size: 10px;
}

.as-logistics-compact-why-header h2 {
    font-size: 30px;
    line-height: 1.05;
    margin: 0;
}

.as-logistics-compact-why-header > p {
    max-width: 460px;
    font-size: 12px;
    line-height: 1.5;
}

.as-logistics-compact-strengths > div {
    padding: 13px 15px 0 0;
}

.as-logistics-compact-strengths span {
    margin-bottom: 3px;
    font-size: 9px;
}

.as-logistics-compact-strengths strong {
    font-size: 14px;
    margin-bottom: 3px;
}

.as-logistics-compact-strengths p {
    font-size: 10px;
    line-height: 1.4;
}


/* ---------- CTA ---------- */

.as-logistics-compact-cta {
    padding: 22px 0;
}

.as-logistics-compact-cta .as-eyebrow {
    margin-bottom: 2px;
    font-size: 10px;
}

.as-logistics-compact-cta h2 {
    font-size: 28px;
    margin: 0 0 4px;
}

.as-logistics-compact-cta p {
    font-size: 12px;
}

.as-logistics-compact-cta .as-btn {
    padding: 11px 20px;
    font-size: 12px;
}


/* ---------- TABLET / MOBILE ---------- */
/* Don't make mobile ultra-small. */

@media (max-width: 900px) {

    .as-logistics-compact-hero {
        height: auto;
        min-height: 360px;
    }

    .as-logistics-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-logistics-service-image {
        height: 160px;
    }

    .as-logistics-compact-heading,
    .as-logistics-compact-why-header {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

@media (max-width: 600px) {

    .as-logistics-compact-hero {
        min-height: 390px;
    }

    .as-logistics-compact-hero h1 {
        font-size: 38px;
    }

    .as-logistics-compact-overview-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .as-logistics-compact-modes {
        grid-template-columns: 1fr 1fr;
    }

    .as-logistics-service-grid {
        grid-template-columns: 1fr;
    }

    .as-logistics-service-image {
        height: 190px;
    }

    .as-logistics-compact-strengths {
        grid-template-columns: 1fr 1fr;
    }
}

/* ==========================================================
   LOGISTICS - DESKTOP FINAL DENSITY
   ========================================================== */

@media (min-width: 1001px) {

    /* Overview section */
    .as-logistics-compact-overview {
        padding: 22px 0 20px;
    }

    .as-logistics-compact-overview-grid {
        grid-template-columns: 0.8fr 1.2fr;
        gap: 45px;
        align-items: center;
    }

    .as-logistics-compact-overview .as-eyebrow {
        margin: 0 0 4px;
    }

    .as-logistics-compact-overview h2 {
        font-size: 32px;
        line-height: 1.02;
    }

    .as-logistics-compact-overview-copy p:first-child {
        font-size: 14px;
        line-height: 1.4;
        margin: 0 0 5px;
    }

    .as-logistics-compact-overview-copy p:last-child {
        font-size: 11px;
        line-height: 1.45;
    }

    /* AIR / SEA / ROAD / 3PL */
    .as-logistics-compact-modes {
        margin-top: 14px;
    }

    .as-logistics-compact-modes > div {
        padding: 8px 16px;
    }

    .as-logistics-compact-modes strong {
        font-size: 14px;
    }

    .as-logistics-compact-modes span {
        font-size: 10px;
    }

    /* Services starts sooner */
    .as-logistics-compact-services {
        padding-top: 24px;
        padding-bottom: 28px;
    }

    .as-logistics-compact-heading {
        margin-bottom: 14px;
    }

    .as-logistics-compact-heading h2 {
        font-size: 29px;
    }

    /* Slightly shorter cards */
    .as-logistics-service-image {
        height: 95px;
    }

    .as-logistics-service-content {
        padding: 10px 12px 11px;
    }

    .as-logistics-service-content h3 {
        font-size: 15px;
    }

    .as-logistics-service-content p {
        font-size: 10.5px;
        line-height: 1.4;
    }
}

/* ==========================================================
   LOGISTICS - COMPACT DESKTOP LAYOUT
   Keep ALL sections and content
   ========================================================== */

@media (min-width: 1001px) {

    /* ---------------------------------
       HERO
       Keep same visual style
       --------------------------------- */

    .as-logistics-compact-hero {
        height: 245px;
        min-height: 245px;
    }

    .as-logistics-compact-hero-content {
        padding-top: 22px;
        padding-bottom: 20px;
        max-width: 760px;
    }

    .as-logistics-compact-hero .as-eyebrow {
        font-size: 10px;
        margin: 0 0 5px;
    }

    .as-logistics-compact-hero h1 {
        font-size: 44px;
        line-height: 1;
        margin: 0 0 4px;
    }

    .as-logistics-compact-subtitle {
        font-size: 24px;
        line-height: 1.1;
        margin: 0 0 10px;
    }

    .as-logistics-compact-lead {
        font-size: 12px;
        line-height: 1.45;
        margin: 0 0 13px;
        max-width: 640px;
    }

    .as-logistics-compact-hero .as-btn {
        padding: 9px 19px;
        font-size: 11px;
    }


    /* ---------------------------------
       OVERVIEW
       Keep all existing content
       --------------------------------- */

    .as-logistics-compact-overview {
        padding-top: 17px;
        padding-bottom: 15px;
    }

    .as-logistics-compact-overview-grid {
        grid-template-columns: .8fr 1.2fr;
        gap: 40px;
        align-items: center;
    }

    .as-logistics-compact-overview .as-eyebrow {
        font-size: 9px;
        margin: 0 0 3px;
    }

    .as-logistics-compact-overview h2 {
        font-size: 29px;
        line-height: 1.02;
        margin: 0;
    }

    .as-logistics-compact-overview-copy p:first-child {
        font-size: 12.5px;
        line-height: 1.4;
        margin: 0 0 4px;
    }

    .as-logistics-compact-overview-copy p:last-child {
        font-size: 10px;
        line-height: 1.4;
        margin: 0;
    }


    /* ---------------------------------
       AIR / SEA / ROAD / 3PL
       --------------------------------- */

    .as-logistics-compact-modes {
        margin-top: 10px;
    }

    .as-logistics-compact-modes > div {
        padding: 6px 15px;
    }

    .as-logistics-compact-modes strong {
        font-size: 13px;
        line-height: 1.2;
        margin: 0 0 1px;
    }

    .as-logistics-compact-modes span {
        font-size: 9px;
        line-height: 1.2;
    }


    /* ---------------------------------
       SERVICES HEADING
       --------------------------------- */

    .as-logistics-compact-services {
        padding-top: 17px;
        padding-bottom: 22px;
    }

    .as-logistics-compact-heading {
        margin-bottom: 11px;
        gap: 40px;
    }

    .as-logistics-compact-heading .as-eyebrow {
        font-size: 9px;
        margin: 0 0 2px;
    }

    .as-logistics-compact-heading h2 {
        font-size: 26px;
        line-height: 1.05;
        margin: 0;
    }

    .as-logistics-compact-heading > p {
        font-size: 10px;
        line-height: 1.4;
        margin: 0;
    }


    /* ---------------------------------
       SERVICE CARDS
       Keep images + descriptions
       --------------------------------- */

    .as-logistics-service-grid {
        gap: 10px;
    }

    .as-logistics-service-image {
        height: 90px;
    }

    .as-logistics-service-image span {
        left: 8px;
        bottom: 7px;
        min-width: 27px;
        height: 27px;
        font-size: 9px;
    }

    .as-logistics-service-content {
        padding: 9px 11px 10px;
    }

    .as-logistics-service-content h3 {
        font-size: 14px;
        line-height: 1.2;
        margin: 0 0 3px;
    }

    .as-logistics-service-content p {
        font-size: 9.5px;
        line-height: 1.4;
        margin: 0;
    }


    /* ---------------------------------
       WHY AL SAWAN
       --------------------------------- */

    .as-logistics-compact-why {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .as-logistics-compact-why-header {
        margin-bottom: 12px;
    }

    .as-logistics-compact-why-header .as-eyebrow {
        font-size: 9px;
        margin-bottom: 2px;
    }

    .as-logistics-compact-why-header h2 {
        font-size: 27px;
        line-height: 1.05;
    }

    .as-logistics-compact-why-header > p {
        font-size: 10px;
        line-height: 1.4;
    }

    .as-logistics-compact-strengths > div {
        padding-top: 10px;
    }

    .as-logistics-compact-strengths span {
        font-size: 8px;
        margin-bottom: 2px;
    }

    .as-logistics-compact-strengths strong {
        font-size: 13px;
        margin-bottom: 2px;
    }

    .as-logistics-compact-strengths p {
        font-size: 9px;
        line-height: 1.35;
    }


    /* ---------------------------------
       CTA
       --------------------------------- */

    .as-logistics-compact-cta {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .as-logistics-compact-cta .as-eyebrow {
        font-size: 9px;
        margin-bottom: 2px;
    }

    .as-logistics-compact-cta h2 {
        font-size: 25px;
        margin: 0 0 3px;
    }

    .as-logistics-compact-cta p {
        font-size: 10px;
    }

    .as-logistics-compact-cta .as-btn {
        padding: 9px 18px;
        font-size: 11px;
    }
}

/* ==========================================================
   LOGISTICS SERVICE IMAGES - FINAL
   Show images properly without excessive cropping
   ========================================================== */

@media (min-width: 1001px) {

    .as-logistics-service-image {
        height: 145px;
        background: #eef3f7;
    }

    .as-logistics-service-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

/* ==========================================================

/* ==========================================================
   AL SAWAN LOGISTICS — CLEAN RESPONSIVE 3-VIEW CONTROL
   Keeps the approved compact design.
   Desktop/laptop: 3 browser-height views.
   Tablet/mobile: normal responsive document flow.
   ========================================================== */

@media (min-width: 1001px) {

    /* VIEW 1 — approved compact hero + overview */
    .as-logistics-compact-hero {
        height: clamp(225px, 35.5svh, 245px) !important;
        min-height: 0 !important;
    }

    .as-logistics-compact-hero-content {
        padding-top: clamp(17px, 3.2svh, 22px) !important;
        padding-bottom: clamp(15px, 2.9svh, 20px) !important;
    }

    .as-logistics-compact-overview {
        height: calc(100svh - 345px) !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
        padding-top: clamp(12px, 2.45svh, 17px) !important;
        padding-bottom: 4px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    .as-logistics-compact-overview-grid {
        margin: 0 !important;
        gap: clamp(28px, 3vw, 40px) !important;
    }

    .as-logistics-compact-modes {
        margin-top: clamp(7px, 1.45svh, 10px) !important;
        margin-bottom: 0 !important;
    }

    .as-logistics-compact-modes > div {
        padding-top: clamp(6px, 1.45svh, 10px) !important;
        padding-bottom: clamp(6px, 1.45svh, 10px) !important;
    }

    /* VIEW 2 — exactly the 8 cards */
    .as-logistics-compact-services {
        height: 100svh !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: clamp(12px, 2.3svh, 17px) 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .as-logistics-compact-services .as-container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .as-logistics-compact-heading {
        margin-top: 0 !important;
        margin-bottom: clamp(8px, 1.6svh, 11px) !important;
    }

    .as-logistics-service-grid {
        margin: 0 !important;
        padding: 0 !important;
        gap: clamp(8px, 1.45svh, 10px) !important;
    }

    .as-logistics-service-image {
        height: clamp(112px, 21svh, 145px) !important;
    }

    .as-logistics-service-content {
        padding: clamp(7px, 1.3svh, 9px) 11px clamp(8px, 1.45svh, 10px) !important;
    }

    .as-logistics-service-content h3 {
        font-size: clamp(12px, 1.9svh, 14px) !important;
        margin-bottom: 3px !important;
    }

    .as-logistics-service-content p {
        font-size: clamp(8.5px, 1.3svh, 9.5px) !important;
        line-height: 1.35 !important;
    }

    /* VIEW 3 — all remaining content in one browser view */
    .as-logistics-compact-why {
        margin: 0 !important;
        padding: clamp(12px, 2.6svh, 18px) 0 clamp(10px, 2.2svh, 15px) !important;
    }

    .as-logistics-compact-why-header {
        margin-bottom: clamp(6px, 1.3svh, 9px) !important;
    }

    .as-logistics-compact-why-header h2 {
        font-size: clamp(22px, 3.9svh, 27px) !important;
        line-height: 1.03 !important;
        margin: 0 !important;
    }

    .as-logistics-compact-why-header > p {
        margin: 0 !important;
    }

    .as-logistics-compact-strengths > div {
        padding-top: clamp(6px, 1.3svh, 9px) !important;
        padding-bottom: 0 !important;
    }

    .as-logistics-compact-cta {
        margin: 0 !important;
        padding: clamp(11px, 2.4svh, 17px) 0 !important;
    }

    .as-logistics-compact-cta h2 {
        font-size: clamp(22px, 3.6svh, 25px) !important;
        margin: 0 0 3px !important;
    }

    /* PHP uses .as-btn.as-btn-primary for this CTA */
    .as-logistics-compact-cta .as-btn.as-btn-primary {
        min-width: clamp(230px, 22vw, 290px) !important;
        min-height: clamp(42px, 6.8svh, 52px) !important;
        padding: 10px 22px !important;
        font-size: clamp(13px, 2.2svh, 16px) !important;
        font-weight: 700 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Compact footer so copyright stays in View 3 */
    .as-logistics-page .as-custom-footer {
        margin: 0 !important;
        padding-top: clamp(18px, 3.6svh, 25px) !important;
        padding-bottom: 0 !important;
    }

    .as-logistics-page .as-footer-grid {
        gap: clamp(22px, 3vw, 36px) !important;
    }

    .as-logistics-page .as-footer-company .custom-logo {
        max-height: clamp(48px, 8.5svh, 60px) !important;
        width: auto !important;
    }

    .as-logistics-page .as-footer-company .custom-logo-link {
        margin-bottom: clamp(5px, 1svh, 8px) !important;
    }

    .as-logistics-page .as-footer-brand {
        margin: 5px 0 3px !important;
        font-size: clamp(14px, 2.2svh, 16px) !important;
    }

    .as-logistics-page .as-footer-title {
        margin: 2px 0 clamp(6px, 1.3svh, 9px) !important;
        font-size: clamp(14px, 2.2svh, 16px) !important;
    }

    .as-logistics-page .as-footer-grid p,
    .as-logistics-page .as-footer-grid a {
        font-size: clamp(12px, 1.95svh, 15px) !important;
        line-height: 1.42 !important;
    }

    .as-logistics-page .as-footer-links {
        gap: clamp(1px, .55svh, 4px) !important;
    }

    .as-logistics-page .as-copyright {
        margin-top: clamp(9px, 1.8svh, 13px) !important;
        padding: clamp(7px, 1.45svh, 10px) 0 !important;
        text-align: center !important;
        font-size: clamp(10px, 1.55svh, 12px) !important;
        line-height: 1.3 !important;
    }
}

/* Short desktop/laptop screens: keep all 3 views complete. */
@media (min-width: 1001px) and (max-height: 700px) {
    .as-logistics-compact-hero {
        height: 245px !important;
    }

    .as-logistics-compact-overview {
        height: calc(100svh - 345px) !important;
    }

    .as-logistics-compact-services {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .as-logistics-service-image {
        height: 145px !important;
    }

    .as-logistics-compact-why {
        padding-top: 12px !important;
        padding-bottom: 10px !important;
    }

    .as-logistics-compact-cta {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .as-logistics-page .as-custom-footer {
        padding-top: 16px !important;
    }
}

/* Tablet/mobile: do not force 3-screen heights; content flows naturally. */
@media (max-width: 1000px) {
    .as-logistics-compact-hero,
    .as-logistics-compact-overview,
    .as-logistics-compact-services,
    .as-logistics-compact-why {
        height: auto !important;
        min-height: 0 !important;
    }

    .as-logistics-compact-overview,
    .as-logistics-compact-services {
        display: block !important;
    }
}
\n\n/* ==========================================================\n   AL SAWAN LOGISTICS — FINAL VIEW 3 WRAPPER\n   View 1 and View 2 remain unchanged.\n   View 3 always uses one browser viewport on desktop.\n   ========================================================== */\n\n@media (min-width: 1001px) {\n\n    .as-logistics-page .as-logistics-view3 {\n        height: 100svh !important;\n        min-height: 0 !important;\n        overflow: hidden !important;\n        display: flex !important;\n        flex-direction: column !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        box-sizing: border-box !important;\n    }\n\n    /* Top blue section — slightly lower, as approved */\n    .as-logistics-page .as-logistics-compact-why {\n        flex: 0 0 auto !important;\n        margin: 0 !important;\n        padding: clamp(18px, 3.2svh, 28px) 0 clamp(10px, 2svh, 16px) !important;\n    }\n\n    .as-logistics-page .as-logistics-compact-why-header {\n        margin-bottom: clamp(6px, 1.2svh, 10px) !important;\n    }\n\n    .as-logistics-page .as-logistics-compact-why-header h2 {\n        margin: 3px 0 0 !important;\n        font-size: clamp(22px, 3.8svh, 27px) !important;\n        line-height: 1.04 !important;\n    }\n\n    .as-logistics-page .as-logistics-compact-strengths > div {\n        padding-top: clamp(6px, 1.3svh, 9px) !important;\n        padding-bottom: 0 !important;\n    }\n\n    /* CTA */\n    .as-logistics-page .as-logistics-compact-cta {\n        flex: 0 0 auto !important;\n        margin: 0 !important;\n        padding: clamp(12px, 2.4svh, 18px) 0 !important;\n    }\n\n    .as-logistics-page .as-logistics-compact-cta h2 {\n        margin: 0 0 3px !important;\n        font-size: clamp(21px, 3.5svh, 25px) !important;\n    }\n\n    .as-logistics-page .as-logistics-compact-cta .as-btn.as-btn-primary {\n        min-width: clamp(245px, 23vw, 300px) !important;\n        min-height: clamp(42px, 6.5svh, 50px) !important;\n        padding: 10px 22px !important;\n        font-size: clamp(14px, 2.25svh, 16px) !important;\n        font-weight: 700 !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n    }\n\n    /* Footer automatically receives ALL remaining View-3 height */\n    .as-logistics-page .as-custom-footer {\n        flex: 1 1 auto !important;\n        min-height: 0 !important;\n        margin: 0 !important;\n        padding: clamp(10px, 2svh, 16px) 24px 0 !important;\n        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    .as-logistics-page .as-custom-footer > .as-container {\n        height: 100% !important;\n        min-height: 0 !important;\n        display: flex !important;\n        flex-direction: column !important;\n    }\n\n    .as-logistics-page .as-footer-grid {\n        flex: 1 1 auto !important;\n        min-height: 0 !important;\n        display: grid !important;\n        grid-template-columns: 1.25fr .8fr 1fr 1fr !important;\n        gap: clamp(20px, 3vw, 38px) !important;\n        align-items: center !important;\n        margin: 0 !important;\n    }\n\n    .as-logistics-page .as-footer-company .custom-logo {\n        max-height: clamp(48px, 8svh, 60px) !important;\n        width: auto !important;\n    }\n\n    .as-logistics-page .as-footer-company .custom-logo-link {\n        margin-bottom: clamp(3px, .8svh, 6px) !important;\n    }\n\n    .as-logistics-page .as-footer-brand {\n        margin: 3px 0 2px !important;\n        font-size: clamp(15px, 2.5svh, 17px) !important;\n    }\n\n    .as-logistics-page .as-footer-title {\n        margin: 0 0 clamp(4px, 1svh, 8px) !important;\n        font-size: clamp(15px, 2.5svh, 17px) !important;\n    }\n\n    .as-logistics-page .as-footer-links {\n        gap: 0 !important;\n    }\n\n    .as-logistics-page .as-footer-links a,\n    .as-logistics-page .as-footer-grid p {\n        line-height: clamp(1.25, 1.3, 1.35) !important;\n    }\n\n    /* Copyright is anchored to the bottom of View 3 */\n    .as-logistics-page .as-copyright {\n        flex: 0 0 auto !important;\n        width: 100% !important;\n        margin: 0 !important;\n        padding: clamp(5px, 1.2svh, 8px) 0 clamp(4px, 1svh, 7px) !important;\n        border-top: 1px solid rgba(255,255,255,.16) !important;\n        text-align: center !important;\n        font-size: clamp(10px, 1.8svh, 12px) !important;\n        line-height: 1.2 !important;\n    }\n}\n\n/* Short desktop/laptop screens: preserve the same 3-view structure. */\n@media (min-width: 1001px) and (max-height: 680px) {\n    .as-logistics-page .as-logistics-compact-why {\n        padding-top: 14px !important;\n        padding-bottom: 9px !important;\n    }\n\n    .as-logistics-page .as-logistics-compact-cta {\n        padding-top: 10px !important;\n        padding-bottom: 10px !important;\n    }\n\n    .as-logistics-page .as-custom-footer {\n        padding-top: 8px !important;\n    }\n\n    .as-logistics-page .as-footer-company .custom-logo {\n        max-height: 46px !important;\n    }\n\n    .as-logistics-page .as-footer-links a,\n    .as-logistics-page .as-footer-grid p {\n        line-height: 1.2 !important;\n    }\n}\n\n/* Tablet/mobile: never force viewport sections; allow natural scrolling. */\n@media (max-width: 1000px) {\n    .as-logistics-page .as-logistics-view3 {\n        height: auto !important;\n        min-height: 0 !important;\n        overflow: visible !important;\n        display: block !important;\n    }\n}\n


/* ==========================================================
   LOGISTICS - EXACT 3 VIEW SCROLL SNAP
   ========================================================== */

@media (min-width: 1001px) {

    html {
        scroll-snap-type: y mandatory;
        scroll-behavior: smooth;
    }

    /* View 2 */
    .as-logistics-compact-services {
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* View 3 */
    .as-logistics-view-three {
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}

/* ==========================================================
   LOGISTICS - REMOVE GAP BETWEEN VIEW 2 AND VIEW 3
   Views 1 and 3 remain unchanged
   ========================================================== */

@media (min-width: 1001px) {

    /* View 2 should finish immediately after the 8 cards */
    .as-logistics-compact-services {
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 12px !important;
        margin-bottom: 0 !important;
    }

    .as-logistics-service-grid {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* View 3 begins immediately after View 2 */
    .as-logistics-view-three {
        margin-top: 0 !important;
    }

    .as-logistics-compact-why {
        margin-top: 0 !important;
    }

    /* Disable previous snap behaviour */
    html {
        scroll-snap-type: none !important;
        scroll-behavior: auto;
    }
}

/* ==========================================================
   AL SAWAN — SHIP HANDLING SERVICES
   Dedicated page styling
   ========================================================== */

.as-shipping-page {
    background: #fff;
    color: var(--text);
    overflow-x: hidden;
}

.as-shipping-page * {
    box-sizing: border-box;
}

.as-shipping-page h1,
.as-shipping-page h2,
.as-shipping-page h3,
.as-shipping-page p {
    margin-top: 0;
}

/* ==========================================================
   VIEW 1 — HERO
   ========================================================== */

.as-shipping-hero {
    min-height: 330px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(
            90deg,
            rgba(2, 27, 49, .96) 0%,
            rgba(3, 46, 79, .90) 47%,
            rgba(3, 43, 72, .62) 100%
        ),
        url('/alsawan-new/wp-content/uploads/2026/09/shipping-port.jpg')
        center 55% / cover no-repeat;
}

.as-shipping-hero-content {
    max-width: 720px;
    padding: 38px 0 40px;
}

.as-shipping-eyebrow,
.as-shipping-section-label {
    display: block;
    margin-bottom: 8px;
    color: #0876c9;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;
    line-height: 1.2;
}

.as-shipping-hero .as-shipping-eyebrow {
    color: #55b8f1;
}

.as-shipping-hero h1 {
    margin-bottom: 12px;
    color: #fff;
    font-size: clamp(36px, 4vw, 58px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -1.8px;
}

.as-shipping-hero h1 span {
    color: #69c4f5;
}

.as-shipping-hero p {
    max-width: 650px;
    margin-bottom: 20px;
    color: rgba(255,255,255,.87);
    font-size: 15px;
    line-height: 1.6;
}

.as-shipping-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.as-shipping-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .2s ease;
}

.as-shipping-btn-primary {
    background: #0876c9;
    border: 1px solid #0876c9;
    color: #fff !important;
}

.as-shipping-btn-outline {
    border: 1px solid rgba(255,255,255,.7);
    color: #fff !important;
}

.as-shipping-btn:hover {
    transform: translateY(-1px);
}


/* ==========================================================
   VIEW 1 — OVERVIEW
   ========================================================== */

.as-shipping-overview {
    padding: 27px 0 24px;
    background: #f4f8fb;
}

.as-shipping-overview-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 65px;
    align-items: end;
}

.as-shipping-overview h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 29px;
    line-height: 1.05;
    letter-spacing: -.7px;
}

.as-shipping-overview h2 span {
    color: #0876c9;
}

.as-shipping-overview-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.as-shipping-overview-copy p {
    margin-bottom: 0;
    color: #566777;
    font-size: 12px;
    line-height: 1.55;
}

.as-shipping-capabilities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 21px;
    border-top: 1px solid #ccdbe7;
    border-bottom: 1px solid #ccdbe7;
}

.as-shipping-capability {
    padding: 13px 15px;
    border-right: 1px solid #ccdbe7;
}

.as-shipping-capability:first-child {
    padding-left: 0;
}

.as-shipping-capability:last-child {
    border-right: 0;
}

.as-shipping-capability strong {
    display: block;
    margin-bottom: 2px;
    color: #0876c9;
    font-size: 12px;
    letter-spacing: 1.5px;
}

.as-shipping-capability span {
    color: var(--heading);
    font-size: 12px;
    font-weight: 700;
}


/* ==========================================================
   VIEW 2 — SERVICES
   ========================================================== */

.as-shipping-services {
    padding: 28px 0 12px;
    background: #f4f8fb;
}

.as-shipping-services-heading {
    margin-bottom: 16px;
}

.as-shipping-services-heading h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 28px;
    line-height: 1.05;
}

.as-shipping-services-heading h2 span {
    color: #0876c9;
}

.as-shipping-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.as-shipping-service-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8e3ec;
    box-shadow: none;
}

.as-shipping-card-image {
    position: relative;
    height: 128px;
    overflow: hidden;
    background: #dce7ef;
}

.as-shipping-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.as-shipping-service-card:hover img {
    transform: scale(1.035);
}

.as-shipping-card-number {
    position: absolute;
    left: 8px;
    bottom: 0;
    min-width: 31px;
    padding: 5px 7px;
    background: #0876c9;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.as-shipping-card-content {
    min-height: 74px;
    padding: 9px 10px 8px;
}

.as-shipping-card-content h3 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 14px;
    line-height: 1.15;
}

.as-shipping-card-content p {
    margin-bottom: 0;
    color: #586979;
    font-size: 9.5px;
    line-height: 1.35;
}


/* ==========================================================
   VIEW 3 — WHY
   ========================================================== */

.as-shipping-view-three {
    margin: 0;
    padding: 0;
}

.as-shipping-why {
    padding: 18px 0 10px;
    background: #073756;
    color: #fff;
}

.as-shipping-why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: end;
}

.as-shipping-section-label.as-light {
    color: #57bdf2;
}

.as-shipping-why h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 25px;
    line-height: .98;
}

.as-shipping-why h2 span {
    color: #fff;
}

.as-shipping-why-copy {
    display: flex;
    align-items: flex-end;
}

.as-shipping-why-copy p {
    margin-bottom: 2px;
    color: rgba(255,255,255,.83);
    font-size: 10px;
    line-height: 1.4;
}

.as-shipping-strengths {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.17);
}

.as-shipping-strengths > div {
    padding-right: 22px;
}

.as-shipping-strengths span {
    display: block;
    margin-bottom: 3px;
    color: #55bdf4;
    font-size: 9px;
    font-weight: 800;
}

.as-shipping-strengths strong {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}

.as-shipping-strengths p {
    margin-bottom: 0;
    color: rgba(255,255,255,.8);
    font-size: 9px;
    line-height: 1.3;
}


/* ==========================================================
   VIEW 3 — CTA
   ========================================================== */

.as-shipping-cta {
    padding: 12px 0;
    background: #fff;
}

.as-shipping-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.as-shipping-cta-inner > div > span {
    display: block;
    margin-bottom: 4px;
    color: #31506a;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 4px;
}

.as-shipping-cta h2 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 22px;
    line-height: 1.05;
}

.as-shipping-cta p {
    margin-bottom: 0;
    color: #5c6d7c;
    font-size: 9.5px;
}

.as-shipping-cta a {
    flex: 0 0 auto;
    color: #005ca8;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}


/* ==========================================================
   SHIPPING PAGE FOOTER — COMPACT
   ========================================================== */

.as-shipping-view-three .as-custom-footer {
    margin: 0;
    padding: 15px 0 0;
    background: #03273f;
}

.as-shipping-view-three .as-footer-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1.2fr 1.1fr;
    gap: 42px;
    padding-bottom: 11px;
}

.as-shipping-view-three .as-footer-brand .custom-logo {
    width: 102px;
    height: auto;
    margin-bottom: 6px;
}

.as-shipping-view-three .as-footer-brand strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 13px;
}

.as-shipping-view-three .as-footer-brand p,
.as-shipping-view-three .as-footer-column p,
.as-shipping-view-three .as-footer-column a {
    color: rgba(255,255,255,.86);
    font-size: 11px;
    line-height: 1.55;
}

.as-shipping-view-three .as-footer-brand p {
    max-width: 310px;
    margin-bottom: 0;
}

.as-shipping-view-three .as-footer-column h4 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 14px;
}

.as-shipping-view-three .as-footer-column a {
    display: block;
    margin-bottom: 2px;
    text-decoration: none;
}

.as-shipping-view-three .as-footer-column p {
    margin-bottom: 10px;
}

.as-shipping-view-three .as-copyright {
    padding: 7px 0;
    border-top: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.58);
    font-size: 9px;
    text-align: center;
}


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

@media (max-width: 1000px) {

    .as-shipping-hero {
        min-height: 300px;
    }

    .as-shipping-overview-grid,
    .as-shipping-why-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .as-shipping-overview-copy {
        grid-template-columns: 1fr 1fr;
    }

    .as-shipping-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-shipping-capabilities,
    .as-shipping-strengths {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-shipping-view-three .as-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 640px) {

    .as-shipping-hero-content {
        padding: 38px 0;
    }

    .as-shipping-hero h1 {
        font-size: 38px;
    }

    .as-shipping-overview-copy,
    .as-shipping-service-grid,
    .as-shipping-capabilities,
    .as-shipping-strengths,
    .as-shipping-view-three .as-footer-grid {
        grid-template-columns: 1fr;
    }

    .as-shipping-capability {
        padding-left: 0;
        border-right: 0;
        border-bottom: 1px solid #ccdbe7;
    }

    .as-shipping-card-image {
        height: 190px;
    }

    .as-shipping-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

/* ==========================================================
   AL SAWAN — MEDICAL & RECREATIONAL SERVICES
   Dedicated page styling
   ========================================================== */

.as-medical-page {
    background: #fff;
    color: var(--text);
    overflow-x: hidden;
}

.as-medical-page * {
    box-sizing: border-box;
}

.as-medical-page h1,
.as-medical-page h2,
.as-medical-page h3,
.as-medical-page p {
    margin-top: 0;
}


/* ==========================================================
   VIEW 1 — HERO
   ========================================================== */

.as-medical-hero {
    min-height: 330px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;

    background:
        linear-gradient(
            90deg,
            rgba(3, 43, 70, .96) 0%,
            rgba(4, 69, 91, .88) 47%,
            rgba(18, 101, 111, .52) 100%
        ),
        url('/alsawan-new/wp-content/uploads/2026/09/medical-wellness.jpg')
        center 48% / cover no-repeat;
}

.as-medical-hero-content {
    max-width: 760px;
    padding: 38px 0 40px;
}

.as-medical-eyebrow,
.as-medical-section-label {
    display: block;
    margin-bottom: 8px;
    color: #16869a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.5px;
    line-height: 1.2;
}

.as-medical-hero .as-medical-eyebrow {
    color: #75d5dd;
}

.as-medical-hero h1 {
    margin-bottom: 13px;
    color: #fff;
    font-size: clamp(35px, 3.8vw, 55px);
    line-height: .99;
    font-weight: 800;
    letter-spacing: -1.6px;
}

.as-medical-hero h1 span {
    color: #7bd9dc;
}

.as-medical-hero p {
    max-width: 680px;
    margin-bottom: 20px;
    color: rgba(255,255,255,.88);
    font-size: 15px;
    line-height: 1.6;
}

.as-medical-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.as-medical-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .2s ease;
}

.as-medical-btn-primary {
    background: #16869a;
    border: 1px solid #16869a;
    color: #fff !important;
}

.as-medical-btn-outline {
    border: 1px solid rgba(255,255,255,.72);
    color: #fff !important;
}

.as-medical-btn:hover {
    transform: translateY(-1px);
}


/* ==========================================================
   VIEW 1 — OVERVIEW
   ========================================================== */

.as-medical-overview {
    padding: 27px 0 24px;
    background: #f3f8f8;
}

.as-medical-overview-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 65px;
    align-items: end;
}

.as-medical-overview h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 29px;
    line-height: 1.05;
    letter-spacing: -.7px;
}

.as-medical-overview h2 span {
    color: #16869a;
}

.as-medical-overview-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.as-medical-overview-copy p {
    margin-bottom: 0;
    color: #566d73;
    font-size: 12px;
    line-height: 1.55;
}

.as-medical-capabilities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 21px;
    border-top: 1px solid #cbdfe0;
    border-bottom: 1px solid #cbdfe0;
}

.as-medical-capability {
    padding: 13px 15px;
    border-right: 1px solid #cbdfe0;
}

.as-medical-capability:first-child {
    padding-left: 0;
}

.as-medical-capability:last-child {
    border-right: 0;
}

.as-medical-capability strong {
    display: block;
    margin-bottom: 2px;
    color: #16869a;
    font-size: 12px;
    letter-spacing: 1.4px;
}

.as-medical-capability span {
    color: var(--heading);
    font-size: 12px;
    font-weight: 700;
}


/* ==========================================================
   VIEW 2 — SERVICES
   ========================================================== */

.as-medical-services {
    padding: 28px 0 12px;
    background: #f3f8f8;
}

.as-medical-services-heading {
    margin-bottom: 16px;
}

.as-medical-services-heading h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 28px;
    line-height: 1.05;
}

.as-medical-services-heading h2 span {
    color: #16869a;
}

.as-medical-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.as-medical-service-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d5e4e5;
}

.as-medical-card-image {
    position: relative;
    height: 128px;
    overflow: hidden;
    background: #dce9e9;
}

.as-medical-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.as-medical-service-card:hover img {
    transform: scale(1.035);
}

.as-medical-card-number {
    position: absolute;
    left: 8px;
    bottom: 0;
    min-width: 31px;
    padding: 5px 7px;
    background: #16869a;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.as-medical-card-content {
    min-height: 74px;
    padding: 9px 10px 8px;
}

.as-medical-card-content h3 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 14px;
    line-height: 1.15;
}

.as-medical-card-content p {
    margin-bottom: 0;
    color: #5c6f74;
    font-size: 9.5px;
    line-height: 1.35;
}


/* ==========================================================
   VIEW 3 — WHY
   ========================================================== */

.as-medical-view-three {
    margin: 0;
    padding: 0;
}

.as-medical-why {
    padding: 18px 0 10px;
    background: #0a4c59;
    color: #fff;
}

.as-medical-why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: end;
}

.as-medical-section-label.as-light {
    color: #79d5dc;
}

.as-medical-why h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 25px;
    line-height: .99;
}

.as-medical-why h2 span {
    color: #fff;
}

.as-medical-why-copy {
    display: flex;
    align-items: flex-end;
}

.as-medical-why-copy p {
    margin-bottom: 2px;
    color: rgba(255,255,255,.84);
    font-size: 10px;
    line-height: 1.4;
}

.as-medical-strengths {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.18);
}

.as-medical-strengths > div {
    padding-right: 22px;
}

.as-medical-strengths span {
    display: block;
    margin-bottom: 3px;
    color: #7bd8df;
    font-size: 9px;
    font-weight: 800;
}

.as-medical-strengths strong {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}

.as-medical-strengths p {
    margin-bottom: 0;
    color: rgba(255,255,255,.80);
    font-size: 9px;
    line-height: 1.3;
}


/* ==========================================================
   VIEW 3 — CTA
   ========================================================== */

.as-medical-cta {
    padding: 12px 0;
    background: #fff;
}

.as-medical-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.as-medical-cta-inner > div > span {
    display: block;
    margin-bottom: 4px;
    color: #46646a;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 3px;
}

.as-medical-cta h2 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 22px;
    line-height: 1.05;
}

.as-medical-cta p {
    margin-bottom: 0;
    color: #5d7075;
    font-size: 9.5px;
}

.as-medical-cta a {
    flex: 0 0 auto;
    color: #137c8d;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}


/* ==========================================================
   VIEW 3 — COMPACT FOOTER
   ========================================================== */

.as-medical-view-three .as-custom-footer {
    margin: 0;
    padding: 15px 0 0;
    background: #03273f;
}

.as-medical-view-three .as-footer-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1.2fr 1.1fr;
    gap: 42px;
    padding-bottom: 11px;
}

.as-medical-view-three .as-footer-brand .custom-logo {
    width: 102px;
    height: auto;
    margin-bottom: 6px;
}

.as-medical-view-three .as-footer-brand strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 13px;
}

.as-medical-view-three .as-footer-brand p,
.as-medical-view-three .as-footer-column p,
.as-medical-view-three .as-footer-column a {
    color: rgba(255,255,255,.86);
    font-size: 11px;
    line-height: 1.55;
}

.as-medical-view-three .as-footer-brand p {
    max-width: 310px;
    margin-bottom: 0;
}

.as-medical-view-three .as-footer-column h4 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 14px;
}

.as-medical-view-three .as-footer-column a {
    display: block;
    margin-bottom: 2px;
    text-decoration: none;
}

.as-medical-view-three .as-footer-column p {
    margin-bottom: 10px;
}

.as-medical-view-three .as-copyright {
    padding: 7px 0;
    border-top: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.58);
    font-size: 9px;
    text-align: center;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1000px) {

    .as-medical-hero {
        min-height: 300px;
    }

    .as-medical-overview-grid,
    .as-medical-why-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .as-medical-overview-copy {
        grid-template-columns: 1fr 1fr;
    }

    .as-medical-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-medical-capabilities,
    .as-medical-strengths {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-medical-view-three .as-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 640px) {

    .as-medical-hero-content {
        padding: 38px 0;
    }

    .as-medical-hero h1 {
        font-size: 36px;
    }

    .as-medical-overview-copy,
    .as-medical-service-grid,
    .as-medical-capabilities,
    .as-medical-strengths,
    .as-medical-view-three .as-footer-grid {
        grid-template-columns: 1fr;
    }

    .as-medical-capability {
        padding-left: 0;
        border-right: 0;
        border-bottom: 1px solid #cbdfe0;
    }

    .as-medical-card-image {
        height: 190px;
    }

    .as-medical-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

/* ==========================================================
   AL SAWAN — TRAVEL & TOURISM
   Dedicated page styling
   ========================================================== */

.as-travel-page {
    background: #fff;
    color: var(--text);
    overflow-x: hidden;
}

.as-travel-page * {
    box-sizing: border-box;
}

.as-travel-page h1,
.as-travel-page h2,
.as-travel-page h3,
.as-travel-page p {
    margin-top: 0;
}


/* ==========================================================
   VIEW 1 — HERO
   ========================================================== */

.as-travel-hero {
    min-height: 330px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;

    background:
        linear-gradient(
            90deg,
            rgba(2, 31, 58, .96) 0%,
            rgba(4, 62, 100, .88) 48%,
            rgba(10, 90, 130, .48) 100%
        ),
        url('/alsawan-new/wp-content/uploads/2026/09/travel-leisure.jpg')
        center 52% / cover no-repeat;
}

.as-travel-hero-content {
    max-width: 740px;
    padding: 38px 0 40px;
}

.as-travel-eyebrow,
.as-travel-section-label {
    display: block;
    margin-bottom: 8px;
    color: #0d78c7;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.8px;
    line-height: 1.2;
}

.as-travel-hero .as-travel-eyebrow {
    color: #6bc6f4;
}

.as-travel-hero h1 {
    margin-bottom: 13px;
    color: #fff;
    font-size: clamp(36px, 4vw, 57px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -1.7px;
}

.as-travel-hero h1 span {
    color: #69c5f3;
}

.as-travel-hero p {
    max-width: 670px;
    margin-bottom: 20px;
    color: rgba(255,255,255,.88);
    font-size: 15px;
    line-height: 1.6;
}

.as-travel-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.as-travel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .2s ease;
}

.as-travel-btn-primary {
    background: #0877c9;
    border: 1px solid #0877c9;
    color: #fff !important;
}

.as-travel-btn-outline {
    border: 1px solid rgba(255,255,255,.72);
    color: #fff !important;
}

.as-travel-btn:hover {
    transform: translateY(-1px);
}


/* ==========================================================
   VIEW 1 — OVERVIEW
   ========================================================== */

.as-travel-overview {
    padding: 27px 0 24px;
    background: #f3f7fb;
}

.as-travel-overview-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 65px;
    align-items: end;
}

.as-travel-overview h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 29px;
    line-height: 1.05;
    letter-spacing: -.7px;
}

.as-travel-overview h2 span {
    color: #0877c9;
}

.as-travel-overview-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.as-travel-overview-copy p {
    margin-bottom: 0;
    color: #566a7c;
    font-size: 12px;
    line-height: 1.55;
}

.as-travel-capabilities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 21px;
    border-top: 1px solid #cadbe8;
    border-bottom: 1px solid #cadbe8;
}

.as-travel-capability {
    padding: 13px 15px;
    border-right: 1px solid #cadbe8;
}

.as-travel-capability:first-child {
    padding-left: 0;
}

.as-travel-capability:last-child {
    border-right: 0;
}

.as-travel-capability strong {
    display: block;
    margin-bottom: 2px;
    color: #0877c9;
    font-size: 12px;
    letter-spacing: 1.5px;
}

.as-travel-capability span {
    color: var(--heading);
    font-size: 12px;
    font-weight: 700;
}


/* ==========================================================
   VIEW 2 — SERVICES
   ========================================================== */

.as-travel-services {
    padding: 28px 0 12px;
    background: #f3f7fb;
}

.as-travel-services-heading {
    margin-bottom: 16px;
}

.as-travel-services-heading h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 28px;
    line-height: 1.05;
}

.as-travel-services-heading h2 span {
    color: #0877c9;
}

.as-travel-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.as-travel-service-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7e2eb;
}

.as-travel-card-image {
    position: relative;
    height: 128px;
    overflow: hidden;
    background: #dce8f0;
}

.as-travel-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.as-travel-service-card:hover img {
    transform: scale(1.035);
}

.as-travel-card-number {
    position: absolute;
    left: 8px;
    bottom: 0;
    min-width: 31px;
    padding: 5px 7px;
    background: #0877c9;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.as-travel-card-content {
    min-height: 74px;
    padding: 9px 10px 8px;
}

.as-travel-card-content h3 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 14px;
    line-height: 1.15;
}

.as-travel-card-content p {
    margin-bottom: 0;
    color: #586b7c;
    font-size: 9.5px;
    line-height: 1.35;
}


/* ==========================================================
   VIEW 3 — WHY
   ========================================================== */

.as-travel-view-three {
    margin: 0;
    padding: 0;
}

.as-travel-why {
    padding: 18px 0 10px;
    background: #073756;
    color: #fff;
}

.as-travel-why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: end;
}

.as-travel-section-label.as-light {
    color: #63c3f1;
}

.as-travel-why h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 25px;
    line-height: .98;
}

.as-travel-why h2 span {
    color: #fff;
}

.as-travel-why-copy {
    display: flex;
    align-items: flex-end;
}

.as-travel-why-copy p {
    margin-bottom: 2px;
    color: rgba(255,255,255,.83);
    font-size: 10px;
    line-height: 1.4;
}

.as-travel-strengths {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.17);
}

.as-travel-strengths > div {
    padding-right: 22px;
}

.as-travel-strengths span {
    display: block;
    margin-bottom: 3px;
    color: #63c3f1;
    font-size: 9px;
    font-weight: 800;
}

.as-travel-strengths strong {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}

.as-travel-strengths p {
    margin-bottom: 0;
    color: rgba(255,255,255,.8);
    font-size: 9px;
    line-height: 1.3;
}


/* ==========================================================
   VIEW 3 — CTA
   ========================================================== */

.as-travel-cta {
    padding: 12px 0;
    background: #fff;
}

.as-travel-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.as-travel-cta-inner > div > span {
    display: block;
    margin-bottom: 4px;
    color: #3f5d75;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 3.5px;
}

.as-travel-cta h2 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 22px;
    line-height: 1.05;
}

.as-travel-cta p {
    margin-bottom: 0;
    color: #5b6d7c;
    font-size: 9.5px;
}

.as-travel-cta a {
    flex: 0 0 auto;
    color: #0068b5;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}


/* ==========================================================
   VIEW 3 — COMPACT FOOTER
   ========================================================== */

.as-travel-view-three .as-custom-footer {
    margin: 0;
    padding: 15px 0 0;
    background: #03273f;
}

.as-travel-view-three .as-footer-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1.2fr 1.1fr;
    gap: 42px;
    padding-bottom: 11px;
}

.as-travel-view-three .as-footer-brand .custom-logo {
    width: 102px;
    height: auto;
    margin-bottom: 6px;
}

.as-travel-view-three .as-footer-brand strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 13px;
}

.as-travel-view-three .as-footer-brand p,
.as-travel-view-three .as-footer-column p,
.as-travel-view-three .as-footer-column a {
    color: rgba(255,255,255,.86);
    font-size: 11px;
    line-height: 1.55;
}

.as-travel-view-three .as-footer-brand p {
    max-width: 310px;
    margin-bottom: 0;
}

.as-travel-view-three .as-footer-column h4 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 14px;
}

.as-travel-view-three .as-footer-column a {
    display: block;
    margin-bottom: 2px;
    text-decoration: none;
}

.as-travel-view-three .as-footer-column p {
    margin-bottom: 10px;
}

.as-travel-view-three .as-copyright {
    padding: 7px 0;
    border-top: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.58);
    font-size: 9px;
    text-align: center;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1000px) {

    .as-travel-hero {
        min-height: 300px;
    }

    .as-travel-overview-grid,
    .as-travel-why-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .as-travel-overview-copy {
        grid-template-columns: 1fr 1fr;
    }

    .as-travel-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-travel-capabilities,
    .as-travel-strengths {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-travel-view-three .as-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {

    .as-travel-hero-content {
        padding: 38px 0;
    }

    .as-travel-hero h1 {
        font-size: 37px;
    }

    .as-travel-overview-copy,
    .as-travel-service-grid,
    .as-travel-capabilities,
    .as-travel-strengths,
    .as-travel-view-three .as-footer-grid {
        grid-template-columns: 1fr;
    }

    .as-travel-capability {
        padding-left: 0;
        border-right: 0;
        border-bottom: 1px solid #cadbe8;
    }

    .as-travel-card-image {
        height: 190px;
    }

    .as-travel-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

/* ==========================================================
   AL SAWAN — AIRLINE GSA
   Dedicated page styling
   ========================================================== */

.as-gsa-page {
    background: #fff;
    color: var(--text);
    overflow-x: hidden;
}

.as-gsa-page * {
    box-sizing: border-box;
}

.as-gsa-page h1,
.as-gsa-page h2,
.as-gsa-page h3,
.as-gsa-page p {
    margin-top: 0;
}


/* ==========================================================
   VIEW 1 — HERO
   ========================================================== */

.as-gsa-hero {
    min-height: 330px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;

    background:
        linear-gradient(
            90deg,
            rgba(2, 27, 55, .97) 0%,
            rgba(3, 52, 94, .91) 48%,
            rgba(6, 92, 151, .48) 100%
        ),
        url('/alsawan-new/wp-content/uploads/2026/09/gsa-airline-representation.jpg')
        center 45% / cover no-repeat;
}

.as-gsa-hero-content {
    max-width: 760px;
    padding: 38px 0 40px;
}

.as-gsa-eyebrow,
.as-gsa-section-label {
    display: block;
    margin-bottom: 8px;
    color: #0876c9;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.6px;
    line-height: 1.2;
}

.as-gsa-hero .as-gsa-eyebrow {
    color: #69c4f5;
}

.as-gsa-hero h1 {
    margin-bottom: 13px;
    color: #fff;
    font-size: clamp(36px, 4vw, 57px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -1.7px;
}

.as-gsa-hero h1 span {
    color: #69c4f5;
}

.as-gsa-hero p {
    max-width: 680px;
    margin-bottom: 20px;
    color: rgba(255,255,255,.89);
    font-size: 15px;
    line-height: 1.6;
}

.as-gsa-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.as-gsa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .2s ease;
}

.as-gsa-btn-primary {
    background: #0876c9;
    border: 1px solid #0876c9;
    color: #fff !important;
}

.as-gsa-btn-outline {
    border: 1px solid rgba(255,255,255,.72);
    color: #fff !important;
}

.as-gsa-btn:hover {
    transform: translateY(-1px);
}


/* ==========================================================
   VIEW 1 — OVERVIEW
   ========================================================== */

.as-gsa-overview {
    padding: 27px 0 24px;
    background: #f3f7fb;
}

.as-gsa-overview-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 65px;
    align-items: end;
}

.as-gsa-overview h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 29px;
    line-height: 1.05;
    letter-spacing: -.7px;
}

.as-gsa-overview h2 span {
    color: #0876c9;
}

.as-gsa-overview-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.as-gsa-overview-copy p {
    margin-bottom: 0;
    color: #586b7d;
    font-size: 12px;
    line-height: 1.55;
}

.as-gsa-capabilities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 21px;
    border-top: 1px solid #cadbe8;
    border-bottom: 1px solid #cadbe8;
}

.as-gsa-capability {
    padding: 13px 15px;
    border-right: 1px solid #cadbe8;
}

.as-gsa-capability:first-child {
    padding-left: 0;
}

.as-gsa-capability:last-child {
    border-right: 0;
}

.as-gsa-capability strong {
    display: block;
    margin-bottom: 2px;
    color: #0876c9;
    font-size: 12px;
    letter-spacing: 1.4px;
}

.as-gsa-capability span {
    color: var(--heading);
    font-size: 12px;
    font-weight: 700;
}


/* ==========================================================
   VIEW 2 — GSA SERVICES
   ========================================================== */

.as-gsa-services {
    padding: 28px 0 12px;
    background: #f3f7fb;
}

.as-gsa-services-heading {
    margin-bottom: 16px;
}

.as-gsa-services-heading h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 28px;
    line-height: 1.05;
}

.as-gsa-services-heading h2 span {
    color: #0876c9;
}

.as-gsa-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.as-gsa-service-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d6e2eb;
}

.as-gsa-card-image {
    position: relative;
    height: 128px;
    overflow: hidden;
    background: #dce7f0;
}

.as-gsa-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.as-gsa-service-card:hover img {
    transform: scale(1.035);
}

.as-gsa-card-number {
    position: absolute;
    left: 8px;
    bottom: 0;
    min-width: 31px;
    padding: 5px 7px;
    background: #0876c9;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.as-gsa-card-content {
    min-height: 74px;
    padding: 9px 10px 8px;
}

.as-gsa-card-content h3 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 14px;
    line-height: 1.15;
}

.as-gsa-card-content p {
    margin-bottom: 0;
    color: #586b7c;
    font-size: 9.5px;
    line-height: 1.35;
}


/* ==========================================================
   VIEW 3 — AIRLINE REPRESENTATIONS
   ========================================================== */

.as-gsa-view-three {
    margin: 0;
    padding: 0;
}

.as-gsa-airlines {
    padding: 16px 0;
    background: #fff;
}

.as-gsa-airlines-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 10px;
}

.as-gsa-airlines-heading .as-gsa-section-label {
    margin-bottom: 4px;
}

.as-gsa-airlines-heading h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 23px;
    line-height: 1.05;
}

.as-gsa-airlines-heading h2 span {
    color: #0876c9;
}

.as-gsa-airline-list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-top: 1px solid #d8e2ea;
    border-bottom: 1px solid #d8e2ea;
}

.as-gsa-airline-list span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px 6px;
    border-right: 1px solid #d8e2ea;
    color: #153d62;
    font-size: 10px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}

.as-gsa-airline-list span:last-child {
    border-right: 0;
}


/* ==========================================================
   VIEW 3 — WHY AL SAWAN
   ========================================================== */

.as-gsa-why {
    padding: 17px 0 10px;
    background: #073756;
    color: #fff;
}

.as-gsa-why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: end;
}

.as-gsa-section-label.as-light {
    color: #66c5f4;
}

.as-gsa-why h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 25px;
    line-height: .99;
}

.as-gsa-why h2 span {
    color: #fff;
}

.as-gsa-why-copy {
    display: flex;
    align-items: flex-end;
}

.as-gsa-why-copy p {
    margin-bottom: 2px;
    color: rgba(255,255,255,.84);
    font-size: 10px;
    line-height: 1.4;
}

.as-gsa-strengths {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.18);
}

.as-gsa-strengths > div {
    padding-right: 22px;
}

.as-gsa-strengths span {
    display: block;
    margin-bottom: 3px;
    color: #66c5f4;
    font-size: 9px;
    font-weight: 800;
}

.as-gsa-strengths strong {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}

.as-gsa-strengths p {
    margin-bottom: 0;
    color: rgba(255,255,255,.80);
    font-size: 9px;
    line-height: 1.3;
}


/* ==========================================================
   VIEW 3 — CTA
   ========================================================== */

.as-gsa-cta {
    padding: 12px 0;
    background: #fff;
}

.as-gsa-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.as-gsa-cta-inner > div > span {
    display: block;
    margin-bottom: 4px;
    color: #405e76;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 3.4px;
}

.as-gsa-cta h2 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 22px;
    line-height: 1.05;
}

.as-gsa-cta p {
    margin-bottom: 0;
    color: #5b6d7c;
    font-size: 9.5px;
}

.as-gsa-cta a {
    flex: 0 0 auto;
    color: #0876c9;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}


/* ==========================================================
   VIEW 3 — COMPACT FOOTER
   ========================================================== */

.as-gsa-view-three .as-custom-footer {
    margin: 0;
    padding: 15px 0 0;
    background: #03273f;
}

.as-gsa-view-three .as-footer-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1.2fr 1.1fr;
    gap: 42px;
    padding-bottom: 11px;
}

.as-gsa-view-three .as-footer-brand .custom-logo {
    width: 102px;
    height: auto;
    margin-bottom: 6px;
}

.as-gsa-view-three .as-footer-brand strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 13px;
}

.as-gsa-view-three .as-footer-brand p,
.as-gsa-view-three .as-footer-column p,
.as-gsa-view-three .as-footer-column a {
    color: rgba(255,255,255,.86);
    font-size: 11px;
    line-height: 1.55;
}

.as-gsa-view-three .as-footer-brand p {
    max-width: 310px;
    margin-bottom: 0;
}

.as-gsa-view-three .as-footer-column h4 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 14px;
}

.as-gsa-view-three .as-footer-column a {
    display: block;
    margin-bottom: 2px;
    text-decoration: none;
}

.as-gsa-view-three .as-footer-column p {
    margin-bottom: 10px;
}

.as-gsa-view-three .as-copyright {
    padding: 7px 0;
    border-top: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.58);
    font-size: 9px;
    text-align: center;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1000px) {

    .as-gsa-hero {
        min-height: 300px;
    }

    .as-gsa-overview-grid,
    .as-gsa-why-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .as-gsa-overview-copy {
        grid-template-columns: 1fr 1fr;
    }

    .as-gsa-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-gsa-capabilities,
    .as-gsa-strengths {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-gsa-airline-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .as-gsa-airline-list span {
        border-bottom: 1px solid #d8e2ea;
    }

    .as-gsa-view-three .as-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 640px) {

    .as-gsa-hero-content {
        padding: 38px 0;
    }

    .as-gsa-hero h1 {
        font-size: 36px;
    }

    .as-gsa-overview-copy,
    .as-gsa-service-grid,
    .as-gsa-capabilities,
    .as-gsa-strengths,
    .as-gsa-view-three .as-footer-grid {
        grid-template-columns: 1fr;
    }

    .as-gsa-capability {
        padding-left: 0;
        border-right: 0;
        border-bottom: 1px solid #cadbe8;
    }

    .as-gsa-card-image {
        height: 190px;
    }

    .as-gsa-airlines-heading {
        display: block;
    }

    .as-gsa-airline-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-gsa-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

/* ==========================================================
   GSA — AIRLINE REPRESENTATION LOGOS
   ========================================================== */

.as-gsa-airline-logos {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #d8e2ea;
    border-bottom: 1px solid #d8e2ea;
}

.as-gsa-airline-logos img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

@media (max-width: 640px) {

    .as-gsa-airline-logos {
        overflow-x: auto;
    }

    .as-gsa-airline-logos img {
        width: 1050px;
        max-width: none;
    }
}

/* ==========================================================
   AL SAWAN — PARKING & SECURITY
   Dedicated page styling
   ========================================================== */

.as-parking-page {
    background: #fff;
    color: var(--text);
    overflow-x: hidden;
}

.as-parking-page * {
    box-sizing: border-box;
}

.as-parking-page h1,
.as-parking-page h2,
.as-parking-page h3,
.as-parking-page p {
    margin-top: 0;
}


/* ==========================================================
   VIEW 1 — HERO
   ========================================================== */

.as-parking-hero {
    min-height: 330px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;

    background:
        linear-gradient(
            90deg,
            rgba(2, 30, 52, .97) 0%,
            rgba(4, 58, 88, .90) 48%,
            rgba(7, 91, 124, .45) 100%
        ),
        url('/alsawan-new/wp-content/uploads/2026/09/parking-management.jpg')
        center 50% / cover no-repeat;
}

.as-parking-hero-content {
    max-width: 760px;
    padding: 38px 0 40px;
}

.as-parking-eyebrow,
.as-parking-section-label {
    display: block;
    margin-bottom: 8px;
    color: #087bc4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.6px;
    line-height: 1.2;
}

.as-parking-hero .as-parking-eyebrow {
    color: #65c9f0;
}

.as-parking-hero h1 {
    margin-bottom: 13px;
    color: #fff;
    font-size: clamp(36px, 4vw, 57px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -1.7px;
}

.as-parking-hero h1 span {
    color: #65c9f0;
}

.as-parking-hero p {
    max-width: 680px;
    margin-bottom: 20px;
    color: rgba(255,255,255,.89);
    font-size: 15px;
    line-height: 1.6;
}

.as-parking-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.as-parking-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .2s ease;
}

.as-parking-btn-primary {
    background: #087bc4;
    border: 1px solid #087bc4;
    color: #fff !important;
}

.as-parking-btn-outline {
    border: 1px solid rgba(255,255,255,.72);
    color: #fff !important;
}

.as-parking-btn:hover {
    transform: translateY(-1px);
}


/* ==========================================================
   VIEW 1 — OVERVIEW
   ========================================================== */

.as-parking-overview {
    padding: 27px 0 24px;
    background: #f3f7f9;
}

.as-parking-overview-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 65px;
    align-items: end;
}

.as-parking-overview h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 29px;
    line-height: 1.05;
    letter-spacing: -.7px;
}

.as-parking-overview h2 span {
    color: #087bc4;
}

.as-parking-overview-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.as-parking-overview-copy p {
    margin-bottom: 0;
    color: #586c77;
    font-size: 12px;
    line-height: 1.55;
}

.as-parking-capabilities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 21px;
    border-top: 1px solid #cbdce4;
    border-bottom: 1px solid #cbdce4;
}

.as-parking-capability {
    padding: 13px 15px;
    border-right: 1px solid #cbdce4;
}

.as-parking-capability:first-child {
    padding-left: 0;
}

.as-parking-capability:last-child {
    border-right: 0;
}

.as-parking-capability strong {
    display: block;
    margin-bottom: 2px;
    color: #087bc4;
    font-size: 12px;
    letter-spacing: 1.4px;
}

.as-parking-capability span {
    color: var(--heading);
    font-size: 12px;
    font-weight: 700;
}


/* ==========================================================
   VIEW 2 — SOLUTIONS
   ========================================================== */

.as-parking-services {
    padding: 28px 0 12px;
    background: #f3f7f9;
}

.as-parking-services-heading {
    margin-bottom: 16px;
}

.as-parking-services-heading h2 {
    margin-bottom: 0;
    color: var(--heading);
    font-size: 28px;
    line-height: 1.05;
}

.as-parking-services-heading h2 span {
    color: #087bc4;
}

.as-parking-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.as-parking-service-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d5e1e7;
}

.as-parking-card-image {
    position: relative;
    height: 128px;
    overflow: hidden;
    background: #dce7eb;
}

.as-parking-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.as-parking-service-card:hover img {
    transform: scale(1.035);
}

.as-parking-card-number {
    position: absolute;
    left: 8px;
    bottom: 0;
    min-width: 31px;
    padding: 5px 7px;
    background: #087bc4;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.as-parking-card-content {
    min-height: 74px;
    padding: 9px 10px 8px;
}

.as-parking-card-content h3 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 14px;
    line-height: 1.15;
}

.as-parking-card-content p {
    margin-bottom: 0;
    color: #596c76;
    font-size: 9.5px;
    line-height: 1.35;
}


/* ==========================================================
   VIEW 3 — WHY AL SAWAN
   ========================================================== */

.as-parking-view-three {
    margin: 0;
    padding: 0;
}

.as-parking-why {
    padding: 18px 0 10px;
    background: #07364e;
    color: #fff;
}

.as-parking-why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: end;
}

.as-parking-section-label.as-light {
    color: #65c9f0;
}

.as-parking-why h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 25px;
    line-height: .99;
}

.as-parking-why h2 span {
    color: #fff;
}

.as-parking-why-copy {
    display: flex;
    align-items: flex-end;
}

.as-parking-why-copy p {
    margin-bottom: 2px;
    color: rgba(255,255,255,.84);
    font-size: 10px;
    line-height: 1.4;
}

.as-parking-strengths {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.18);
}

.as-parking-strengths > div {
    padding-right: 22px;
}

.as-parking-strengths span {
    display: block;
    margin-bottom: 3px;
    color: #65c9f0;
    font-size: 9px;
    font-weight: 800;
}

.as-parking-strengths strong {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}

.as-parking-strengths p {
    margin-bottom: 0;
    color: rgba(255,255,255,.80);
    font-size: 9px;
    line-height: 1.3;
}


/* ==========================================================
   VIEW 3 — CTA
   ========================================================== */

.as-parking-cta {
    padding: 12px 0;
    background: #fff;
}

.as-parking-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.as-parking-cta-inner > div > span {
    display: block;
    margin-bottom: 4px;
    color: #415f6e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 3.3px;
}

.as-parking-cta h2 {
    margin-bottom: 4px;
    color: var(--heading);
    font-size: 22px;
    line-height: 1.05;
}

.as-parking-cta p {
    margin-bottom: 0;
    color: #5b6e78;
    font-size: 9.5px;
}

.as-parking-cta a {
    flex: 0 0 auto;
    color: #087bc4;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}


/* ==========================================================
   VIEW 3 — COMPACT FOOTER
   ========================================================== */

.as-parking-view-three .as-custom-footer {
    margin: 0;
    padding: 15px 0 0;
    background: #03273f;
}

.as-parking-view-three .as-footer-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1.2fr 1.1fr;
    gap: 42px;
    padding-bottom: 11px;
}

.as-parking-view-three .as-footer-brand .custom-logo {
    width: 102px;
    height: auto;
    margin-bottom: 6px;
}

.as-parking-view-three .as-footer-brand strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 13px;
}

.as-parking-view-three .as-footer-brand p,
.as-parking-view-three .as-footer-column p,
.as-parking-view-three .as-footer-column a {
    color: rgba(255,255,255,.86);
    font-size: 11px;
    line-height: 1.55;
}

.as-parking-view-three .as-footer-brand p {
    max-width: 310px;
    margin-bottom: 0;
}

.as-parking-view-three .as-footer-column h4 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 14px;
}

.as-parking-view-three .as-footer-column a {
    display: block;
    margin-bottom: 2px;
    text-decoration: none;
}

.as-parking-view-three .as-footer-column p {
    margin-bottom: 10px;
}

.as-parking-view-three .as-copyright {
    padding: 7px 0;
    border-top: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.58);
    font-size: 9px;
    text-align: center;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1000px) {

    .as-parking-hero {
        min-height: 300px;
    }

    .as-parking-overview-grid,
    .as-parking-why-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .as-parking-overview-copy {
        grid-template-columns: 1fr 1fr;
    }

    .as-parking-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-parking-capabilities,
    .as-parking-strengths {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-parking-view-three .as-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 640px) {

    .as-parking-hero-content {
        padding: 38px 0;
    }

    .as-parking-hero h1 {
        font-size: 36px;
    }

    .as-parking-overview-copy,
    .as-parking-service-grid,
    .as-parking-capabilities,
    .as-parking-strengths,
    .as-parking-view-three .as-footer-grid {
        grid-template-columns: 1fr;
    }

    .as-parking-capability {
        padding-left: 0;
        border-right: 0;
        border-bottom: 1px solid #cbdce4;
    }

    .as-parking-card-image {
        height: 190px;
    }

    .as-parking-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

/* ==========================================================
   AL SAWAN HOMEPAGE — FINAL POLISH
   ========================================================== */

/* ---------- HERO ---------- */

.as-home .as-hero {
    min-height: 485px;
    display: flex;
    align-items: center;
}

.as-home .as-hero-content {
    max-width: 790px;
    padding: 60px 0;
}

.as-home .as-hero .as-eyebrow {
    margin-bottom: 20px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;
}

.as-home .as-hero h1 {
    max-width: 780px;
    margin-bottom: 20px;
    font-size: clamp(48px, 5vw, 70px);
    line-height: 1;
    letter-spacing: -2px;
}

.as-home .as-hero-text {
    max-width: 690px;
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 1.65;
}

.as-home .as-buttons {
    gap: 12px;
}


/* ---------- DIVISIONS ---------- */

.as-home .as-divisions {
    padding-top: 72px;
    padding-bottom: 76px;
}

.as-home .as-divisions .as-section-heading {
    max-width: 760px;
    margin: 0 auto 42px;
}

.as-home .as-divisions .as-section-heading .as-eyebrow {
    margin-bottom: 14px;
}

.as-home .as-divisions .as-section-heading h2 {
    margin-bottom: 16px;
    font-size: clamp(36px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -1px;
}

.as-home .as-divisions .as-section-heading > p:last-child {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}


/* ---------- DIVISION CARDS ---------- */

.as-home .as-division-grid {
    gap: 26px;
}

.as-home .as-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(8, 43, 73, .07);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.as-home .as-card:hover {
    transform: translateY(-5px);
    border-color: #bed5e8;
    box-shadow: 0 18px 38px rgba(8, 43, 73, .12);
}

.as-home .as-card-image {
    height: 235px;
    overflow: hidden;
}

.as-home .as-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.as-home .as-card:hover .as-card-image img {
    transform: scale(1.035);
}

.as-home .as-card-body {
    position: relative;
    min-height: 270px;
    padding: 38px 28px 27px;
    display: flex;
    flex-direction: column;
}

.as-home .as-card-icon {
    top: -31px;
    left: 28px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 6px 15px rgba(0, 42, 76, .15);
}

.as-home .as-card h3 {
    margin-bottom: 13px;
    color: #09233f;
    font-size: 21px;
    line-height: 1.2;
}

.as-home .as-card-body p {
    margin-bottom: 22px;
    color: #526577;
    font-size: 15px;
    line-height: 1.7;
}

.as-home .as-card-body > a {
    margin-top: auto;
    font-weight: 700;
}


/* ---------- STATS ---------- */

.as-home .as-stats {
    padding: 0;
}

.as-home .as-stat-grid {
    min-height: 180px;
    align-items: center;
}

.as-home .as-stat {
    padding: 20px 25px;
}

.as-home .as-stat strong {
    margin-bottom: 6px;
    font-size: 37px;
    line-height: 1;
}

.as-home .as-stat span {
    font-size: 12px;
    letter-spacing: .1px;
}


/* ---------- ABOUT ---------- */

.as-home .as-about-section {
    padding-top: 72px;
    padding-bottom: 72px;
}

.as-home .as-about-grid {
    gap: 68px;
    align-items: center;
}

.as-home .as-about-visual {
    min-height: 390px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 16px 38px rgba(5, 45, 79, .10);
}

.as-home .as-about-overlay {
    padding: 38px;
}

.as-home .as-about-overlay span {
    margin-bottom: 12px;
}

.as-home .as-about-overlay strong {
    margin-bottom: 8px;
    font-size: 42px;
}

.as-home .as-about-copy .as-eyebrow {
    margin-bottom: 14px;
}

.as-home .as-about-copy h2 {
    margin-bottom: 22px;
    font-size: clamp(38px, 4vw, 51px);
    line-height: 1.05;
    letter-spacing: -1px;
}

.as-home .as-about-copy > p {
    margin-bottom: 17px;
    line-height: 1.7;
}

.as-home .as-about-copy .as-btn {
    margin-top: 9px;
}


/* ---------- TRUSTED PARTNERSHIPS ---------- */

.as-home .as-partners {
    position: relative;
    padding: 70px 0;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f9fc 55%,
            #edf5fa 100%
        );
}

.as-home .as-partners .as-section-heading {
    max-width: 820px;
    margin: 0 auto 30px;
}

.as-home .as-partners .as-section-heading .as-eyebrow {
    margin-bottom: 13px;
}

.as-home .as-partners .as-section-heading h2 {
    margin-bottom: 14px;
    font-size: 44px;
    line-height: 1.08;
}

.as-home .as-partners .as-section-heading > p {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.as-home .as-partners-message {
    position: relative;
    max-width: 820px;
    margin: 0 auto;
    padding: 25px 35px;
    border-top: 1px solid #cadbe8;
    border-bottom: 1px solid #cadbe8;
    text-align: center;
}

.as-home .as-partners-message::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    width: 72px;
    height: 3px;
    transform: translateX(-50%);
    background: #0877c9;
}

.as-home .as-partners-message p {
    max-width: 720px;
    margin: 0 auto;
    color: #52687a;
    font-size: 15px;
    line-height: 1.7;
}


/* ---------- CTA ---------- */

.as-home .as-cta {
    padding: 62px 0;
}

.as-home .as-cta .as-container {
    max-width: 900px;
}

.as-home .as-cta .as-eyebrow {
    margin-bottom: 14px;
}

.as-home .as-cta h2 {
    margin-bottom: 17px;
    font-size: clamp(37px, 4vw, 48px);
    line-height: 1.08;
}

.as-home .as-cta > .as-container > p:not(.as-eyebrow) {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    line-height: 1.65;
}


/* ==========================================================
   HOMEPAGE FOOTER POLISH
   ========================================================== */

.as-home .as-custom-footer {
    padding-top: 48px;
}

.as-home .as-footer-grid {
    grid-template-columns: 1.45fr .8fr 1.05fr .9fr;
    gap: 55px;
    padding-bottom: 36px;
}

.as-home .as-footer-company .custom-logo {
    width: 140px;
    max-width: 140px;
    height: auto;
    margin-bottom: 18px;
}

.as-home .as-footer-brand {
    margin-bottom: 10px;
    font-size: 14px;
}

.as-home .as-footer-company > p {
    max-width: 310px;
    margin-bottom: 0;
    line-height: 1.7;
}

.as-home .as-footer-title {
    margin-bottom: 16px;
}

.as-home .as-footer-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.as-home .as-footer-links a {
    display: block;
    margin: 0;
    line-height: 1.4;
}

.as-home .as-copyright {
    padding: 18px 0;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .as-home .as-hero {
        min-height: 440px;
    }

    .as-home .as-division-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-home .as-card-body {
        min-height: 250px;
    }

    .as-home .as-about-grid {
        gap: 38px;
    }

    .as-home .as-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 38px;
    }
}


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

@media (max-width: 640px) {

    .as-home .as-hero {
        min-height: 470px;
    }

    .as-home .as-hero-content {
        padding: 50px 0;
    }

    .as-home .as-hero h1 {
        font-size: 43px;
        letter-spacing: -1px;
    }

    .as-home .as-hero-text {
        font-size: 15px;
    }

    .as-home .as-divisions {
        padding-top: 52px;
        padding-bottom: 55px;
    }

    .as-home .as-divisions .as-section-heading {
        margin-bottom: 30px;
    }

    .as-home .as-divisions .as-section-heading h2 {
        font-size: 34px;
    }

    .as-home .as-division-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .as-home .as-card-image {
        height: 210px;
    }

    .as-home .as-card-body {
        min-height: auto;
    }

    .as-home .as-stat-grid {
        grid-template-columns: repeat(2, 1fr);
        min-height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .as-home .as-stat {
        min-height: 105px;
    }

    .as-home .as-about-section {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .as-home .as-about-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .as-home .as-about-visual {
        min-height: 330px;
    }

    .as-home .as-about-copy h2 {
        font-size: 37px;
    }

    .as-home .as-partners {
        padding: 52px 0;
    }

    .as-home .as-partners .as-section-heading h2 {
        font-size: 36px;
    }

    .as-home .as-partners-message {
        padding: 22px 12px;
    }

    .as-home .as-cta {
        padding: 52px 0;
    }

    .as-home .as-cta h2 {
        font-size: 36px;
    }

    .as-home .as-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* ==========================================================
   AL SAWAN HOMEPAGE — COMPACT DESKTOP V2
   Reduces homepage height by approximately 50%
   ========================================================== */

@media (min-width: 1001px) {

    /* HERO */
    .as-home .as-hero {
        min-height: 330px !important;
        height: 330px;
    }

    .as-home .as-hero-content {
        max-width: 720px;
        padding: 30px 0 !important;
    }

    .as-home .as-hero .as-eyebrow {
        margin-bottom: 10px;
        font-size: 9px;
        letter-spacing: 3.2px;
    }

    .as-home .as-hero h1 {
        max-width: 680px;
        margin-bottom: 12px;
        font-size: 46px !important;
        line-height: .98;
        letter-spacing: -1px;
    }

    .as-home .as-hero-text {
        max-width: 650px;
        margin-bottom: 17px;
        font-size: 13px;
        line-height: 1.5;
    }

    .as-home .as-hero .as-btn {
        min-height: 38px;
        padding: 9px 17px;
        font-size: 11px;
    }


    /* DIVISIONS */
    .as-home .as-divisions {
        padding-top: 34px !important;
        padding-bottom: 35px !important;
    }

    .as-home .as-divisions .as-section-heading {
        max-width: 700px;
        margin-bottom: 22px !important;
    }

    .as-home .as-divisions .as-section-heading .as-eyebrow {
        margin-bottom: 6px;
        font-size: 9px;
    }

    .as-home .as-divisions .as-section-heading h2 {
        margin-bottom: 8px;
        font-size: 32px !important;
        line-height: 1.05;
    }

    .as-home .as-divisions .as-section-heading > p:last-child {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 1.45;
    }


    /* DIVISION CARDS */
    .as-home .as-division-grid {
        gap: 14px !important;
    }

    .as-home .as-card-image {
        height: 145px !important;
    }

    .as-home .as-card-body {
        min-height: 150px !important;
        padding: 27px 18px 16px !important;
    }

    .as-home .as-card-icon {
        top: -23px;
        left: 18px;
        width: 44px;
        height: 44px;
        border-width: 3px;
        font-size: 15px;
    }

    .as-home .as-card h3 {
        margin-bottom: 7px;
        font-size: 16px !important;
        line-height: 1.15;
    }

    .as-home .as-card-body p {
        margin-bottom: 10px;
        font-size: 10.5px !important;
        line-height: 1.45;
    }

    .as-home .as-card-body > a {
        font-size: 11px;
    }


    /* STATS */
    .as-home .as-stat-grid {
        min-height: 105px !important;
    }

    .as-home .as-stat {
        padding: 12px 20px !important;
    }

    .as-home .as-stat strong {
        margin-bottom: 4px;
        font-size: 28px !important;
    }

    .as-home .as-stat span {
        font-size: 9px !important;
    }


    /* ABOUT */
    .as-home .as-about-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .as-home .as-about-grid {
        gap: 45px !important;
    }

    .as-home .as-about-visual {
        min-height: 255px !important;
        height: 255px;
    }

    .as-home .as-about-overlay {
        padding: 26px !important;
    }

    .as-home .as-about-overlay span {
        margin-bottom: 6px;
        font-size: 8px;
    }

    .as-home .as-about-overlay strong {
        margin-bottom: 4px;
        font-size: 29px !important;
    }

    .as-home .as-about-overlay p {
        margin-bottom: 0;
        font-size: 10px;
    }

    .as-home .as-about-copy .as-eyebrow {
        margin-bottom: 7px;
        font-size: 9px;
    }

    .as-home .as-about-copy h2 {
        margin-bottom: 12px;
        font-size: 34px !important;
        line-height: 1.03;
    }

    .as-home .as-about-copy > p {
        margin-bottom: 9px !important;
        font-size: 11px;
        line-height: 1.5;
    }

    .as-home .as-about-copy .as-btn {
        margin-top: 4px;
        min-height: 36px;
        padding: 8px 16px;
        font-size: 10px;
    }


    /* TRUSTED PARTNERSHIPS */
    .as-home .as-partners {
        padding: 34px 0 !important;
    }

    .as-home .as-partners .as-section-heading {
        margin-bottom: 14px !important;
    }

    .as-home .as-partners .as-section-heading .as-eyebrow {
        margin-bottom: 5px;
        font-size: 9px;
    }

    .as-home .as-partners .as-section-heading h2 {
        margin-bottom: 7px;
        font-size: 31px !important;
    }

    .as-home .as-partners .as-section-heading > p {
        margin-bottom: 0;
        font-size: 11px;
        line-height: 1.45;
    }

    .as-home .as-partners-message {
        max-width: 760px;
        padding: 13px 20px !important;
    }

    .as-home .as-partners-message p {
        font-size: 10.5px;
        line-height: 1.45;
    }


    /* CTA */
    .as-home .as-cta {
        padding: 31px 0 !important;
    }

    .as-home .as-cta .as-eyebrow {
        margin-bottom: 6px;
        font-size: 9px;
    }

    .as-home .as-cta h2 {
        margin-bottom: 8px;
        font-size: 32px !important;
    }

    .as-home .as-cta > .as-container > p:not(.as-eyebrow) {
        max-width: 650px;
        margin-bottom: 14px !important;
        font-size: 11px;
        line-height: 1.5;
    }

    .as-home .as-cta .as-btn {
        min-height: 37px;
        padding: 8px 18px;
        font-size: 10px;
    }


    /* FOOTER */
    .as-home .as-custom-footer {
        padding-top: 25px !important;
    }

    .as-home .as-footer-grid {
        gap: 38px !important;
        padding-bottom: 20px !important;
    }

    .as-home .as-footer-company .custom-logo {
        width: 105px !important;
        max-width: 105px !important;
        margin-bottom: 9px !important;
    }

    .as-home .as-footer-brand {
        margin-bottom: 5px !important;
        font-size: 11px !important;
    }

    .as-home .as-footer-company > p,
    .as-home .as-custom-footer p,
    .as-home .as-footer-links a,
    .as-home .as-custom-footer a {
        font-size: 10px;
        line-height: 1.45;
    }

    .as-home .as-footer-title {
        margin-bottom: 8px !important;
        font-size: 11px;
    }

    .as-home .as-footer-links {
        gap: 4px !important;
    }

    .as-home .as-copyright {
        padding: 10px 0 !important;
        font-size: 8px;
    }
}

/* ==========================================================
   HOMEPAGE COMPACT — FINAL CORRECTIONS
   ========================================================== */

@media (min-width: 1001px) {

    /* Give division cards enough room for CTA */
    .as-home .as-card-body {
        min-height: 165px !important;
        padding-bottom: 17px !important;
    }

    /* Prevent Partnerships heading from clipping */
    .as-home .as-partners {
        padding-top: 42px !important;
        padding-bottom: 30px !important;
    }

    .as-home .as-partners .as-section-heading {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Keep footer compact but readable */
    .as-home .as-custom-footer {
        padding-top: 24px !important;
    }

    .as-home .as-footer-grid {
        padding-bottom: 17px !important;
    }
}

/* ==========================================================
   AL SAWAN ABOUT US — COMPACT DESKTOP FINAL POLISH
   ========================================================== */

@media (min-width: 1001px) {

    /* ---------- ABOUT HERO ---------- */

    body.page-about-us .as-about-hero,
    .as-about-page .as-about-hero {
        min-height: 330px !important;
        height: 330px !important;
    }

    body.page-about-us .as-about-hero-content,
    .as-about-page .as-about-hero-content {
        padding: 35px 24px !important;
        max-width: 720px;
    }

    body.page-about-us .as-about-hero .as-eyebrow,
    .as-about-page .as-about-hero .as-eyebrow {
        margin-bottom: 10px !important;
        font-size: 9px !important;
        letter-spacing: 3px;
    }

    body.page-about-us .as-about-hero h1,
    .as-about-page .as-about-hero h1 {
        margin-bottom: 15px !important;
        font-size: 45px !important;
        line-height: 1.02 !important;
        letter-spacing: -1px;
    }

    body.page-about-us .as-about-hero p,
    .as-about-page .as-about-hero p {
        max-width: 650px;
        margin-bottom: 0 !important;
        font-size: 12px !important;
        line-height: 1.55;
    }


    /* ---------- WHO WE ARE ---------- */

    body.page-about-us .as-who,
    .as-about-page .as-who {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    body.page-about-us .as-who-grid,
    .as-about-page .as-who-grid {
        gap: 55px !important;
        align-items: start;
    }

    body.page-about-us .as-who .as-eyebrow,
    .as-about-page .as-who .as-eyebrow {
        margin-bottom: 9px !important;
        font-size: 9px !important;
    }

    body.page-about-us .as-who h2,
    .as-about-page .as-who h2 {
        font-size: 36px !important;
        line-height: 1.06 !important;
    }

    body.page-about-us .as-who-copy p,
    .as-about-page .as-who-copy p {
        margin-bottom: 11px !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }


    /* ---------- OUR STORY ---------- */

    body.page-about-us .as-story,
    .as-about-page .as-story {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    body.page-about-us .as-story-grid,
    .as-about-page .as-story-grid {
        gap: 55px !important;
        align-items: center;
    }

    body.page-about-us .as-story-visual,
    .as-about-page .as-story-visual {
        min-height: 280px !important;
        height: 280px !important;
    }

    body.page-about-us .as-story-overlay,
    .as-about-page .as-story-overlay {
        padding: 30px !important;
    }

    body.page-about-us .as-story-overlay strong,
    .as-about-page .as-story-overlay strong {
        font-size: 42px !important;
        line-height: 1;
    }

    body.page-about-us .as-story-copy .as-eyebrow,
    .as-about-page .as-story-copy .as-eyebrow {
        margin-bottom: 8px !important;
        font-size: 9px !important;
    }

    body.page-about-us .as-story-copy h2,
    .as-about-page .as-story-copy h2 {
        margin-bottom: 14px !important;
        font-size: 35px !important;
        line-height: 1.05 !important;
    }

    body.page-about-us .as-story-copy p,
    .as-about-page .as-story-copy p {
        margin-bottom: 10px !important;
        font-size: 11.5px !important;
        line-height: 1.55 !important;
    }


    /* ---------- JOURNEY / TIMELINE ---------- */

    body.page-about-us .as-journey,
    .as-about-page .as-journey {
        padding-top: 36px !important;
        padding-bottom: 38px !important;
    }

    body.page-about-us .as-journey .as-section-heading,
    .as-about-page .as-journey .as-section-heading {
        margin-bottom: 24px !important;
    }

    body.page-about-us .as-journey .as-section-heading .as-eyebrow,
    .as-about-page .as-journey .as-section-heading .as-eyebrow {
        margin-bottom: 6px !important;
        font-size: 9px !important;
    }

    body.page-about-us .as-journey .as-section-heading h2,
    .as-about-page .as-journey .as-section-heading h2 {
        margin-bottom: 8px !important;
        font-size: 34px !important;
        line-height: 1.05 !important;
    }

    body.page-about-us .as-journey .as-section-heading p,
    .as-about-page .as-journey .as-section-heading p {
        font-size: 11px !important;
    }

    body.page-about-us .as-timeline,
    .as-about-page .as-timeline {
        gap: 14px !important;
    }

    body.page-about-us .as-timeline-card,
    .as-about-page .as-timeline-card {
        min-height: 205px !important;
        padding: 22px !important;
    }

    body.page-about-us .as-timeline-card h3,
    .as-about-page .as-timeline-card h3 {
        margin: 8px 0 5px !important;
        font-size: 16px !important;
    }

    body.page-about-us .as-timeline-card h4,
    .as-about-page .as-timeline-card h4 {
        margin-bottom: 8px !important;
        font-size: 14px !important;
    }

    body.page-about-us .as-timeline-card p,
    .as-about-page .as-timeline-card p {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }


    /* ---------- VALUES ---------- */

    body.page-about-us .as-values,
    .as-about-page .as-values {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    body.page-about-us .as-values .as-section-heading,
    .as-about-page .as-values .as-section-heading {
        margin-bottom: 24px !important;
    }

    body.page-about-us .as-values .as-eyebrow,
    .as-about-page .as-values .as-eyebrow {
        margin-bottom: 6px !important;
        font-size: 9px !important;
    }

    body.page-about-us .as-values .as-section-heading h2,
    .as-about-page .as-values .as-section-heading h2 {
        margin-bottom: 8px !important;
        font-size: 34px !important;
    }

    body.page-about-us .as-values .as-section-heading p,
    .as-about-page .as-values .as-section-heading p {
        font-size: 11px !important;
    }

    body.page-about-us .as-values-grid,
    .as-about-page .as-values-grid {
        gap: 15px !important;
    }

    body.page-about-us .as-value-card,
    .as-about-page .as-value-card {
        min-height: 180px !important;
        padding: 24px !important;
    }

    body.page-about-us .as-value-card h3,
    .as-about-page .as-value-card h3 {
        margin: 12px 0 8px !important;
        font-size: 17px !important;
    }

    body.page-about-us .as-value-card p,
    .as-about-page .as-value-card p {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }


    /* ---------- SIX DIVISIONS ---------- */

    body.page-about-us .as-about-divisions,
    .as-about-page .as-about-divisions {
        padding-top: 36px !important;
        padding-bottom: 38px !important;
    }

    body.page-about-us .as-about-divisions .as-section-heading,
    .as-about-page .as-about-divisions .as-section-heading {
        margin-bottom: 23px !important;
    }

    body.page-about-us .as-about-divisions .as-eyebrow,
    .as-about-page .as-about-divisions .as-eyebrow {
        margin-bottom: 6px !important;
        font-size: 9px !important;
    }

    body.page-about-us .as-about-divisions .as-section-heading h2,
    .as-about-page .as-about-divisions .as-section-heading h2 {
        margin-bottom: 8px !important;
        font-size: 34px !important;
        line-height: 1.05 !important;
    }

    body.page-about-us .as-about-divisions .as-section-heading p,
    .as-about-page .as-about-divisions .as-section-heading p {
        font-size: 11px !important;
    }

    body.page-about-us .as-about-division-grid,
    .as-about-page .as-about-division-grid {
        gap: 10px 14px !important;
    }

    body.page-about-us .as-about-division-item,
    .as-about-page .as-about-division-item {
        min-height: 58px !important;
        padding: 13px 20px !important;
    }

    body.page-about-us .as-about-division-item strong,
    .as-about-page .as-about-division-item strong {
        font-size: 12px !important;
    }


    /* ---------- CTA ---------- */

    body.page-about-us .as-cta,
    .as-about-page .as-cta {
        padding: 32px 0 !important;
    }

    body.page-about-us .as-cta h2,
    .as-about-page .as-cta h2 {
        margin-bottom: 9px !important;
        font-size: 32px !important;
        line-height: 1.05;
    }

    body.page-about-us .as-cta p,
    .as-about-page .as-cta p {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 14px !important;
        font-size: 11px !important;
        line-height: 1.5;
    }

    body.page-about-us .as-cta .as-btn,
    .as-about-page .as-cta .as-btn {
        padding: 9px 18px !important;
        min-height: 37px;
        font-size: 10px !important;
    }


    /* ---------- FOOTER ---------- */

    body.page-about-us .as-custom-footer,
    .as-about-page .as-custom-footer {
        padding-top: 25px !important;
    }

    body.page-about-us .as-footer-grid,
    .as-about-page .as-footer-grid {
        gap: 38px !important;
        padding-bottom: 18px !important;
    }

    body.page-about-us .as-footer-company .custom-logo,
    .as-about-page .as-footer-company .custom-logo {
        width: 105px !important;
        max-width: 105px !important;
        margin-bottom: 9px !important;
    }

    body.page-about-us .as-footer-title,
    .as-about-page .as-footer-title {
        margin-bottom: 8px !important;
        font-size: 11px !important;
    }

    body.page-about-us .as-footer-brand,
    .as-about-page .as-footer-brand {
        margin-bottom: 5px !important;
        font-size: 11px !important;
    }

    body.page-about-us .as-custom-footer p,
    body.page-about-us .as-custom-footer a,
    .as-about-page .as-custom-footer p,
    .as-about-page .as-custom-footer a {
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    body.page-about-us .as-footer-links,
    .as-about-page .as-footer-links {
        gap: 4px !important;
    }

/* ==========================================================
   ABOUT US — COMPACT DESKTOP V2
   Exact selectors from page-about-us.php
   ========================================================== */

@media (min-width: 1001px) {

    /* ======================================================
       HERO
       ====================================================== */

    .as-about-page .as-page-hero {
        min-height: 300px !important;
        height: 300px !important;
        display: flex !important;
        align-items: center !important;
    }

    .as-about-page .as-page-hero .as-container {
        width: min(1180px, calc(100% - 48px));
    }

    .as-about-page .as-page-hero-content {
        max-width: 680px !important;
        padding: 25px 0 !important;
    }

    .as-about-page .as-page-hero .as-eyebrow {
        margin: 0 0 10px !important;
        font-size: 9px !important;
        letter-spacing: 3px !important;
    }

    .as-about-page .as-page-hero h1 {
        margin: 0 0 13px !important;
        font-size: 43px !important;
        line-height: 1.02 !important;
        letter-spacing: -1px !important;
    }

    .as-about-page .as-page-hero-content > p:last-child {
        max-width: 620px;
        margin: 0 !important;
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }


    /* ======================================================
       WHO WE ARE
       ====================================================== */

    .as-about-page > .as-section:first-of-type {
        padding: 32px 0 !important;
        min-height: 0 !important;
    }

    .as-about-page .as-about-intro {
        display: grid !important;
        grid-template-columns: .9fr 1.1fr !important;
        gap: 65px !important;
        align-items: start !important;
    }

    .as-about-page .as-about-intro .as-eyebrow {
        margin: 0 0 8px !important;
        font-size: 9px !important;
    }

    .as-about-page .as-about-intro h2 {
        margin: 0 !important;
        font-size: 34px !important;
        line-height: 1.06 !important;
        letter-spacing: -.5px !important;
    }

    .as-about-page .as-about-intro-copy p {
        margin: 0 0 9px !important;
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }

    .as-about-page .as-about-intro-copy p:last-child {
        margin-bottom: 0 !important;
    }


    /* ======================================================
       HERITAGE / OUR STORY
       ====================================================== */

    .as-about-page .as-heritage {
        padding: 32px 0 !important;
        min-height: 0 !important;
    }

    .as-about-page .as-heritage-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 55px !important;
        align-items: center !important;
    }

    .as-about-page .as-heritage-image {
        min-height: 245px !important;
        height: 245px !important;
        border-radius: 10px !important;
    }

    .as-about-page .as-heritage-image-content {
        padding: 27px !important;
    }

    .as-about-page .as-heritage-image-content span {
        margin-bottom: 6px !important;
        font-size: 8px !important;
    }

    .as-about-page .as-heritage-image-content strong {
        margin-bottom: 5px !important;
        font-size: 40px !important;
        line-height: 1 !important;
    }

    .as-about-page .as-heritage-image-content p {
        margin: 0 !important;
        font-size: 10px !important;
    }

    .as-about-page .as-heritage-copy .as-eyebrow {
        margin: 0 0 7px !important;
        font-size: 9px !important;
    }

    .as-about-page .as-heritage-copy h2 {
        margin: 0 0 12px !important;
        font-size: 34px !important;
        line-height: 1.04 !important;
    }

    .as-about-page .as-heritage-copy > p {
        margin: 0 0 9px !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .as-about-page .as-heritage-copy > p:last-child {
        margin-bottom: 0 !important;
    }


    /* ======================================================
       JOURNEY
       This is the second generic .as-section
       ====================================================== */

    .as-about-page .as-heritage + .as-section {
        padding: 32px 0 34px !important;
        min-height: 0 !important;
    }

    .as-about-page .as-heritage + .as-section .as-section-heading {
        max-width: 720px !important;
        margin: 0 auto 20px !important;
    }

    .as-about-page .as-heritage + .as-section .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-about-page .as-heritage + .as-section .as-section-heading h2 {
        margin: 0 0 7px !important;
        font-size: 32px !important;
        line-height: 1.05 !important;
    }

    .as-about-page .as-heritage + .as-section .as-section-heading > p:last-child {
        margin: 0 !important;
        font-size: 10.5px !important;
    }

    .as-about-page .as-timeline {
        gap: 12px !important;
    }

    .as-about-page .as-timeline-item {
        min-height: 165px !important;
        padding: 18px !important;
    }

    .as-about-page .as-timeline-item::before {
        margin-bottom: 10px !important;
    }

    .as-about-page .as-timeline-item strong {
        display: block;
        margin-bottom: 6px !important;
        font-size: 13px !important;
    }

    .as-about-page .as-timeline-item h3 {
        margin: 0 0 7px !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    .as-about-page .as-timeline-item p {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }


    /* ======================================================
       VALUES
       ====================================================== */

    .as-about-page .as-values {
        padding: 32px 0 34px !important;
        min-height: 0 !important;
    }

    .as-about-page .as-values .as-section-heading {
        margin: 0 auto 20px !important;
    }

    .as-about-page .as-values .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-about-page .as-values .as-section-heading h2 {
        margin: 0 0 7px !important;
        font-size: 32px !important;
    }

    .as-about-page .as-values .as-section-heading > p:last-child {
        margin: 0 !important;
        font-size: 10.5px !important;
    }

    .as-about-page .as-values-grid {
        gap: 12px !important;
    }

    .as-about-page .as-value-card {
        min-height: 155px !important;
        padding: 18px 20px !important;
    }

    .as-about-page .as-value-number {
        margin-bottom: 12px !important;
        font-size: 9px !important;
    }

    .as-about-page .as-value-card h3 {
        margin: 0 0 7px !important;
        font-size: 16px !important;
    }

    .as-about-page .as-value-card p {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }


    /* ======================================================
       AL SAWAN TODAY / SIX DIVISIONS
       ====================================================== */

    .as-about-page .as-today {
        padding: 32px 0 34px !important;
        min-height: 0 !important;
    }

    .as-about-page .as-today .as-section-heading {
        max-width: 750px !important;
        margin: 0 auto 20px !important;
    }

    .as-about-page .as-today .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-about-page .as-today .as-section-heading h2 {
        margin: 0 0 7px !important;
        font-size: 32px !important;
        line-height: 1.05 !important;
    }

    .as-about-page .as-today .as-section-heading > p:last-child {
        margin: 0 !important;
        font-size: 10.5px !important;
    }

    .as-about-page .as-about-divisions {
        gap: 9px 12px !important;
    }

    .as-about-page .as-about-divisions a {
        min-height: 50px !important;
        padding: 10px 18px !important;
        font-size: 11px !important;
    }

    .as-about-page .as-about-divisions a span {
        font-size: 9px !important;
    }


    /* ======================================================
       CTA
       ====================================================== */

    .as-about-page .as-cta {
        padding: 28px 0 !important;
        min-height: 0 !important;
    }

    .as-about-page .as-cta .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-about-page .as-cta h2 {
        margin: 0 0 8px !important;
        font-size: 30px !important;
        line-height: 1.05 !important;
    }

    .as-about-page .as-cta p:not(.as-eyebrow) {
        max-width: 620px !important;
        margin: 0 auto 12px !important;
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }

    .as-about-page .as-cta .as-btn {
        min-height: 35px !important;
        padding: 8px 17px !important;
        font-size: 10px !important;
    }


    /* ======================================================
       FOOTER — MATCH COMPACT HOMEPAGE
       ====================================================== */

    .as-about-page .as-custom-footer {
        padding-top: 24px !important;
    }

    .as-about-page .as-footer-grid {
        grid-template-columns: 1.45fr .8fr 1.05fr .9fr !important;
        gap: 38px !important;
        padding-bottom: 17px !important;
    }

    .as-about-page .as-footer-company .custom-logo {
        width: 105px !important;
        max-width: 105px !important;
        height: auto !important;
        margin-bottom: 9px !important;
    }

    .as-about-page .as-footer-brand {
        margin-bottom: 5px !important;
        font-size: 11px !important;
    }

    .as-about-page .as-footer-title {
        margin-bottom: 8px !important;
        font-size: 11px !important;
    }

    .as-about-page .as-footer-company > p,
    .as-about-page .as-custom-footer p,
    .as-about-page .as-custom-footer a {
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    .as-about-page .as-footer-links {
        gap: 4px !important;
    }

    .as-about-page .as-copyright {
        padding: 10px 0 !important;
        font-size: 8px !important;
    }
}

/* ==========================================================
   ABOUT US — TIMELINE MARKER FIX
   ========================================================== */

@media (min-width: 1001px) {

    .as-about-page .as-timeline {
        position: relative;
        gap: 12px !important;
    }

    .as-about-page .as-timeline-item {
        position: relative !important;
        padding: 38px 18px 18px !important;
        min-height: 165px !important;
    }

    /* Reset old marker positioning */
    .as-about-page .as-timeline-item::before {
        position: absolute !important;
        content: "" !important;

        top: 17px !important;
        left: 18px !important;

        width: 10px !important;
        height: 10px !important;

        background: #ffffff !important;
        border: 3px solid #0874c9 !important;
        border-radius: 50% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 3 !important;
        box-sizing: border-box !important;
    }

    /* Year / stage label */
    .as-about-page .as-timeline-item > strong {
        display: block !important;
        position: relative !important;
        margin: 0 0 5px !important;

        color: #0874c9 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    .as-about-page .as-timeline-item h3 {
        margin: 0 0 7px !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    .as-about-page .as-timeline-item p {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }
}

/* ==========================================================
   CAREERS + CONTACT US
   COMPACT DESKTOP POLISH
   ========================================================== */

@media (min-width: 1001px) {

    /* ======================================================
       CAREERS
       ====================================================== */

    /* HERO */
    .as-careers-page .as-careers-hero {
        min-height: 300px !important;
        height: 300px !important;
        display: flex !important;
        align-items: center !important;
    }

    .as-careers-page .as-careers-hero-content {
        max-width: 650px !important;
        padding: 25px 0 !important;
    }

    .as-careers-page .as-careers-hero .as-eyebrow {
        margin: 0 0 9px !important;
        font-size: 9px !important;
    }

    .as-careers-page .as-careers-hero h1 {
        margin: 0 0 12px !important;
        font-size: 42px !important;
        line-height: 1.03 !important;
    }

    .as-careers-page .as-careers-hero-content > p:not(.as-eyebrow) {
        margin: 0 0 14px !important;
        max-width: 580px;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .as-careers-page .as-careers-hero .as-btn {
        padding: 8px 17px !important;
        min-height: 35px !important;
        font-size: 10px !important;
    }


    /* CAREERS INTRO */
    .as-careers-page > .as-section:first-of-type {
        padding: 32px 0 !important;
    }

    .as-careers-page .as-careers-intro {
        grid-template-columns: .9fr 1.1fr !important;
        gap: 60px !important;
        align-items: start !important;
    }

    .as-careers-page .as-careers-intro .as-eyebrow {
        margin: 0 0 7px !important;
        font-size: 9px !important;
    }

    .as-careers-page .as-careers-intro h2 {
        margin: 0 !important;
        font-size: 33px !important;
        line-height: 1.06 !important;
    }

    .as-careers-page .as-careers-intro-copy p {
        margin: 0 0 9px !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    /* WHY AL SAWAN */
    .as-careers-page .as-career-values {
        padding: 32px 0 34px !important;
    }

    .as-careers-page .as-career-values .as-section-heading {
        margin: 0 auto 20px !important;
    }

    .as-careers-page .as-career-values .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-careers-page .as-career-values h2 {
        margin: 0 0 7px !important;
        font-size: 32px !important;
    }

    .as-careers-page .as-career-values .as-section-heading > p:last-child {
        margin: 0 !important;
        font-size: 10.5px !important;
    }

    .as-careers-page .as-career-value-grid {
        gap: 12px !important;
    }

    .as-careers-page .as-career-value-card {
        min-height: 150px !important;
        padding: 18px 20px !important;
    }

    .as-careers-page .as-career-value-card > span {
        font-size: 9px !important;
    }

    .as-careers-page .as-career-value-card h3 {
        margin: 12px 0 7px !important;
        font-size: 15px !important;
    }

    .as-careers-page .as-career-value-card p {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }


    /* CAREER AREAS */
    .as-careers-page #career-opportunities {
        padding: 32px 0 34px !important;
    }

    .as-careers-page #career-opportunities .as-section-heading {
        margin: 0 auto 20px !important;
    }

    .as-careers-page #career-opportunities .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-careers-page #career-opportunities h2 {
        margin: 0 0 7px !important;
        font-size: 32px !important;
    }

    .as-careers-page #career-opportunities .as-section-heading > p:last-child {
        margin: 0 !important;
        font-size: 10.5px !important;
    }

    .as-careers-page .as-career-areas {
        gap: 9px 12px !important;
    }

    .as-careers-page .as-career-areas a {
        min-height: 58px !important;
        padding: 10px 17px !important;
    }

    .as-careers-page .as-career-areas a > span {
        font-size: 9px !important;
    }

    .as-careers-page .as-career-areas strong {
        font-size: 11px !important;
    }

    .as-careers-page .as-career-areas small {
        font-size: 9px !important;
    }


    /* VACANCIES */
    .as-careers-page .as-vacancies {
        padding: 32px 0 !important;
    }

    .as-careers-page .as-vacancies-grid {
        gap: 55px !important;
        align-items: center !important;
    }

    .as-careers-page .as-vacancies .as-eyebrow {
        margin: 0 0 7px !important;
        font-size: 9px !important;
    }

    .as-careers-page .as-vacancies h2 {
        margin: 0 0 9px !important;
        font-size: 32px !important;
        line-height: 1.05 !important;
    }

    .as-careers-page .as-vacancies-grid > div:first-child > p:last-child {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

    .as-careers-page .as-vacancy-box {
        padding: 20px !important;
    }

    .as-careers-page .as-vacancy-icon {
        margin-bottom: 8px !important;
    }

    .as-careers-page .as-vacancy-box h3 {
        margin: 0 0 6px !important;
        font-size: 16px !important;
    }

    .as-careers-page .as-vacancy-box p {
        margin: 0 0 12px !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }


    /* CAREERS CTA */
    .as-careers-page .as-cta {
        padding: 28px 0 !important;
    }

    .as-careers-page .as-cta .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-careers-page .as-cta h2 {
        margin: 0 0 7px !important;
        font-size: 30px !important;
    }

    .as-careers-page .as-cta p:not(.as-eyebrow) {
        margin: 0 auto 12px !important;
        font-size: 10.5px !important;
    }


    /* ======================================================
       CONTACT US
       ====================================================== */

    /* HERO */
    .as-contact-page .as-contact-hero {
        min-height: 300px !important;
        height: 300px !important;
        display: flex !important;
        align-items: center !important;
    }

    .as-contact-page .as-contact-hero-content {
        max-width: 650px !important;
        padding: 24px 0 !important;
    }

    .as-contact-page .as-contact-hero .as-eyebrow {
        margin: 0 0 8px !important;
        font-size: 9px !important;
    }

    .as-contact-page .as-contact-hero h1 {
        margin: 0 0 11px !important;
        font-size: 42px !important;
        line-height: 1.03 !important;
    }

    .as-contact-page .as-contact-hero-content > p:not(.as-eyebrow) {
        margin: 0 !important;
        max-width: 560px;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    /* CONTACT DETAILS */
    .as-contact-page > .as-section:first-of-type {
        padding: 30px 0 32px !important;
    }

    .as-contact-page > .as-section:first-of-type .as-section-heading {
        margin: 0 auto 18px !important;
    }

    .as-contact-page > .as-section:first-of-type .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-contact-page > .as-section:first-of-type h2 {
        margin: 0 0 6px !important;
        font-size: 31px !important;
    }

    .as-contact-page > .as-section:first-of-type .as-section-heading > p:last-child {
        margin: 0 !important;
        font-size: 10.5px !important;
    }

    .as-contact-page .as-contact-cards {
        gap: 13px !important;
    }

    .as-contact-page .as-contact-card {
        min-height: 150px !important;
        padding: 18px 20px !important;
    }

    .as-contact-page .as-contact-icon {
        margin-bottom: 8px !important;
        font-size: 20px !important;
    }

    .as-contact-page .as-contact-card h3 {
        margin: 0 0 6px !important;
        font-size: 15px !important;
    }

    .as-contact-page .as-contact-card p {
        margin: 0 0 5px !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    .as-contact-page .as-contact-card small {
        font-size: 9px !important;
    }


    /* CONTACT FORM */
    .as-contact-page .as-contact-form-section {
        padding: 32px 0 !important;
    }

    .as-contact-page .as-contact-grid {
        grid-template-columns: .75fr 1.25fr !important;
        gap: 50px !important;
        align-items: start !important;
    }

    .as-contact-page .as-contact-form-copy .as-eyebrow {
        margin: 0 0 7px !important;
        font-size: 9px !important;
    }

    .as-contact-page .as-contact-form-copy h2 {
        margin: 0 0 10px !important;
        font-size: 32px !important;
        line-height: 1.05 !important;
    }

    .as-contact-page .as-contact-form-copy > p:not(.as-eyebrow) {
        margin: 0 0 14px !important;
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

    .as-contact-page .as-contact-note {
        padding: 11px 0 !important;
        margin: 0 !important;
    }

    .as-contact-page .as-contact-note strong {
        font-size: 10.5px !important;
    }

    .as-contact-page .as-contact-note span {
        font-size: 9.5px !important;
        line-height: 1.4 !important;
    }

    .as-contact-page .as-enquiry-form {
        padding: 20px !important;
    }

    .as-contact-page .as-form-row {
        gap: 12px !important;
    }

    .as-contact-page .as-field {
        margin-bottom: 10px !important;
    }

    .as-contact-page .as-field label {
        margin-bottom: 4px !important;
        font-size: 9.5px !important;
    }

    .as-contact-page .as-field input,
    .as-contact-page .as-field select {
        height: 37px !important;
        min-height: 37px !important;
        padding: 7px 10px !important;
        font-size: 10px !important;
    }

    .as-contact-page .as-field textarea {
        min-height: 90px !important;
        height: 90px !important;
        padding: 8px 10px !important;
        font-size: 10px !important;
        resize: vertical;
    }

    .as-contact-page .as-form-submit {
        min-height: 37px !important;
        padding: 8px 18px !important;
        font-size: 10px !important;
    }

    .as-contact-page .as-form-status {
        margin: 8px 0 0 !important;
        font-size: 8.5px !important;
    }


    /* LOCATION */
    .as-contact-page .as-location-section {
        padding: 30px 0 !important;
    }

    .as-contact-page .as-location-grid {
        gap: 50px !important;
        align-items: center !important;
    }

    .as-contact-page .as-location-section .as-eyebrow {
        margin: 0 0 6px !important;
        font-size: 9px !important;
    }

    .as-contact-page .as-location-section h2 {
        margin: 0 0 9px !important;
        font-size: 30px !important;
    }

    .as-contact-page .as-location-section p {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

    .as-contact-page .as-map-placeholder {
        min-height: 170px !important;
        height: 170px !important;
    }

    .as-contact-page .as-map-placeholder span {
        font-size: 8px !important;
    }

    .as-contact-page .as-map-placeholder strong {
        font-size: 18px !important;
    }

    .as-contact-page .as-map-placeholder p {
        font-size: 9px !important;
    }


    /* CONTACT CTA */
    .as-contact-page .as-cta {
        padding: 28px 0 !important;
    }

    .as-contact-page .as-cta .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-contact-page .as-cta h2 {
        margin: 0 0 7px !important;
        font-size: 30px !important;
    }

    .as-contact-page .as-cta p:not(.as-eyebrow) {
        margin: 0 auto 12px !important;
        font-size: 10.5px !important;
    }


    /* ======================================================
       BOTH PAGES — COMPACT FOOTER
       ====================================================== */

    .as-careers-page .as-custom-footer,
    .as-contact-page .as-custom-footer {
        padding-top: 24px !important;
    }

    .as-careers-page .as-footer-grid,
    .as-contact-page .as-footer-grid {
        grid-template-columns: 1.45fr .8fr 1.05fr .9fr !important;
        gap: 38px !important;
        padding-bottom: 17px !important;
    }

    .as-careers-page .as-footer-company .custom-logo,
    .as-contact-page .as-footer-company .custom-logo {
        width: 105px !important;
        max-width: 105px !important;
        height: auto !important;
        margin-bottom: 9px !important;
    }

    .as-careers-page .as-footer-brand,
    .as-contact-page .as-footer-brand,
    .as-careers-page .as-footer-title,
    .as-contact-page .as-footer-title {
        font-size: 11px !important;
    }

    .as-careers-page .as-footer-title,
    .as-contact-page .as-footer-title {
        margin-bottom: 8px !important;
    }

    .as-careers-page .as-footer-brand,
    .as-contact-page .as-footer-brand {
        margin-bottom: 5px !important;
    }

    .as-careers-page .as-custom-footer p,
    .as-careers-page .as-custom-footer a,
    .as-contact-page .as-custom-footer p,
    .as-contact-page .as-custom-footer a {
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    .as-careers-page .as-footer-links,
    .as-contact-page .as-footer-links {
        gap: 4px !important;
    }

    .as-careers-page .as-copyright,
    .as-contact-page .as-copyright {
        padding: 10px 0 !important;
        font-size: 8px !important;
    }
}

    body.page-about-us .as-copyright,
    .as-about-page .as-copyright {
        padding: 10px 0 !important;
        font-size: 8px !important;
    }
}

/* ==========================================================
   DIVISIONS PAGE
   COMPACT DESKTOP POLISH
   ========================================================== */

@media (min-width: 1001px) {

    /* HERO */
    .as-divisions-page .as-divisions-hero {
        min-height: 300px !important;
        height: 300px !important;
        display: flex !important;
        align-items: center !important;
    }

    .as-divisions-page .as-divisions-hero-content {
        max-width: 690px !important;
        padding: 24px 0 !important;
    }

    .as-divisions-page .as-divisions-hero .as-eyebrow {
        margin: 0 0 8px !important;
        font-size: 9px !important;
    }

    .as-divisions-page .as-divisions-hero h1 {
        margin: 0 0 12px !important;
        font-size: 42px !important;
        line-height: 1.03 !important;
    }

    .as-divisions-page .as-divisions-hero-content > p:not(.as-eyebrow) {
        margin: 0 !important;
        max-width: 620px !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    /* INTRO / SECTION HEADING */
    .as-divisions-page .as-section {
        padding-top: 30px !important;
        padding-bottom: 32px !important;
    }

    .as-divisions-page .as-section-heading {
        margin: 0 auto 20px !important;
        max-width: 760px !important;
    }

    .as-divisions-page .as-section-heading .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-divisions-page .as-section-heading h2 {
        margin: 0 0 7px !important;
        font-size: 32px !important;
        line-height: 1.08 !important;
    }

    .as-divisions-page .as-section-heading > p:last-child {
        margin: 0 auto !important;
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }


    /* DIVISION GRID */
    .as-divisions-page .as-division-grid,
    .as-divisions-page .as-divisions-grid {
        gap: 14px !important;
    }

    .as-divisions-page .as-division-card {
        min-height: 0 !important;
        margin: 0 !important;
    }

    .as-divisions-page .as-division-card img {
        height: 135px !important;
        min-height: 135px !important;
        object-fit: cover !important;
    }

    .as-divisions-page .as-division-card-content {
        padding: 16px 18px 17px !important;
    }

    .as-divisions-page .as-division-card .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 8px !important;
    }

    .as-divisions-page .as-division-card h2,
    .as-divisions-page .as-division-card h3 {
        margin: 0 0 6px !important;
        font-size: 17px !important;
        line-height: 1.15 !important;
    }

    .as-divisions-page .as-division-card p {
        margin: 0 0 10px !important;
        font-size: 9.5px !important;
        line-height: 1.45 !important;
    }

    .as-divisions-page .as-division-card a {
        font-size: 9.5px !important;
    }


    /* IF CARDS USE THESE ALTERNATIVE CLASS NAMES */
    .as-divisions-page .as-division-image,
    .as-divisions-page .as-division-card-image {
        height: 135px !important;
        min-height: 135px !important;
    }

    .as-divisions-page .as-division-image img,
    .as-divisions-page .as-division-card-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }


    /* CTA */
    .as-divisions-page .as-cta {
        padding: 28px 0 !important;
    }

    .as-divisions-page .as-cta .as-eyebrow {
        margin: 0 0 5px !important;
        font-size: 9px !important;
    }

    .as-divisions-page .as-cta h2 {
        margin: 0 0 7px !important;
        font-size: 30px !important;
        line-height: 1.1 !important;
    }

    .as-divisions-page .as-cta p:not(.as-eyebrow) {
        margin: 0 auto 12px !important;
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }

    .as-divisions-page .as-cta .as-btn {
        min-height: 35px !important;
        padding: 8px 17px !important;
        font-size: 10px !important;
    }


    /* COMPACT FOOTER */
    .as-divisions-page .as-custom-footer {
        padding-top: 24px !important;
    }

    .as-divisions-page .as-footer-grid {
        grid-template-columns: 1.45fr .8fr 1.05fr .9fr !important;
        gap: 38px !important;
        padding-bottom: 17px !important;
    }

    .as-divisions-page .as-footer-company .custom-logo {
        width: 105px !important;
        max-width: 105px !important;
        height: auto !important;
        margin-bottom: 9px !important;
    }

    .as-divisions-page .as-footer-brand,
    .as-divisions-page .as-footer-title {
        font-size: 11px !important;
    }

    .as-divisions-page .as-footer-title {
        margin-bottom: 8px !important;
    }

    .as-divisions-page .as-footer-brand {
        margin-bottom: 5px !important;
    }

    .as-divisions-page .as-custom-footer p,
    .as-divisions-page .as-custom-footer a {
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    .as-divisions-page .as-footer-links {
        gap: 4px !important;
    }

    .as-divisions-page .as-copyright {
        padding: 10px 0 !important;
        font-size: 8px !important;
    }
}

/* ==========================================================
   DIVISIONS PAGE — FINAL COMPACT CARD OVERRIDE
   Keep 2 columns, dramatically reduce card height
   ========================================================== */

@media (min-width: 1001px) {

    /* OUR BUSINESS INTRO */
    .as-divisions-page .as-divisions-intro,
    .as-divisions-page .as-business-intro {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }


    /* DIVISIONS SECTION */
    .as-divisions-page .as-divisions-section {
        padding: 22px 0 24px !important;
    }

    .as-divisions-page .as-divisions-section .as-section-heading {
        margin-bottom: 15px !important;
    }


    /* KEEP 2 COLUMNS */
    .as-divisions-page .as-divisions-grid,
    .as-divisions-page .as-division-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px 16px !important;
    }


    /* CARD */
    .as-divisions-page .as-division-card {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        overflow: hidden !important;
    }


    /* 
       IMPORTANT:
       Force ANY direct image inside division cards shorter.
    */
    .as-divisions-page .as-division-card > img,
    .as-divisions-page .as-division-card figure img,
    .as-divisions-page .as-division-card .as-card-image img,
    .as-divisions-page .as-division-card .as-division-image img,
    .as-divisions-page .as-division-card .as-division-card-image img {
        width: 100% !important;
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
        object-fit: cover !important;
        display: block !important;
    }


    /* IMAGE WRAPPERS */
    .as-divisions-page .as-division-card figure,
    .as-divisions-page .as-division-card .as-card-image,
    .as-divisions-page .as-division-card .as-division-image,
    .as-divisions-page .as-division-card .as-division-card-image {
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
        overflow: hidden !important;
        margin: 0 !important;
    }


    /* NUMBER CIRCLE */
    .as-divisions-page .as-division-number {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        font-size: 10px !important;
    }


    /* CARD BODY — catch the existing body wrappers */
    .as-divisions-page .as-division-content,
    .as-divisions-page .as-division-card-content,
    .as-divisions-page .as-card-content,
    .as-divisions-page .as-division-body {
        padding: 13px 30px 15px !important;
        min-height: 0 !important;
    }


    /* CATEGORY */
    .as-divisions-page .as-division-card .as-eyebrow,
    .as-divisions-page .as-division-card .as-label {
        margin: 0 0 5px !important;
        font-size: 7px !important;
        line-height: 1.2 !important;
    }


    /* CARD TITLE */
    .as-divisions-page .as-division-card h2,
    .as-divisions-page .as-division-card h3 {
        margin: 0 0 6px !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
    }


    /* DESCRIPTION */
    .as-divisions-page .as-division-card p {
        margin: 0 0 9px !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
    }


    /* EXPLORE LINK */
    .as-divisions-page .as-division-card a {
        font-size: 9px !important;
        line-height: 1.2 !important;
    }


    /* Remove excess spacing after last paragraph/link */
    .as-divisions-page .as-division-card p:last-child,
    .as-divisions-page .as-division-card a:last-child {
        margin-bottom: 0 !important;
    }


    /* CTA */
    .as-divisions-page .as-cta {
        padding: 20px 0 !important;
    }

    .as-divisions-page .as-cta h2 {
        font-size: 25px !important;
        margin-bottom: 5px !important;
    }

    .as-divisions-page .as-cta p {
        margin-bottom: 9px !important;
        font-size: 9.5px !important;
    }
}

/* ==========================================================
   DIVISIONS PAGE — 3 x 2 COMPACT CARDS
   Match compact homepage card layout
   ========================================================== */

@media (min-width: 1001px) {

    /* DIVISIONS GRID — THREE COLUMNS */
    .as-divisions-page .as-divisions-grid,
    .as-divisions-page .as-division-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px 16px !important;
        align-items: stretch !important;
    }

    /* CARD */
    .as-divisions-page .as-division-card {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        height: 310px !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    /* IMAGE AREA */
    .as-divisions-page .as-division-card > img,
    .as-divisions-page .as-division-card figure img,
    .as-divisions-page .as-division-card .as-card-image img,
    .as-divisions-page .as-division-card .as-division-image img,
    .as-divisions-page .as-division-card .as-division-card-image img {
        width: 100% !important;
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
        object-fit: cover !important;
        display: block !important;
    }

    .as-divisions-page .as-division-card figure,
    .as-divisions-page .as-division-card .as-card-image,
    .as-divisions-page .as-division-card .as-division-image,
    .as-divisions-page .as-division-card .as-division-card-image {
        width: 100% !important;
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    /* NUMBER / ICON CIRCLE */
    .as-divisions-page .as-division-number {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        margin-top: -21px !important;
        margin-left: 18px !important;
        position: relative !important;
        z-index: 5 !important;
        font-size: 10px !important;
    }

    /* CONTENT */
    .as-divisions-page .as-division-content,
    .as-divisions-page .as-division-card-content,
    .as-divisions-page .as-card-content,
    .as-divisions-page .as-division-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 10px 18px 14px !important;
    }

    /* CATEGORY */
    .as-divisions-page .as-division-card .as-eyebrow,
    .as-divisions-page .as-division-card .as-label {
        margin: 0 0 4px !important;
        font-size: 7px !important;
        line-height: 1.2 !important;
    }

    /* TITLE */
    .as-divisions-page .as-division-card h2,
    .as-divisions-page .as-division-card h3 {
        margin: 0 0 5px !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
    }

    /* DESCRIPTION */
    .as-divisions-page .as-division-card p {
        margin: 0 0 7px !important;
        font-size: 8.5px !important;
        line-height: 1.4 !important;
    }

    /* KEEP EXPLORE LINK NEAR BOTTOM */
    .as-divisions-page .as-division-card a {
        display: inline-block !important;
        margin-top: auto !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }


    /* ======================================================
       DIVISIONS SECTION ITSELF
       ====================================================== */

    .as-divisions-page .as-divisions-section {
        padding: 20px 0 24px !important;
    }

    .as-divisions-page .as-divisions-section .as-section-heading {
        margin: 0 auto 14px !important;
    }

    .as-divisions-page .as-divisions-section .as-section-heading h2 {
        font-size: 27px !important;
        margin-bottom: 4px !important;
    }

    .as-divisions-page .as-divisions-section .as-section-heading p {
        font-size: 9px !important;
    }

/* ==========================================================
   DIVISIONS PAGE — 3 x 2 COMPACT CARDS
   Match compact homepage card layout
   ========================================================== */

@media (min-width: 1001px) {

    /* DIVISIONS GRID — THREE COLUMNS */
    .as-divisions-page .as-divisions-grid,
    .as-divisions-page .as-division-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px 16px !important;
        align-items: stretch !important;
    }

    /* CARD */
    .as-divisions-page .as-division-card {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        height: 310px !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    /* IMAGE AREA */
    .as-divisions-page .as-division-card > img,
    .as-divisions-page .as-division-card figure img,
    .as-divisions-page .as-division-card .as-card-image img,
    .as-divisions-page .as-division-card .as-division-image img,
    .as-divisions-page .as-division-card .as-division-card-image img {
        width: 100% !important;
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
        object-fit: cover !important;
        display: block !important;
    }

    .as-divisions-page .as-division-card figure,
    .as-divisions-page .as-division-card .as-card-image,
    .as-divisions-page .as-division-card .as-division-image,
    .as-divisions-page .as-division-card .as-division-card-image {
        width: 100% !important;
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    /* NUMBER / ICON CIRCLE */
    .as-divisions-page .as-division-number {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        margin-top: -21px !important;
        margin-left: 18px !important;
        position: relative !important;
        z-index: 5 !important;
        font-size: 10px !important;
    }

    /* CONTENT */
    .as-divisions-page .as-division-content,
    .as-divisions-page .as-division-card-content,
    .as-divisions-page .as-card-content,
    .as-divisions-page .as-division-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 10px 18px 14px !important;
    }

    /* CATEGORY */
    .as-divisions-page .as-division-card .as-eyebrow,
    .as-divisions-page .as-division-card .as-label {
        margin: 0 0 4px !important;
        font-size: 7px !important;
        line-height: 1.2 !important;
    }

    /* TITLE */
    .as-divisions-page .as-division-card h2,
    .as-divisions-page .as-division-card h3 {
        margin: 0 0 5px !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
    }

    /* DESCRIPTION */
    .as-divisions-page .as-division-card p {
        margin: 0 0 7px !important;
        font-size: 8.5px !important;
        line-height: 1.4 !important;
    }

    /* KEEP EXPLORE LINK NEAR BOTTOM */
    .as-divisions-page .as-division-card a {
        display: inline-block !important;
        margin-top: auto !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }


    /* ======================================================
       DIVISIONS SECTION ITSELF
       ====================================================== */

    .as-divisions-page .as-divisions-section {
        padding: 20px 0 24px !important;
    }

    .as-divisions-page .as-divisions-section .as-section-heading {
        margin: 0 auto 14px !important;
    }

    .as-divisions-page .as-divisions-section .as-section-heading h2 {
        font-size: 27px !important;
        margin-bottom: 4px !important;
    }

    .as-divisions-page .as-divisions-section .as-section-heading p {
        font-size: 9px !important;
    }
}

/* ==========================================================
   DIVISIONS PAGE — FINAL COMPACT 3 x 2 LAYOUT
   Homepage-style cards
   ========================================================== */

@media (min-width: 1001px) {

    /* Entire divisions section */
    .as-divisions-overview {
        padding: 20px 0 24px !important;
    }

    /* Heading */
    .as-divisions-overview .as-section-heading {
        margin: 0 auto 14px !important;
        text-align: center !important;
    }

    .as-divisions-overview .as-section-heading .as-eyebrow {
        margin-bottom: 3px !important;
        font-size: 8px !important;
        letter-spacing: 3px !important;
    }

    .as-divisions-overview .as-section-heading h2 {
        margin: 0 0 3px !important;
        font-size: 27px !important;
        line-height: 1.1 !important;
    }

    .as-divisions-overview .as-section-heading > p:last-child {
        margin: 0 !important;
        font-size: 9px !important;
        line-height: 1.4 !important;
    }


    /* ======================================================
       3 COLUMNS × 2 ROWS
       ====================================================== */

    .as-divisions-overview-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px 16px !important;
        align-items: stretch !important;
    }


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

    .as-division-feature {
        display: flex !important;
        flex-direction: column !important;

        height: 300px !important;
        min-height: 0 !important;

        margin: 0 !important;

        background: #fff !important;
        border: 1px solid #dce6ef !important;
        border-radius: 8px !important;

        overflow: hidden !important;
    }


    /* ======================================================
       IMAGE
       ====================================================== */

    .as-division-feature-image {
        position: relative !important;

        width: 100% !important;
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;

        overflow: visible !important;
        margin: 0 !important;
    }

    .as-division-feature-image img {
        display: block !important;

        width: 100% !important;
        height: 145px !important;

        object-fit: cover !important;
        object-position: center !important;
    }


    /* ======================================================
       NUMBER CIRCLE
       ====================================================== */

    .as-division-feature-image span {
        position: absolute !important;

        left: 18px !important;
        bottom: -20px !important;

        width: 42px !important;
        height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        background: #0877c9 !important;
        color: #fff !important;

        border: 3px solid #fff !important;

        font-size: 10px !important;
        font-weight: 700 !important;

        z-index: 5 !important;
    }


    /* ======================================================
       CARD CONTENT
       ====================================================== */

    .as-division-feature-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 28px 18px 13px !important;
    }


    /* Category */
    .as-division-feature-body .as-division-category {
        margin: 0 0 4px !important;

        font-size: 7px !important;
        line-height: 1.2 !important;

        letter-spacing: 2px !important;
        font-weight: 700 !important;

        color: #006bc4 !important;
    }


    /* Title */
    .as-division-feature-body h3 {
        margin: 0 0 5px !important;

        font-size: 15px !important;
        line-height: 1.15 !important;

        color: #09233f !important;
    }


    /* Description */
    .as-division-feature-body > p:not(.as-division-category) {
        margin: 0 0 6px !important;

        font-size: 8.5px !important;
        line-height: 1.4 !important;

        color: #4b5d70 !important;
    }


    /* Explore link */
    .as-division-feature-body > a {
        display: inline-block !important;

        margin-top: auto !important;

        font-size: 8.5px !important;
        line-height: 1.2 !important;

        font-weight: 700 !important;

        color: #0070c9 !important;
    }
}

/* ==========================================================
   FOOTER — LARGER, EASIER TO READ
   ========================================================== */

/* Main footer */
.as-custom-footer {
    font-size: 16px !important;
}

/* AL SAWAN COMPANY W.L.L. */
.as-custom-footer .as-footer-brand {
    font-size: 17px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin-top: 14px !important;
}

/* Company / Divisions / Contact */
.as-custom-footer .as-footer-title {
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

/* Description and address */
.as-custom-footer p,
.as-custom-footer .as-footer-company p {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* ALL footer links */
.as-custom-footer a,
.as-custom-footer .as-footer-links a,
.as-custom-footer a:link,
.as-custom-footer a:visited {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Individual menu spacing */
.as-custom-footer .as-footer-links a {
    display: block !important;
    margin-bottom: 5px !important;
}

/* Email */
.as-custom-footer a[href^="mailto:"] {
    font-size: 15px !important;
}

/* Copyright */
.as-custom-footer .as-copyright {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* Footer Send an Enquiry — match other footer text */
.as-custom-footer .as-footer-contact-link,
.as-custom-footer .as-footer-contact a,
.as-custom-footer a[href*="contact-us"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* =====================================================
   MEDICAL & RECREATIONAL — EUROPEAN RESORT SLIDER
   ===================================================== */
/* Al Sawan: European Spa Resorts Slider — replace old country-card CSS with this */
.as-medical-page .as-medical-resorts { padding: 76px 0 82px; background: #f2f7f8; }
.as-medical-page .as-resorts-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.as-medical-page .as-resorts-heading h2 { margin: 10px 0 12px; color:#09233f; font-size:clamp(26px,3vw,38px); line-height:1.2; }
.as-medical-page .as-resorts-heading h2 span { color:#078aa4; }
.as-medical-page .as-resorts-heading p { margin:0; color:#53677a; line-height:1.65; }
.as-medical-page .as-resorts-controls { display:flex; gap:10px; flex-shrink:0; }
.as-medical-page .as-resorts-controls button { width:43px; height:43px; border:1px solid #c9dce5; border-radius:50%; background:#fff; color:#07537e; font-size:22px; cursor:pointer; }
.as-medical-page .as-resorts-controls button:hover { background:#07537e; color:#fff; }
.as-medical-page .as-resorts-track { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:2px 2px 14px; scrollbar-width:thin; }
.as-medical-page .as-resort-card { flex:0 0 calc((100% - 40px)/3); min-width:0; overflow:hidden; border:1px solid #dbe8ed; border-radius:12px; background:#fff; box-shadow:0 7px 22px rgba(8,42,66,.06); scroll-snap-align:start; }
.as-medical-page .as-resort-photo { height:190px; position:relative; overflow:hidden; background:#dce8ed; }
.as-medical-page .as-resort-photo img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s; }
.as-medical-page .as-resort-card:hover img { transform:scale(1.04); }
.as-medical-page .as-resort-country { position:absolute; left:14px; bottom:14px; padding:7px 12px; border-radius:5px; background:rgba(3,45,70,.92); color:#fff; font-size:12px; font-weight:700; }
.as-medical-page .as-resort-body { padding:19px 20px 22px; }
.as-medical-page .as-resort-body h3 { margin:0 0 7px; color:#09233f; font-size:19px; line-height:1.35; }
.as-medical-page .as-resort-body p { margin:0; color:#5b7080; font-size:13px; }
.as-medical-page .as-resorts-note { margin:12px 0 0; color:#647785; font-size:12px; }
@media(max-width:900px) { .as-medical-page .as-resort-card { flex-basis:calc((100% - 20px)/2); } }
@media(max-width:600px) { .as-medical-page .as-medical-resorts { padding:55px 0; } .as-medical-page .as-resorts-heading { align-items:flex-start; } .as-medical-page .as-resorts-controls button { width:37px; height:37px; } .as-medical-page .as-resort-card { flex-basis:86%; } .as-medical-page .as-resort-photo { height:175px; } }


/* Auto-loop resort carousel: scrollbar hidden, swipe retained */
.as-medical-page .as-resorts-track { scrollbar-width:none; -ms-overflow-style:none; padding-bottom:2px; }
.as-medical-page .as-resorts-track::-webkit-scrollbar { display:none; }
@media (prefers-reduced-motion: reduce) { .as-medical-page .as-resorts-track { scroll-behavior:auto; } }