/* =========================================================
   AE WORKS PRIVATE LIMITED
   MAIN WEBSITE STYLESHEET
   Version: 3.0
   Bootstrap 5 Compatible
========================================================= */


/* =========================================================
   01. ROOT VARIABLES
========================================================= */

:root {

    --ae-primary: #900808;
    --ae-primary-dark: #680505;
    --ae-primary-light: #b31313;

    --ae-dark: #101218;
    --ae-dark-2: #171a22;
    --ae-black: #08090c;

    --ae-white: #ffffff;
    --ae-light: #f5f6f8;
    --ae-light-2: #eef0f3;

    --ae-text: #555a66;
    --ae-text-light: #858b96;

    --ae-border: #e2e4e8;

    --ae-radius: 4px;

    --ae-transition: all .35s cubic-bezier(.22, .61, .36, 1);

    --ae-shadow:
        0 15px 45px rgba(16, 18, 24, .08);

    --ae-shadow-hover:
        0 25px 65px rgba(16, 18, 24, .15);

    --ae-primary-shadow:
        0 15px 40px rgba(144, 8, 8, .20);

    --ae-container: 1320px;
}


/* =========================================================
   02. GLOBAL RESET
========================================================= */

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

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ae-text);
    background: var(--ae-white);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--ae-transition);
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button,
input,
textarea,
select {
    font-family: inherit;
}

button {
    cursor: pointer;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

p:last-child {
    margin-bottom: 0;
}

::selection {
    background: var(--ae-primary);
    color: var(--ae-white);
}


/* =========================================================
   03. BOOTSTRAP CONTAINER
========================================================= */

.container {
    width: 100%;
    max-width: var(--ae-container);
}


/* =========================================================
   04. COMMON SECTIONS
========================================================= */

.ae-section {
    padding: 110px 0;
}

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


/* =========================================================
   05. TOP BAR
========================================================= */

.ae-topbar {
    background: var(--ae-dark);

    color: rgba(255, 255, 255, .75);

    font-size: 13px;

    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.ae-topbar-inner {
    min-height: 42px;
}

.ae-topbar a {
    color: rgba(255, 255, 255, .80);
}

.ae-topbar a:hover {
    color: var(--ae-white);
}

.ae-topbar i {
    color: var(--ae-primary-light);
    margin-right: 5px;
}


/* =========================================================
   06. HEADER
========================================================= */

.ae-header {
    position: sticky;
    top: 0;
    z-index: 1000;

    background: rgba(255, 255, 255, .97);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-bottom: 1px solid rgba(0, 0, 0, .06);

    transition: var(--ae-transition);
}

.ae-header.scrolled {
    box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
}

.ae-navbar {
    min-height: 88px;
}


/* =========================================================
   07. LOGO
========================================================= */

.ae-logo {
    display: inline-flex;
    align-items: center;
}

.ae-logo img {
    width: 260px;
    max-height: 62px;
    object-fit: contain;
}


/* =========================================================
   08. NAVIGATION
========================================================= */

.ae-nav {
    gap: 6px;
}

.ae-nav .nav-link {
    position: relative;

    color: #252830;

    font-size: 14px;
    font-weight: 600;

    padding: 12px 15px !important;
}

.ae-nav .nav-link::after {
    content: "";

    position: absolute;

    left: 15px;
    right: 15px;
    bottom: 5px;

    height: 2px;

    background: var(--ae-primary);

    transform: scaleX(0);
    transform-origin: center;

    transition: var(--ae-transition);
}

.ae-nav .nav-link:hover,
.ae-nav .nav-link.active {
    color: var(--ae-primary);
}

.ae-nav .nav-link:hover::after,
.ae-nav .nav-link.active::after {
    transform: scaleX(1);
}


/* =========================================================
   09. TYPOGRAPHY
========================================================= */

.ae-kicker {
    display: inline-flex;
    align-items: center;

    gap: 10px;
    margin-bottom: 18px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}

.ae-kicker::before {
    content: "";

    width: 32px;
    height: 2px;

    background: var(--ae-primary);

    display: inline-block;
}

.ae-section-heading h2 {
    margin: 0 0 22px;

    color: var(--ae-dark);

    font-family: 'Montserrat', sans-serif;

    font-size: clamp(36px, 4vw, 58px);

    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -1.8px;
}

.ae-section-heading h2 strong {
    color: var(--ae-primary);
}

.ae-section-heading p {
    max-width: 650px;

    margin: 0 0 18px;

    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.9;
}

.ae-section-description {
    max-width: 520px;

    margin: 0 0 0 auto;

    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   10. BUTTONS
========================================================= */

.ae-btn {
    min-height: 54px;

    padding: 0 25px;

    display: inline-flex;

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

    gap: 14px;

    border: 1px solid transparent;
    border-radius: 2px;

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

    letter-spacing: .7px;

    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-btn i {
    font-size: 17px;
    transition: var(--ae-transition);
}

.ae-btn:hover i {
    transform: translate(4px, -3px);
}


/* PRIMARY */

.ae-btn-primary {
    background: var(--ae-primary);
    color: var(--ae-white);

    box-shadow: var(--ae-primary-shadow);
}

.ae-btn-primary:hover {
    background: var(--ae-primary-dark);
    color: var(--ae-white);

    transform: translateY(-2px);

    box-shadow:
        0 18px 45px rgba(144, 8, 8, .30);
}


/* DARK */

.ae-btn-dark {
    background: var(--ae-dark);
    color: var(--ae-white);
}

.ae-btn-dark:hover {
    background: var(--ae-primary);
    color: var(--ae-white);

    transform: translateY(-2px);
}


/* LIGHT */

.ae-btn-light {
    border-color: rgba(255, 255, 255, .5);

    color: var(--ae-white);

    background: rgba(255, 255, 255, .05);

    backdrop-filter: blur(8px);
}

.ae-btn-light:hover {
    background: var(--ae-white);

    color: var(--ae-dark);

    border-color: var(--ae-white);
}


/* WHITE */

.ae-btn-white {
    background: var(--ae-white);
    color: var(--ae-dark);
}

.ae-btn-white:hover {
    background: var(--ae-primary);

    color: var(--ae-white);

    transform: translateY(-2px);
}


/* TEXT LINK */

.ae-text-link {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: var(--ae-dark);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;
}

.ae-text-link i {
    color: var(--ae-primary);

    font-size: 17px;

    transition: var(--ae-transition);
}

.ae-text-link:hover {
    color: var(--ae-primary);
}

.ae-text-link:hover i {
    transform: translate(4px, -3px);
}


/* =========================================================
   11. HERO
========================================================= */

/* =========================================================
   AE WORKS - CREATIVE LIGHT HERO CAROUSEL
   ========================================================= */

.ae-hero-carousel {
    position: relative;
    width: 100%;
    height: 760px;
    overflow: hidden;

    background: #ffffff;

    color: #101218;
}


/* =========================================================
   CAROUSEL CORE
   ========================================================= */

.ae-hero-carousel .carousel,
.ae-hero-carousel .carousel-inner,
.ae-hero-carousel .carousel-item {
    width: 100%;
    height: 100%;
}


/* =========================================================
   SLIDE
   ========================================================= */

.ae-hero-slide {
    position: relative;
    width: 100%;
    height: 760px;
    overflow: hidden;

    background: #ffffff;
}


/* =========================================================
   SUBTLE ENGINEERING GRID
   ========================================================= */

.ae-hero-slide::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 48%;
    height: 100%;

    opacity: .45;

    background-image:
        linear-gradient(
            rgba(16,18,24,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16,18,24,.035) 1px,
            transparent 1px
        );

    background-size: 45px 45px;

    pointer-events: none;

    z-index: 0;
}


/* =========================================================
   CREATIVE RED LINE
   ========================================================= */

.ae-hero-slide::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 42%;
    height: 5px;

    background: #900808;

    z-index: 5;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.ae-hero-slide-image {
    position: absolute;

    top: 0;
    right: 0;

    width: 55%;
    height: 100%;

    overflow: hidden;

    z-index: 1;

    background: #eef0f3;

    clip-path: polygon(
        10% 0,
        100% 0,
        100% 100%,
        0% 100%
    );
}


/* Image */

.ae-hero-slide-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transform: scale(1.02);

    transition:
        transform 7s cubic-bezier(.22,.61,.36,1),
        opacity .5s ease;
}


/* Active zoom */

.ae-hero-carousel .carousel-item.active
.ae-hero-slide-image img {
    transform: scale(1.07);
}


/* =========================================================
   IMAGE INNER FRAME
   ========================================================= */

.ae-hero-slide-image::before {
    content: "";

    position: absolute;

    top: 35px;
    right: 35px;
    bottom: 35px;
    left: 70px;

    border: 1px solid rgba(255,255,255,.45);

    z-index: 3;

    pointer-events: none;
}


/* =========================================================
   IMAGE LIGHT OVERLAY
   ========================================================= */

.ae-hero-slide-overlay {
    position: absolute;

    top: 0;
    right: 0;

    width: 55%;
    height: 100%;

    z-index: 2;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.20) 14%,
            rgba(255,255,255,0) 32%
        );

    pointer-events: none;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ae-hero-slide > .container {
    position: relative;

    height: 100%;

    z-index: 4;
}


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

.ae-hero-slide-content {
    position: relative;

    max-width: 730px;

    padding-top: 10px;
}


/* =========================================================
   KICKER
   ========================================================= */

.ae-hero-kicker {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: #900808;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2.8px;

    line-height: 1.4;

    text-transform: uppercase;
}


.ae-hero-kicker span {
    display: block;

    width: 38px;
    height: 2px;

    flex-shrink: 0;

    background: #900808;
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.ae-hero-slide-content h1 {
    margin: 0 0 20px;

    max-width: 720px;

    color: #101218;

    font-size: clamp(40px, 4.1vw, 62px);

    font-weight: 700;

    line-height: 1.08;

    letter-spacing: -2px;
}


/* Red highlighted part */

.ae-hero-slide-content h1 span {
    color: #900808;

    font-weight: 800;
}


/* =========================================================
   SECOND HEADING
   ========================================================= */

.ae-hero-slide-content h2 {
    max-width: 680px;

    margin: 0 0 21px;

    color: #363b45;

    font-size: 20px;

    line-height: 1.5;

    font-weight: 600;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.ae-hero-slide-content p {
    max-width: 690px;

    margin: 0;

    color: #666c77;

    font-size: 14px;

    line-height: 1.9;

    font-weight: 400;
}


.ae-hero-slide-content p b {
    color: #272b33;

    font-weight: 700;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.ae-hero-actions {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-top: 32px;
}


.ae-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    min-height: 48px;

    padding: 0 22px;

    border-radius: 4px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.2px;

    text-decoration: none !important;

    text-transform: uppercase;

    transition:
        all .35s cubic-bezier(.22,.61,.36,1);
}


.ae-hero-btn i {
    font-size: 10px;

    transition: transform .3s ease;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.ae-hero-btn-primary {
    background: #900808;

    border: 1px solid #900808;

    color: #ffffff !important;

    box-shadow:
        0 12px 30px rgba(144,8,8,.18);
}


.ae-hero-btn-primary:hover {
    background: #680505;

    border-color: #680505;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 16px 35px rgba(144,8,8,.24);
}


.ae-hero-btn-primary:hover i {
    transform: translateX(4px);
}


/* =========================================================
   OUTLINE BUTTON
   ========================================================= */

.ae-hero-btn-outline {
    background: #ffffff;

    border: 1px solid #d9dce1;

    color: #101218 !important;
}


.ae-hero-btn-outline:hover {
    background: #101218;

    border-color: #101218;

    color: #ffffff !important;

    transform: translateY(-3px);
}


.ae-hero-btn-outline:hover i {
    transform: translateX(4px);
}


/* =========================================================
   SLIDE NUMBER
   ========================================================= */

.ae-hero-carousel::before {
    content: "01";

    position: absolute;

    left: 6%;

    bottom: 58px;

    z-index: 8;

    color: rgba(16,18,24,.08);

    font-size: 95px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -6px;

    pointer-events: none;
}


/* =========================================================
   CAROUSEL CONTROLS
   ========================================================= */

.ae-hero-carousel .carousel-control-prev,
.ae-hero-carousel .carousel-control-next {
    position: absolute;

    top: auto;
    bottom: 45px;

    width: 48px;
    height: 48px;

    z-index: 10;

    opacity: 1;
}


/* Prev */

.ae-hero-carousel .carousel-control-prev {
    left: auto;
    right: 120px;
}


/* Next */

.ae-hero-carousel .carousel-control-next {
    right: 60px;
}


/* Arrow box */

.ae-carousel-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    background: #ffffff;

    border: 1px solid #dfe2e6;

    border-radius: 4px;

    color: #101218;

    box-shadow:
        0 8px 25px rgba(16,18,24,.08);

    transition:
        all .3s ease;
}


.ae-carousel-arrow i {
    font-size: 11px;
}


.ae-hero-carousel .carousel-control-prev:hover
.ae-carousel-arrow,

.ae-hero-carousel .carousel-control-next:hover
.ae-carousel-arrow {
    background: #900808;

    border-color: #900808;

    color: #ffffff;

    transform: translateY(-2px);
}


/* =========================================================
   INDICATORS
   ========================================================= */

.ae-hero-carousel .carousel-indicators {
    position: absolute;

    left: 6%;
    right: auto;
    bottom: 55px;

    z-index: 10;

    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0;
}


.ae-hero-carousel .carousel-indicators button {
    width: 25px;
    height: 3px;

    margin: 0;

    padding: 0;

    border: 0;

    border-radius: 0;

    background: #c9ccd1;

    opacity: 1;

    transition:
        width .4s ease,
        background .3s ease;
}


.ae-hero-carousel .carousel-indicators button.active {
    width: 55px;

    background: #900808;
}


/* =========================================================
   SCROLL LABEL
   ========================================================= */

.ae-hero-scroll {
    position: absolute;

    left: 50%;

    bottom: 35px;

    z-index: 8;

    display: flex;
    align-items: center;

    gap: 10px;

    color: #858b96;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

    transform: translateX(-50%);
}


.ae-hero-scroll i {
    color: #900808;

    font-size: 10px;
}


/* =========================================================
   CAROUSEL FADE
   ========================================================= */

.ae-hero-carousel .carousel-fade .carousel-item {
    opacity: 0;

    transition:
        opacity .8s ease-in-out;
}


.ae-hero-carousel .carousel-fade .carousel-item.active {
    opacity: 1;
}


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

@media (max-width: 1199.98px) {

    .ae-hero-carousel,
    .ae-hero-slide {
        height: 700px;
    }


    .ae-hero-slide-image {
        width: 53%;
    }


    .ae-hero-slide-overlay {
        width: 53%;
    }


    .ae-hero-slide-content {
        max-width: 620px;
    }


    .ae-hero-slide-content h1 {
        font-size: 48px;
    }


    .ae-hero-slide-content h2 {
        font-size: 18px;
    }


    .ae-hero-slide-content p {
        max-width: 620px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 991.98px) {

    .ae-hero-carousel,
    .ae-hero-slide {
        height: 700px;
    }


    .ae-hero-slide-image {
        width: 50%;
    }


    .ae-hero-slide-overlay {
        width: 50%;
    }


    .ae-hero-slide-content {
        max-width: 570px;
    }


    .ae-hero-slide-content h1 {
        font-size: 42px;

        letter-spacing: -1.3px;
    }


    .ae-hero-slide-content h2 {
        font-size: 17px;
    }


    .ae-hero-slide-content p {
        font-size: 13px;

        line-height: 1.8;
    }


    .ae-hero-carousel::before {
        left: 4%;

        font-size: 75px;
    }

}


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

@media (max-width: 767.98px) {

    .ae-hero-carousel,
    .ae-hero-slide {
        height: auto;

        min-height: 760px;
    }


    /* Image moves to top */

    .ae-hero-slide-image {
        top: 0;
        right: 0;

        width: 100%;
        height: 310px;

        clip-path: none;
    }


    .ae-hero-slide-image::before {
        top: 18px;
        right: 18px;
        bottom: 18px;
        left: 18px;
    }


    .ae-hero-slide-overlay {
        top: 0;
        right: 0;

        width: 100%;
        height: 310px;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,0) 40%,
                #ffffff 100%
            );
    }


    /* Content */

    .ae-hero-slide > .container {
        height: auto;

        padding-top: 280px;
    }


    .ae-hero-slide-content {
        max-width: 100%;

        padding: 30px 12px 90px;
    }


    .ae-hero-kicker {
        margin-bottom: 14px;

        font-size: 9px;

        letter-spacing: 1.8px;
    }


    .ae-hero-kicker span {
        width: 25px;
    }


    .ae-hero-slide-content h1 {
        margin-bottom: 15px;

        font-size: 32px;

        line-height: 1.12;

        letter-spacing: -1px;
    }


    .ae-hero-slide-content h2 {
        margin-bottom: 16px;

        font-size: 16px;

        line-height: 1.45;
    }


    .ae-hero-slide-content p {
        font-size: 12.5px;

        line-height: 1.8;
    }


    .ae-hero-actions {
        flex-wrap: wrap;

        margin-top: 24px;
    }


    .ae-hero-btn {
        min-height: 44px;

        padding: 0 16px;

        font-size: 9px;
    }


    /* Controls */

    .ae-hero-carousel .carousel-control-prev,
    .ae-hero-carousel .carousel-control-next {
        bottom: 25px;

        width: 40px;
        height: 40px;
    }


    .ae-hero-carousel .carousel-control-prev {
        right: 72px;
    }


    .ae-hero-carousel .carousel-control-next {
        right: 22px;
    }


    .ae-carousel-arrow {
        width: 38px;
        height: 38px;
    }


    /* Indicators */

    .ae-hero-carousel .carousel-indicators {
        left: 20px;

        bottom: 40px;
    }


    .ae-hero-carousel .carousel-indicators button {
        width: 18px;
    }


    .ae-hero-carousel .carousel-indicators button.active {
        width: 38px;
    }


    /* Number */

    .ae-hero-carousel::before {
        left: 15px;
        bottom: 70px;

        font-size: 60px;
    }


    /* Hide scroll */

    .ae-hero-scroll {
        display: none;
    }


    .ae-hero-slide::after {
        width: 100%;
    }

}


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

@media (max-width: 575.98px) {

    .ae-hero-carousel,
    .ae-hero-slide {
        min-height: 790px;
    }


    .ae-hero-slide-image {
        height: 280px;
    }


    .ae-hero-slide-overlay {
        height: 280px;
    }


    .ae-hero-slide > .container {
        padding-top: 255px;
    }


    .ae-hero-slide-content {
        padding-top: 25px;
    }


    .ae-hero-slide-content h1 {
        font-size: 29px;
    }


    .ae-hero-slide-content h2 {
        font-size: 15px;
    }


    .ae-hero-slide-content p {
        font-size: 12px;

        line-height: 1.75;
    }


    .ae-hero-actions {
        gap: 8px;
    }


    .ae-hero-btn {
        padding: 0 13px;
    }

}


/* =========================================================
   12. INTRO
========================================================= */

.ae-intro-section {
    padding: 90px 0;

    border-bottom: 1px solid var(--ae-border);

    background: var(--ae-white);
}

.ae-intro-heading h2 {
    max-width: 850px;

    margin: 0;

    color: var(--ae-dark);

    font-size: clamp(32px, 4vw, 53px);

    line-height: 1.12;

    font-weight: 600;

    letter-spacing: -1.8px;
}

.ae-intro-heading h2 strong {
    color: var(--ae-primary);

    font-weight: 700;
}

.ae-intro-text {
    padding-left: 30px;

    border-left: 2px solid var(--ae-primary);
}

.ae-intro-text p {
    margin: 0 0 22px;

    color: var(--ae-text);

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   AE WORKS
   OUR COMPANY / ABOUT SECTION
   ========================================================= */

.ae-company-section {
    position: relative;

    width: 100%;

    padding: 110px 0;

    overflow: hidden;

    background: #101218;

    color: #ffffff;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.ae-company-section::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: -300px;
    top: 50%;

    transform: translateY(-50%);

    border: 1px solid rgba(255,255,255,.025);

    border-radius: 50%;

    pointer-events: none;
}


.ae-company-bg-shape {
    position: absolute;

    width: 350px;
    height: 350px;

    right: -180px;
    bottom: -180px;

    border: 1px solid rgba(144,8,8,.10);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.ae-company-visual {
    position: relative;

    padding-right: 35px;
}


/* Image wrapper */

.ae-company-image {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: #171a22;

    border-radius: 4px;
}


/* Image */

.ae-company-image img {
    display: block;

    width: 100%;
    height: 560px;

    object-fit: cover;

    object-position: center;

    transition: transform .7s cubic-bezier(.22,.61,.36,1);
}


.ae-company-visual:hover .ae-company-image img {
    transform: scale(1.035);
}


/* Image overlay */

.ae-company-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(8,9,12,.55) 100%
        );

    pointer-events: none;
}


/* =========================================================
   RED SIDE FRAME
   ========================================================= */

.ae-company-visual::before {
    content: "";

    position: absolute;

    right: 5px;
    top: 25px;

    width: 100%;
    height: 560px;

    border: 1px solid rgba(144,8,8,.55);

    z-index: 0;

    pointer-events: none;
}


.ae-company-image {
    position: relative;

    z-index: 2;
}


/* =========================================================
   EXPERIENCE BADGE
   ========================================================= */

.ae-company-experience {
    position: absolute;

    left: -20px;
    bottom: 35px;

    z-index: 5;

    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 155px;

    padding: 17px 20px;

    background: #900808;

    border-radius: 4px;

    box-shadow:
        0 18px 40px rgba(0,0,0,.28);
}


.ae-company-experience strong {
    color: #ffffff;

    font-size: 30px;
    line-height: 1;

    font-weight: 800;
}


.ae-company-experience span {
    color: rgba(255,255,255,.82);

    font-size: 10px;
    line-height: 1.4;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* =========================================================
   IMAGE LABEL
   ========================================================= */

.ae-company-image-label {
    position: absolute;

    left: 25px;
    bottom: 18px;

    z-index: 5;

    display: flex;
    align-items: center;

    gap: 9px;

    color: rgba(255,255,255,.75);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 2px;
}


.ae-company-image-label span {
    display: block;

    width: 25px;
    height: 2px;

    background: #900808;
}


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

.ae-company-content {
    position: relative;

    padding-left: 25px;
}


/* =========================================================
   KICKER
   ========================================================= */

.ae-company-kicker {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

    color: #b31313;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.ae-company-kicker span {
    width: 30px;
    height: 2px;

    background: #900808;

    display: block;
}


/* =========================================================
   MAIN TITLE
   ========================================================= */

.ae-company-title {
    margin: 0;

    color: #ffffff;

    font-size: 52px;
    line-height: 1.1;

    font-weight: 400;

    letter-spacing: -1.5px;
}


.ae-company-title strong {
    color: #900808;

    font-weight: 800;
}


/* =========================================================
   SUBTITLE
   ========================================================= */

.ae-company-subtitle {
    position: relative;

    display: inline-block;

    margin-top: 14px;
    padding-bottom: 13px;

    color: rgba(255,255,255,.58);

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}


.ae-company-subtitle::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 42px;
    height: 2px;

    background: #900808;
}


/* =========================================================
   STORY
   ========================================================= */

.ae-company-story {
    margin: 28px 0 0;

    color: #858b96;

    font-size: 14px;
    line-height: 1.9;

    font-weight: 400;
}


/*.ae-company-story::first-letter {*/
/*    color: #ffffff;*/
/*}*/


/* =========================================================
   WHY CHOOSE US
   ========================================================= */

.ae-company-why {
    margin-top: 30px;

    padding-top: 25px;

    border-top: 1px solid rgba(255,255,255,.07);
}


/* Section label */

.ae-company-section-label {
    margin-bottom: 17px;

    color: #ffffff;

    font-size: 19px;

    font-weight: 700;
}


.ae-company-section-label span {
    color: #900808;
}


/* =========================================================
   LIST
   ========================================================= */

.ae-company-list {
    margin: 0;
    padding: 0;

    list-style: none;
}


.ae-company-list li {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    margin-bottom: 13px;

    color: #858b96;

    font-size: 13px;
    line-height: 1.7;
}


.ae-company-list li:last-child {
    margin-bottom: 0;
}


/* Arrow */

.ae-company-list li i {
    flex: 0 0 auto;

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

    width: 25px;
    height: 25px;

    margin-top: 1px;

    border: 1px solid rgba(144,8,8,.45);

    color: #b31313;

    font-size: 9px;

    transition: all .3s ease;
}


.ae-company-list li:hover i {
    background: #900808;

    border-color: #900808;

    color: #ffffff;

    transform: translateX(3px);
}


.ae-company-list li span {
    display: block;
}


/* =========================================================
   BOTTOM
   ========================================================= */

.ae-company-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-top: 32px;

    padding-top: 27px;

    border-top: 1px solid rgba(255,255,255,.07);
}


/* =========================================================
   CERTIFICATIONS
   ========================================================= */

.ae-company-certifications {
    max-width: 230px;
}


.ae-company-certifications img {
    display: block;

    width: 100%;
    max-width: 230px;
    height: auto;

    opacity: .85;

    filter: grayscale(100%);

    transition: all .35s ease;
}


.ae-company-certifications img:hover {
    opacity: 1;

    filter: grayscale(0%);
}


/* =========================================================
   BUTTON
   ========================================================= */

.ae-company-btn {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    flex-shrink: 0;

    padding: 13px 20px;

    background: #900808;

    border: 1px solid #900808;
    border-radius: 4px;

    color: #ffffff !important;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1px;

    text-decoration: none !important;

    text-transform: uppercase;

    transition: all .35s ease;
}


.ae-company-btn i {
    font-size: 10px;

    transition: transform .3s ease;
}


.ae-company-btn:hover {
    background: transparent;

    color: #ffffff !important;

    border-color: #b31313;

    transform: translateY(-2px);
}


.ae-company-btn:hover i {
    transform: translateX(4px);
}


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

@media (max-width: 991.98px) {

    .ae-company-section {
        padding: 85px 0;
    }


    .ae-company-visual {
        padding-right: 20px;
    }


    .ae-company-image img {
        height: 500px;
    }


    .ae-company-visual::before {
        height: 500px;
    }


    .ae-company-content {
        padding-left: 5px;
    }


    .ae-company-title {
        font-size: 42px;
    }


    .ae-company-story {
        font-size: 13px;
    }


    .ae-company-bottom {
        align-items: flex-start;

        flex-direction: column;
    }

}


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

@media (max-width: 767.98px) {

    .ae-company-section {
        padding: 70px 0;
    }


    .ae-company-visual {
        padding-right: 12px;

        margin-bottom: 15px;
    }


    .ae-company-image img {
        height: 420px;
    }


    .ae-company-visual::before {
        top: 15px;

        height: 420px;
    }


    .ae-company-experience {
        left: 10px;
        bottom: 25px;

        min-width: 145px;

        padding: 14px 17px;
    }


    .ae-company-experience strong {
        font-size: 26px;
    }


    .ae-company-image-label {
        left: 25px;
    }


    .ae-company-content {
        padding-left: 0;
    }


    .ae-company-title {
        font-size: 36px;

        letter-spacing: -1px;
    }


    .ae-company-story {
        font-size: 13px;

        line-height: 1.85;
    }


    .ae-company-why {
        margin-top: 25px;
    }


    .ae-company-bottom {
        margin-top: 28px;
    }

}


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

@media (max-width: 575.98px) {

    .ae-company-section {
        padding: 60px 0;
    }


    .ae-company-image img {
        height: 360px;
    }


    .ae-company-visual::before {
        height: 360px;
    }


    .ae-company-title {
        font-size: 31px;
    }


    .ae-company-kicker {
        font-size: 10px;

        letter-spacing: 2px;
    }


    .ae-company-subtitle {
        font-size: 11px;
    }


    .ae-company-story {
        font-size: 12.5px;
    }
    
    .ae-company-story::first-letter {
        color: none; 
    }

    .ae-company-list li {
        font-size: 12.5px;
    }


    .ae-company-certifications {
        width: 190px;
    }


    .ae-company-btn {
        width: 100%;

        justify-content: center;
    }

}


/* =========================================================
   14. SOLUTIONS
========================================================= */

.ae-solutions-section {
    background: var(--ae-light);
}

.ae-solution-card {
    position: relative;

    height: 510px;

    display: block;

    overflow: hidden;

    background: var(--ae-dark);

    color: var(--ae-white);
}

.ae-solution-wide {
    height: 460px;
}

.ae-solution-image {
    position: absolute;

    inset: 0;

    overflow: hidden;
}

.ae-solution-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .8s cubic-bezier(.22, .61, .36, 1);
}

.ae-solution-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .25),
            transparent 35%,
            rgba(0, 0, 0, .25)
        );

    transition: var(--ae-transition);
}

.ae-solution-card:hover .ae-solution-image img {
    transform: scale(1.08);
}

.ae-solution-card:hover .ae-solution-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(144, 8, 8, .12),
            rgba(5, 7, 12, .90)
        );
}

.ae-solution-content {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 3;

    padding: 35px;
}

.ae-solution-content > span {
    color: rgba(255, 255, 255, .62);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.8px;
}

.ae-solution-content h3 {
    max-width: 350px;

    margin: 8px 0 10px;

    color: var(--ae-white);

    font-size: 32px;

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -1px;
}

.ae-solution-content p {
    max-width: 430px;

    margin: 0;

    color: rgba(255, 255, 255, .68);

    font-size: 12px;

    line-height: 1.7;
}

.ae-solution-arrow {
    position: absolute;

    right: 35px;
    bottom: 35px;

    width: 48px;
    height: 48px;

    display: flex;

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

    border: 1px solid rgba(255, 255, 255, .35);

    border-radius: 50%;

    color: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-solution-card:hover .ae-solution-arrow {
    background: var(--ae-primary);

    border-color: var(--ae-primary);

    transform: rotate(45deg);
}


/* =========================================================
   15. WHY CHOOSE US
========================================================= */

.ae-why-section {
    padding: 120px 0;

    background:
        linear-gradient(
            110deg,
            #101218 0%,
            #151821 100%
        );

    color: var(--ae-white);
}

.ae-why-section .ae-kicker {
    color: var(--ae-primary-light);
}

.ae-why-section .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-why-section .ae-section-heading h2 {
    color: var(--ae-white);
}

.ae-why-section .ae-section-heading p {
    color: rgba(255, 255, 255, .58);
}

.ae-feature-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    border-top: 1px solid rgba(255, 255, 255, .12);

    border-left: 1px solid rgba(255, 255, 255, .12);
}

.ae-feature-card {
    position: relative;

    min-height: 255px;

    padding: 32px;

    border-right: 1px solid rgba(255, 255, 255, .12);

    border-bottom: 1px solid rgba(255, 255, 255, .12);

    transition: var(--ae-transition);
}

.ae-feature-card:hover {
    background: rgba(255, 255, 255, .04);

    transform: translateY(-3px);
}

.ae-feature-number {
    position: absolute;

    top: 25px;
    right: 28px;

    color: rgba(255, 255, 255, .20);

    font-size: 11px;

    font-weight: 700;
}

.ae-feature-icon {
    width: 52px;
    height: 52px;

    margin-bottom: 25px;

    display: flex;

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

    border: 1px solid rgba(255, 255, 255, .18);

    color: var(--ae-primary-light);

    font-size: 22px;
}

.ae-feature-card h3 {
    margin: 0 0 10px;

    color: var(--ae-white);

    font-size: 18px;

    font-weight: 700;
}

.ae-feature-card p {
    max-width: 270px;

    margin: 0;

    color: rgba(255, 255, 255, .52);

    font-size: 12px;

    line-height: 1.8;
}


/* =========================================================
   16. PROCESS
========================================================= */

.ae-process-section {
    background: var(--ae-white);
}

/*.ae-process-row {*/
/*    border-top: 1px solid var(--ae-border);*/

/*    border-left: 1px solid var(--ae-border);*/
/*}*/

.ae-process-card {
    position: relative;

    /*min-height: 320px;*/

    padding: 40px 35px;

    border-right: 1px solid var(--ae-border);

    border-bottom: 1px solid var(--ae-border);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-process-card:hover {
    background: var(--ae-primary);

    color: var(--ae-white);

    transform: translateY(-5px);

    box-shadow:
        0 20px 50px rgba(144, 8, 8, .20);

    z-index: 2;
}

.ae-process-number {
    position: absolute;

    top: 25px;
    right: 25px;

    color: #d9dce4;

    font-size: 11px;

    font-weight: 800;
}

.ae-process-card:hover .ae-process-number {
    color: rgba(255, 255, 255, .35);
}

.ae-process-icon {
    width: 58px;
    height: 58px;

    margin-bottom: 30px;

    display: flex;

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

    background: rgba(144, 8, 8, .10);

    color: var(--ae-primary);

    font-size: 23px;

    transition: var(--ae-transition);
}

.ae-process-card:hover .ae-process-icon {
    background: rgba(255, 255, 255, .15);

    color: var(--ae-white);
}

.ae-process-card h3 {
    margin: 0 0 12px;

    color: var(--ae-dark);

    font-size: 18px;

    font-weight: 700;
}

.ae-process-card:hover h3 {
    color: var(--ae-white);
}

.ae-process-card p {
    max-width: 240px;

    margin: 0;

    color: var(--ae-text-light);

    font-size: 12px;

    line-height: 1.8;
}

.ae-process-card:hover p {
    color: rgba(255, 255, 255, .68);
}


/* =========================================================
   17. INDUSTRIES
========================================================= */

.ae-industries-section {
    padding: 110px 0;

    background: var(--ae-light);
}

.ae-industry-card {
    min-height: 190px;

    padding: 30px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border: 1px solid var(--ae-border);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-industry-card:hover {
    border-color: var(--ae-primary);

    background: var(--ae-primary);

    transform: translateY(-5px);

    box-shadow:
        0 18px 45px rgba(144, 8, 8, .15);
}

.ae-industry-card i {
    margin-bottom: 18px;

    color: var(--ae-primary);

    font-size: 28px;
}

.ae-industry-card span {
    margin-bottom: 4px;

    color: var(--ae-dark);

    font-size: 18px;

    font-weight: 700;
}

.ae-industry-card small {
    color: var(--ae-text-light);

    font-size: 11px;

    line-height: 1.6;
}

.ae-industry-card:hover i,
.ae-industry-card:hover span {
    color: var(--ae-white);
}

.ae-industry-card:hover small {
    color: rgba(255, 255, 255, .65);
}


/* =========================================================
   18. PROJECT CTA
========================================================= */

.ae-project-cta {
    padding: 35px 0;

    background: var(--ae-dark);
}

.ae-project-cta-inner {
    padding: 65px 70px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 40px;

    background:
        linear-gradient(
            110deg,
            #1a1d26,
            #111319
        );

    border: 1px solid rgba(255, 255, 255, .08);
}

.ae-project-cta .ae-kicker {
    margin-bottom: 15px;

    color: var(--ae-primary-light);
}

.ae-project-cta .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-project-cta h2 {
    max-width: 750px;

    margin: 0 0 12px;

    color: var(--ae-white);

    font-size: clamp(32px, 4vw, 52px);

    line-height: 1.08;

    letter-spacing: -1.5px;
}

.ae-project-cta p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, .55);

    font-size: 14px;

    line-height: 1.8;
}


/* =========================================================
   19. CLIENTS
========================================================= */

.ae-clients-section {
    background: var(--ae-white);
}

.ae-client-logos {
    margin-top: 20px;
}

.ae-client-logo {
    height: 120px;

    padding: 20px;

    display: flex;

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

    border: 1px solid var(--ae-border);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-client-logo img {
    /*max-width: 80%;*/
    height: 80px;

    object-fit: contain;

    filter: grayscale(1);

    opacity: .55;

    transition: var(--ae-transition);
}

.ae-client-logo:hover {
    border-color: var(--ae-primary);

    transform: translateY(-4px);

    box-shadow: var(--ae-shadow);
}

.ae-client-logo:hover img {
    filter: grayscale(0);

    opacity: 1;
}


/* =========================================================
   20. BLOG
========================================================= */

.ae-blog-section {
    background: var(--ae-light);
}

.ae-blog-card {
    height: 100%;

    background: var(--ae-white);

    border: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-blog-card:hover {
    transform: translateY(-7px);

    border-color: rgba(144, 8, 8, .25);

    box-shadow: var(--ae-shadow-hover);
}

.ae-blog-image {
    height: 270px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-blog-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .7s ease;
}

.ae-blog-card:hover .ae-blog-image img {
    transform: scale(1.06);
}

.ae-blog-content {
    padding: 30px;
}

.ae-blog-content > span {
    color: var(--ae-primary);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.ae-blog-content h3 {
    min-height: 70px;

    margin: 12px 0 20px;

    color: var(--ae-dark);

    font-size: 19px;

    line-height: 1.35;

    font-weight: 700;
}

.ae-blog-content > a {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--ae-dark);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .7px;

    text-transform: uppercase;
}

.ae-blog-content > a i {
    color: var(--ae-primary);

    transition: var(--ae-transition);
}

.ae-blog-content > a:hover {
    color: var(--ae-primary);
}

.ae-blog-content > a:hover i {
    transform: translateX(4px);
}


/* =========================================================
   21. FINAL CTA
========================================================= */

.ae-final-cta {
    position: relative;

    padding: 95px 0;

    overflow: hidden;

    background: var(--ae-primary);
}

.ae-final-cta::before {
    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    right: -200px;
    top: -300px;

    border: 1px solid rgba(255, 255, 255, .13);

    border-radius: 50%;

    box-shadow:
        0 0 0 80px rgba(255, 255, 255, .035),
        0 0 0 160px rgba(255, 255, 255, .025);
}

.ae-final-cta .ae-kicker {
    color: rgba(255, 255, 255, .72);
}

.ae-final-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .65);
}

.ae-final-cta h2 {
    position: relative;

    margin: 0 0 12px;

    color: var(--ae-white);

    font-size: clamp(38px, 5vw, 68px);

    line-height: 1;

    font-weight: 800;

    letter-spacing: -2px;
}

.ae-final-cta p {
    position: relative;

    margin: 0;

    color: rgba(255, 255, 255, .72);

    font-size: 15px;
}


/* =========================================================
   22. IMAGE FALLBACK
========================================================= */

.ae-solution-image img,
.ae-about-image-main img,
.ae-blog-image img {
    background: #e8e9ed;
}


/* =========================================================
   23. AOS ANIMATION SAFETY
========================================================= */

[data-aos] {
    pointer-events: none;
}

[data-aos].aos-animate {
    pointer-events: auto;
}


/* =========================================================
   24. FOCUS ACCESSIBILITY
========================================================= */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid rgba(144, 8, 8, .30);

    outline-offset: 3px;
}


/* =========================================================
   SOCIAL FLOATING BUTTON
========================================================= */

.social-container {
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 56px;
    height: 56px;
    z-index: 99999;
}


/* MAIN BUTTON */

.main-btn {
    position: absolute;
    right: 0;
    bottom: 0;

    width: 56px;
    height: 56px;

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

    border: 0;
    border-radius: 50%;

    background: var(--ae-primary);
    color: #fff;

    font-size: 20px;

    cursor: pointer;

    box-shadow:
        0 10px 30px rgba(0,0,0,.25);

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

    z-index: 20;
}


.main-btn:hover {
    background: var(--ae-primary-dark);

    transform: scale(1.08);

    box-shadow:
        0 15px 40px rgba(0,0,0,.30);
}


/* MAIN ICON ROTATION */

.main-btn i {
    transition: transform .35s ease;
}


.social-container.open .main-btn i {
    transform: rotate(45deg);
}


/* SOCIAL BUTTON */

.social-btn {
    position: absolute;

    right: 0;
    bottom: 0;

    width: 52px;
    height: 52px;

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

    border-radius: 50%;

    color: #fff;

    opacity: 0;

    pointer-events: none;

    transform: translate(0, 0) scale(.7);

    transition:
        transform .35s cubic-bezier(.22,.61,.36,1),
        opacity .25s ease,
        box-shadow .25s ease;

    z-index: 10;
}


/* OPEN STATE */

.social-container.open .social-btn {
    opacity: 1;
    pointer-events: auto;
}


/* INDIVIDUAL POSITIONS */

.social-container.open .social-btn:nth-child(1) {
    transform: translateY(-65px) scale(1);
}

.social-container.open .social-btn:nth-child(2) {
    transform: translateY(-130px) scale(1);
}

.social-container.open .social-btn:nth-child(3) {
    transform: translateY(-195px) scale(1);
}

.social-container.open .social-btn:nth-child(4) {
    transform: translateY(-260px) scale(1);
}

.social-container.open .social-btn:nth-child(5) {
    transform: translateY(-325px) scale(1);
}

.social-container.open .social-btn:nth-child(6) {
    transform: translateY(-390px) scale(1);
}


/* HOVER */

.social-container.open .social-btn:nth-child(1):hover {
    transform: translateY(-65px) scale(1.12);
}

.social-container.open .social-btn:nth-child(2):hover {
    transform: translateY(-130px) scale(1.12);
}

.social-container.open .social-btn:nth-child(3):hover {
    transform: translateY(-195px) scale(1.12);
}

.social-container.open .social-btn:nth-child(4):hover {
    transform: translateY(-260px) scale(1.12);
}

.social-container.open .social-btn:nth-child(5):hover {
    transform: translateY(-325px) scale(1.12);
}

.social-container.open .social-btn:nth-child(6):hover {
    transform: translateY(-390px) scale(1.12);
}


/* ICON */

.social-btn i {
    font-size: 20px;
}


/* SOCIAL COLORS */

.social-btn:nth-child(1) {
    background: #25D366;
}

.social-btn:nth-child(2) {
    background: #1877F2;
}

.social-btn:nth-child(3) {
    background: #E4405F;
}

.social-btn:nth-child(4) {
    background: #0A66C2;
}

.social-btn:nth-child(5) {
    background: #FF0000;
}

.social-btn:nth-child(6) {
    background: #111827;
}


/* SHADOW */

.social-btn {
    box-shadow:
        0 8px 25px rgba(0,0,0,.22);
}


.social-btn:hover {
    box-shadow:
        0 12px 30px rgba(0,0,0,.30);
}


/* MOBILE */

@media (max-width: 575.98px) {

    .social-container {
        right: 14px;
        bottom: 14px;

        width: 50px;
        height: 50px;
    }

    .main-btn {
        width: 50px;
        height: 50px;

        font-size: 18px;
    }

    .social-btn {
        width: 46px;
        height: 46px;
    }

    .social-btn i {
        font-size: 18px;
    }

    .social-container.open .social-btn:nth-child(1) {
        transform: translateY(-58px) scale(1);
    }

    .social-container.open .social-btn:nth-child(2) {
        transform: translateY(-116px) scale(1);
    }

    .social-container.open .social-btn:nth-child(3) {
        transform: translateY(-174px) scale(1);
    }

    .social-container.open .social-btn:nth-child(4) {
        transform: translateY(-232px) scale(1);
    }

    .social-container.open .social-btn:nth-child(5) {
        transform: translateY(-290px) scale(1);
    }

    .social-container.open .social-btn:nth-child(6) {
        transform: translateY(-348px) scale(1);
    }

}


/* =========================================================
   26. RESPONSIVE — LARGE TABLETS
========================================================= */

@media (max-width: 1199.98px) {

    :root {
        --ae-container: 960px;
    }

    .ae-section {
        padding: 90px 0;
    }

    .ae-home-hero {
        min-height: 700px;
    }

    .min-vh-75 {
        min-height: 620px;
    }

    .ae-hero-content h1 {
        font-size: 70px;

        letter-spacing: -3px;
    }

    .ae-about-image-main {
        height: 520px;
    }

    .ae-solution-card {
        height: 470px;
    }

    .ae-solution-wide {
        height: 420px;
    }

    .ae-project-cta-inner {
        padding: 55px;
    }
}


/* =========================================================
   27. RESPONSIVE — TABLETS
========================================================= */

@media (max-width: 991.98px) {

    :root {
        --ae-container: 720px;
    }

    .ae-section {
        padding: 80px 0;
    }

    .ae-section-heading h2 {
        font-size: 42px;
    }

    .ae-section-description {
        margin: 20px 0 0;
    }


    /* HEADER */

    .ae-navbar {
        min-height: 78px;
    }

    .ae-logo img {
        width: 160px;
    }


    /* HERO */

    .ae-home-hero {
        min-height: 680px;

        background-position: center;
    }

    .min-vh-75 {
        min-height: 600px;
    }

    .ae-hero-content {
        padding: 100px 0 80px;
    }

    .ae-hero-content h1 {
        max-width: 700px;

        font-size: 62px;
    }


    /* INTRO */

    .ae-intro-section {
        padding: 70px 0;
    }

    .ae-intro-text {
        padding-left: 0;

        padding-top: 20px;

        border-left: 0;

        border-top: 2px solid var(--ae-primary);
    }


    /* ABOUT */

    .ae-about-visual {
        max-width: 700px;

        margin: 0 auto 20px;
    }

    .ae-about-image-main {
        height: 560px;
    }


    /* SOLUTIONS */

    .ae-solution-card {
        height: 460px;
    }

    .ae-solution-wide {
        height: 430px;
    }


    /* WHY */

    .ae-why-section {
        padding: 90px 0;
    }


    /* PROCESS */

    .ae-process-card {
        min-height: 290px;
    }


    /* CTA */

    .ae-project-cta-inner {
        flex-direction: column;

        align-items: flex-start;

        padding: 50px;
    }


    /* CLIENTS */

    .ae-client-logo {
        height: 110px;
    }


    /* FINAL CTA */

    .ae-final-cta {
        padding: 80px 0;
    }
}


/* =========================================================
   28. RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    :root {
        --ae-container: 100%;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .ae-section-heading h2 {
        font-size: 35px;

        letter-spacing: -1px;
    }


    /* HEADER */

    .ae-navbar {
        min-height: 72px;
    }

    .ae-logo img {
        width: 145px;

        max-height: 55px;
    }


    /* HERO */

    .ae-home-hero {
        min-height: 720px;

        background:
            linear-gradient(
                90deg,
                rgba(5, 7, 12, .95),
                rgba(5, 7, 12, .60)
            ),
            url('../images/hero.jpg') center center / cover no-repeat;
    }

    .min-vh-75 {
        min-height: 660px;
    }

    .ae-hero-content {
        padding: 100px 0 100px;
    }

    .ae-hero-tag {
        font-size: 9px;

        letter-spacing: 1.6px;
    }

    .ae-hero-content h1 {
        font-size: 49px;

        line-height: 1;

        letter-spacing: -2px;
    }

    .ae-hero-content > p {
        font-size: 14px;

        line-height: 1.8;
    }

    .ae-hero-buttons {
        flex-direction: column;

        align-items: stretch;
    }

    .ae-btn {
        width: 100%;

        min-height: 52px;
    }

    .ae-hero-trust {
        margin-top: 42px;

        gap: 14px;

        justify-content: space-between;
    }

    .ae-hero-trust-item strong {
        font-size: 21px;
    }

    .ae-hero-trust-item span {
        font-size: 8px;

        letter-spacing: .6px;
    }

    .ae-hero-divider {
        height: 32px;
    }

    .ae-hero-bottom {
        padding: 15px 0;
    }


    /* INTRO */

    .ae-intro-section {
        padding: 60px 0;
    }

    .ae-intro-heading h2 {
        font-size: 35px;

        letter-spacing: -1px;
    }


    /* ABOUT */

    .ae-about-visual {
        padding: 0 20px 25px 0;
    }

    .ae-about-image-main {
        height: 390px;
    }

    .ae-about-experience {
        left: -5px;

        bottom: 0;

        width: 150px;

        padding: 18px;
    }

    .ae-about-experience strong {
        font-size: 37px;
    }

    .ae-about-experience span {
        font-size: 8px;
    }

    .ae-about-outline {
        width: 40%;
        height: 40%;
    }

    .ae-about-points {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* SOLUTIONS */

    .ae-solution-card,
    .ae-solution-wide {
        height: 430px;
    }

    .ae-solution-content {
        padding: 25px;
    }

    .ae-solution-content h3 {
        font-size: 27px;
    }

    .ae-solution-arrow {
        right: 25px;
        bottom: 25px;

        width: 43px;
        height: 43px;
    }


    /* WHY */

    .ae-why-section {
        padding: 70px 0;
    }

    .ae-feature-grid {
        grid-template-columns: 1fr;
    }

    .ae-feature-card {
        min-height: 230px;
    }


    /* PROCESS */

    .ae-process-card {
        min-height: 270px;

        padding: 30px;
    }


    /* INDUSTRIES */

    .ae-industries-section {
        padding: 70px 0;
    }

    .ae-industry-card {
        min-height: 165px;

        padding: 25px;
    }


    /* PROJECT CTA */

    .ae-project-cta {
        padding: 20px 0;
    }

    .ae-project-cta-inner {
        padding: 35px 25px;

        gap: 25px;
    }

    .ae-project-cta h2 {
        font-size: 34px;

        letter-spacing: -1px;
    }


    /* CLIENTS */

    .ae-client-logo {
        height: 95px;

        padding: 15px;
    }

    .ae-client-logo img {
        max-height: 50px;
    }


    /* BLOG */

    .ae-blog-image {
        height: 230px;
    }

    .ae-blog-content {
        padding: 25px;
    }

    .ae-blog-content h3 {
        min-height: auto;

        font-size: 18px;
    }


    /* FINAL CTA */

    .ae-final-cta {
        padding: 65px 0;
    }

    .ae-final-cta h2 {
        font-size: 42px;

        letter-spacing: -1.5px;
    }

    .ae-final-cta .text-lg-end {
        text-align: left !important;
    }
}


/* =========================================================
   29. SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .ae-home-hero {
        min-height: 750px;
    }

    .min-vh-75 {
        min-height: 690px;
    }

    .ae-hero-content {
        padding-top: 80px;
    }

    .ae-hero-content h1 {
        font-size: 43px;

        letter-spacing: -1.8px;
    }

    .ae-hero-content > p {
        font-size: 13px;
    }

    .ae-hero-trust {
        gap: 9px;
    }

    .ae-hero-trust-item strong {
        font-size: 18px;
    }

    .ae-hero-trust-item span {
        max-width: 75px;

        font-size: 7px;
    }

    .ae-hero-divider {
        height: 28px;
    }

    .ae-section-heading h2 {
        font-size: 32px;
    }

    .ae-intro-heading h2 {
        font-size: 31px;
    }

    .ae-about-image-main {
        height: 330px;
    }

    .ae-solution-card,
    .ae-solution-wide {
        height: 390px;
    }

    .ae-solution-content h3 {
        font-size: 25px;
    }

    .ae-feature-card {
        padding: 28px 25px;
    }

    .ae-final-cta h2 {
        font-size: 37px;
    }


    /* FLOATING SOCIAL */

    .social-container {
        right: 14px;
        bottom: 14px;
    }

    .social-btn,
    .main-btn {
        width: 48px;
        height: 48px;
    }

    .social-btn i {
        font-size: 19px;
    }
}


/* =========================================================
   30. EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ae-hero-content h1 {
        font-size: 38px;
    }

    .ae-hero-content > p {
        font-size: 12px;
    }

    .ae-hero-trust-item strong {
        font-size: 16px;
    }

    .ae-hero-trust-item span {
        font-size: 6px;
    }

    .ae-about-image-main {
        height: 290px;
    }

    .ae-final-cta h2 {
        font-size: 33px;
    }
}


/* =========================================================
   31. REDUCED MOTION
========================================================= */

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

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;

        scroll-behavior: auto !important;
    }
}


/* =========================================================
   32. PRINT
========================================================= */

@media print {

    .social-container,
    .ae-home-hero::after,
    .ae-final-cta::before {
        display: none !important;
    }

    body {
        background: #fff;
        color: #000;
    }
}

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

.ae-inner-hero {
    position: relative;
    min-height: 620px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: var(--ae-dark);

    color: var(--ae-white);
}

.ae-inner-hero-bg {
    position: absolute;
    inset: 0;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    transform: scale(1.01);
}

.ae-inner-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.15),
            transparent 45%,
            rgba(0,0,0,.30)
        );
}

.ae-inner-hero-content {
    position: relative;
    z-index: 3;

    max-width: 850px;

    padding: 100px 0;
}

.ae-inner-hero .ae-hero-tag {
    margin-bottom: 25px;
}

.ae-inner-hero h1 {
    margin: 0 0 28px;

    color: var(--ae-white);

    font-size: clamp(50px, 6vw, 82px);

    line-height: .98;

    font-weight: 800;

    letter-spacing: -3px;
}

.ae-inner-hero h1 span {
    display: block;

    color: var(--ae-primary-light);
}

.ae-inner-hero-content > p {
    max-width: 700px;

    margin: 0 0 35px;

    color: rgba(255,255,255,.72);

    font-size: 16px;

    line-height: 1.9;
}

.ae-breadcrumb {
    display: flex;
    align-items: center;

    gap: 12px;

    color: rgba(255,255,255,.55);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}

.ae-breadcrumb a {
    color: var(--ae-white);
}

.ae-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-breadcrumb i {
    font-size: 9px;

    color: var(--ae-primary-light);
}


/* =========================================================
   COMPANY IMAGE
========================================================= */

.ae-about-page-image {
    position: relative;

    min-height: 590px;

    overflow: hidden;

    background: var(--ae-light);
}

.ae-about-page-image img {
    width: 100%;
    height: 590px;

    object-fit: cover;

    transition: transform .8s ease;
}

.ae-about-page-image:hover img {
    transform: scale(1.035);
}

.ae-about-image-label {
    position: absolute;

    left: 25px;
    bottom: 25px;

    z-index: 2;

    padding: 18px 22px;

    display: flex;
    flex-direction: column;

    background: var(--ae-primary);

    color: var(--ae-white);

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
}

.ae-about-image-label span {
    font-size: 17px;
    font-weight: 800;

    letter-spacing: 1px;
}

.ae-about-image-label strong {
    font-size: 9px;

    letter-spacing: 2px;

    opacity: .7;
}


/* =========================================================
   ABOUT POINTS
========================================================= */

.ae-about-page-points {
    margin-top: 32px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 25px;
}

.ae-about-page-point {
    display: flex;
    gap: 15px;
}

.ae-about-page-point-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

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

    border: 1px solid var(--ae-border);

    color: var(--ae-primary);

    font-size: 19px;

    transition: var(--ae-transition);
}

.ae-about-page-point:hover .ae-about-page-point-icon {
    color: var(--ae-white);

    background: var(--ae-primary);

    border-color: var(--ae-primary);
}

.ae-about-page-point h4 {
    margin: 0 0 5px;

    color: var(--ae-dark);

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

.ae-about-page-point p {
    margin: 0;

    color: var(--ae-text-light);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   ABOUT STATS
========================================================= */

.ae-about-stats {
    background: var(--ae-dark);

    color: var(--ae-white);
}

.ae-about-stat {
    min-height: 170px;

    padding: 30px;

    display: flex;
    align-items: center;

    gap: 20px;

    border-right: 1px solid rgba(255,255,255,.10);
}

.ae-about-stat strong {
    color: var(--ae-primary-light);

    font-size: 44px;

    line-height: 1;

    font-weight: 800;
}

.ae-about-stat span {
    color: rgba(255,255,255,.62);

    font-size: 10px;

    font-weight: 700;

    line-height: 1.6;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}


/* =========================================================
   MISSION
========================================================= */

.ae-mission-section {
    background: var(--ae-light);
}

.ae-mission-card {
    position: relative;

    min-height: 390px;

    padding: 42px;

    overflow: hidden;

    background: var(--ae-white);

    border: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-mission-card:hover {
    transform: translateY(-7px);

    border-color: var(--ae-primary);

    box-shadow: var(--ae-shadow-hover);
}

.ae-mission-card-dark {
    background: var(--ae-dark);

    border-color: var(--ae-dark);

    color: var(--ae-white);
}

.ae-mission-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 45px;
}

.ae-mission-icon {
    width: 58px;
    height: 58px;

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

    background: rgba(144,8,8,.08);

    color: var(--ae-primary);

    font-size: 23px;
}

.ae-mission-card-dark .ae-mission-icon {
    background: rgba(255,255,255,.08);

    color: var(--ae-primary-light);
}

.ae-mission-card-top > span {
    color: #cfd2d8;

    font-size: 11px;
    font-weight: 800;
}

.ae-mission-card-dark .ae-mission-card-top > span {
    color: rgba(255,255,255,.25);
}

.ae-mission-card h3 {
    margin: 0 0 15px;

    color: var(--ae-dark);

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

.ae-mission-card-dark h3 {
    color: var(--ae-white);
}

.ae-mission-card p {
    max-width: 520px;

    margin: 0;

    color: var(--ae-text);

    font-size: 14px;

    line-height: 1.9;
}

.ae-mission-card-dark p {
    color: rgba(255,255,255,.58);
}

.ae-mission-line {
    width: 50px;
    height: 2px;

    margin-top: 35px;

    background: var(--ae-primary);
}

.ae-mission-card small {
    display: block;

    margin-top: 15px;

    color: var(--ae-text-light);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.8px;
}

.ae-mission-card-dark small {
    color: rgba(255,255,255,.40);
}


/* =========================================================
   ABOUT SERVICES
========================================================= */

.ae-about-services {
    background: var(--ae-white);
}

.ae-about-service-grid {
    border-top: 1px solid var(--ae-border);
    border-left: 1px solid var(--ae-border);
}

.ae-about-service-card {
    position: relative;

    min-height: 340px;

    padding: 38px;

    background: var(--ae-white);

    border-right: 1px solid var(--ae-border);
    border-bottom: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-about-service-card:hover {
    background: var(--ae-primary);

    transform: translateY(-4px);

    z-index: 2;

    box-shadow: 0 20px 50px rgba(144,8,8,.20);
}

.ae-about-service-number {
    position: absolute;

    top: 25px;
    right: 28px;

    color: #d5d7dc;

    font-size: 11px;
    font-weight: 800;
}

.ae-about-service-card:hover .ae-about-service-number {
    color: rgba(255,255,255,.35);
}

.ae-about-service-icon {
    width: 58px;
    height: 58px;

    margin-bottom: 30px;

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

    border: 1px solid var(--ae-border);

    color: var(--ae-primary);

    font-size: 23px;

    transition: var(--ae-transition);
}

.ae-about-service-card:hover .ae-about-service-icon {
    border-color: rgba(255,255,255,.25);

    background: rgba(255,255,255,.10);

    color: var(--ae-white);
}

.ae-about-service-card h3 {
    margin: 0 0 12px;

    color: var(--ae-dark);

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

.ae-about-service-card:hover h3 {
    color: var(--ae-white);
}

.ae-about-service-card p {
    max-width: 320px;

    min-height: 65px;

    margin: 0 0 25px;

    color: var(--ae-text-light);

    font-size: 12px;

    line-height: 1.8;
}

.ae-about-service-card:hover p {
    color: rgba(255,255,255,.68);
}

.ae-about-service-card .ae-text-link {
    font-size: 10px;
}

.ae-about-service-card:hover .ae-text-link {
    color: var(--ae-white);
}

.ae-about-service-card:hover .ae-text-link i {
    color: var(--ae-white);
}


/* =========================================================
   QUALITY
========================================================= */

.ae-about-quality {
    position: relative;

    min-height: 650px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: var(--ae-dark);

    color: var(--ae-white);
}

.ae-about-quality-image {
    position: absolute;
    inset: 0;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ae-about-quality-content {
    position: relative;
    z-index: 2;

    padding: 100px 0;
}

.ae-about-quality .ae-kicker {
    color: var(--ae-primary-light);
}

.ae-about-quality .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-about-quality h2 {
    margin: 0 0 25px;

    color: var(--ae-white);

    font-size: clamp(38px, 4.5vw, 60px);

    line-height: 1.05;

    letter-spacing: -2px;

    font-weight: 700;
}

.ae-about-quality h2 strong {
    color: var(--ae-primary-light);
}

.ae-about-quality-content > p {
    max-width: 650px;

    margin: 0 0 15px;

    color: rgba(255,255,255,.62);

    font-size: 14px;

    line-height: 1.9;
}

.ae-quality-list {
    margin-top: 35px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 15px 35px;
}

.ae-quality-list > div {
    display: flex;
    align-items: center;

    gap: 12px;

    color: rgba(255,255,255,.70);

    font-size: 12px;
}

.ae-quality-list i {
    width: 24px;
    height: 24px;

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

    background: rgba(144,8,8,.35);

    color: var(--ae-primary-light);

    font-size: 10px;
}


/* =========================================================
   VALUES
========================================================= */

.ae-values-section {
    background: var(--ae-light);
}

.ae-value-card {
    position: relative;

    min-height: 290px;

    padding: 32px;

    background: var(--ae-white);

    border: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-value-card:hover {
    transform: translateY(-7px);

    background: var(--ae-primary);

    border-color: var(--ae-primary);

    box-shadow: 0 20px 50px rgba(144,8,8,.20);
}

.ae-value-card > span {
    position: absolute;

    top: 22px;
    right: 24px;

    color: #d4d6db;

    font-size: 10px;
    font-weight: 800;
}

.ae-value-card:hover > span {
    color: rgba(255,255,255,.35);
}

.ae-value-card > i {
    display: block;

    margin: 30px 0 25px;

    color: var(--ae-primary);

    font-size: 28px;
}

.ae-value-card:hover > i {
    color: var(--ae-white);
}

.ae-value-card h3 {
    margin: 0 0 10px;

    color: var(--ae-dark);

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

.ae-value-card:hover h3 {
    color: var(--ae-white);
}

.ae-value-card p {
    margin: 0;

    color: var(--ae-text-light);

    font-size: 12px;

    line-height: 1.8;
}

.ae-value-card:hover p {
    color: rgba(255,255,255,.68);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .ae-inner-hero {
        min-height: 560px;
    }

    .ae-about-page-image,
    .ae-about-page-image img {
        height: 520px;
        min-height: 520px;
    }

    .ae-about-quality {
        min-height: 600px;
    }

    .ae-about-quality-content {
        padding: 80px 0;
    }

    .ae-about-service-card {
        min-height: 320px;
    }

}


@media (max-width: 767.98px) {

    .ae-inner-hero {
        min-height: 600px;
    }

    .ae-inner-hero-content {
        padding: 80px 0;
    }

    .ae-inner-hero h1 {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .ae-inner-hero-content > p {
        font-size: 14px;
    }

    .ae-about-page-image,
    .ae-about-page-image img {
        height: 400px;
        min-height: 400px;
    }

    .ae-about-page-points {
        grid-template-columns: 1fr;
    }

    .ae-about-stat {
        min-height: 130px;
        padding: 22px 18px;
    }

    .ae-about-stat strong {
        font-size: 34px;
    }

    .ae-about-stat span {
        font-size: 8px;
    }

    .ae-mission-card {
        min-height: 350px;
        padding: 30px;
    }

    .ae-about-service-card {
        min-height: 300px;
        padding: 30px;
    }

    .ae-about-quality {
        min-height: auto;
    }

    .ae-about-quality-content {
        padding: 70px 0;
    }

    .ae-about-quality h2 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .ae-quality-list {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 575.98px) {

    .ae-inner-hero {
        min-height: 620px;
    }

    .ae-inner-hero h1 {
        font-size: 42px;
    }

    .ae-about-page-image,
    .ae-about-page-image img {
        height: 330px;
        min-height: 330px;
    }

    .ae-about-image-label {
        left: 15px;
        bottom: 15px;
    }

    .ae-about-stat {
        min-height: 115px;

        gap: 10px;

        padding: 18px 12px;
    }

    .ae-about-stat strong {
        font-size: 27px;
    }

    .ae-about-stat span {
        font-size: 7px;
        letter-spacing: .7px;
    }

    .ae-mission-card {
        min-height: 340px;
    }

    .ae-about-service-card {
        min-height: 310px;
    }

    .ae-about-quality h2 {
        font-size: 34px;
    }

}


/* =========================================================
   SOLUTIONS PAGE
========================================================= */

.ae-solutions-page {
    width: 100%;
    overflow: hidden;
}

.ae-solutions-page .container {
    max-width: var(--ae-container);
}


/* =========================================================
   COMMON
========================================================= */

.ae-solutions-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-solutions-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-solutions-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}

.ae-solutions-page .ae-section-heading h2 {
    margin: 0 0 22px;

    color: var(--ae-black);

    font-size: clamp(34px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.ae-solutions-page .ae-section-heading h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-solutions-page .ae-section-heading p {
    max-width: 760px;

    margin: 0;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.85;
}


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

.ae-solutions-hero {
    position: relative;

    min-height: 700px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(5, 7, 12, .96) 0%,
            rgba(5, 7, 12, .90) 34%,
            rgba(5, 7, 12, .62) 58%,
            rgba(5, 7, 12, .20) 82%,
            rgba(5, 7, 12, .05) 100%
        ),
        url('../images/hero.jpg') center center / cover no-repeat;

    overflow: hidden;
}



.ae-solutions-hero .container {
    position: relative;
    z-index: 2;
}

.ae-solutions-hero-content {
    max-width: 850px;
    padding: 90px 0;
}

.ae-solutions-hero .ae-kicker {
    color: var(--ae-white);
}

.ae-solutions-hero .ae-kicker::before {
    background: var(--ae-white);
}

.ae-solutions-hero h1 {
    margin: 0 0 25px;

    color: var(--ae-white);

    font-size: clamp(44px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-solutions-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-solutions-hero p {
    max-width: 720px;

    margin: 0 0 35px;

    color: rgba(255, 255, 255, .82);

    font-size: 17px;
    line-height: 1.8;
}

.ae-solutions-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


/* =========================================================
   BUTTONS
========================================================= */

.ae-solutions-page .ae-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    padding: 0 26px;

    border: 1px solid transparent;
    border-radius: var(--ae-radius);

    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-solutions-page .ae-btn i {
    transition: var(--ae-transition);
}

.ae-solutions-page .ae-btn:hover {
    transform: translateY(-3px);
}

.ae-solutions-page .ae-btn:hover i {
    transform: translateX(4px);
}

.ae-solutions-page .ae-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-solutions-page .ae-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);

    box-shadow: var(--ae-primary-shadow);
}

.ae-solutions-page .ae-btn-outline {
    color: var(--ae-white);

    border-color: rgba(255, 255, 255, .35);

    background: rgba(255, 255, 255, .04);
}

.ae-solutions-page .ae-btn-outline:hover {
    color: var(--ae-white);

    border-color: var(--ae-white);

    background: rgba(255, 255, 255, .10);
}


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

.ae-solutions-intro {
    background: var(--ae-white);
}

.ae-solutions-intro-content {
    max-width: 650px;
}

.ae-solutions-intro-content p {
    margin: 0 0 18px;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.85;
}

.ae-solutions-intro-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   INTRO STATS
========================================================= */

.ae-solutions-intro-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ae-solution-stat-card {
    height: 100%;

    padding: 30px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-solution-stat-card:hover {
    transform: translateY(-7px);

    border-color: rgba(144, 8, 8, .20);

    box-shadow: var(--ae-shadow-hover);
}

.ae-solution-stat-icon {
    width: 52px;
    height: 52px;

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

    margin-bottom: 22px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 19px;

    transition: var(--ae-transition);
}

.ae-solution-stat-card:hover .ae-solution-stat-icon {
    background: var(--ae-primary-dark);

    box-shadow: var(--ae-primary-shadow);
}

.ae-solution-stat-card h3 {
    margin: 0 0 10px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
    line-height: 1.3;
}

.ae-solution-stat-card p {
    margin: 0;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   SOLUTIONS GRID SECTION
========================================================= */

.ae-solutions-grid-section {
    background: var(--ae-light);
}

.ae-solutions-grid-section
.ae-section-heading {
    max-width: 850px;

    margin-right: auto;
    margin-left: auto;
}

.ae-solutions-grid-section
.ae-section-heading p {
    margin-right: auto;
    margin-left: auto;
}


/* =========================================================
   SOLUTION CARD
========================================================= */

.ae-solution-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-solution-card:hover {
    transform: translateY(-8px);

    border-color: rgba(144, 8, 8, .15);

    box-shadow: var(--ae-shadow-hover);
}

.ae-solution-card-image {
    position: relative;

    height: 320px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-solution-card-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(8, 9, 12, .65) 0%,
            rgba(8, 9, 12, .08) 60%,
            transparent 100%
        );

    pointer-events: none;
}

.ae-solution-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .7s cubic-bezier(.22, .61, .36, 1);
}

.ae-solution-card:hover
.ae-solution-card-image img {
    transform: scale(1.06);
}

.ae-solution-number {
    position: absolute;

    z-index: 2;

    left: 25px;
    bottom: 20px;

    color: var(--ae-white);

    font-size: 44px;
    font-weight: 850;
    line-height: 1;

    opacity: .95;
}


/* =========================================================
   SOLUTION CONTENT
========================================================= */

.ae-solution-card-content {
    padding: 32px;
}

.ae-solution-icon {
    width: 52px;
    height: 52px;

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

    margin-bottom: 21px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 19px;

    transition: var(--ae-transition);
}

.ae-solution-card:hover .ae-solution-icon {
    background: var(--ae-primary-dark);

    box-shadow: var(--ae-primary-shadow);
}

.ae-solution-card-content h3 {
    margin: 0 0 13px;

    color: var(--ae-black);

    font-size: 25px;
    font-weight: 750;
    line-height: 1.25;
}

.ae-solution-card-content p {
    min-height: 84px;

    margin: 0 0 22px;

    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.75;
}

.ae-solution-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-solution-link i {
    transition: var(--ae-transition);
}

.ae-solution-link:hover {
    color: var(--ae-primary-dark);
}

.ae-solution-link:hover i {
    transform: translateX(5px);
}


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

.ae-solutions-process {
    background: var(--ae-white);
}

.ae-process-intro {
    max-width: 470px;

    margin: 0 0 0 auto;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.8;
}

.ae-process-wrapper {
    position: relative;
}

.ae-process-line {
    position: absolute;

    top: 39px;
    right: 12.5%;
    left: 12.5%;

    height: 1px;

    background: var(--ae-border);
}

.ae-process-item {
    position: relative;
    z-index: 2;

    height: 100%;

    padding: 30px 20px;

    text-align: center;

    background: var(--ae-white);
}

.ae-process-number {
    position: absolute;

    top: 0;
    right: 25px;

    color: rgba(144, 8, 8, .08);

    font-size: 42px;
    font-weight: 900;
    line-height: 1;
}

/*.ae-process-icon {*/
/*    position: relative;*/

/*    width: 78px;*/
/*    height: 78px;*/

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

/*    margin: 0 auto 25px;*/

/*    border: 1px solid rgba(144, 8, 8, .20);*/
/*    border-radius: 50%;*/

/*    color: var(--ae-white);*/
/*    background: var(--ae-primary);*/

/*    font-size: 22px;*/

/*    box-shadow:*/
/*        0 0 0 8px var(--ae-white);*/

/*    transition: var(--ae-transition);*/
/*}*/

.ae-process-item:hover .ae-process-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-5px);

    box-shadow:
        0 0 0 8px var(--ae-white),
        var(--ae-primary-shadow);
}

.ae-process-item h4 {
    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 21px;
    font-weight: 750;
    line-height: 1.3;
}

.ae-process-item p {
    margin: 0;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   WHY AE WORKS
========================================================= */

.ae-solutions-why {
    background: var(--ae-light);
}

.ae-solutions-why-image {
    position: relative;

    min-height: 570px;

    overflow: hidden;

    border-radius: var(--ae-radius);
}

.ae-solutions-why-image img {
    width: 100%;
    height: 570px;

    display: block;

    object-fit: cover;

    transition: transform .7s ease;
}

.ae-solutions-why-image:hover img {
    transform: scale(1.03);
}

.ae-why-badge {
    position: absolute;

    right: 25px;
    bottom: 25px;
    left: 25px;

    display: flex;
    align-items: center;
    gap: 15px;

    padding: 17px 22px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(144, 8, 8, .95);

    box-shadow: var(--ae-primary-shadow);
}

.ae-why-badge > i {
    font-size: 23px;
}

.ae-why-badge strong,
.ae-why-badge span {
    display: block;
}

.ae-why-badge strong {
    margin-bottom: 3px;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-why-badge span {
    color: rgba(255, 255, 255, .78);

    font-size: 12px;
}


/* =========================================================
   WHY LIST
========================================================= */

.ae-why-list {
    margin-top: 32px;
}

.ae-why-list-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 20px 0;

    border-bottom: 1px solid var(--ae-border);
}

.ae-why-list-item:first-child {
    border-top: 1px solid var(--ae-border);
}

.ae-why-list-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 13px;

    transition: var(--ae-transition);
}

.ae-why-list-item:hover .ae-why-list-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-3px);

    box-shadow: var(--ae-primary-shadow);
}

.ae-why-list-item h4 {
    margin: 0 0 6px;

    color: var(--ae-black);

    font-size: 17px;
    font-weight: 750;
    line-height: 1.35;
}

.ae-why-list-item p {
    margin: 0;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.7;
}


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

.ae-solutions-cta {
    position: relative;

    padding: 115px 0;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96),
            rgba(8, 9, 12, .78)
        ),
        url("../images/solutions/solutions-cta.jpg")
        center center / cover no-repeat;
}

.ae-solutions-cta::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .30),
            transparent 65%
        );

    pointer-events: none;
}

.ae-solutions-cta .container {
    position: relative;
    z-index: 2;
}

.ae-solutions-cta-content {
    max-width: 850px;

    margin: 0 auto;
}

.ae-solutions-cta .ae-kicker {
    color: var(--ae-white);
}

.ae-solutions-cta .ae-kicker::before {
    background: var(--ae-white);
}

.ae-solutions-cta h2 {
    margin: 0 0 20px;

    color: var(--ae-white);

    font-size: clamp(36px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.ae-solutions-cta h2 strong {
    color: var(--ae-white);

    font-weight: 800;
}

.ae-solutions-cta p {
    max-width: 680px;

    margin: 0 auto 30px;

    color: rgba(255, 255, 255, .78);

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   AOS SAFETY
========================================================= */

[data-aos] {
    pointer-events: auto;
}

.aos-init.aos-animate {
    pointer-events: auto;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 1199px) {

    .ae-solutions-page .ae-section {
        padding: 90px 0;
    }

    .ae-solutions-hero {
        min-height: 650px;
    }

    .ae-solutions-hero h1 {
        font-size: 62px;
    }

    .ae-solution-card-image {
        height: 290px;
    }

}


/* =========================================================
   RESPONSIVE - MOBILE LANDSCAPE / TABLET
========================================================= */

@media (max-width: 991px) {

    .ae-solutions-page .ae-section {
        padding: 80px 0;
    }

    .ae-solutions-hero {
        min-height: 620px;
    }

    .ae-solutions-hero-content {
        padding: 70px 0;
    }

    .ae-solutions-intro-stats {
        margin-top: 15px;
    }

    .ae-process-line {
        display: none;
    }

    .ae-process-item {
        padding: 25px 15px;
    }

    .ae-solutions-why-image {
        min-height: auto;
    }

    .ae-solutions-why-image img {
        height: 500px;
    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

    .ae-solutions-page .ae-section {
        padding: 65px 0;
    }

    .ae-solutions-hero {
        min-height: 580px;

        background-position: 65% center;
    }

    .ae-solutions-hero-content {
        padding: 60px 0;
    }

    .ae-solutions-hero h1 {
        font-size: 44px;

        letter-spacing: -1.5px;
    }

    .ae-solutions-hero p {
        font-size: 15px;
    }

    .ae-solutions-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .ae-solutions-page .ae-btn {
        width: 100%;
        max-width: 285px;
    }

    .ae-solutions-intro-stats {
        grid-template-columns: 1fr;
    }

    .ae-solution-card-image {
        height: 260px;
    }

    .ae-solution-card-content {
        padding: 26px;
    }

    .ae-solution-card-content p {
        min-height: auto;
    }

    .ae-solutions-why-image img {
        height: 400px;
    }

    .ae-why-badge {
        right: 15px;
        bottom: 15px;
        left: 15px;
    }

    .ae-solutions-cta {
        padding: 80px 0;
    }

}


/* =========================================================
   RESPONSIVE - SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .ae-solutions-page .ae-kicker {
        font-size: 11px;
        letter-spacing: 1.6px;
    }

    .ae-solutions-hero {
        min-height: 550px;
    }

    .ae-solutions-hero h1 {
        font-size: 38px;
    }

    .ae-solutions-page .ae-section-heading h2 {
        font-size: 34px;
    }

    .ae-solution-stat-card {
        padding: 25px;
    }

    .ae-solution-card-image {
        height: 230px;
    }

    .ae-solution-number {
        font-size: 36px;
    }

    .ae-solutions-why-image img {
        height: 330px;
    }

    .ae-why-badge {
        padding: 14px 16px;
    }

    .ae-solutions-cta h2 {
        font-size: 36px;
    }

}

/* =========================================================
   AE WORKS - SERVICES PAGE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-services-page {
    width: 100%;
    overflow: hidden;
}

.ae-services-page .container {
    max-width: var(--ae-container);
}


/* =========================================================
   COMMON
========================================================= */

.ae-services-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-services-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-services-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}

.ae-services-page .ae-section-heading h2 {
    margin: 0 0 22px;

    color: var(--ae-black);

    font-size: clamp(34px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.ae-services-page .ae-section-heading h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-services-page .ae-section-heading p {
    max-width: 760px;

    margin: 0;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.85;
}


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

.ae-services-hero {
    position: relative;

    min-height: 700px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .95) 0%,
            rgba(8, 9, 12, .83) 42%,
            rgba(8, 9, 12, .42) 75%,
            rgba(8, 9, 12, .16) 100%
        ),
        url("../images/services/services-hero.jpg")
        center center / cover no-repeat;
}

.ae-services-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .22),
            transparent 58%
        );

    pointer-events: none;
}

.ae-services-hero .container {
    position: relative;
    z-index: 2;
}

.ae-services-hero-content {
    max-width: 850px;

    padding: 90px 0;
}

.ae-services-hero .ae-kicker {
    color: var(--ae-white);
}

.ae-services-hero .ae-kicker::before {
    background: var(--ae-white);
}

.ae-services-hero h1 {
    margin: 0 0 25px;

    color: var(--ae-white);

    font-size: clamp(44px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-services-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-services-hero p {
    max-width: 720px;

    margin: 0 0 35px;

    color: rgba(255, 255, 255, .82);

    font-size: 17px;
    line-height: 1.8;
}

.ae-services-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


/* =========================================================
   BUTTONS
========================================================= */

.ae-services-page .ae-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    padding: 0 26px;

    border: 1px solid transparent;
    border-radius: var(--ae-radius);

    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-services-page .ae-btn i {
    transition: var(--ae-transition);
}

.ae-services-page .ae-btn:hover {
    transform: translateY(-3px);
}

.ae-services-page .ae-btn:hover i {
    transform: translateX(4px);
}

.ae-services-page .ae-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-services-page .ae-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);
}

.ae-services-page .ae-btn-outline {
    color: var(--ae-white);

    border-color: rgba(255, 255, 255, .35);

    background: rgba(255, 255, 255, .04);
}

.ae-services-page .ae-btn-outline:hover {
    color: var(--ae-white);

    border-color: var(--ae-white);

    background: rgba(255, 255, 255, .10);
}


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

.ae-services-intro {
    background: var(--ae-white);
}

.ae-services-intro-image {
    position: relative;

    min-height: 560px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-services-intro-image img {
    width: 100%;
    height: 560px;

    display: block;

    object-fit: cover;

    transition: transform .7s ease;
}

.ae-services-intro-image:hover img {
    transform: scale(1.035);
}

.ae-services-image-label {
    position: absolute;

    right: 22px;
    bottom: 22px;
    left: 22px;

    padding: 18px 20px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(8, 9, 12, .88);

    border-left: 3px solid var(--ae-primary);
}

.ae-services-image-label span,
.ae-services-image-label strong {
    display: block;
}

.ae-services-image-label span {
    margin-bottom: 4px;

    color: var(--ae-primary-light);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-services-image-label strong {
    color: var(--ae-white);

    font-size: 14px;
    font-weight: 750;
    letter-spacing: .5px;
}


/* =========================================================
   INTRO POINTS
========================================================= */

.ae-services-intro-points {
    margin-top: 30px;
}

.ae-services-intro-point {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 17px 0;

    border-top: 1px solid var(--ae-border);
}

.ae-services-intro-point:last-child {
    border-bottom: 1px solid var(--ae-border);
}

.ae-services-intro-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 12px;

    transition: var(--ae-transition);
}

.ae-services-intro-point:hover .ae-services-intro-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-3px);

    box-shadow: var(--ae-primary-shadow);
}

.ae-services-intro-point h4 {
    margin: 0 0 5px;

    color: var(--ae-black);

    font-size: 16px;
    font-weight: 750;
}

.ae-services-intro-point p {
    margin: 0;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   SERVICES LIST
========================================================= */

.ae-services-list {
    background: var(--ae-light);
}

.ae-services-list
.ae-section-heading {
    max-width: 850px;

    margin-right: auto;
    margin-left: auto;
}

.ae-services-list
.ae-section-heading p {
    margin-right: auto;
    margin-left: auto;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.ae-service-card {
    position: relative;

    height: 100%;

    display: flex;
    flex-direction: column;

    padding: 32px;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-service-card::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    left: 0;

    height: 3px;

    background: var(--ae-primary);

    transform: scaleX(0);
    transform-origin: left;

    transition: var(--ae-transition);
}

.ae-service-card:hover {
    transform: translateY(-8px);

    border-color: rgba(144, 8, 8, .18);

    box-shadow: var(--ae-shadow-hover);
}

.ae-service-card:hover::before {
    transform: scaleX(1);
}

.ae-service-card-top {
    position: relative;

    min-height: 70px;

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

    margin-bottom: 22px;
}

.ae-service-number {
    position: absolute;

    right: 0;
    top: -5px;

    color: rgba(144, 8, 8, .07);

    font-size: 58px;
    font-weight: 900;
    line-height: 1;
}

.ae-service-icon {
    position: relative;
    z-index: 2;

    width: 56px;
    height: 56px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 20px;

    transition: var(--ae-transition);
}

.ae-service-card:hover .ae-service-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-4px);

    box-shadow: var(--ae-primary-shadow);
}

.ae-service-card h3 {
    margin: 0 0 13px;

    color: var(--ae-black);

    font-size: 23px;
    font-weight: 750;
    line-height: 1.25;
}

.ae-service-card > p {
    min-height: 82px;

    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   SERVICE FEATURES
========================================================= */

.ae-service-card ul {
    display: flex;
    flex-direction: column;
    gap: 9px;

    margin: 0 0 25px;
    padding: 0;

    list-style: none;
}

.ae-service-card ul li {
    display: flex;
    align-items: center;
    gap: 9px;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.5;
}

.ae-service-card ul li i {
    color: var(--ae-primary);

    font-size: 10px;
}

.ae-service-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: auto;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-service-link i {
    transition: var(--ae-transition);
}

.ae-service-link:hover {
    color: var(--ae-primary-dark);
}

.ae-service-link:hover i {
    transform: translateX(5px);
}


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

.ae-services-process {
    background: var(--ae-white);
}

.ae-services-process-intro {
    max-width: 470px;

    margin: 0 0 0 auto;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.8;
}

.ae-service-process-card {
    position: relative;

    height: 100%;

    padding: 32px 25px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    text-align: center;

    transition: var(--ae-transition);
}

.ae-service-process-card:hover {
    transform: translateY(-7px);

    box-shadow: var(--ae-shadow-hover);

    border-color: rgba(144, 8, 8, .18);
}

.ae-service-process-card > span {
    position: absolute;

    top: 18px;
    right: 20px;

    color: rgba(144, 8, 8, .08);

    font-size: 38px;
    font-weight: 900;
    line-height: 1;
}

.ae-service-process-icon {
    width: 70px;
    height: 70px;

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

    margin: 0 auto 22px;

    border-radius: 50%;

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 20px;

    transition: var(--ae-transition);
}

.ae-service-process-card:hover .ae-service-process-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-4px);

    box-shadow: var(--ae-primary-shadow);
}

.ae-service-process-card h4 {
    margin: 0 0 10px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
}

.ae-service-process-card p {
    margin: 0;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.75;
}


/* =========================================================
   CAPABILITY BANNER
========================================================= */

.ae-services-banner {
    position: relative;

    padding: 90px 0;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96),
            rgba(8, 9, 12, .80)
        ),
        url("../images/services/services-banner.jpg")
        center center / cover no-repeat;
}

.ae-services-banner-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .28),
            transparent 65%
        );

    pointer-events: none;
}

.ae-services-banner .container {
    position: relative;
    z-index: 2;
}

.ae-services-banner-content {
    max-width: 760px;
}

.ae-services-banner .ae-kicker {
    color: var(--ae-white);
}

.ae-services-banner .ae-kicker::before {
    background: var(--ae-white);
}

.ae-services-banner h2 {
    margin: 0 0 18px;

    color: var(--ae-white);

    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1px;
}

.ae-services-banner h2 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-services-banner p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, .76);

    font-size: 15px;
    line-height: 1.8;
}

.ae-services-banner-action {
    display: flex;
    justify-content: flex-end;
}


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

.ae-services-cta {
    padding: 110px 0;

    background: var(--ae-dark);
}

.ae-services-cta-content {
    max-width: 850px;

    margin: 0 auto;
}

.ae-services-cta .ae-kicker {
    color: var(--ae-primary-light);
}

.ae-services-cta .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-services-cta h2 {
    margin: 0 0 20px;

    color: var(--ae-white);

    font-size: clamp(36px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.ae-services-cta h2 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-services-cta p {
    max-width: 680px;

    margin: 0 auto 30px;

    color: var(--ae-text-light);

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   AOS SAFETY
========================================================= */

.ae-services-page [data-aos] {
    pointer-events: auto;
}


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

@media (max-width: 1199px) {

    .ae-services-page .ae-section {
        padding: 90px 0;
    }

    .ae-services-hero {
        min-height: 650px;
    }

    .ae-services-hero h1 {
        font-size: 62px;
    }

    .ae-service-card {
        padding: 28px;
    }

}


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

@media (max-width: 991px) {

    .ae-services-page .ae-section {
        padding: 80px 0;
    }

    .ae-services-hero {
        min-height: 620px;
    }

    .ae-services-hero-content {
        padding: 70px 0;
    }

    .ae-services-intro-image {
        min-height: 500px;
    }

    .ae-services-intro-image img {
        height: 500px;
    }

    .ae-services-process-intro {
        margin: 0;
    }

    .ae-services-banner-action {
        justify-content: flex-start;

        margin-top: 30px;
    }

}


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

@media (max-width: 767px) {

    .ae-services-page .ae-section {
        padding: 65px 0;
    }

    .ae-services-hero {
        min-height: 580px;

        background-position: 65% center;
    }

    .ae-services-hero-content {
        padding: 60px 0;
    }

    .ae-services-hero h1 {
        font-size: 44px;

        letter-spacing: -1.5px;
    }

    .ae-services-hero p {
        font-size: 15px;
    }

    .ae-services-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .ae-services-page .ae-btn {
        width: 100%;
        max-width: 285px;
    }

    .ae-services-intro-image {
        min-height: 400px;
    }

    .ae-services-intro-image img {
        height: 400px;
    }

    .ae-service-card > p {
        min-height: auto;
    }

    .ae-services-banner {
        padding: 75px 0;
    }

    .ae-services-cta {
        padding: 75px 0;
    }

}


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

@media (max-width: 575px) {

    .ae-services-page .ae-kicker {
        font-size: 11px;
        letter-spacing: 1.6px;
    }

    .ae-services-hero {
        min-height: 550px;
    }

    .ae-services-hero h1 {
        font-size: 38px;
    }

    .ae-services-page .ae-section-heading h2 {
        font-size: 34px;
    }

    .ae-services-intro-image {
        min-height: 330px;
    }

    .ae-services-intro-image img {
        height: 330px;
    }

    .ae-services-image-label {
        right: 14px;
        bottom: 14px;
        left: 14px;

        padding: 14px 15px;
    }

    .ae-service-card {
        padding: 25px;
    }

    .ae-service-card h3 {
        font-size: 21px;
    }

    .ae-services-banner h2 {
        font-size: 34px;
    }

    .ae-services-cta h2 {
        font-size: 36px;
    }

}

/* =========================================================
   AE WORKS - PROJECTS PAGE
   Based on Existing AE Works Root Variables
========================================================= */

.ae-projects-page {
    width: 100%;
    overflow: hidden;
}

.ae-projects-page .container {
    max-width: var(--ae-container);
}


/* =========================================================
   COMMON
========================================================= */

.ae-projects-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-projects-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-projects-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}

.ae-projects-page .ae-section-heading h2 {
    margin: 0 0 22px;

    color: var(--ae-black);

    font-size: clamp(34px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.ae-projects-page .ae-section-heading h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-projects-page .ae-section-heading p {
    max-width: 760px;

    margin: 0;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   BUTTONS
========================================================= */

.ae-projects-page .ae-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    padding: 0 26px;

    border: 1px solid transparent;
    border-radius: var(--ae-radius);

    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-projects-page .ae-btn i {
    transition: var(--ae-transition);
}

.ae-projects-page .ae-btn:hover {
    transform: translateY(-3px);
}

.ae-projects-page .ae-btn:hover i {
    transform: translateX(4px);
}

.ae-projects-page .ae-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-projects-page .ae-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);
}

.ae-projects-page .ae-btn-outline {
    color: var(--ae-white);

    border-color: rgba(255, 255, 255, .35);

    background: rgba(255, 255, 255, .04);
}

.ae-projects-page .ae-btn-outline:hover {
    color: var(--ae-white);

    border-color: var(--ae-white);

    background: rgba(255, 255, 255, .10);
}


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

.ae-projects-hero {
    position: relative;

    min-height: 700px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .95) 0%,
            rgba(8, 9, 12, .82) 45%,
            rgba(8, 9, 12, .40) 78%,
            rgba(8, 9, 12, .15) 100%
        ),
        url("../images/projects/projects-hero.jpg")
        center center / cover no-repeat;
}

.ae-projects-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .22),
            transparent 60%
        );

    pointer-events: none;
}

.ae-projects-hero .container {
    position: relative;
    z-index: 2;
}

.ae-projects-hero-content {
    max-width: 850px;

    padding: 90px 0;
}

.ae-projects-hero .ae-kicker {
    color: var(--ae-white);
}

.ae-projects-hero .ae-kicker::before {
    background: var(--ae-white);
}

.ae-projects-hero h1 {
    margin: 0 0 25px;

    color: var(--ae-white);

    font-size: clamp(44px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-projects-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-projects-hero p {
    max-width: 720px;

    margin: 0 0 35px;

    color: rgba(255, 255, 255, .82);

    font-size: 17px;
    line-height: 1.8;
}

.ae-projects-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


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

.ae-projects-intro {
    background: var(--ae-white);
}

.ae-projects-intro-image {
    position: relative;

    min-height: 560px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-projects-intro-image img {
    width: 100%;
    height: 560px;

    display: block;

    object-fit: cover;

    transition: transform .7s ease;
}

.ae-projects-intro-image:hover img {
    transform: scale(1.035);
}

.ae-projects-image-label {
    position: absolute;

    right: 22px;
    bottom: 22px;
    left: 22px;

    padding: 18px 20px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(8, 9, 12, .88);

    border-left: 3px solid var(--ae-primary);
}

.ae-projects-image-label span,
.ae-projects-image-label strong {
    display: block;
}

.ae-projects-image-label span {
    margin-bottom: 4px;

    color: var(--ae-primary-light);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-projects-image-label strong {
    color: var(--ae-white);

    font-size: 14px;
    font-weight: 750;
    letter-spacing: .5px;
}


/* =========================================================
   INTRO STATS
========================================================= */

.ae-projects-intro-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    margin-top: 35px;

    border-top: 1px solid var(--ae-border);
    border-bottom: 1px solid var(--ae-border);
}

.ae-project-stat {
    display: flex;
    align-items: center;
    gap: 13px;

    padding: 22px 15px;

    border-right: 1px solid var(--ae-border);
}

.ae-project-stat:last-child {
    border-right: 0;
}

.ae-project-stat strong {
    color: var(--ae-primary);

    font-size: 27px;
    font-weight: 850;
    line-height: 1;
}

.ae-project-stat span {
    color: var(--ae-text);

    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .4px;
    text-transform: uppercase;
}


/* =========================================================
   PROJECT SHOWCASE
========================================================= */

.ae-projects-showcase {
    background: var(--ae-light);
}

.ae-projects-showcase
.ae-section-heading {
    max-width: 850px;

    margin-right: auto;
    margin-left: auto;
}

.ae-projects-showcase
.ae-section-heading p {
    margin-right: auto;
    margin-left: auto;
}


/* =========================================================
   FILTERS
========================================================= */

.ae-project-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin: 45px 0 45px;
}

.ae-project-filter {
    min-height: 44px;

    padding: 0 19px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    color: var(--ae-text);

    background: var(--ae-white);

    font-size: 12px;
    font-weight: 750;
    line-height: 1;

    cursor: pointer;

    transition: var(--ae-transition);
}

.ae-project-filter:hover {
    color: var(--ae-primary);

    border-color: rgba(144, 8, 8, .30);

    transform: translateY(-2px);
}

.ae-project-filter.active {
    color: var(--ae-white);

    border-color: var(--ae-primary);

    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}


/* =========================================================
   PROJECT ITEM
========================================================= */

.ae-project-item {
    transition:
        opacity .35s ease,
        transform .35s ease;
}

.ae-project-item.ae-project-hidden {
    display: none;
}


/* =========================================================
   PROJECT CARD
========================================================= */

.ae-project-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-project-card:hover {
    transform: translateY(-8px);

    box-shadow: var(--ae-shadow-hover);
}


/* =========================================================
   PROJECT IMAGE
========================================================= */

.ae-project-image {
    position: relative;

    height: 390px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-project-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .65s cubic-bezier(.22, .61, .36, 1);
}

.ae-project-card:hover .ae-project-image img {
    transform: scale(1.055);
}

.ae-project-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    padding: 22px;

    background:
        linear-gradient(
            to top,
            rgba(8, 9, 12, .78),
            rgba(8, 9, 12, 0) 55%
        );

    opacity: .95;

    transition: var(--ae-transition);
}

.ae-project-card:hover .ae-project-overlay {
    background:
        linear-gradient(
            to top,
            rgba(8, 9, 12, .88),
            rgba(8, 9, 12, .05) 65%
        );
}

.ae-project-category {
    display: inline-flex;
    align-items: center;

    min-height: 32px;

    padding: 0 12px;

    color: var(--ae-white);

    background: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.ae-project-view {
    width: 44px;
    height: 44px;

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

    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;

    color: var(--ae-white);

    background: rgba(8, 9, 12, .40);

    font-size: 13px;
    text-decoration: none;

    backdrop-filter: blur(8px);

    transform: translateY(10px);
    opacity: 0;

    transition: var(--ae-transition);
}

.ae-project-card:hover .ae-project-view {
    transform: translateY(0);
    opacity: 1;
}

.ae-project-view:hover {
    color: var(--ae-white);

    border-color: var(--ae-primary);

    background: var(--ae-primary);

    transform: translateY(-2px);
}

.ae-project-number {
    position: absolute;

    top: 18px;
    right: 20px;

    color: rgba(255, 255, 255, .75);

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* =========================================================
   PROJECT CONTENT
========================================================= */

.ae-project-content {
    padding: 28px 30px 30px;
}

.ae-project-meta {
    margin-bottom: 8px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ae-project-content h3 {
    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 25px;
    font-weight: 750;
    line-height: 1.2;
}

.ae-project-content p {
    min-height: 74px;

    margin: 0 0 22px;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.75;
}

.ae-project-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-project-link i {
    transition: var(--ae-transition);
}

.ae-project-link:hover {
    color: var(--ae-primary-dark);
}

.ae-project-link:hover i {
    transform: translateX(5px);
}


/* =========================================================
   APPROACH
========================================================= */

.ae-projects-approach {
    background: var(--ae-white);
}

.ae-project-approach-list {
    display: flex;
    flex-direction: column;

    border-top: 1px solid var(--ae-border);
}

.ae-project-approach-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    padding: 24px 0;

    border-bottom: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-project-approach-item:hover {
    padding-left: 8px;
}

.ae-project-approach-icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 16px;

    transition: var(--ae-transition);
}

.ae-project-approach-item:hover .ae-project-approach-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-3px);

    box-shadow: var(--ae-primary-shadow);
}

.ae-project-approach-item span {
    display: block;

    margin-bottom: 4px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ae-project-approach-item h4 {
    margin: 0 0 7px;

    color: var(--ae-black);

    font-size: 18px;
    font-weight: 750;
}

.ae-project-approach-item p {
    margin: 0;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.7;
}


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

.ae-projects-cta {
    position: relative;

    padding: 95px 0;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96),
            rgba(8, 9, 12, .80)
        ),
        url("../images/projects/projects-cta.jpg")
        center center / cover no-repeat;
}

.ae-projects-cta-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .30),
            transparent 65%
        );

    pointer-events: none;
}

.ae-projects-cta .container {
    position: relative;
    z-index: 2;
}

.ae-projects-cta-content {
    max-width: 760px;
}

.ae-projects-cta .ae-kicker {
    color: var(--ae-white);
}

.ae-projects-cta .ae-kicker::before {
    background: var(--ae-white);
}

.ae-projects-cta h2 {
    margin: 0 0 18px;

    color: var(--ae-white);

    font-size: clamp(36px, 5vw, 58px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-projects-cta h2 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-projects-cta p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, .76);

    font-size: 15px;
    line-height: 1.8;
}

.ae-projects-cta-action {
    display: flex;
    justify-content: flex-end;
}


/* =========================================================
   AOS SAFETY
========================================================= */

.ae-projects-page [data-aos] {
    pointer-events: auto;
}


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

@media (max-width: 1199px) {

    .ae-projects-page .ae-section {
        padding: 90px 0;
    }

    .ae-projects-hero {
        min-height: 650px;
    }

    .ae-projects-hero h1 {
        font-size: 62px;
    }

    .ae-project-image {
        height: 350px;
    }

}


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

@media (max-width: 991px) {

    .ae-projects-page .ae-section {
        padding: 80px 0;
    }

    .ae-projects-hero {
        min-height: 620px;
    }

    .ae-projects-hero-content {
        padding: 70px 0;
    }

    .ae-projects-intro-image {
        min-height: 500px;
    }

    .ae-projects-intro-image img {
        height: 500px;
    }

    .ae-projects-cta-action {
        justify-content: flex-start;

        margin-top: 30px;
    }

}


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

@media (max-width: 767px) {

    .ae-projects-page .ae-section {
        padding: 65px 0;
    }

    .ae-projects-hero {
        min-height: 580px;

        background-position: 65% center;
    }

    .ae-projects-hero-content {
        padding: 60px 0;
    }

    .ae-projects-hero h1 {
        font-size: 44px;

        letter-spacing: -1.5px;
    }

    .ae-projects-hero p {
        font-size: 15px;
    }

    .ae-projects-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .ae-projects-page .ae-btn {
        width: 100%;
        max-width: 285px;
    }

    .ae-projects-intro-image {
        min-height: 400px;
    }

    .ae-projects-intro-image img {
        height: 400px;
    }

    .ae-projects-intro-stats {
        grid-template-columns: 1fr;
    }

    .ae-project-stat {
        border-right: 0;
        border-bottom: 1px solid var(--ae-border);
    }

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

    .ae-project-filters {
        justify-content: flex-start;

        overflow-x: auto;
        flex-wrap: nowrap;

        padding-bottom: 7px;

        scrollbar-width: thin;
    }

    .ae-project-filter {
        flex: 0 0 auto;
    }

    .ae-project-image {
        height: 330px;
    }

    .ae-project-content {
        padding: 25px;
    }

    .ae-project-content p {
        min-height: auto;
    }

    .ae-project-view {
        transform: translateY(0);
        opacity: 1;
    }

    .ae-projects-cta {
        padding: 75px 0;
    }

}


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

@media (max-width: 575px) {

    .ae-projects-page .ae-kicker {
        font-size: 11px;
        letter-spacing: 1.6px;
    }

    .ae-projects-hero {
        min-height: 550px;
    }

    .ae-projects-hero h1 {
        font-size: 38px;
    }

    .ae-projects-page .ae-section-heading h2 {
        font-size: 34px;
    }

    .ae-projects-intro-image {
        min-height: 330px;
    }

    .ae-projects-intro-image img {
        height: 330px;
    }

    .ae-projects-image-label {
        right: 14px;
        bottom: 14px;
        left: 14px;

        padding: 14px 15px;
    }

    .ae-project-image {
        height: 280px;
    }

    .ae-project-content h3 {
        font-size: 21px;
    }

    .ae-projects-cta h2 {
        font-size: 36px;
    }

}

/* =========================================================
   AE WORKS - INDUSTRIES PAGE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-industries-page {
    width: 100%;
    overflow: hidden;
}

.ae-industries-page .container {
    max-width: var(--ae-container);
}


/* =========================================================
   COMMON
========================================================= */

.ae-industries-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-industries-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-industries-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}

.ae-industries-page .ae-section-heading h2 {
    margin: 0 0 22px;

    color: var(--ae-black);

    font-size: clamp(34px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.ae-industries-page .ae-section-heading h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-industries-page .ae-section-heading p {
    max-width: 760px;

    margin: 0;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   BUTTONS
========================================================= */

.ae-industries-page .ae-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    padding: 0 26px;

    border: 1px solid transparent;
    border-radius: var(--ae-radius);

    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-industries-page .ae-btn i {
    transition: var(--ae-transition);
}

.ae-industries-page .ae-btn:hover {
    transform: translateY(-3px);
}

.ae-industries-page .ae-btn:hover i {
    transform: translateX(4px);
}

.ae-industries-page .ae-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-industries-page .ae-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);
}

.ae-industries-page .ae-btn-outline {
    color: var(--ae-white);

    border-color: rgba(255, 255, 255, .35);

    background: rgba(255, 255, 255, .04);
}

.ae-industries-page .ae-btn-outline:hover {
    color: var(--ae-white);

    border-color: var(--ae-white);

    background: rgba(255, 255, 255, .10);
}


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

.ae-industries-hero {
    position: relative;

    min-height: 700px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96) 0%,
            rgba(8, 9, 12, .84) 42%,
            rgba(8, 9, 12, .45) 75%,
            rgba(8, 9, 12, .18) 100%
        ),
        url("../images/industries/industries-hero.jpg")
        center center / cover no-repeat;
}

.ae-industries-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .24),
            transparent 60%
        );

    pointer-events: none;
}

.ae-industries-hero .container {
    position: relative;
    z-index: 2;
}

.ae-industries-hero-content {
    max-width: 850px;

    padding: 90px 0;
}

.ae-industries-hero .ae-kicker {
    color: var(--ae-white);
}

.ae-industries-hero .ae-kicker::before {
    background: var(--ae-white);
}

.ae-industries-hero h1 {
    margin: 0 0 25px;

    color: var(--ae-white);

    font-size: clamp(44px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-industries-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-industries-hero p {
    max-width: 720px;

    margin: 0 0 35px;

    color: rgba(255, 255, 255, .82);

    font-size: 17px;
    line-height: 1.8;
}

.ae-industries-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


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

.ae-industries-intro {
    background: var(--ae-white);
}

.ae-industries-intro-image {
    position: relative;

    min-height: 560px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-industries-intro-image img {
    width: 100%;
    height: 560px;

    display: block;

    object-fit: cover;

    transition: transform .7s ease;
}

.ae-industries-intro-image:hover img {
    transform: scale(1.035);
}

.ae-industries-image-label {
    position: absolute;

    right: 22px;
    bottom: 22px;
    left: 22px;

    padding: 18px 20px;

    border-left: 3px solid var(--ae-primary);
    border-radius: var(--ae-radius);

    background: rgba(8, 9, 12, .88);
}

.ae-industries-image-label span,
.ae-industries-image-label strong {
    display: block;
}

.ae-industries-image-label span {
    margin-bottom: 4px;

    color: var(--ae-primary-light);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-industries-image-label strong {
    color: var(--ae-white);

    font-size: 14px;
    font-weight: 750;
    letter-spacing: .5px;
}


/* =========================================================
   INTRO HIGHLIGHTS
========================================================= */

.ae-industries-highlights {
    display: flex;
    flex-direction: column;

    margin-top: 30px;

    border-top: 1px solid var(--ae-border);
}

.ae-industry-highlight {
    display: flex;
    align-items: center;
    gap: 16px;

    padding: 18px 0;

    border-bottom: 1px solid var(--ae-border);
}

.ae-industry-highlight-icon {
    flex: 0 0 46px;

    width: 46px;
    height: 46px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 15px;

    transition: var(--ae-transition);
}

.ae-industry-highlight:hover .ae-industry-highlight-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-2px);

    box-shadow: var(--ae-primary-shadow);
}

.ae-industry-highlight h4 {
    margin: 0 0 4px;

    color: var(--ae-black);

    font-size: 15px;
    font-weight: 750;
}

.ae-industry-highlight p {
    margin: 0;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.5;
}


/* =========================================================
   INDUSTRIES LIST
========================================================= */

.ae-industries-list {
    background: var(--ae-light);
}

.ae-industries-list
.ae-section-heading {
    max-width: 850px;

    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
}

.ae-industries-list
.ae-section-heading p {
    margin-right: auto;
    margin-left: auto;
}

.ae-industries-grid {
    margin-top: 0;
}


/* =========================================================
   INDUSTRY CARD
========================================================= */

.ae-industry-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-industry-card:hover {
    transform: translateY(-8px);

    box-shadow: var(--ae-shadow-hover);
}


/* =========================================================
   INDUSTRY CARD IMAGE
========================================================= */

.ae-industry-card-image {
    position: relative;

    height: 270px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-industry-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .65s cubic-bezier(.22, .61, .36, 1);
}

.ae-industry-card:hover
.ae-industry-card-image img {
    transform: scale(1.07);
}

.ae-industry-card-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(8, 9, 12, .75),
            rgba(8, 9, 12, 0) 65%
        );
}

.ae-industry-number {
    position: absolute;

    top: 18px;
    /*left: 20px;*/

    color: rgba(255, 255, 255, .75);

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-industry-card-icon {
    position: absolute;

    right: 20px;
    bottom: 20px;

    width: 52px;
    height: 52px;

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

    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 17px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);

    transition: var(--ae-transition);
}

.ae-industry-card:hover .ae-industry-card-icon {
    transform: translateY(-4px);
}


/* =========================================================
   INDUSTRY CARD CONTENT
========================================================= */

.ae-industry-card-content {
    padding: 27px 28px 29px;
}

.ae-industry-label {
    margin-bottom: 8px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ae-industry-card-content h3 {
    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 23px;
    font-weight: 750;
    line-height: 1.2;
}

.ae-industry-card-content p {
    min-height: 84px;

    margin: 0 0 22px;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.75;
}

.ae-industry-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-industry-link i {
    transition: var(--ae-transition);
}

.ae-industry-link:hover {
    color: var(--ae-primary-dark);
}

.ae-industry-link:hover i {
    transform: translateX(5px);
}


/* =========================================================
   WHY AE WORKS
========================================================= */

.ae-industries-why {
    background: var(--ae-white);
}

.ae-industries-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 1px;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-border);
}

.ae-industry-benefit {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    min-height: 190px;

    padding: 27px;

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-industry-benefit:hover {
    background: var(--ae-light);
}

.ae-industry-benefit-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 15px;

    transition: var(--ae-transition);
}

.ae-industry-benefit:hover
.ae-industry-benefit-icon {
    transform: translateY(-3px);

    background: var(--ae-primary-dark);

    box-shadow: var(--ae-primary-shadow);
}

.ae-industry-benefit h4 {
    margin: 2px 0 8px;

    color: var(--ae-black);

    font-size: 17px;
    font-weight: 750;
}

.ae-industry-benefit p {
    margin: 0;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.7;
}


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

.ae-industries-process {
    background: var(--ae-light);
}

.ae-industries-process
.ae-section-heading {
    max-width: 850px;

    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
}

.ae-industries-process
.ae-section-heading p {
    margin-right: auto;
    margin-left: auto;
}

.ae-industries-process-grid {
    position: relative;
}

.ae-industry-process-card {
    position: relative;

    height: 100%;

    padding: 35px 28px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-industry-process-card:hover {
    transform: translateY(-7px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-industry-process-card > span {
    position: absolute;

    top: 18px;
    right: 20px;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 850;
    letter-spacing: 1px;
}

.ae-industry-process-icon {
    width: 55px;
    height: 55px;

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

    margin-bottom: 25px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 17px;

    transition: var(--ae-transition);
}

.ae-industry-process-card:hover
.ae-industry-process-icon {
    background: var(--ae-primary-dark);

    transform: translateY(-3px);

    box-shadow: var(--ae-primary-shadow);
}

.ae-industry-process-card h4 {
    margin: 0 0 10px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
}

.ae-industry-process-card p {
    margin: 0;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.75;
}


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

.ae-industries-cta {
    position: relative;

    padding: 95px 0;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96),
            rgba(8, 9, 12, .80)
        ),
        url("../images/industries/industries-cta.jpg")
        center center / cover no-repeat;
}

.ae-industries-cta-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .30),
            transparent 65%
        );

    pointer-events: none;
}

.ae-industries-cta .container {
    position: relative;
    z-index: 2;
}

.ae-industries-cta-content {
    max-width: 780px;
}

.ae-industries-cta .ae-kicker {
    color: var(--ae-white);
}

.ae-industries-cta .ae-kicker::before {
    background: var(--ae-white);
}

.ae-industries-cta h2 {
    margin: 0 0 18px;

    color: var(--ae-white);

    font-size: clamp(36px, 5vw, 58px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-industries-cta h2 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-industries-cta p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, .76);

    font-size: 15px;
    line-height: 1.8;
}

.ae-industries-cta-action {
    display: flex;
    justify-content: flex-end;
}


/* =========================================================
   AOS SAFETY
========================================================= */

.ae-industries-page [data-aos] {
    pointer-events: auto;
}


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

@media (max-width: 1199px) {

    .ae-industries-page .ae-section {
        padding: 90px 0;
    }

    .ae-industries-hero {
        min-height: 650px;
    }

    .ae-industries-hero h1 {
        font-size: 62px;
    }

    .ae-industry-card-image {
        height: 245px;
    }

}


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

@media (max-width: 991px) {

    .ae-industries-page .ae-section {
        padding: 80px 0;
    }

    .ae-industries-hero {
        min-height: 620px;
    }

    .ae-industries-hero-content {
        padding: 70px 0;
    }

    .ae-industries-intro-image {
        min-height: 500px;
    }

    .ae-industries-intro-image img {
        height: 500px;
    }

    .ae-industries-cta-action {
        justify-content: flex-start;

        margin-top: 30px;
    }

}


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

@media (max-width: 767px) {

    .ae-industries-page .ae-section {
        padding: 65px 0;
    }

    .ae-industries-hero {
        min-height: 580px;

        background-position: 65% center;
    }

    .ae-industries-hero-content {
        padding: 60px 0;
    }

    .ae-industries-hero h1 {
        font-size: 44px;

        letter-spacing: -1.5px;
    }

    .ae-industries-hero p {
        font-size: 15px;
    }

    .ae-industries-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .ae-industries-page .ae-btn {
        width: 100%;
        max-width: 300px;
    }

    .ae-industries-intro-image {
        min-height: 400px;
    }

    .ae-industries-intro-image img {
        height: 400px;
    }

    .ae-industries-list
    .ae-section-heading,
    .ae-industries-process
    .ae-section-heading {
        margin-bottom: 40px;
    }

    .ae-industry-card-image {
        height: 300px;
    }

    .ae-industry-card-content p {
        min-height: auto;
    }

    .ae-industries-benefits {
        grid-template-columns: 1fr;
    }

    .ae-industry-benefit {
        min-height: auto;
    }

    .ae-industries-cta {
        padding: 75px 0;
    }

}


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

@media (max-width: 575px) {

    .ae-industries-page .ae-kicker {
        font-size: 11px;
        letter-spacing: 1.6px;
    }

    .ae-industries-hero {
        min-height: 550px;
    }

    .ae-industries-hero h1 {
        font-size: 38px;
    }

    .ae-industries-page .ae-section-heading h2 {
        font-size: 34px;
    }

    .ae-industries-intro-image {
        min-height: 330px;
    }

    .ae-industries-intro-image img {
        height: 330px;
    }

    .ae-industries-image-label {
        right: 14px;
        bottom: 14px;
        left: 14px;

        padding: 14px 15px;
    }

    .ae-industry-card-image {
        height: 270px;
    }

    .ae-industry-card-content {
        padding: 23px;
    }

    .ae-industry-card-content h3 {
        font-size: 21px;
    }

    .ae-industry-benefit {
        padding: 22px;
    }

    .ae-industry-process-card {
        padding: 30px 23px;
    }

    .ae-industries-cta h2 {
        font-size: 36px;
    }

}

/* =========================================================
   AE WORKS - BLOG PAGE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-blog-page {
    width: 100%;
    overflow: hidden;
}

.ae-blog-page .container {
    max-width: var(--ae-container);
}


/* =========================================================
   COMMON
========================================================= */

.ae-blog-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-blog-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-blog-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}

.ae-blog-page h2 {
    color: var(--ae-black);
}

.ae-blog-page p {
    color: var(--ae-text);
}


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

.ae-blog-hero {
    position: relative;

    min-height: 570px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96) 0%,
            rgba(8, 9, 12, .84) 42%,
            rgba(8, 9, 12, .45) 75%,
            rgba(8, 9, 12, .15) 100%
        ),
        url("../images/blog/blog-hero.jpg")
        center center / cover no-repeat;
}

.ae-blog-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .24),
            transparent 65%
        );

    pointer-events: none;
}

.ae-blog-hero .container {
    position: relative;
    z-index: 2;
}

.ae-blog-hero-content {
    max-width: 820px;

    padding: 90px 0;
}

.ae-blog-hero .ae-kicker {
    color: var(--ae-white);
}

.ae-blog-hero .ae-kicker::before {
    background: var(--ae-white);
}

.ae-blog-hero h1 {
    margin: 0 0 24px;

    color: var(--ae-white);

    font-size: clamp(45px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-blog-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-blog-hero p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, .80);

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   FEATURED ARTICLE
========================================================= */

.ae-blog-featured {
    background: var(--ae-white);
}

.ae-blog-featured-image {
    position: relative;

    /*height: 560px;*/

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-blog-featured-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .7s cubic-bezier(.22, .61, .36, 1);
}

.ae-blog-featured-image:hover img {
    transform: scale(1.035);
}

.ae-blog-featured-badge {
    position: absolute;

    top: 22px;
    left: 22px;

    padding: 10px 14px;

    color: var(--ae-white);

    background: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;

    box-shadow: var(--ae-primary-shadow);
}

.ae-blog-featured-content {
    max-width: 540px;
}

.ae-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;

    margin-bottom: 18px;

    color: var(--ae-text-light);

    font-size: 11px;
}

.ae-blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.ae-blog-meta i {
    color: var(--ae-primary);
}

.ae-blog-category {
    margin-bottom: 12px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.ae-blog-featured-content h2 {
    margin: 0 0 20px;

    font-size: clamp(34px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.3px;
}

.ae-blog-featured-content h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-blog-featured-content p {
    margin: 0 0 27px;

    font-size: 15px;
    line-height: 1.85;
}

.ae-blog-read-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-blog-read-more i {
    transition: var(--ae-transition);
}

.ae-blog-read-more:hover {
    color: var(--ae-primary-dark);
}

.ae-blog-read-more:hover i {
    transform: translateX(5px);
}


/* =========================================================
   BLOG CONTENT
========================================================= */

.ae-blog-content {
    background: var(--ae-light);
}

.ae-blog-section-heading {
    margin-bottom: 35px;
}

.ae-blog-section-heading h2 {
    margin: 0;

    font-size: 43px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
}

.ae-blog-section-heading h2 strong {
    color: var(--ae-primary);
    font-weight: 800;
}


/* =========================================================
   BLOG CARD
========================================================= */

.ae-blog-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-blog-card:hover {
    transform: translateY(-7px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-blog-card-image {
    position: relative;

    display: block;

    height: 260px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-blog-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .65s cubic-bezier(.22, .61, .36, 1);
}

.ae-blog-card:hover
.ae-blog-card-image img {
    transform: scale(1.07);
}

.ae-blog-card-category {
    position: absolute;

    left: 17px;
    bottom: 17px;

    padding: 8px 11px;

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.ae-blog-card-body {
    padding: 24px 25px 27px;
}

.ae-blog-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 13px;

    color: var(--ae-text-light);

    font-size: 10px;
}

.ae-blog-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ae-blog-card-meta i {
    color: var(--ae-primary);
}

.ae-blog-card-body h3 {
    min-height: 57px;

    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
    line-height: 1.35;
}

.ae-blog-card-body p {
    min-height: 66px;

    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.75;
}


/* =========================================================
   SIDEBAR
========================================================= */

.ae-blog-sidebar {
    position: sticky;

    top: 100px;
}

.ae-blog-sidebar-box {
    margin-bottom: 25px;

    padding: 25px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);
}

.ae-blog-sidebar-title {
    position: relative;

    margin-bottom: 18px;
    padding-bottom: 13px;

    color: var(--ae-black);

    font-size: 16px;
    font-weight: 800;
}

.ae-blog-sidebar-title::after {
    content: "";

    position: absolute;

    bottom: 0;
    left: 0;

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}


/* =========================================================
   SEARCH
========================================================= */

.ae-blog-search {
    position: relative;

    display: flex;
}

.ae-blog-search input {
    width: 100%;
    height: 48px;

    padding: 0 52px 0 15px;

    outline: none;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    color: var(--ae-black);
    background: var(--ae-light);

    font-size: 12px;

    transition: var(--ae-transition);
}

.ae-blog-search input:focus {
    border-color: var(--ae-primary);

    background: var(--ae-white);
}

.ae-blog-search button {
    position: absolute;

    top: 0;
    right: 0;

    width: 48px;
    height: 48px;

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

    border: 0;
    border-radius: 0 var(--ae-radius) var(--ae-radius) 0;

    color: var(--ae-white);
    background: var(--ae-primary);

    cursor: pointer;

    transition: var(--ae-transition);
}

.ae-blog-search button:hover {
    background: var(--ae-primary-dark);
}


/* =========================================================
   CATEGORIES
========================================================= */

.ae-blog-categories {
    display: flex;
    flex-direction: column;

    margin: 0;
    padding: 0;

    list-style: none;
}

.ae-blog-categories li {
    border-bottom: 1px solid var(--ae-border);
}

.ae-blog-categories li:last-child {
    border-bottom: 0;
}

.ae-blog-categories a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 13px 0;

    color: var(--ae-text);

    font-size: 12px;
    font-weight: 600;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-blog-categories a:hover {
    padding-left: 5px;

    color: var(--ae-primary);
}

.ae-blog-categories span {
    color: var(--ae-text-light);

    font-size: 10px;
}


/* =========================================================
   POPULAR POSTS
========================================================= */

.ae-popular-post {
    display: flex;
    gap: 13px;

    padding: 15px 0;

    border-bottom: 1px solid var(--ae-border);
}

.ae-popular-post:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}

.ae-popular-post img {
    flex: 0 0 85px;

    width: 85px;
    height: 70px;

    object-fit: cover;

    border-radius: var(--ae-radius);
}

.ae-popular-post > div {
    min-width: 0;
}

.ae-popular-post span {
    display: block;

    margin-bottom: 5px;

    color: var(--ae-primary);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-popular-post h4 {
    margin: 0 0 6px;

    color: var(--ae-black);

    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
}

.ae-popular-post a {
    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-popular-post a i {
    margin-left: 3px;

    transition: var(--ae-transition);
}

.ae-popular-post a:hover i {
    transform: translateX(3px);
}


/* =========================================================
   NEWSLETTER
========================================================= */

.ae-blog-newsletter {
    position: relative;

    overflow: hidden;

    padding: 32px 27px;

    border-radius: var(--ae-radius);

    background:
        linear-gradient(
            135deg,
            var(--ae-dark),
            var(--ae-black)
        );

    box-shadow: var(--ae-shadow-hover);
}

.ae-blog-newsletter::after {
    content: "";

    position: absolute;

    top: -80px;
    right: -80px;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    background: rgba(144, 8, 8, .25);
}

.ae-blog-newsletter-icon {
    position: relative;
    z-index: 2;

    width: 48px;
    height: 48px;

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

    margin-bottom: 22px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 16px;
}

.ae-blog-newsletter-kicker {
    position: relative;
    z-index: 2;

    margin-bottom: 10px;

    color: var(--ae-primary-light);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.ae-blog-newsletter h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 13px;

    color: var(--ae-white);

    font-size: 27px;
    font-weight: 700;
    line-height: 1.15;
}

.ae-blog-newsletter h3 strong {
    display: block;

    font-weight: 800;
}

.ae-blog-newsletter p {
    position: relative;
    z-index: 2;

    margin: 0 0 20px;

    color: rgba(255, 255, 255, .66);

    font-size: 11px;
    line-height: 1.7;
}

.ae-blog-newsletter form {
    position: relative;
    z-index: 2;
}

.ae-blog-newsletter input {
    width: 100%;
    height: 46px;

    margin-bottom: 9px;
    padding: 0 14px;

    outline: none;

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(255, 255, 255, .07);

    font-size: 11px;
}

.ae-blog-newsletter input::placeholder {
    color: rgba(255, 255, 255, .45);
}

.ae-blog-newsletter input:focus {
    border-color: var(--ae-primary-light);
}

.ae-blog-newsletter button {
    width: 100%;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    border: 0;
    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;

    cursor: pointer;

    transition: var(--ae-transition);
}

.ae-blog-newsletter button:hover {
    background: var(--ae-primary-dark);

    transform: translateY(-2px);
}

.ae-blog-newsletter button i {
    transition: var(--ae-transition);
}

.ae-blog-newsletter button:hover i {
    transform: translateX(4px);
}


/* =========================================================
   PAGINATION
========================================================= */

.ae-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin-top: 45px;
}

.ae-blog-pagination a,
.ae-blog-pagination span {
    width: 40px;
    height: 40px;

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

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    color: var(--ae-text);

    font-size: 11px;
    font-weight: 700;
    text-decoration: none;

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-blog-pagination a:hover,
.ae-blog-pagination a.active {
    color: var(--ae-white);

    border-color: var(--ae-primary);

    background: var(--ae-primary);
}

.ae-blog-pagination span {
    border-color: transparent;

    background: transparent;
}

.ae-blog-pagination .ae-pagination-arrow {
    font-size: 10px;
}


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

.ae-blog-cta {
    position: relative;

    padding: 95px 0;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96),
            rgba(8, 9, 12, .78)
        ),
        url("../images/blog/blog-cta.jpg")
        center center / cover no-repeat;
}

.ae-blog-cta-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .30),
            transparent 65%
        );

    pointer-events: none;
}

.ae-blog-cta .container {
    position: relative;
    z-index: 2;
}

.ae-blog-cta-content {
    max-width: 800px;
}

.ae-blog-cta .ae-kicker {
    color: var(--ae-white);
}

.ae-blog-cta .ae-kicker::before {
    background: var(--ae-white);
}

.ae-blog-cta h2 {
    margin: 0 0 17px;

    color: var(--ae-white);

    font-size: clamp(35px, 5vw, 56px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-blog-cta h2 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-blog-cta p {
    max-width: 650px;

    margin: 0;

    color: rgba(255, 255, 255, .72);

    font-size: 14px;
    line-height: 1.8;
}

.ae-blog-cta-action {
    display: flex;
    justify-content: flex-end;
}

.ae-blog-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 27px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;

    box-shadow: var(--ae-primary-shadow);

    transition: var(--ae-transition);
}

.ae-blog-btn:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);

    transform: translateY(-3px);
}

.ae-blog-btn i {
    transition: var(--ae-transition);
}

.ae-blog-btn:hover i {
    transform: translateX(4px);
}


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

@media (max-width: 1199px) {

    .ae-blog-page .ae-section {
        padding: 90px 0;
    }

    .ae-blog-hero {
        min-height: 530px;
    }

    .ae-blog-featured-image {
        height: 500px;
    }

    .ae-blog-card-image {
        height: 230px;
    }

}


/* =========================================================
   TABLET / SMALL DESKTOP
========================================================= */

@media (max-width: 991px) {

    .ae-blog-page .ae-section {
        padding: 80px 0;
    }

    .ae-blog-hero {
        min-height: 560px;
    }

    .ae-blog-hero-content {
        padding: 70px 0;
    }

    .ae-blog-featured-image {
        height: 480px;
    }

    .ae-blog-sidebar {
        position: static;

        margin-top: 20px;
    }

    .ae-blog-sidebar-box,
    .ae-blog-newsletter {
        max-width: 100%;
    }

    .ae-blog-cta-action {
        justify-content: flex-start;

        margin-top: 30px;
    }

}


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

@media (max-width: 767px) {

    .ae-blog-page .ae-section {
        padding: 65px 0;
    }

    .ae-blog-hero {
        min-height: 520px;

        background-position: 65% center;
    }

    .ae-blog-hero-content {
        padding: 60px 0;
    }

    .ae-blog-hero h1 {
        font-size: 43px;

        letter-spacing: -1.5px;
    }

    .ae-blog-hero p {
        font-size: 15px;
    }

    .ae-blog-featured-image {
        height: 370px;
    }

    .ae-blog-featured-content h2 {
        font-size: 34px;
    }

    .ae-blog-section-heading h2 {
        font-size: 36px;
    }

    .ae-blog-card-image {
        height: 280px;
    }

    .ae-blog-card-body h3,
    .ae-blog-card-body p {
        min-height: auto;
    }

    .ae-blog-cta {
        padding: 75px 0;
    }

    .ae-blog-cta-action {
        justify-content: flex-start;
    }

}


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

@media (max-width: 575px) {

    .ae-blog-page .ae-kicker {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .ae-blog-hero {
        min-height: 500px;
    }

    .ae-blog-hero h1 {
        font-size: 37px;
    }

    .ae-blog-page .ae-blog-featured-image {
        height: 300px;
    }

    .ae-blog-featured-content h2 {
        font-size: 31px;
    }

    .ae-blog-card-image {
        height: 240px;
    }

    .ae-blog-card-body {
        padding: 21px;
    }

    .ae-blog-sidebar-box {
        padding: 21px;
    }

    .ae-blog-pagination {
        gap: 4px;
    }

    .ae-blog-pagination a,
    .ae-blog-pagination span {
        width: 36px;
        height: 36px;
    }

    .ae-blog-cta h2 {
        font-size: 34px;
    }

}

/* =========================================================
   AE WORKS - CONTACT PAGE
   Based on AE Works Root Variables
========================================================= */

.ae-contact-page {
    width: 100%;
    overflow: hidden;
}

.ae-contact-page .container {
    max-width: var(--ae-container);
}

.ae-contact-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-contact-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-contact-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}


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

.ae-contact-hero {
    position: relative;

    min-height: 550px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96) 0%,
            rgba(8, 9, 12, .87) 42%,
            rgba(8, 9, 12, .50) 75%,
            rgba(8, 9, 12, .15) 100%
        ),
        url("../images/contact/contact-hero.jpg")
        center center / cover no-repeat;
}

.ae-contact-hero-overlay {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .25),
            transparent 65%
        );
}

.ae-contact-hero .container {
    position: relative;
    z-index: 2;
}

.ae-contact-hero-content {
    max-width: 800px;

    padding: 80px 0;
}

.ae-contact-hero .ae-kicker {
    color: var(--ae-white);
}

.ae-contact-hero .ae-kicker::before {
    background: var(--ae-white);
}

.ae-contact-hero h1 {
    margin: 0 0 23px;

    color: var(--ae-white);

    font-size: clamp(46px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-contact-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-contact-hero p {
    max-width: 680px;

    margin: 0;

    color: rgba(255, 255, 255, .76);

    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   CONTACT INTRO
========================================================= */

.ae-contact-intro {
    background: var(--ae-white);
}

.ae-contact-intro-content {
    max-width: 530px;
}

.ae-contact-intro-content h2 {
    margin: 0 0 22px;

    color: var(--ae-black);

    font-size: clamp(35px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.2px;
}

.ae-contact-intro-content h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-contact-intro-content p {
    margin: 0 0 15px;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.85;
}


/* =========================================================
   CONTACT DETAILS
========================================================= */

.ae-contact-details {
    display: flex;
    flex-direction: column;

    margin-top: 35px;

    border-top: 1px solid var(--ae-border);
}

.ae-contact-detail {
    display: flex;
    align-items: center;
    gap: 17px;

    padding: 18px 0;

    border-bottom: 1px solid var(--ae-border);
}

.ae-contact-detail-icon {
    flex: 0 0 45px;

    width: 45px;
    height: 45px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 14px;

    box-shadow: var(--ae-primary-shadow);
}

.ae-contact-detail-content {
    min-width: 0;
}

.ae-contact-detail-content span {
    display: block;

    margin-bottom: 5px;

    color: var(--ae-text-light);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ae-contact-detail-content a,
.ae-contact-detail-content p {
    margin: 0;

    color: var(--ae-black);

    font-size: 13px;
    font-weight: 650;
    line-height: 1.5;

    text-decoration: none;
}

.ae-contact-detail-content a {
    transition: var(--ae-transition);
}

.ae-contact-detail-content a:hover {
    color: var(--ae-primary);
}


/* =========================================================
   CONTACT FORM WRAPPER
========================================================= */

.ae-contact-form-wrapper {
    padding: 40px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow-hover);
}

.ae-contact-form-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    margin-bottom: 32px;
    padding-bottom: 25px;

    border-bottom: 1px solid var(--ae-border);
}

.ae-contact-form-heading > div:first-child {
    min-width: 0;
}

.ae-contact-form-heading span {
    display: block;

    margin-bottom: 8px;

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.ae-contact-form-heading h3 {
    margin: 0;

    color: var(--ae-black);

    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.ae-contact-form-heading h3 strong {
    color: var(--ae-primary);

    font-weight: 800;
}

.ae-contact-form-icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);

    font-size: 17px;
}


/* =========================================================
   FORM
========================================================= */

.ae-form-group {
    width: 100%;
}

.ae-form-group label {
    display: block;

    margin-bottom: 9px;

    color: var(--ae-dark);

    font-size: 11px;
    font-weight: 750;
}

.ae-form-group label span {
    color: var(--ae-primary);
}

.ae-input-wrap {
    position: relative;
}

.ae-input-wrap > i:first-child {
    position: absolute;

    top: 50%;
    left: 16px;

    z-index: 2;

    color: var(--ae-text-light);

    font-size: 12px;

    transform: translateY(-50%);

    pointer-events: none;

    transition: var(--ae-transition);
}

.ae-input-wrap input,
.ae-input-wrap select,
.ae-input-wrap textarea {
    width: 100%;

    outline: none;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    color: var(--ae-black);
    background: var(--ae-light);

    font-family: inherit;
    font-size: 12px;

    transition: var(--ae-transition);
}

.ae-input-wrap input,
.ae-input-wrap select {
    height: 50px;

    padding: 0 15px 0 43px;
}

.ae-input-wrap textarea {
    min-height: 145px;

    padding: 15px 15px 15px 43px;

    line-height: 1.7;

    resize: vertical;
}

.ae-input-wrap input::placeholder,
.ae-input-wrap textarea::placeholder {
    color: var(--ae-text-light);
}

.ae-input-wrap input:focus,
.ae-input-wrap select:focus,
.ae-input-wrap textarea:focus {
    border-color: var(--ae-primary);

    background: var(--ae-white);

    box-shadow:
        0 0 0 3px rgba(144, 8, 8, .06);
}

.ae-input-wrap:focus-within > i:first-child {
    color: var(--ae-primary);
}


/* =========================================================
   SELECT
========================================================= */

.ae-select-wrap select {
    appearance: none;
    -webkit-appearance: none;

    cursor: pointer;
}

.ae-select-arrow {
    position: absolute;

    top: 50%;
    right: 16px;

    color: var(--ae-text-light);

    font-size: 9px;

    transform: translateY(-50%);

    pointer-events: none;
}

.ae-select-wrap select:focus + .ae-select-arrow {
    color: var(--ae-primary);
}


/* =========================================================
   TEXTAREA
========================================================= */

.ae-textarea-wrap > i:first-child {
    top: 19px;

    transform: none;
}


/* =========================================================
   FORM ERROR
========================================================= */

.ae-form-error {
    display: block;

    margin-top: 6px;

    color: var(--ae-primary);

    font-size: 10px;
}


/* =========================================================
   SUBMIT
========================================================= */

.ae-contact-submit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 3px;
}

.ae-contact-submit-row p {
    max-width: 360px;

    margin: 0;

    color: var(--ae-text-light);

    font-size: 10px;
    line-height: 1.6;
}

.ae-contact-submit-row p i {
    margin-right: 5px;

    color: var(--ae-primary);
}

.ae-contact-submit {
    min-width: 165px;
    height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 23px;

    border: 0;
    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .3px;

    cursor: pointer;

    box-shadow: var(--ae-primary-shadow);

    transition: var(--ae-transition);
}

.ae-contact-submit:hover {
    background: var(--ae-primary-dark);

    transform: translateY(-3px);
}

.ae-contact-submit i {
    transition: var(--ae-transition);
}

.ae-contact-submit:hover i {
    transform: translateX(4px);
}


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

.ae-contact-services {
    background: var(--ae-light);
}

.ae-contact-services-heading {
    margin-bottom: 38px;
}

.ae-contact-services-heading h2 {
    margin: 0;

    color: var(--ae-black);

    font-size: 43px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
}

.ae-contact-services-heading h2 strong {
    color: var(--ae-primary);

    font-weight: 800;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.ae-contact-service-card {
    position: relative;

    min-height: 315px;

    display: flex;
    flex-direction: column;

    padding: 30px;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    color: inherit;
    background: var(--ae-white);

    text-decoration: none;

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-contact-service-card::after {
    content: "";

    position: absolute;

    right: -50px;
    bottom: -50px;

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background: rgba(144, 8, 8, .04);

    transition: var(--ae-transition);
}

.ae-contact-service-card:hover {
    color: inherit;

    transform: translateY(-7px);

    border-color: rgba(144, 8, 8, .25);

    box-shadow: var(--ae-shadow-hover);
}

.ae-contact-service-card:hover::after {
    transform: scale(1.6);
}

.ae-contact-service-number {
    position: absolute;

    top: 24px;
    right: 25px;

    color: var(--ae-text-light);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-contact-service-icon {
    width: 54px;
    height: 54px;

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

    margin-bottom: 27px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);

    font-size: 17px;

    transition: var(--ae-transition);
}

.ae-contact-service-card:hover
.ae-contact-service-icon {
    transform: translateY(-3px) rotate(-3deg);
}

.ae-contact-service-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
    line-height: 1.3;
}

.ae-contact-service-card p {
    position: relative;
    z-index: 2;

    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.75;
}

.ae-contact-service-card > span {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: auto;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.ae-contact-service-card > span i {
    transition: var(--ae-transition);
}

.ae-contact-service-card:hover > span i {
    transform: translateX(5px);
}


/* =========================================================
   LOCATION
========================================================= */

.ae-contact-location {
    background: var(--ae-dark);
}

.ae-contact-map {
    width: 100%;
    height: 620px;

    background: var(--ae-dark);
}

.ae-contact-map iframe {
    width: 100%;
    height: 100%;

    display: block;

    border: 0;

    filter: grayscale(100%);
}

.ae-contact-location-content {
    min-height: 620px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 70px 8vw 70px 7vw;

    background: var(--ae-dark);
}

.ae-contact-location-content .ae-kicker {
    color: var(--ae-primary-light);
}

.ae-contact-location-content .ae-kicker::before {
    background: var(--ae-primary);
}

.ae-contact-location-content h2 {
    margin: 0 0 18px;

    color: var(--ae-white);

    font-size: clamp(36px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-contact-location-content h2 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-contact-location-content > p {
    max-width: 570px;

    margin: 0 0 32px;

    color: rgba(255, 255, 255, .62);

    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   LOCATION INFO
========================================================= */

.ae-location-info {
    display: flex;
    flex-direction: column;

    max-width: 570px;

    margin-bottom: 30px;
}

.ae-location-info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 15px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.ae-location-info-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.ae-location-info-icon {
    flex: 0 0 40px;

    width: 40px;
    height: 40px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 12px;
}

.ae-location-info-item span {
    display: block;

    margin-bottom: 4px;

    color: var(--ae-primary-light);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.ae-location-info-item p,
.ae-location-info-item a {
    margin: 0;

    color: rgba(255, 255, 255, .78);

    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;

    text-decoration: none;
}

.ae-location-info-item a {
    transition: var(--ae-transition);
}

.ae-location-info-item a:hover {
    color: var(--ae-white);
}


/* =========================================================
   MAP BUTTON
========================================================= */

.ae-location-btn {
    width: fit-content;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    min-height: 48px;

    padding: 0 22px;

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(255, 255, 255, .04);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-location-btn:hover {
    color: var(--ae-white);

    border-color: var(--ae-primary);
    background: var(--ae-primary);

    transform: translateY(-3px);
}

.ae-location-btn i {
    transition: var(--ae-transition);
}

.ae-location-btn:hover i {
    transform: translate(2px, -2px);
}


/* =========================================================
   FINAL CTA
========================================================= */

.ae-contact-final-cta {
    position: relative;

    padding: 100px 0;

    text-align: center;

    background: var(--ae-primary);

    overflow: hidden;
}

.ae-contact-final-cta::before {
    content: "";

    position: absolute;

    top: -180px;
    left: -100px;

    width: 420px;
    height: 420px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.ae-contact-final-cta::after {
    content: "";

    position: absolute;

    right: -130px;
    bottom: -220px;

    width: 500px;
    height: 500px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.ae-contact-final-content {
    position: relative;
    z-index: 2;

    max-width: 760px;

    margin: 0 auto;
}

.ae-contact-final-cta .ae-kicker {
    color: rgba(255, 255, 255, .85);
}

.ae-contact-final-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .7);
}

.ae-contact-final-content h2 {
    margin: 0 0 17px;

    color: var(--ae-white);

    font-size: clamp(38px, 5vw, 58px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-contact-final-content h2 strong {
    display: block;

    font-weight: 800;
}

.ae-contact-final-content p {
    max-width: 600px;

    margin: 0 auto 28px;

    color: rgba(255, 255, 255, .75);

    font-size: 14px;
    line-height: 1.8;
}

.ae-contact-final-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 27px;

    border-radius: var(--ae-radius);

    color: var(--ae-primary);
    background: var(--ae-white);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-contact-final-btn:hover {
    color: var(--ae-primary-dark);

    transform: translateY(-3px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-contact-final-btn i {
    transition: var(--ae-transition);
}

.ae-contact-final-btn:hover i {
    transform: translateX(5px);
}


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

@media (max-width: 1199px) {

    .ae-contact-page .ae-section {
        padding: 90px 0;
    }

    .ae-contact-form-wrapper {
        padding: 32px;
    }

    .ae-contact-map,
    .ae-contact-location-content {
        min-height: 560px;
        height: 560px;
    }

}


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

@media (max-width: 991px) {

    .ae-contact-page .ae-section {
        padding: 80px 0;
    }

    .ae-contact-hero {
        min-height: 530px;
    }

    .ae-contact-hero-content {
        padding: 70px 0;
    }

    .ae-contact-intro-content {
        max-width: 100%;
    }

    .ae-contact-form-wrapper {
        margin-top: 15px;
    }

    .ae-contact-map,
    .ae-contact-location-content {
        min-height: 500px;
        height: 500px;
    }

    .ae-contact-location-content {
        padding: 60px 8%;
    }

}


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

@media (max-width: 767px) {

    .ae-contact-page .ae-section {
        padding: 65px 0;
    }

    .ae-contact-hero {
        min-height: 500px;

        background-position: 65% center;
    }

    .ae-contact-hero-content {
        padding: 60px 0;
    }

    .ae-contact-hero h1 {
        font-size: 43px;

        letter-spacing: -1.5px;
    }

    .ae-contact-hero p {
        font-size: 14px;
    }

    .ae-contact-intro-content h2 {
        font-size: 35px;
    }

    .ae-contact-form-wrapper {
        padding: 25px 20px;
    }

    .ae-contact-form-heading h3 {
        font-size: 24px;
    }

    .ae-contact-form-icon {
        flex: 0 0 45px;

        width: 45px;
        height: 45px;
    }

    .ae-contact-submit-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-contact-submit {
        width: 100%;
    }

    .ae-contact-services-heading h2 {
        font-size: 36px;
    }

    .ae-contact-service-card {
        min-height: 280px;
    }

    .ae-contact-map,
    .ae-contact-location-content {
        min-height: 420px;
        height: 420px;
    }

    .ae-contact-location-content {
        padding: 55px 25px;
    }

    .ae-contact-final-cta {
        padding: 75px 0;
    }

}


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

@media (max-width: 575px) {

    .ae-contact-hero {
        min-height: 480px;
    }

    .ae-contact-hero h1 {
        font-size: 37px;
    }

    .ae-contact-detail {
        gap: 12px;
    }

    .ae-contact-detail-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;
    }

    .ae-contact-form-wrapper {
        padding: 22px 16px;
    }

    .ae-contact-form-heading {
        gap: 15px;
    }

    .ae-contact-form-heading h3 {
        font-size: 21px;
    }

    .ae-contact-form-icon {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        font-size: 13px;
    }

    .ae-contact-location-content {
        padding: 50px 20px;
    }

    .ae-contact-location-content h2 {
        font-size: 36px;
    }

    .ae-location-info-item {
        gap: 11px;
    }

    .ae-location-info-icon {
        flex: 0 0 36px;

        width: 36px;
        height: 36px;
    }

    .ae-contact-final-content h2 {
        font-size: 35px;
    }

}

/* =========================================================
   AE WORKS
   MEDIA / SOCIAL / TESTIMONIALS / FAQ PAGE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-media-page {
    width: 100%;
    overflow: hidden;
}

.ae-media-page .container {
    max-width: var(--ae-container);
}

.ae-media-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-media-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-media-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}


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

.ae-media-hero {
    position: relative;

    min-height: 590px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96) 0%,
            rgba(8, 9, 12, .87) 45%,
            rgba(8, 9, 12, .48) 75%,
            rgba(8, 9, 12, .18) 100%
        ),
        url("../images/media/media-hero.jpg")
        center center / cover no-repeat;
}

.ae-media-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .25),
            transparent 65%
        );

    pointer-events: none;
}

.ae-media-hero .container {
    position: relative;
    z-index: 2;
}

.ae-media-hero-content {
    max-width: 800px;

    padding: 90px 0;
}

.ae-media-hero .ae-kicker {
    color: var(--ae-white);
}

.ae-media-hero .ae-kicker::before {
    background: var(--ae-white);
}

.ae-media-hero h1 {
    margin: 0 0 23px;

    color: var(--ae-white);

    font-size: clamp(48px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-media-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-media-hero p {
    max-width: 650px;

    margin: 0 0 30px;

    color: rgba(255, 255, 255, .75);

    font-size: 15px;
    line-height: 1.85;
}

.ae-media-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ae-media-btn {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 23px;

    border-radius: var(--ae-radius);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-media-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-media-btn-primary:hover {
    color: var(--ae-white);

    background: var(--ae-primary-dark);

    transform: translateY(-3px);
}

.ae-media-btn-outline {
    color: var(--ae-white);

    border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .04);
}

.ae-media-btn-outline:hover {
    color: var(--ae-white);

    border-color: var(--ae-white);
    background: rgba(255, 255, 255, .10);

    transform: translateY(-3px);
}


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

.ae-media-section-heading {
    max-width: 700px;

    margin-bottom: 45px;
}

.ae-media-section-heading h2 {
    margin: 0 0 18px;

    color: var(--ae-black);

    font-size: clamp(37px, 4vw, 50px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.3px;
}

.ae-media-section-heading h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-media-section-heading p {
    max-width: 650px;

    margin: 0;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.85;
}

.ae-media-section-heading-center {
    max-width: 700px;

    margin-right: auto;
    margin-left: auto;

    text-align: center;
}

.ae-media-section-heading-center .ae-kicker {
    justify-content: center;
}


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

.ae-media-social {
    background: var(--ae-white);
}

.ae-media-social-card {
    position: relative;

    min-height: 290px;

    display: flex;
    flex-direction: column;

    padding: 30px;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    color: inherit;
    background: var(--ae-white);

    text-decoration: none;

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-media-social-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--ae-primary);

    transform: scaleX(0);
    transform-origin: left;

    transition: var(--ae-transition);
}

.ae-media-social-card:hover {
    color: inherit;

    border-color: rgba(144, 8, 8, .20);

    transform: translateY(-7px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-media-social-card:hover::before {
    transform: scaleX(1);
}

.ae-media-social-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 30px;
}

.ae-media-social-icon {
    width: 54px;
    height: 54px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);

    font-size: 18px;

    transition: var(--ae-transition);
}

.ae-media-social-card:hover .ae-media-social-icon {
    transform: translateY(-3px) scale(1.04);
}

.ae-media-social-card-top > span {
    color: var(--ae-text-light);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-media-social-card h3 {
    margin: 0 0 11px;

    color: var(--ae-black);

    font-size: 21px;
    font-weight: 750;
}

.ae-media-social-card p {
    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.75;
}

.ae-media-social-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: auto;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.ae-media-social-link i {
    transition: var(--ae-transition);
}

.ae-media-social-card:hover .ae-media-social-link i {
    transform: translateX(5px);
}


/* =========================================================
   SOCIAL FEED
========================================================= */

.ae-media-feed {
    background: var(--ae-light);
}

.ae-media-post-card {
    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-media-post-card:hover {
    transform: translateY(-7px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-media-post-image {
    position: relative;

    height: 300px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-media-post-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-media-post-card:hover .ae-media-post-image img {
    transform: scale(1.05);
}

.ae-media-post-platform {
    position: absolute;

    top: 17px;
    left: 17px;

    width: 40px;
    height: 40px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 13px;

    box-shadow: var(--ae-primary-shadow);
}

.ae-media-video-icon {
    border-radius: 50%;
}

.ae-media-post-type {
    position: absolute;

    right: 17px;
    bottom: 17px;

    padding: 7px 10px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(8, 9, 12, .78);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-media-post-content {
    padding: 25px;
}

.ae-media-post-content > span {
    display: block;

    margin-bottom: 8px;

    color: var(--ae-primary);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ae-media-post-content h3 {
    margin: 0 0 10px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
    line-height: 1.3;
}

.ae-media-post-content p {
    margin: 0 0 18px;

    color: var(--ae-text);

    font-size: 11px;
    line-height: 1.75;
}

.ae-media-post-content a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-media-post-content a i {
    transition: var(--ae-transition);
}

.ae-media-post-content a:hover i {
    transform: translateX(5px);
}

.ae-media-feed-button {
    margin-top: 40px;

    text-align: center;
}

.ae-media-dark-btn {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 25px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-dark);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-media-dark-btn:hover {
    color: var(--ae-white);

    background: var(--ae-primary);

    transform: translateY(-3px);
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.ae-media-testimonials {
    background: var(--ae-white);
}

.ae-testimonial-card {
    position: relative;

    height: 100%;

    padding: 35px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-testimonial-card:hover {
    transform: translateY(-6px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-testimonial-quote {
    width: 45px;
    height: 45px;

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

    margin-bottom: 20px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 15px;
}

.ae-testimonial-stars {
    display: flex;
    gap: 4px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 9px;
}

.ae-testimonial-card > p {
    min-height: 125px;

    margin: 0 0 25px;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.85;
}

.ae-testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;

    padding-top: 20px;

    border-top: 1px solid var(--ae-border);
}

.ae-testimonial-avatar {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

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

    border-radius: 50%;

    color: var(--ae-primary);
    background: rgba(144, 8, 8, .08);

    font-size: 12px;
}

.ae-testimonial-author strong {
    display: block;

    margin-bottom: 3px;

    color: var(--ae-black);

    font-size: 11px;
    font-weight: 750;
}

.ae-testimonial-author span {
    display: block;

    color: var(--ae-text-light);

    font-size: 9px;
}


/* =========================================================
   FAQ
========================================================= */

.ae-media-faq {
    background: var(--ae-light);
}

.ae-media-faq-heading {
    position: sticky;
    top: 100px;

    max-width: 480px;
}

.ae-media-faq-heading h2 {
    margin: 0 0 18px;

    color: var(--ae-black);

    font-size: clamp(37px, 4vw, 50px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.3px;
}

.ae-media-faq-heading h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-media-faq-heading > p {
    margin: 0 0 27px;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.8;
}

.ae-media-faq-btn {
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 0 21px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;

    box-shadow: var(--ae-primary-shadow);

    transition: var(--ae-transition);
}

.ae-media-faq-btn:hover {
    color: var(--ae-white);

    background: var(--ae-primary-dark);

    transform: translateY(-3px);
}


/* =========================================================
   FAQ LIST
========================================================= */

.ae-faq-list {
    border-top: 1px solid var(--ae-border);
}

.ae-faq-item {
    border-bottom: 1px solid var(--ae-border);
}

.ae-faq-question {
    width: 100%;

    min-height: 78px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 18px 0;

    border: 0;
    outline: none;

    color: var(--ae-black);
    background: transparent;

    font-family: inherit;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.5;

    text-align: left;

    cursor: pointer;
}

.ae-faq-question i {
    flex: 0 0 27px;

    width: 27px;
    height: 27px;

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

    border: 1px solid var(--ae-border);
    border-radius: 50%;

    color: var(--ae-primary);

    font-size: 8px;

    transition: var(--ae-transition);
}

.ae-faq-question:not(.collapsed) i {
    color: var(--ae-white);
    background: var(--ae-primary);

    border-color: var(--ae-primary);

    transform: rotate(45deg);
}

.ae-faq-answer {
    max-width: 90%;

    padding: 0 50px 25px 0;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.85;
}


/* =========================================================
   FINAL SOCIAL CTA
========================================================= */

.ae-media-final-cta {
    position: relative;

    padding: 105px 0;

    overflow: hidden;

    text-align: center;

    background: var(--ae-primary);
}

.ae-media-final-cta::before {
    content: "";

    position: absolute;

    top: -200px;
    left: -120px;

    width: 450px;
    height: 450px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.ae-media-final-cta::after {
    content: "";

    position: absolute;

    right: -130px;
    bottom: -230px;

    width: 500px;
    height: 500px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.ae-media-final-content {
    position: relative;
    z-index: 2;

    max-width: 750px;

    margin: 0 auto;
}

.ae-media-final-cta .ae-kicker {
    justify-content: center;

    color: rgba(255, 255, 255, .82);
}

.ae-media-final-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .70);
}

.ae-media-final-content h2 {
    margin: 0 0 17px;

    color: var(--ae-white);

    font-size: clamp(40px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-media-final-content h2 strong {
    display: block;

    font-weight: 800;
}

.ae-media-final-content > p {
    max-width: 600px;

    margin: 0 auto 30px;

    color: rgba(255, 255, 255, .73);

    font-size: 14px;
    line-height: 1.8;
}

.ae-media-final-socials {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.ae-media-final-socials a {
    width: 45px;
    height: 45px;

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

    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 50%;

    color: var(--ae-white);
    background: rgba(255, 255, 255, .05);

    font-size: 13px;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-media-final-socials a:hover {
    color: var(--ae-primary);

    border-color: var(--ae-white);
    background: var(--ae-white);

    transform: translateY(-4px);
}


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

@media (max-width: 1199px) {

    .ae-media-page .ae-section {
        padding: 90px 0;
    }

    .ae-media-post-image {
        height: 270px;
    }

}


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

@media (max-width: 991px) {

    .ae-media-page .ae-section {
        padding: 80px 0;
    }

    .ae-media-hero {
        min-height: 540px;
    }

    .ae-media-hero-content {
        padding: 75px 0;
    }

    .ae-media-social-card {
        min-height: 270px;
    }

    .ae-media-faq-heading {
        position: static;

        max-width: 100%;

        margin-bottom: 15px;
    }

    .ae-media-final-cta {
        padding: 85px 0;
    }

}


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

@media (max-width: 767px) {

    .ae-media-page .ae-section {
        padding: 65px 0;
    }

    .ae-media-hero {
        min-height: 500px;

        background-position: 65% center;
    }

    .ae-media-hero-content {
        padding: 60px 0;
    }

    .ae-media-hero h1 {
        font-size: 43px;

        letter-spacing: -1.5px;
    }

    .ae-media-hero p {
        font-size: 14px;
    }

    .ae-media-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .ae-media-btn {
        width: 100%;
    }

    .ae-media-section-heading h2 {
        font-size: 36px;
    }

    .ae-media-section-heading-center {
        text-align: left;
    }

    .ae-media-section-heading-center .ae-kicker {
        justify-content: flex-start;
    }

    .ae-media-post-image {
        height: 300px;
    }

    .ae-testimonial-card > p {
        min-height: auto;
    }

    .ae-media-faq-heading h2 {
        font-size: 36px;
    }

    .ae-faq-question {
        min-height: 70px;

        font-size: 13px;
    }

    .ae-faq-answer {
        max-width: 100%;

        padding-right: 20px;
    }

    .ae-media-final-cta {
        padding: 75px 0;
    }

    .ae-media-final-content h2 {
        font-size: 37px;
    }

}


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

@media (max-width: 575px) {

    .ae-media-hero {
        min-height: 480px;
    }

    .ae-media-hero h1 {
        font-size: 37px;
    }

    .ae-media-social-card {
        min-height: 250px;

        padding: 25px;
    }

    .ae-media-post-image {
        height: 260px;
    }

    .ae-media-post-content {
        padding: 22px;
    }

    .ae-testimonial-card {
        padding: 27px;
    }

    .ae-faq-question {
        gap: 12px;

        font-size: 12px;
    }

    .ae-media-final-content h2 {
        font-size: 34px;
    }

}

/* =========================================================
   AE WORKS
   BLOG DETAIL / READ FULL ARTICLE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-blog-detail-page {
    width: 100%;
    overflow: hidden;
}

.ae-blog-detail-page .container {
    max-width: var(--ae-container);
}

.ae-blog-detail-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-blog-detail-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-blog-detail-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}


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

.ae-blog-detail-hero {
    position: relative;

    min-height: 610px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .97) 0%,
            rgba(8, 9, 12, .91) 43%,
            rgba(8, 9, 12, .55) 73%,
            rgba(8, 9, 12, .20) 100%
        ),
        url("../images/blog/blog-detail-hero.jpg")
        center center / cover no-repeat;
}

.ae-blog-detail-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .22),
            transparent 60%
        );

    pointer-events: none;
}

.ae-blog-detail-hero .container {
    position: relative;
    z-index: 2;
}

.ae-blog-detail-hero-content {
    max-width: 900px;

    padding: 90px 0;
}

.ae-blog-detail-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 30px;

    color: rgba(255, 255, 255, .55);

    font-size: 10px;
    font-weight: 600;
}

.ae-blog-detail-breadcrumb a {
    color: var(--ae-white);

    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-blog-detail-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-blog-detail-breadcrumb i {
    color: var(--ae-primary-light);

    font-size: 7px;
}

.ae-blog-detail-breadcrumb span {
    color: rgba(255, 255, 255, .55);
}

.ae-blog-detail-hero .ae-kicker {
    color: rgba(255, 255, 255, .85);
}

.ae-blog-detail-hero .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-blog-detail-hero h1 {
    max-width: 900px;

    margin: 0 0 24px;

    color: var(--ae-white);

    font-size: clamp(45px, 5.5vw, 72px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -2.3px;
}

.ae-blog-detail-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-blog-detail-intro {
    max-width: 720px;

    margin: 0 0 30px;

    color: rgba(255, 255, 255, .72);

    font-size: 15px;
    line-height: 1.85;
}

.ae-blog-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;

    color: rgba(255, 255, 255, .62);

    font-size: 10px;
}

.ae-blog-detail-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ae-blog-author-icon {
    width: 37px;
    height: 37px;

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

    border-radius: 50%;

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 10px;
}

.ae-blog-detail-author span {
    display: block;

    margin-bottom: 2px;

    color: rgba(255, 255, 255, .45);

    font-size: 8px;
}

.ae-blog-detail-author strong {
    display: block;

    color: var(--ae-white);

    font-size: 10px;
}

.ae-blog-meta-divider {
    width: 1px;
    height: 25px;

    background: rgba(255, 255, 255, .15);
}

.ae-blog-detail-date,
.ae-blog-detail-time {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ae-blog-detail-date i,
.ae-blog-detail-time i {
    color: var(--ae-primary-light);
}


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

.ae-blog-detail-content-section {
    background: var(--ae-white);
}


/* =========================================================
   ARTICLE
========================================================= */

.ae-blog-article {
    max-width: 900px;
}

.ae-blog-featured-image {
    width: 100%;
    /*height: 520px;*/

    margin-bottom: 45px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);

    box-shadow: var(--ae-shadow);
}

.ae-blog-featured-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.ae-blog-article-body {
    max-width: 820px;

    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.95;
}

.ae-blog-article-body > p {
    margin: 0 0 24px;
}

.ae-blog-article-body .ae-blog-lead {
    margin-bottom: 30px;

    color: var(--ae-dark);

    font-size: 19px;
    font-weight: 500;
    line-height: 1.75;
}

.ae-blog-article-body h2 {
    margin: 55px 0 18px;

    color: var(--ae-black);

    font-size: 31px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.ae-blog-article-body h2::before {
    content: "";

    display: inline-block;

    width: 4px;
    height: 25px;

    margin-right: 12px;

    vertical-align: -3px;

    background: var(--ae-primary);
}

.ae-blog-article-body h3 {
    margin: 42px 0 20px;

    color: var(--ae-black);

    font-size: 23px;
    font-weight: 750;
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.ae-blog-article-body blockquote {
    position: relative;

    margin: 42px 0;
    padding: 35px 40px;

    border-left: 4px solid var(--ae-primary);
    border-radius: var(--ae-radius);

    background: var(--ae-light);

    box-shadow: var(--ae-shadow);
}

.ae-blog-article-body blockquote > i {
    display: block;

    margin-bottom: 15px;

    color: var(--ae-primary);

    font-size: 22px;
}

.ae-blog-article-body blockquote p {
    margin: 0 0 15px;

    color: var(--ae-dark);

    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
}

.ae-blog-article-body blockquote span {
    color: var(--ae-text-light);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}


/* =========================================================
   ARTICLE IMAGE
========================================================= */

.ae-blog-article-image {
    position: relative;

    width: 100%;
    height: 430px;

    margin: 40px 0;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-blog-article-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-blog-article-image:hover img {
    transform: scale(1.025);
}

.ae-blog-article-image span {
    position: absolute;

    right: 20px;
    bottom: 20px;

    padding: 9px 12px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(8, 9, 12, .78);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .6px;
}


/* =========================================================
   CHECK LIST
========================================================= */

.ae-blog-check-list {
    display: flex;
    flex-direction: column;
    gap: 13px;

    margin: 25px 0 35px;
    padding: 0;

    list-style: none;
}

.ae-blog-check-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ae-blog-check-list li i {
    flex: 0 0 21px;

    width: 21px;
    height: 21px;

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

    margin-top: 2px;

    border-radius: 50%;

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 8px;
}

.ae-blog-check-list li span {
    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.ae-blog-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    margin: 45px 0;
    padding: 28px 30px;

    border: 1px solid rgba(144, 8, 8, .15);
    border-radius: var(--ae-radius);

    background: rgba(144, 8, 8, .035);
}

.ae-blog-highlight-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 15px;
}

.ae-blog-highlight-box strong {
    display: block;

    margin-bottom: 7px;

    color: var(--ae-black);

    font-size: 13px;
    font-weight: 800;
}

.ae-blog-highlight-box p {
    margin: 0;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   ARTICLE CONCLUSION
========================================================= */

.ae-blog-article-conclusion {
    margin-top: 60px;
    padding: 38px;

    border-radius: var(--ae-radius);

    background: var(--ae-dark);
}

.ae-blog-article-conclusion .ae-kicker {
    color: var(--ae-primary-light);
}

.ae-blog-article-conclusion .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-blog-article-conclusion h3 {
    margin: 0 0 15px;

    color: var(--ae-white);

    font-size: 27px;
    line-height: 1.3;
}

.ae-blog-article-conclusion h3 strong {
    color: var(--ae-primary-light);
}

.ae-blog-article-conclusion p {
    margin: 0;

    color: rgba(255, 255, 255, .65);

    font-size: 12px;
    line-height: 1.85;
}


/* =========================================================
   ARTICLE SHARE
========================================================= */

.ae-blog-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 45px;
    padding-top: 25px;

    border-top: 1px solid var(--ae-border);
}

.ae-blog-share-title span {
    color: var(--ae-black);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.ae-blog-share-links {
    display: flex;
    gap: 8px;
}

.ae-blog-share-links a {
    width: 36px;
    height: 36px;

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

    border: 1px solid var(--ae-border);
    border-radius: 50%;

    color: var(--ae-dark);

    font-size: 10px;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-blog-share-links a:hover {
    color: var(--ae-white);

    border-color: var(--ae-primary);
    background: var(--ae-primary);

    transform: translateY(-3px);
}


/* =========================================================
   SIDEBAR
========================================================= */

.ae-blog-sidebar {
    position: sticky;
    top: 100px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ae-blog-sidebar-card {
    padding: 30px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);
}

.ae-blog-sidebar-kicker {
    margin-bottom: 13px;

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ae-blog-sidebar-card h3 {
    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 25px;
    font-weight: 750;
    line-height: 1.2;
}

.ae-blog-sidebar-card h3 strong {
    color: var(--ae-primary);
}

.ae-blog-sidebar-card > p {
    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 11px;
    line-height: 1.8;
}


/* =========================================================
   SIDEBAR SOCIALS
========================================================= */

.ae-blog-sidebar-socials {
    display: flex;
    gap: 8px;
}

.ae-blog-sidebar-socials a {
    width: 39px;
    height: 39px;

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

    border-radius: 50%;

    color: var(--ae-white);
    background: var(--ae-dark);

    font-size: 10px;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-blog-sidebar-socials a:hover {
    background: var(--ae-primary);

    transform: translateY(-3px);
}


/* =========================================================
   CATEGORIES
========================================================= */

.ae-blog-categories {
    display: flex;
    flex-direction: column;

    margin-top: 20px;

    border-top: 1px solid var(--ae-border);
}

.ae-blog-categories a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 0;

    border-bottom: 1px solid var(--ae-border);

    color: var(--ae-text);

    font-size: 11px;
    font-weight: 650;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-blog-categories a i {
    color: var(--ae-primary);

    font-size: 9px;

    transition: var(--ae-transition);
}

.ae-blog-categories a:hover {
    padding-left: 5px;

    color: var(--ae-primary);
}

.ae-blog-categories a:hover i {
    transform: translateX(4px);
}


/* =========================================================
   SIDEBAR CTA
========================================================= */

.ae-blog-sidebar-cta {
    position: relative;

    padding: 32px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-blog-sidebar-cta::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -100px;

    width: 220px;
    height: 220px;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
}

.ae-blog-sidebar-cta-icon {
    position: relative;
    z-index: 2;

    width: 43px;
    height: 43px;

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

    margin-bottom: 28px;

    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: rgba(255, 255, 255, .08);

    font-size: 12px;
}

.ae-blog-sidebar-cta .ae-kicker {
    position: relative;
    z-index: 2;

    color: rgba(255, 255, 255, .80);
}

.ae-blog-sidebar-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .65);
}

.ae-blog-sidebar-cta h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 14px;

    color: var(--ae-white);

    font-size: 27px;
    font-weight: 700;
    line-height: 1.2;
}

.ae-blog-sidebar-cta h3 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-blog-sidebar-cta p {
    position: relative;
    z-index: 2;

    margin: 0 0 22px;

    color: rgba(255, 255, 255, .70);

    font-size: 11px;
    line-height: 1.8;
}

.ae-blog-sidebar-cta > a {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-white);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-blog-sidebar-cta > a i {
    transition: var(--ae-transition);
}

.ae-blog-sidebar-cta > a:hover i {
    transform: translateX(5px);
}


/* =========================================================
   RELATED BLOGS
========================================================= */

.ae-related-blogs {
    background: var(--ae-light);
}

.ae-related-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 45px;
}

.ae-related-heading .ae-kicker {
    margin-bottom: 13px;
}

.ae-related-heading h2 {
    margin: 0;

    color: var(--ae-black);

    font-size: 45px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1px;
}

.ae-related-heading h2 strong {
    color: var(--ae-primary);
}

.ae-related-view-all {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding-bottom: 7px;

    border-bottom: 1px solid var(--ae-primary);

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-related-view-all i {
    transition: var(--ae-transition);
}

.ae-related-view-all:hover {
    color: var(--ae-primary-dark);
}

.ae-related-view-all:hover i {
    transform: translateX(5px);
}


/* =========================================================
   RELATED BLOG CARD
========================================================= */

.ae-related-blog-card {
    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-related-blog-card:hover {
    transform: translateY(-6px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-related-blog-image {
    position: relative;

    height: 250px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-related-blog-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-related-blog-card:hover .ae-related-blog-image img {
    transform: scale(1.05);
}

.ae-related-blog-image span {
    position: absolute;

    top: 15px;
    left: 15px;

    padding: 7px 10px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-related-blog-content {
    padding: 24px;
}

.ae-related-blog-meta {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 11px;

    color: var(--ae-text-light);

    font-size: 9px;
}

.ae-related-blog-meta span {
    width: 3px;
    height: 3px;

    border-radius: 50%;

    background: var(--ae-primary);
}

.ae-related-blog-content h3 {
    min-height: 72px;

    margin: 0 0 18px;

    color: var(--ae-black);

    font-size: 19px;
    font-weight: 750;
    line-height: 1.35;
}

.ae-related-blog-content > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-related-blog-content > a i {
    transition: var(--ae-transition);
}

.ae-related-blog-content > a:hover i {
    transform: translateX(5px);
}


/* =========================================================
   FINAL CTA
========================================================= */

.ae-blog-detail-final-cta {
    position: relative;

    padding: 105px 0;

    overflow: hidden;

    text-align: center;

    background: var(--ae-dark);
}

.ae-blog-detail-final-cta::before {
    content: "";

    position: absolute;

    top: -180px;
    left: -130px;

    width: 400px;
    height: 400px;

    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.ae-blog-detail-final-cta::after {
    content: "";

    position: absolute;

    right: -140px;
    bottom: -200px;

    width: 450px;
    height: 450px;

    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.ae-blog-detail-final-content {
    position: relative;
    z-index: 2;

    max-width: 780px;

    margin: 0 auto;
}

.ae-blog-detail-final-cta .ae-kicker {
    justify-content: center;

    color: var(--ae-primary-light);
}

.ae-blog-detail-final-cta .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-blog-detail-final-content h2 {
    margin: 0 0 18px;

    color: var(--ae-white);

    font-size: clamp(40px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-blog-detail-final-content h2 strong {
    display: block;

    color: var(--ae-primary-light);

    font-weight: 800;
}

.ae-blog-detail-final-content p {
    max-width: 650px;

    margin: 0 auto 30px;

    color: rgba(255, 255, 255, .62);

    font-size: 13px;
    line-height: 1.85;
}

.ae-blog-detail-final-content > a {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 25px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;

    box-shadow: var(--ae-primary-shadow);

    transition: var(--ae-transition);
}

.ae-blog-detail-final-content > a:hover {
    color: var(--ae-white);

    background: var(--ae-primary-light);

    transform: translateY(-3px);
}


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

@media (max-width: 1199px) {

    .ae-blog-detail-page .ae-section {
        padding: 90px 0;
    }

    .ae-blog-featured-image {
        height: 460px;
    }

}


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

@media (max-width: 991px) {

    .ae-blog-detail-page .ae-section {
        padding: 80px 0;
    }

    .ae-blog-detail-hero {
        min-height: 560px;
    }

    .ae-blog-detail-hero-content {
        padding: 75px 0;
    }

    .ae-blog-sidebar {
        position: static;

        margin-top: 20px;
    }

    .ae-blog-sidebar-share {
        display: block;
    }

    .ae-related-heading h2 {
        font-size: 40px;
    }

}


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

@media (max-width: 767px) {

    .ae-blog-detail-page .ae-section {
        padding: 65px 0;
    }

    .ae-blog-detail-hero {
        min-height: 560px;

        background-position: 65% center;
    }

    .ae-blog-detail-hero-content {
        padding: 60px 0;
    }

    .ae-blog-detail-breadcrumb {
        margin-bottom: 23px;
    }

    .ae-blog-detail-hero h1 {
        font-size: 41px;

        letter-spacing: -1.5px;
    }

    .ae-blog-detail-intro {
        font-size: 13px;
    }

    .ae-blog-detail-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
    }

    .ae-blog-meta-divider {
        display: none;
    }

    .ae-blog-featured-image {
        height: 330px;

        margin-bottom: 35px;
    }

    .ae-blog-article-body {
        font-size: 14px;
        line-height: 1.85;
    }

    .ae-blog-article-body .ae-blog-lead {
        font-size: 17px;
    }

    .ae-blog-article-body h2 {
        margin-top: 43px;

        font-size: 27px;
    }

    .ae-blog-article-body h3 {
        font-size: 21px;
    }

    .ae-blog-article-body blockquote {
        padding: 27px;
    }

    .ae-blog-article-body blockquote p {
        font-size: 17px;
    }

    .ae-blog-article-image {
        height: 300px;
    }

    .ae-blog-highlight-box {
        gap: 14px;

        padding: 23px;
    }

    .ae-blog-article-conclusion {
        padding: 27px;
    }

    .ae-blog-article-conclusion h3 {
        font-size: 23px;
    }

    .ae-blog-share {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-related-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-related-heading h2 {
        font-size: 36px;
    }

    .ae-related-blog-image {
        height: 260px;
    }

    .ae-related-blog-content h3 {
        min-height: auto;
    }

    .ae-blog-detail-final-cta {
        padding: 75px 0;
    }

    .ae-blog-detail-final-content h2 {
        font-size: 37px;
    }

}


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

@media (max-width: 575px) {

    .ae-blog-detail-hero h1 {
        font-size: 36px;
    }

    .ae-blog-detail-hero {
        min-height: 530px;
    }

    .ae-blog-featured-image {
        height: 250px;
    }

    .ae-blog-article-image {
        height: 240px;
    }

    .ae-blog-detail-page .ae-kicker {
        font-size: 9px;
    }

    .ae-blog-detail-final-content h2 {
        font-size: 33px;
    }

}

/* =========================================================
   AE WORKS
   PROJECT DETAILS / CASE STUDY PAGE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-project-detail-page {
    width: 100%;
    overflow: hidden;
}

.ae-project-detail-page .container {
    max-width: var(--ae-container);
}

.ae-project-detail-page .ae-section {
    position: relative;
    padding: 110px 0;
}

.ae-project-detail-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-project-detail-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}


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

.ae-project-detail-hero {
    position: relative;

    min-height: 680px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: var(--ae-dark);
}

.ae-project-detail-hero-image {
    position: absolute;
    inset: 0;

    overflow: hidden;
}

.ae-project-detail-hero-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    animation: aeProjectHeroScale 12s ease-in-out infinite alternate;
}

@keyframes aeProjectHeroScale {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.06);
    }

}

.ae-project-detail-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .96) 0%,
            rgba(8, 9, 12, .90) 40%,
            rgba(8, 9, 12, .60) 68%,
            rgba(8, 9, 12, .28) 100%
        );

    z-index: 1;
}

.ae-project-detail-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(144, 8, 8, .25),
            transparent 50%
        );

    z-index: 1;

    pointer-events: none;
}

.ae-project-detail-hero .container {
    position: relative;
    z-index: 2;
}

.ae-project-detail-hero-content {
    max-width: 850px;

    padding: 100px 0;
}

.ae-project-detail-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 35px;

    font-size: 10px;
}

.ae-project-detail-breadcrumb a {
    color: rgba(255, 255, 255, .85);

    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-project-detail-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-project-detail-breadcrumb i {
    color: var(--ae-primary-light);

    font-size: 7px;
}

.ae-project-detail-breadcrumb span {
    color: rgba(255, 255, 255, .45);
}

.ae-project-detail-hero .ae-kicker {
    color: rgba(255, 255, 255, .80);
}

.ae-project-detail-hero .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-project-detail-hero h1 {
    margin: 0 0 25px;

    color: var(--ae-white);

    font-size: clamp(47px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.ae-project-detail-hero h1 strong {
    display: block;

    color: var(--ae-white);

    font-weight: 800;
}

.ae-project-detail-hero-content > p {
    max-width: 680px;

    margin: 0 0 28px;

    color: rgba(255, 255, 255, .68);

    font-size: 14px;
    line-height: 1.85;
}

.ae-project-detail-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ae-project-detail-tags span {
    padding: 9px 13px;

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: var(--ae-radius);

    color: rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .05);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;

    backdrop-filter: blur(8px);
}


/* =========================================================
   PROJECT INTRO
========================================================= */

.ae-project-detail-intro {
    background: var(--ae-white);
}

.ae-project-detail-intro-content {
    max-width: 800px;
}

.ae-project-detail-intro-content h2 {
    margin: 0 0 25px;

    color: var(--ae-black);

    font-size: clamp(38px, 4vw, 53px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.ae-project-detail-intro-content h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-project-detail-intro-content p {
    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.9;
}

.ae-project-detail-intro-content .ae-project-lead {
    margin-bottom: 25px;

    color: var(--ae-dark);

    font-size: 17px;
    font-weight: 500;
    line-height: 1.8;
}


/* =========================================================
   PROJECT INFO CARD
========================================================= */

.ae-project-detail-info-card {
    padding: 34px;

    border-radius: var(--ae-radius);

    background: var(--ae-dark);

    box-shadow: var(--ae-shadow-hover);
}

.ae-project-info-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 10px;
}

.ae-project-info-card-head .ae-kicker {
    margin-bottom: 0;

    color: var(--ae-primary-light);
}

.ae-project-info-card-head .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-project-info-card-head > i {
    color: var(--ae-primary-light);

    font-size: 13px;
}

.ae-project-info-list {
    margin-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, .10);
}

.ae-project-info-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;

    padding: 17px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.ae-project-info-item span {
    color: rgba(255, 255, 255, .40);

    font-size: 9px;
    font-weight: 600;
}

.ae-project-info-item strong {
    max-width: 190px;

    color: rgba(255, 255, 255, .85);

    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
}

.ae-project-info-item strong.ae-status {
    color: #78b987;
}


/* =========================================================
   FEATURED IMAGE
========================================================= */

.ae-project-featured-section {
    padding: 0;

    background: var(--ae-white);
}

.ae-project-featured-section .container-fluid {
    padding: 0 30px;
}

.ae-project-featured-image {
    position: relative;

    height: min(720px, 65vw);

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-project-featured-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-project-featured-image:hover img {
    transform: scale(1.02);
}

.ae-project-featured-caption {
    position: absolute;

    left: 35px;
    bottom: 30px;

    display: flex;
    flex-direction: column;
    gap: 5px;

    padding: 15px 18px;

    border-left: 3px solid var(--ae-primary);

    background: rgba(8, 9, 12, .75);

    backdrop-filter: blur(8px);
}

.ae-project-featured-caption span {
    color: var(--ae-primary-light);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ae-project-featured-caption strong {
    color: var(--ae-white);

    font-size: 12px;
}


/* =========================================================
   CHALLENGE / SOLUTION
========================================================= */

.ae-project-challenge {
    background: var(--ae-light);
}

.ae-project-story-card {
    height: 100%;

    position: relative;

    padding: 42px;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);
}

.ae-project-story-card::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -100px;

    width: 230px;
    height: 230px;

    border: 1px solid rgba(144, 8, 8, .07);
    border-radius: 50%;
}

.ae-project-story-number {
    margin-bottom: 40px;

    color: var(--ae-primary);

    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;
}

.ae-project-story-card h2 {
    max-width: 520px;

    margin: 0 0 20px;

    color: var(--ae-black);

    font-size: 35px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.8px;
}

.ae-project-story-card h2 strong {
    display: block;

    color: var(--ae-primary);

    font-weight: 800;
}

.ae-project-story-card > p {
    margin: 0 0 17px;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.85;
}

.ae-project-story-points {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    gap: 11px;

    margin-top: 28px;
}

.ae-project-story-points > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ae-project-story-points i {
    width: 20px;
    height: 20px;

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

    border-radius: 50%;

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 7px;
}

.ae-project-story-points span {
    color: var(--ae-dark);

    font-size: 10px;
    font-weight: 650;
}

.ae-project-solution-card {
    border-color: rgba(144, 8, 8, .15);
}


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

.ae-project-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;

    margin-bottom: 50px;
}

.ae-project-section-heading h2 {
    margin: 0;

    color: var(--ae-black);

    font-size: clamp(36px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.3px;
}

.ae-project-section-heading h2 strong {
    color: var(--ae-primary);

    font-weight: 800;
}

.ae-project-section-heading > p {
    max-width: 450px;

    margin: 0;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   SPECIFICATIONS
========================================================= */

.ae-project-specifications {
    background: var(--ae-white);
}

.ae-project-spec-card {
    height: 100%;

    padding: 30px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-project-spec-card:hover {
    border-color: rgba(144, 8, 8, .25);

    box-shadow: var(--ae-shadow);

    transform: translateY(-5px);
}

.ae-project-spec-icon {
    width: 50px;
    height: 50px;

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

    margin-bottom: 27px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 15px;
}

.ae-project-spec-card > span {
    display: block;

    margin-bottom: 9px;

    color: var(--ae-primary);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.ae-project-spec-card h3 {
    min-height: 50px;

    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 19px;
    font-weight: 750;
    line-height: 1.3;
}

.ae-project-spec-card p {
    margin: 0;

    color: var(--ae-text);

    font-size: 11px;
    line-height: 1.8;
}


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

.ae-project-process {
    background: var(--ae-light);
}

.ae-project-process-line {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.ae-project-process-line::before {
    content: "";

    position: absolute;

    top: 31px;
    left: 10%;
    right: 10%;

    height: 1px;

    background: var(--ae-border);
}

.ae-project-process-item {
    position: relative;
    z-index: 2;
}

.ae-project-process-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 63px;
    height: 63px;

    margin-bottom: 25px;
    padding: 0 10px;

    border: 1px solid var(--ae-border);
    border-radius: 50%;

    background: var(--ae-white);
}

.ae-project-process-top span {
    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
}

.ae-project-process-top i {
    position: absolute;

    left: 34px;

    color: var(--ae-dark);

    font-size: 10px;

    transform: translateX(-50%);
}

.ae-project-process-item h3 {
    margin: 0 0 10px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
}

.ae-project-process-item p {
    max-width: 240px;

    margin: 0;

    color: var(--ae-text);

    font-size: 11px;
    line-height: 1.8;
}


/* =========================================================
   GALLERY
========================================================= */

.ae-project-gallery {
    background: var(--ae-white);
}

.ae-project-gallery-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    grid-template-rows: 280px 280px;
    gap: 14px;
}

.ae-project-gallery-item {
    position: relative;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-project-gallery-item.ae-gallery-large {
    grid-row: span 2;
}

.ae-project-gallery-item.ae-gallery-wide {
    grid-column: span 2;
}

.ae-project-gallery-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-project-gallery-item:hover img {
    transform: scale(1.06);
}

.ae-gallery-overlay {
    position: absolute;
    inset: auto 0 0 0;

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

    padding: 18px 20px;

    background:
        linear-gradient(
            transparent,
            rgba(8, 9, 12, .85)
        );

    transform: translateY(5px);

    transition: var(--ae-transition);
}

.ae-project-gallery-item:hover .ae-gallery-overlay {
    transform: translateY(0);
}

.ae-gallery-overlay span {
    color: var(--ae-primary-light);

    font-size: 9px;
    font-weight: 800;
}

.ae-gallery-overlay strong {
    color: var(--ae-white);

    font-size: 11px;
}


/* =========================================================
   PROJECT RESULT
========================================================= */

.ae-project-result {
    padding: 105px 0;

    background: var(--ae-dark);
}

.ae-project-result-inner {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    align-items: center;
    gap: 80px;
}

.ae-project-result-content .ae-kicker {
    color: var(--ae-primary-light);
}

.ae-project-result-content .ae-kicker::before {
    background: var(--ae-primary-light);
}

.ae-project-result-content h2 {
    max-width: 700px;

    margin: 0 0 22px;

    color: var(--ae-white);

    font-size: clamp(38px, 4.5vw, 55px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-project-result-content h2 strong {
    display: block;

    color: var(--ae-primary-light);

    font-weight: 800;
}

.ae-project-result-content p {
    max-width: 680px;

    margin: 0 0 15px;

    color: rgba(255, 255, 255, .58);

    font-size: 13px;
    line-height: 1.85;
}

.ae-project-result-stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;

    border-top: 1px solid rgba(255, 255, 255, .12);
}

.ae-result-stat {
    display: flex;
    align-items: center;
    gap: 20px;

    padding: 23px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ae-result-stat strong {
    min-width: 75px;

    color: var(--ae-primary-light);

    font-size: 29px;
    font-weight: 800;
}

.ae-result-stat span {
    color: rgba(255, 255, 255, .60);

    font-size: 10px;
    font-weight: 650;
    line-height: 1.5;
}


/* =========================================================
   RELATED PROJECTS
========================================================= */

.ae-related-projects {
    background: var(--ae-light);
}

.ae-related-projects-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 45px;
}

.ae-related-projects-heading h2 {
    margin: 0;

    color: var(--ae-black);

    font-size: 45px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1px;
}

.ae-related-projects-heading h2 strong {
    color: var(--ae-primary);
}

.ae-related-projects-heading > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding-bottom: 7px;

    border-bottom: 1px solid var(--ae-primary);

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-related-projects-heading > a i {
    transition: var(--ae-transition);
}

.ae-related-projects-heading > a:hover i {
    transform: translateX(5px);
}

.ae-related-project-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-related-project-card:hover {
    transform: translateY(-6px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-related-project-image {
    position: relative;

    height: 270px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-related-project-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-related-project-card:hover .ae-related-project-image img {
    transform: scale(1.05);
}

.ae-related-project-image span {
    position: absolute;

    top: 16px;
    left: 16px;

    padding: 8px 11px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-related-project-content {
    padding: 25px;
}

.ae-related-project-content .ae-kicker {
    margin-bottom: 10px;

    font-size: 8px;
}

.ae-related-project-content h3 {
    min-height: 57px;

    margin: 0 0 20px;

    color: var(--ae-black);

    font-size: 20px;
    font-weight: 750;
    line-height: 1.3;
}

.ae-related-project-content > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-related-project-content > a i {
    transition: var(--ae-transition);
}

.ae-related-project-content > a:hover i {
    transform: translateX(5px);
}


/* =========================================================
   FINAL CTA
========================================================= */

.ae-project-detail-cta {
    position: relative;

    padding: 110px 0;

    overflow: hidden;

    background: var(--ae-primary);
}

.ae-project-detail-cta::before {
    content: "";

    position: absolute;

    top: -220px;
    left: -120px;

    width: 500px;
    height: 500px;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
}

.ae-project-detail-cta::after {
    content: "";

    position: absolute;

    right: -180px;
    bottom: -260px;

    width: 560px;
    height: 560px;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
}

.ae-project-detail-cta .container {
    position: relative;
    z-index: 2;
}

.ae-project-detail-cta-inner {
    max-width: 800px;

    margin: auto;

    text-align: center;
}

.ae-project-detail-cta .ae-kicker {
    justify-content: center;

    color: rgba(255, 255, 255, .80);
}

.ae-project-detail-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .70);
}

.ae-project-detail-cta h2 {
    margin: 0 0 18px;

    color: var(--ae-white);

    font-size: clamp(40px, 5vw, 62px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -1.5px;
}

.ae-project-detail-cta h2 strong {
    display: block;

    font-weight: 800;
}

.ae-project-detail-cta p {
    max-width: 650px;

    margin: 0 auto 30px;

    color: rgba(255, 255, 255, .72);

    font-size: 13px;
    line-height: 1.85;
}

.ae-project-cta-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ae-project-cta-primary,
.ae-project-cta-secondary {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 0 24px;

    border-radius: var(--ae-radius);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-project-cta-primary {
    color: var(--ae-primary);

    background: var(--ae-white);
}

.ae-project-cta-primary:hover {
    color: var(--ae-primary);

    background: var(--ae-light);

    transform: translateY(-3px);
}

.ae-project-cta-secondary {
    color: var(--ae-white);

    border: 1px solid rgba(255, 255, 255, .30);
    background: transparent;
}

.ae-project-cta-secondary:hover {
    color: var(--ae-primary);

    border-color: var(--ae-white);
    background: var(--ae-white);

    transform: translateY(-3px);
}


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

@media (max-width: 1199px) {

    .ae-project-detail-page .ae-section {
        padding: 90px 0;
    }

    .ae-project-detail-hero {
        min-height: 620px;
    }

    .ae-project-result-inner {
        gap: 50px;
    }

}


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

@media (max-width: 991px) {

    .ae-project-detail-page .ae-section {
        padding: 80px 0;
    }

    .ae-project-detail-hero {
        min-height: 590px;
    }

    .ae-project-detail-hero-content {
        padding: 80px 0;
    }

    .ae-project-detail-info-card {
        margin-top: 10px;
    }

    .ae-project-featured-section .container-fluid {
        padding: 0 20px;
    }

    .ae-project-featured-image {
        height: 500px;
    }

    .ae-project-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-project-process-line {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px 30px;
    }

    .ae-project-process-line::before {
        display: none;
    }

    .ae-project-gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 300px 230px 230px;
    }

    .ae-project-gallery-item.ae-gallery-large {
        grid-row: span 1;
    }

    .ae-project-gallery-item.ae-gallery-wide {
        grid-column: span 2;
    }

    .ae-project-result-inner {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 767px) {

    .ae-project-detail-page .ae-section {
        padding: 65px 0;
    }

    .ae-project-detail-hero {
        min-height: 570px;
    }

    .ae-project-detail-hero-image img {
        object-position: 60% center;
    }

    .ae-project-detail-hero-content {
        padding: 65px 0;
    }

    .ae-project-detail-breadcrumb {
        margin-bottom: 25px;
    }

    .ae-project-detail-hero h1 {
        font-size: 42px;
        letter-spacing: -1.6px;
    }

    .ae-project-detail-hero-content > p {
        font-size: 13px;
    }

    .ae-project-detail-intro-content h2 {
        font-size: 37px;
    }

    .ae-project-detail-intro-content .ae-project-lead {
        font-size: 15px;
    }

    .ae-project-detail-info-card {
        padding: 27px;
    }

    .ae-project-featured-section .container-fluid {
        padding: 0 15px;
    }

    .ae-project-featured-image {
        height: 360px;
    }

    .ae-project-featured-caption {
        left: 18px;
        right: 18px;
        bottom: 18px;
    }

    .ae-project-story-card {
        padding: 30px;
    }

    .ae-project-story-number {
        margin-bottom: 30px;

        font-size: 40px;
    }

    .ae-project-story-card h2 {
        font-size: 30px;
    }

    .ae-project-section-heading h2 {
        font-size: 36px;
    }

    .ae-project-process-line {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .ae-project-process-top {
        margin-bottom: 17px;
    }

    .ae-project-gallery-grid {
        display: flex;
        flex-direction: column;
    }

    .ae-project-gallery-item,
    .ae-project-gallery-item.ae-gallery-large,
    .ae-project-gallery-item.ae-gallery-wide {
        width: 100%;
        height: 300px;
    }

    .ae-project-result {
        padding: 75px 0;
    }

    .ae-project-result-content h2 {
        font-size: 38px;
    }

    .ae-related-projects-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-related-projects-heading h2 {
        font-size: 38px;
    }

    .ae-related-project-image {
        height: 250px;
    }

    .ae-project-detail-cta {
        padding: 75px 0;
    }

    .ae-project-detail-cta h2 {
        font-size: 38px;
    }

}


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

@media (max-width: 575px) {

    .ae-project-detail-hero {
        min-height: 540px;
    }

    .ae-project-detail-hero h1 {
        font-size: 36px;
    }

    .ae-project-detail-tags span {
        font-size: 7px;
    }

    .ae-project-featured-image {
        height: 280px;
    }

    .ae-project-info-item {
        flex-direction: column;
        gap: 5px;
    }

    .ae-project-info-item strong {
        max-width: 100%;

        text-align: left;
    }

    .ae-project-story-card {
        padding: 25px;
    }

    .ae-project-story-card h2 {
        font-size: 27px;
    }

    .ae-project-spec-card {
        padding: 25px;
    }

    .ae-project-section-heading h2 {
        font-size: 32px;
    }

    .ae-project-result-content h2 {
        font-size: 33px;
    }

    .ae-project-detail-cta h2 {
        font-size: 33px;
    }

    .ae-project-cta-buttons {
        flex-direction: column;
        width: 100%;
    }

    .ae-project-cta-primary,
    .ae-project-cta-secondary {
        width: 100%;
    }

}

/* =========================================================
   AE WORKS
   MEDIA POST / VIEW POST PAGE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-media-post-page {
    width: 100%;
    overflow: hidden;
}

.ae-media-post-page .container {
    max-width: var(--ae-container);
}

.ae-media-post-page .ae-section {
    position: relative;
    padding: 105px 0;
}

.ae-media-post-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-media-post-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}


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

.ae-media-post-hero {
    position: relative;

    padding: 120px 0 105px;

    overflow: hidden;

    background: var(--ae-dark);
}

.ae-media-post-hero::before {
    content: "";

    position: absolute;

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

    width: 600px;
    height: 600px;

    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.ae-media-post-hero::after {
    content: "";

    position: absolute;

    left: -160px;
    bottom: -350px;

    width: 600px;
    height: 600px;

    border: 1px solid rgba(144, 8, 8, .18);
    border-radius: 50%;
}

.ae-media-post-hero .container {
    position: relative;
    z-index: 2;
}

.ae-media-post-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 42px;
}

.ae-media-post-breadcrumb a {
    color: rgba(255, 255, 255, .70);

    font-size: 10px;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-media-post-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-media-post-breadcrumb i {
    color: var(--ae-primary-light);

    font-size: 7px;
}

.ae-media-post-breadcrumb span {
    color: rgba(255, 255, 255, .35);

    font-size: 10px;
}

.ae-media-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;

    margin-bottom: 22px;
}

.ae-media-post-meta > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: rgba(255, 255, 255, .45);

    font-size: 9px;
    font-weight: 650;
    letter-spacing: .7px;
}

.ae-media-post-meta > span i {
    color: var(--ae-primary-light);
}

.ae-media-post-type {
    padding: 8px 11px;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--ae-radius);

    color: rgba(255, 255, 255, .75) !important;

    background: rgba(255, 255, 255, .04);
}

.ae-media-post-type i {
    font-size: 10px;
}

.ae-media-post-hero h1 {
    max-width: 980px;

    margin: 0 0 25px;

    color: var(--ae-white);

    font-size: clamp(46px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2.8px;
}

.ae-media-post-hero h1 strong {
    display: block;

    color: var(--ae-primary-light);

    font-weight: 800;
}

.ae-media-post-intro {
    max-width: 720px;

    margin: 0 0 35px;

    color: rgba(255, 255, 255, .58);

    font-size: 14px;
    line-height: 1.9;
}

.ae-media-post-author {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.ae-media-author-icon {
    width: 43px;
    height: 43px;

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

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;

    color: var(--ae-white);
    background: rgba(255, 255, 255, .05);

    font-size: 12px;
}

.ae-media-post-author > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ae-media-post-author strong {
    color: rgba(255, 255, 255, .85);

    font-size: 10px;
}

.ae-media-post-author span {
    color: rgba(255, 255, 255, .35);

    font-size: 8px;
}


/* =========================================================
   MAIN CONTENT
========================================================= */

.ae-media-post-content-section {
    background: var(--ae-white);
}

.ae-media-post-article {
    max-width: 850px;
}

.ae-media-post-featured {
    width: 100%;
    height: 530px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-media-post-featured img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-media-post-featured:hover img {
    transform: scale(1.025);
}

.ae-media-post-caption {
    padding: 13px 0;

    color: var(--ae-text-light);

    font-size: 9px;
    line-height: 1.6;
}

.ae-media-post-body {
    padding-top: 35px;
}

.ae-media-post-body p {
    margin: 0 0 21px;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.95;
}

.ae-media-post-body .ae-media-post-lead {
    margin-bottom: 25px;

    color: var(--ae-dark);

    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

.ae-media-post-body h2 {
    margin: 48px 0 19px;

    color: var(--ae-black);

    font-size: 31px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.6px;
}

.ae-media-post-inline-image {
    width: 100%;
    height: 430px;

    margin: 35px 0;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-media-post-inline-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-media-post-inline-image:hover img {
    transform: scale(1.025);
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.ae-media-post-body blockquote {
    position: relative;

    margin: 40px 0;
    padding: 32px 35px 32px 70px;

    border-left: 3px solid var(--ae-primary);

    background: var(--ae-light);
}

.ae-media-post-body blockquote > i {
    position: absolute;

    top: 29px;
    left: 25px;

    color: var(--ae-primary);

    font-size: 23px;
}

.ae-media-post-body blockquote p {
    margin: 0;

    color: var(--ae-dark);

    font-size: 19px;
    font-weight: 650;
    line-height: 1.6;
}


/* =========================================================
   POST ENDING
========================================================= */

.ae-media-post-ending {
    display: flex;
    flex-direction: column;
    gap: 5px;

    margin-top: 40px;
    padding-top: 25px;

    border-top: 1px solid var(--ae-border);
}

.ae-media-post-ending strong {
    color: var(--ae-dark);

    font-size: 12px;
}

.ae-media-post-ending span {
    color: var(--ae-text-light);

    font-size: 9px;
}


/* =========================================================
   TAGS
========================================================= */

.ae-media-post-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    margin-top: 40px;
    padding-top: 25px;

    border-top: 1px solid var(--ae-border);
}

.ae-media-post-tags span {
    padding: 8px 11px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    color: var(--ae-text);

    background: var(--ae-light);

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


/* =========================================================
   SHARE
========================================================= */

.ae-media-post-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 25px;
    padding-top: 25px;

    border-top: 1px solid var(--ae-border);
}

.ae-media-post-share > span {
    color: var(--ae-text-light);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-media-share-links {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ae-media-share-links a {
    width: 34px;
    height: 34px;

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

    border: 1px solid var(--ae-border);
    border-radius: 50%;

    color: var(--ae-text);

    background: var(--ae-white);

    font-size: 10px;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-media-share-links a:hover {
    border-color: var(--ae-primary);

    color: var(--ae-white);
    background: var(--ae-primary);

    transform: translateY(-3px);
}


/* =========================================================
   SIDEBAR
========================================================= */

.ae-media-post-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;

    position: sticky;
    top: 30px;
}

.ae-media-sidebar-card {
    padding: 28px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);
}

.ae-media-platform-card {
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    gap: 13px;
}

.ae-media-sidebar-icon {
    width: 50px;
    height: 50px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 15px;
}

.ae-media-platform-card > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ae-media-platform-card > div:nth-child(2) span {
    color: var(--ae-text-light);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-media-platform-card > div:nth-child(2) strong {
    color: var(--ae-dark);

    font-size: 14px;
}

.ae-media-original-post {
    grid-column: 1 / -1;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    margin-top: 13px;
    padding-top: 15px;

    border-top: 1px solid var(--ae-border);

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-media-original-post i {
    transition: var(--ae-transition);
}

.ae-media-original-post:hover i {
    transform: translate(3px, -3px);
}

.ae-media-sidebar-card h3 {
    margin: 0 0 13px;

    color: var(--ae-black);

    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
}

.ae-media-sidebar-card h3 strong {
    color: var(--ae-primary);
}

.ae-media-sidebar-card > p {
    margin: 0;

    color: var(--ae-text);

    font-size: 11px;
    line-height: 1.8;
}


/* =========================================================
   RECENT MEDIA
========================================================= */

.ae-media-recent-list {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.ae-media-recent-item {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 12px;

    text-decoration: none;
}

.ae-media-recent-image {
    width: 85px;
    height: 70px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-media-recent-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-media-recent-item:hover img {
    transform: scale(1.06);
}

.ae-media-recent-item > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ae-media-recent-item span {
    color: var(--ae-primary);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: .8px;
}

.ae-media-recent-item strong {
    color: var(--ae-dark);

    font-size: 10px;
    font-weight: 700;
    line-height: 1.45;

    transition: var(--ae-transition);
}

.ae-media-recent-item:hover strong {
    color: var(--ae-primary);
}


/* =========================================================
   SIDEBAR CTA
========================================================= */

.ae-media-sidebar-cta {
    position: relative;

    padding: 30px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-media-sidebar-cta::after {
    content: "";

    position: absolute;

    right: -70px;
    bottom: -100px;

    width: 230px;
    height: 230px;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
}

.ae-media-sidebar-cta .ae-kicker {
    position: relative;
    z-index: 2;

    color: rgba(255, 255, 255, .75);
}

.ae-media-sidebar-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .70);
}

.ae-media-sidebar-cta h3 {
    position: relative;
    z-index: 2;

    margin-bottom: 25px;

    color: var(--ae-white);
}

.ae-media-sidebar-cta h3 strong {
    color: var(--ae-white);
}

.ae-media-sidebar-cta > a {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-white);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-media-sidebar-cta > a i {
    transition: var(--ae-transition);
}

.ae-media-sidebar-cta > a:hover i {
    transform: translateX(5px);
}


/* =========================================================
   RELATED MEDIA
========================================================= */

.ae-media-related {
    background: var(--ae-light);
}

.ae-media-related-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 45px;
}

.ae-media-related-heading h2 {
    margin: 0;

    color: var(--ae-black);

    font-size: 45px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1px;
}

.ae-media-related-heading h2 strong {
    color: var(--ae-primary);
}

.ae-media-related-heading > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding-bottom: 7px;

    border-bottom: 1px solid var(--ae-primary);

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-media-related-heading > a i {
    transition: var(--ae-transition);
}

.ae-media-related-heading > a:hover i {
    transform: translateX(5px);
}

.ae-media-related-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-media-related-card:hover {
    transform: translateY(-6px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-media-related-image {
    position: relative;

    display: block;

    height: 250px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-media-related-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-media-related-card:hover .ae-media-related-image img {
    transform: scale(1.05);
}

.ae-media-related-image span {
    position: absolute;

    top: 15px;
    left: 15px;

    padding: 8px 10px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-media-related-content {
    padding: 25px;
}

.ae-media-related-meta {
    margin-bottom: 10px;
}

.ae-media-related-meta span {
    color: var(--ae-text-light);

    font-size: 8px;
}

.ae-media-related-content h3 {
    min-height: 58px;

    margin: 0 0 20px;

    color: var(--ae-black);

    font-size: 19px;
    font-weight: 750;
    line-height: 1.35;
}

.ae-media-related-content > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ae-media-related-content > a i {
    transition: var(--ae-transition);
}

.ae-media-related-content > a:hover i {
    transform: translateX(5px);
}


/* =========================================================
   FINAL CTA
========================================================= */

.ae-media-post-cta {
    position: relative;

    padding: 105px 0;

    overflow: hidden;

    background: var(--ae-primary);
}

.ae-media-post-cta::before {
    content: "";

    position: absolute;

    top: -250px;
    left: -150px;

    width: 550px;
    height: 550px;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
}

.ae-media-post-cta::after {
    content: "";

    position: absolute;

    right: -180px;
    bottom: -300px;

    width: 600px;
    height: 600px;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
}

.ae-media-post-cta .container {
    position: relative;
    z-index: 2;
}

.ae-media-post-cta-inner {
    max-width: 780px;

    margin: auto;

    text-align: center;
}

.ae-media-post-cta .ae-kicker {
    justify-content: center;

    color: rgba(255, 255, 255, .75);
}

.ae-media-post-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .70);
}

.ae-media-post-cta h2 {
    margin: 0 0 18px;

    color: var(--ae-white);

    font-size: clamp(40px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-media-post-cta h2 strong {
    display: block;

    font-weight: 800;
}

.ae-media-post-cta p {
    max-width: 620px;

    margin: 0 auto 30px;

    color: rgba(255, 255, 255, .70);

    font-size: 13px;
    line-height: 1.85;
}

.ae-media-social-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ae-media-social-buttons a {
    width: 43px;
    height: 43px;

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

    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;

    color: var(--ae-white);

    background: rgba(255, 255, 255, .05);

    font-size: 12px;
    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-media-social-buttons a:hover {
    color: var(--ae-primary);

    border-color: var(--ae-white);
    background: var(--ae-white);

    transform: translateY(-4px);
}


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

@media (max-width: 1199px) {

    .ae-media-post-page .ae-section {
        padding: 90px 0;
    }

    .ae-media-post-hero {
        padding: 100px 0 90px;
    }

}


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

@media (max-width: 991px) {

    .ae-media-post-page .ae-section {
        padding: 80px 0;
    }

    .ae-media-post-hero {
        padding: 85px 0 80px;
    }

    .ae-media-post-hero h1 {
        font-size: 58px;
    }

    .ae-media-post-sidebar {
        position: static;

        margin-top: 15px;
    }

    .ae-media-post-featured {
        height: 480px;
    }

}


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

@media (max-width: 767px) {

    .ae-media-post-page .ae-section {
        padding: 65px 0;
    }

    .ae-media-post-hero {
        padding: 70px 0 65px;
    }

    .ae-media-post-breadcrumb {
        margin-bottom: 30px;
    }

    .ae-media-post-hero h1 {
        font-size: 42px;
        letter-spacing: -1.7px;
    }

    .ae-media-post-intro {
        font-size: 13px;
    }

    .ae-media-post-featured {
        height: 340px;
    }

    .ae-media-post-body {
        padding-top: 25px;
    }

    .ae-media-post-body p {
        font-size: 13px;
        line-height: 1.85;
    }

    .ae-media-post-body .ae-media-post-lead {
        font-size: 16px;
    }

    .ae-media-post-body h2 {
        margin-top: 38px;

        font-size: 28px;
    }

    .ae-media-post-inline-image {
        height: 300px;
    }

    .ae-media-post-body blockquote {
        padding: 25px 25px 25px 55px;
    }

    .ae-media-post-body blockquote p {
        font-size: 16px;
    }

    .ae-media-post-share {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-media-related-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ae-media-related-heading h2 {
        font-size: 38px;
    }

    .ae-media-related-image {
        height: 230px;
    }

    .ae-media-post-cta {
        padding: 75px 0;
    }

    .ae-media-post-cta h2 {
        font-size: 38px;
    }

}


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

@media (max-width: 575px) {

    .ae-media-post-hero {
        padding: 60px 0;
    }

    .ae-media-post-hero h1 {
        font-size: 36px;
    }

    .ae-media-post-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

    .ae-media-post-featured {
        height: 270px;
    }

    .ae-media-post-inline-image {
        height: 240px;
    }

    .ae-media-sidebar-card {
        padding: 24px;
    }

    .ae-media-post-cta h2 {
        font-size: 33px;
    }

}

/* =========================================================
   AE WORKS
   AMBULANCE CONVERSIONS — SERVICE DETAIL PAGE
   Uses Existing AE Works Root Variables
========================================================= */

.ae-ambulance-detail-page {
    width: 100%;
    overflow: hidden;
}

.ae-ambulance-detail-page .container {
    max-width: var(--ae-container);
}

.ae-ambulance-detail-page .ae-section {
    position: relative;
    padding: 105px 0;
}

.ae-ambulance-detail-page .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;

    color: var(--ae-primary);

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-ambulance-detail-page .ae-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--ae-primary);
}

.ae-ambulance-detail-page .ae-kicker-light {
    color: rgba(255, 255, 255, .72);
}

.ae-ambulance-detail-page .ae-kicker-light::before {
    background: rgba(255, 255, 255, .72);
}


/* =========================================================
   BUTTONS
========================================================= */

.ae-ambulance-detail-page .ae-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 48px;

    padding: 0 22px;

    border: 1px solid transparent;
    border-radius: var(--ae-radius);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-ambulance-detail-page .ae-btn i {
    transition: var(--ae-transition);
}

.ae-ambulance-detail-page .ae-btn:hover i {
    transform: translateX(4px);
}

.ae-ambulance-detail-page .ae-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-ambulance-detail-page .ae-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);

    transform: translateY(-2px);
}

.ae-ambulance-detail-page .ae-btn-outline-light {
    border-color: rgba(255, 255, 255, .25);

    color: var(--ae-white);
    background: rgba(255, 255, 255, .03);
}

.ae-ambulance-detail-page .ae-btn-outline-light:hover {
    color: var(--ae-dark);
    border-color: var(--ae-white);
    background: var(--ae-white);

    transform: translateY(-2px);
}

.ae-ambulance-detail-page .ae-btn-dark {
    color: var(--ae-white);
    background: var(--ae-dark);
}

.ae-ambulance-detail-page .ae-btn-dark:hover {
    color: var(--ae-white);
    background: var(--ae-primary);

    transform: translateY(-2px);
}

.ae-ambulance-detail-page .ae-btn-white {
    color: var(--ae-primary);
    background: var(--ae-white);
}

.ae-ambulance-detail-page .ae-btn-white:hover {
    color: var(--ae-white);
    background: var(--ae-dark);

    transform: translateY(-2px);
}


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

.ae-ambulance-hero {
    position: relative;

    padding: 115px 0 105px;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .97) 0%,
            rgba(8, 9, 12, .90) 48%,
            rgba(8, 9, 12, .70) 100%
        ),
        var(--ae-black);
}

.ae-ambulance-hero::before {
    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    top: -350px;
    right: -180px;

    border: 1px solid rgba(144, 8, 8, .22);
    border-radius: 50%;
}

.ae-ambulance-hero::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    bottom: -330px;
    left: -190px;

    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 50%;
}

.ae-ambulance-hero .container {
    position: relative;
    z-index: 3;
}

.ae-ambulance-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 55px;
}

.ae-ambulance-breadcrumb a,
.ae-ambulance-breadcrumb span {
    font-size: 9px;
    text-decoration: none;
}

.ae-ambulance-breadcrumb a {
    color: rgba(255, 255, 255, .50);

    transition: var(--ae-transition);
}

.ae-ambulance-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-ambulance-breadcrumb span {
    color: rgba(255, 255, 255, .30);
}

.ae-ambulance-breadcrumb i {
    color: var(--ae-primary-light);

    font-size: 7px;
}

.ae-ambulance-hero-content h1 {
    max-width: 800px;

    margin: 0 0 24px;

    color: var(--ae-white);

    font-size: clamp(48px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -3px;
}

.ae-ambulance-hero-content h1 strong {
    display: block;

    color: var(--ae-primary-light);

    font-weight: 800;
}

.ae-ambulance-hero-content > p {
    max-width: 650px;

    margin: 0 0 32px;

    color: rgba(255, 255, 255, .58);

    font-size: 14px;
    line-height: 1.9;
}

.ae-ambulance-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.ae-ambulance-hero-image {
    position: relative;

    height: 510px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-dark-2);

    box-shadow:
        0 30px 80px rgba(0, 0, 0, .35);
}

.ae-ambulance-hero-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(0, 0, 0, .72) 100%
        );
}

.ae-ambulance-hero-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .8s ease;
}

.ae-ambulance-hero-image:hover img {
    transform: scale(1.025);
}

.ae-ambulance-hero-badge {
    position: absolute;

    z-index: 2;

    left: 25px;
    bottom: 25px;

    display: flex;
    flex-direction: column;
    gap: 3px;

    padding: 16px 20px;

    border-left: 3px solid var(--ae-primary);

    background: rgba(8, 9, 12, .80);

    backdrop-filter: blur(10px);
}

.ae-ambulance-hero-badge span {
    color: rgba(255, 255, 255, .55);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ae-ambulance-hero-badge strong {
    color: var(--ae-white);

    font-size: 15px;
    letter-spacing: 1px;
}

.ae-ambulance-hero-badge small {
    color: var(--ae-primary-light);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
}


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

.ae-ambulance-intro {
    background: var(--ae-white);
}

.ae-ambulance-intro-image {
    position: relative;

    height: 560px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);
}

.ae-ambulance-intro-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(8, 9, 12, .55)
        );
}

.ae-ambulance-intro-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-ambulance-intro-image:hover img {
    transform: scale(1.025);
}

.ae-ambulance-image-stamp {
    position: absolute;

    z-index: 2;

    right: 25px;
    bottom: 25px;

    display: flex;
    flex-direction: column;

    padding: 18px 20px;

    border: 1px solid rgba(255, 255, 255, .18);

    background: rgba(16, 18, 24, .78);

    backdrop-filter: blur(8px);
}

.ae-ambulance-image-stamp span {
    color: rgba(255, 255, 255, .50);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-ambulance-image-stamp strong {
    color: var(--ae-white);

    font-size: 18px;
    letter-spacing: 1px;
}

.ae-ambulance-intro-content h2 {
    max-width: 600px;

    margin: 0 0 24px;

    color: var(--ae-black);

    font-size: clamp(38px, 4vw, 53px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-ambulance-intro-content h2 strong {
    color: var(--ae-primary);
}

.ae-ambulance-intro-content p {
    max-width: 620px;

    margin: 0 0 18px;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.9;
}

.ae-ambulance-intro-content .ae-ambulance-lead {
    color: var(--ae-dark);

    font-size: 16px;
    font-weight: 500;
}

.ae-ambulance-stat-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    margin-top: 35px;

    border-top: 1px solid var(--ae-border);
}

.ae-ambulance-stat-row > div {
    display: flex;
    flex-direction: column;
    gap: 6px;

    padding: 20px 15px 0 0;

    border-right: 1px solid var(--ae-border);
}

.ae-ambulance-stat-row > div:not(:first-child) {
    padding-left: 15px;
}

.ae-ambulance-stat-row > div:last-child {
    border-right: 0;
}

.ae-ambulance-stat-row strong {
    color: var(--ae-primary);

    font-size: 24px;
    font-weight: 800;
}

.ae-ambulance-stat-row span {
    color: var(--ae-text-light);

    font-size: 8px;
    font-weight: 700;
    letter-spacing: .5px;
}


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

.ae-section-heading {
    margin-bottom: 50px;
}

.ae-section-heading h2 {
    /*max-width: 800px;*/

    margin: 0 0 18px;

    color: var(--ae-black);

    font-size: clamp(38px, 4vw, 55px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-section-heading h2 strong {
    color: var(--ae-primary);
}

.ae-section-heading > p {
    max-width: 690px;

    margin: 0;

    color: var(--ae-text);

    font-size: 13px;
    line-height: 1.85;
}

.ae-center-heading {
    text-align: center;
}

.ae-center-heading .ae-kicker {
    justify-content: center;
}

.ae-center-heading h2,
.ae-center-heading > p {
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   VEHICLE PLATFORMS
========================================================= */

.ae-ambulance-platforms {
    background: var(--ae-light);
}

.ae-platform-grid {
    margin-top: 10px;
}

.ae-platform-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);

    transition: var(--ae-transition);
}

.ae-platform-card:hover {
    transform: translateY(-7px);

    box-shadow: var(--ae-shadow-hover);
}

.ae-platform-image {
    position: relative;

    height: 235px;

    overflow: hidden;

    background: var(--ae-light-2);
}

.ae-platform-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-platform-card:hover .ae-platform-image img {
    transform: scale(1.05);
}

.ae-platform-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        180deg,
        transparent 50%,
        rgba(8, 9, 12, .55)
    );
}

.ae-platform-image span {
    position: absolute;

    z-index: 2;

    top: 15px;
    left: 15px;

    padding: 8px 10px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-platform-content {
    position: relative;

    padding: 25px;
}

.ae-platform-number {
    position: absolute;

    top: 20px;
    right: 20px;

    color: var(--ae-light-2);

    font-size: 28px;
    font-weight: 800;
}

.ae-platform-content h3 {
    position: relative;

    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 21px;
    font-weight: 750;
}

.ae-platform-content > p {
    min-height: 95px;

    margin: 0 0 18px;

    color: var(--ae-text);

    font-size: 10px;
    line-height: 1.7;
}

.ae-platform-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin: 0;
    padding: 15px 0 0;

    border-top: 1px solid var(--ae-border);

    list-style: none;
}

.ae-platform-content li {
    display: flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-text);

    font-size: 8px;
}

.ae-platform-content li i {
    color: var(--ae-primary);

    font-size: 8px;
}


/* =========================================================
   FEATURES
========================================================= */

.ae-ambulance-features {
    background: var(--ae-dark);
}

.ae-ambulance-features-heading {
    position: sticky;
    top: 30px;
}

.ae-ambulance-features-heading h2 {
    max-width: 520px;

    margin: 0 0 20px;

    color: var(--ae-white);

    font-size: clamp(38px, 4vw, 55px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-ambulance-features-heading h2 strong {
    display: block;

    color: var(--ae-primary-light);
}

.ae-ambulance-features-heading > p {
    max-width: 490px;

    margin: 0 0 30px;

    color: rgba(255, 255, 255, .52);

    font-size: 12px;
    line-height: 1.9;
}

.ae-ambulance-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.ae-ambulance-feature {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    min-height: 180px;

    padding: 25px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--ae-radius);

    background: rgba(255, 255, 255, .025);

    transition: var(--ae-transition);
}

.ae-ambulance-feature:hover {
    border-color: rgba(144, 8, 8, .45);

    background: rgba(144, 8, 8, .08);

    transform: translateY(-4px);
}

.ae-feature-icon {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

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

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 13px;
}

.ae-ambulance-feature h3 {
    margin: 0 0 9px;

    color: var(--ae-white);

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

.ae-ambulance-feature p {
    margin: 0;

    color: rgba(255, 255, 255, .45);

    font-size: 9px;
    line-height: 1.75;
}


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

.ae-ambulance-process {
    background: var(--ae-white);
}

.ae-process-line {
    width: 80%;

    height: 1px;

    margin: 0 auto -2px;

    background: var(--ae-border);
}

.ae-process-card {
    position: relative;

    height: 100%;

    padding: 25px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);

    transition: var(--ae-transition);
}

.ae-process-card:hover {
    border-color: rgba(144, 8, 8, .25);

    box-shadow: var(--ae-shadow);

    transform: translateY(-5px);
}

.ae-process-number {
    position: absolute;

    top: 20px;
    right: 20px;

    color: var(--ae-light-2);

    font-size: 27px;
    font-weight: 800;
}

/*.ae-process-icon {*/
/*    width: 48px;*/
/*    height: 48px;*/

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

/*    margin-bottom: 25px;*/

/*    border-radius: var(--ae-radius);*/

/*    color: var(--ae-white);*/
/*    background: var(--ae-primary);*/

/*    font-size: 14px;*/
/*}*/

.ae-process-card h3 {
    margin: 0 0 12px;

    color: var(--ae-black);

    font-size: 17px;
    font-weight: 750;
}

.ae-process-card p {
    margin: 0;

    color: var(--ae-text);

    font-size: 10px;
    line-height: 1.8;
}


/* =========================================================
   APPLICATIONS
========================================================= */

.ae-ambulance-applications {
    background: var(--ae-light);
}

.ae-applications-content h2 {
    max-width: 570px;

    margin: 0 0 20px;

    color: var(--ae-black);

    font-size: clamp(38px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-applications-content h2 strong {
    display: block;

    color: var(--ae-primary);
}

.ae-applications-content > p {
    max-width: 580px;

    margin: 0 0 28px;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.9;
}

.ae-application-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.ae-application-list > div {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 13px;

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    background: var(--ae-white);
}

.ae-application-list i {
    color: var(--ae-primary);

    font-size: 9px;
}

.ae-application-list span {
    color: var(--ae-dark);

    font-size: 9px;
    font-weight: 650;
}

.ae-applications-image {
    position: relative;

    height: 550px;

    overflow: hidden;

    border-radius: var(--ae-radius);

    background: var(--ae-light-2);

    box-shadow: var(--ae-shadow);
}

.ae-applications-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        180deg,
        transparent 50%,
        rgba(8, 9, 12, .65)
    );
}

.ae-applications-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-applications-image:hover img {
    transform: scale(1.025);
}

.ae-application-image-card {
    position: absolute;

    z-index: 2;

    left: 25px;
    bottom: 25px;

    display: flex;
    flex-direction: column;

    padding: 18px 22px;

    border-left: 3px solid var(--ae-primary);

    background: rgba(16, 18, 24, .85);
    backdrop-filter: blur(8px);
}

.ae-application-image-card span {
    color: rgba(255, 255, 255, .50);

    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ae-application-image-card strong {
    color: var(--ae-white);

    font-size: 15px;
}


/* =========================================================
   QUALITY
========================================================= */

.ae-ambulance-quality {
    background: var(--ae-dark-2);
}

.ae-quality-intro h2 {
    max-width: 500px;

    margin: 0 0 20px;

    color: var(--ae-white);

    font-size: clamp(38px, 4vw, 53px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ae-quality-intro h2 strong {
    display: block;

    color: var(--ae-primary-light);
}

.ae-quality-intro > p {
    max-width: 460px;

    margin: 0;

    color: rgba(255, 255, 255, .48);

    font-size: 12px;
    line-height: 1.9;
}

.ae-quality-card {
    height: 100%;

    padding: 27px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--ae-radius);

    background: rgba(255, 255, 255, .025);

    transition: var(--ae-transition);
}

.ae-quality-card:hover {
    border-color: rgba(144, 8, 8, .45);

    background: rgba(144, 8, 8, .08);

    transform: translateY(-5px);
}

.ae-quality-icon {
    width: 45px;
    height: 45px;

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

    margin-bottom: 20px;

    border-radius: var(--ae-radius);

    color: var(--ae-white);
    background: var(--ae-primary);

    font-size: 13px;
}

.ae-quality-card h3 {
    margin: 0 0 10px;

    color: var(--ae-white);

    font-size: 15px;
}

.ae-quality-card p {
    margin: 0;

    color: rgba(255, 255, 255, .42);

    font-size: 9px;
    line-height: 1.8;
}


/* =========================================================
   FAQ
========================================================= */

.ae-ambulance-faq {
    background: var(--ae-white);
}

.ae-faq-heading h2 {
    max-width: 520px;

    margin: 0 0 20px;

    color: var(--ae-black);

    font-size: clamp(38px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.4px;
}

.ae-faq-heading h2 strong {
    display: block;

    color: var(--ae-primary);
}

.ae-faq-heading > p {
    max-width: 460px;

    margin: 0 0 28px;

    color: var(--ae-text);

    font-size: 12px;
    line-height: 1.9;
}

.ae-faq-list {
    border-top: 1px solid var(--ae-border);
}

.ae-faq-item {
    border-bottom: 1px solid var(--ae-border);
}

.ae-faq-question {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 22px 0;

    border: 0;

    color: var(--ae-dark);
    background: transparent;

    font-family: inherit;
    font-size: 12px;
    font-weight: 700;

    text-align: left;

    cursor: pointer;
}

.ae-faq-question i {
    flex: 0 0 auto;

    width: 25px;
    height: 25px;

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

    border: 1px solid var(--ae-border);
    border-radius: 50%;

    color: var(--ae-primary);

    font-size: 8px;

    transition: var(--ae-transition);
}

.ae-faq-item.active .ae-faq-question i {
    color: var(--ae-white);
    border-color: var(--ae-primary);
    background: var(--ae-primary);

    transform: rotate(45deg);
}

.ae-faq-answer {
    max-height: 0;

    overflow: hidden;

    transition:
        max-height .4s ease,
        padding .4s ease;
}

.ae-faq-answer p {
    margin: 0;

    color: var(--ae-text);

    font-size: 10px;
    line-height: 1.8;
}

.ae-faq-item.active .ae-faq-answer {
    max-height: 300px;

    padding: 0 45px 22px 0;
}


/* =========================================================
   FINAL CTA
========================================================= */

.ae-ambulance-cta {
    position: relative;

    padding: 110px 0;

    overflow: hidden;

    background: var(--ae-primary);
}

.ae-ambulance-cta::before {
    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    top: -370px;
    left: -180px;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
}

.ae-ambulance-cta::after {
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -200px;
    bottom: -390px;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
}

.ae-ambulance-cta .container {
    position: relative;
    z-index: 2;
}

.ae-ambulance-cta-inner {
    max-width: 850px;

    margin: auto;

    text-align: center;
}

.ae-ambulance-cta .ae-kicker {
    justify-content: center;
}

.ae-ambulance-cta .ae-kicker::before {
    background: rgba(255, 255, 255, .72);
}

.ae-ambulance-cta h2 {
    margin: 0 0 20px;

    color: var(--ae-white);

    font-size: clamp(42px, 5vw, 64px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -2px;
}

.ae-ambulance-cta h2 strong {
    display: block;

    font-weight: 800;
}

.ae-ambulance-cta p {
    max-width: 650px;

    margin: 0 auto 30px;

    color: rgba(255, 255, 255, .68);

    font-size: 13px;
    line-height: 1.85;
}


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

@media (max-width: 1199px) {

    .ae-ambulance-detail-page .ae-section {
        padding: 90px 0;
    }

    .ae-ambulance-hero {
        padding: 100px 0 90px;
    }

    .ae-ambulance-hero-image {
        height: 470px;
    }

}


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

@media (max-width: 991px) {

    .ae-ambulance-detail-page .ae-section {
        padding: 80px 0;
    }

    .ae-ambulance-hero {
        padding: 85px 0 80px;
    }

    .ae-ambulance-hero-content h1 {
        font-size: 58px;
    }

    .ae-ambulance-hero-image {
        height: 450px;
    }

    .ae-ambulance-intro-image {
        height: 480px;
    }

    .ae-ambulance-features-heading {
        position: static;
    }

    .ae-ambulance-feature-grid {
        margin-top: 20px;
    }

    .ae-applications-image {
        height: 480px;
    }

}


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

@media (max-width: 767px) {

    .ae-ambulance-detail-page .ae-section {
        padding: 65px 0;
    }

    .ae-ambulance-hero {
        padding: 65px 0;
    }

    .ae-ambulance-breadcrumb {
        margin-bottom: 35px;
    }

    .ae-ambulance-hero-content h1 {
        font-size: 43px;
        letter-spacing: -1.8px;
    }

    .ae-ambulance-hero-content > p {
        font-size: 13px;
    }

    .ae-ambulance-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ae-ambulance-hero-actions .ae-btn {
        width: 100%;
    }

    .ae-ambulance-hero-image {
        height: 360px;
    }

    .ae-ambulance-intro-image {
        height: 380px;
    }

    .ae-ambulance-intro-content h2,
    .ae-section-heading h2,
    .ae-ambulance-features-heading h2,
    .ae-applications-content h2,
    .ae-quality-intro h2,
    .ae-faq-heading h2 {
        font-size: 38px;
    }

    .ae-ambulance-stat-row {
        grid-template-columns: 1fr;
    }

    .ae-ambulance-stat-row > div,
    .ae-ambulance-stat-row > div:not(:first-child) {
        padding: 15px 0;

        border-right: 0;
        border-bottom: 1px solid var(--ae-border);
    }

    .ae-ambulance-stat-row > div:last-child {
        border-bottom: 0;
    }

    .ae-ambulance-feature-grid {
        grid-template-columns: 1fr;
    }

    .ae-ambulance-feature {
        min-height: auto;
    }

    .ae-process-line {
        display: none;
    }

    .ae-application-list {
        grid-template-columns: 1fr;
    }

    .ae-applications-image {
        height: 380px;
    }

    .ae-ambulance-cta {
        padding: 75px 0;
    }

    .ae-ambulance-cta h2 {
        font-size: 39px;
    }

}


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

@media (max-width: 575px) {

    .ae-ambulance-hero-content h1 {
        font-size: 37px;
    }

    .ae-ambulance-hero-image {
        height: 290px;
    }

    .ae-ambulance-intro-image {
        height: 300px;
    }

    .ae-platform-image {
        height: 220px;
    }

    .ae-platform-content {
        padding: 22px;
    }

    .ae-platform-content > p {
        min-height: auto;
    }

    .ae-ambulance-feature {
        padding: 20px;
    }

    .ae-process-card {
        padding: 22px;
    }

    .ae-applications-image {
        height: 300px;
    }

    .ae-application-image-card {
        left: 15px;
        bottom: 15px;
    }

    .ae-quality-card {
        padding: 22px;
    }

    .ae-faq-question {
        font-size: 11px;
    }
}

/* =========================================================
   AE WORKS - PRODUCTS SECTION
   ========================================================= */

#ind_services.ae-products-section {
    position: relative;
    width: 100%;
    padding: 100px 0;
    overflow: hidden;

    background: var(--ae-dark);
    color: var(--ae-white);
}

#ind_services.ae-products-section .ae-section-heading h2 {
    color: var(--ae-white);
}

#ind_services.ae-products-section .ae-products-intro {
    color: var(--ae-text-light);
}


/* =========================================================
   BACKGROUND
   ========================================================= */

#ind_services.ae-products-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--ae-primary),
        transparent
    );

    opacity: .6;
}

#ind_services.ae-products-section::after {
    content: "";

    position: absolute;
    width: 500px;
    height: 500px;

    right: -250px;
    top: 100px;

    border: 1px solid rgba(255,255,255,.025);
    border-radius: 50%;

    pointer-events: none;
}


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

.ae-products-header {
    position: relative;
    z-index: 2;

    max-width: 900px;
    margin: 0 auto 60px;

    text-align: center;
}


/* =========================================================
   KICKER
   ========================================================= */

.ae-products-header .ae-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    color: var(--ae-primary-light);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 3px;
    text-transform: uppercase;
}

.ae-products-header .ae-kicker::before,
.ae-products-header .ae-kicker::after {
    content: "";

    display: inline-block;

    width: 30px;
    height: 1px;

    margin: 0 12px;

    background: var(--ae-primary);
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.ae-products-header h2 {
    margin: 0;

    color: var(--ae-white);

    font-size: 52px;
    line-height: 1.1;

    font-weight: 800;
    letter-spacing: -1.5px;

    text-transform: uppercase;
}

.ae-products-header h2 strong {
    color: var(--ae-primary);

    font-weight: 800;
}


/* =========================================================
   HEADING LINE
   ========================================================= */

.ae-products-heading-line {
    width: 55px;
    height: 3px;

    margin: 20px auto 17px;

    background: var(--ae-primary);

    position: relative;
}

.ae-products-heading-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: 100%;

    width: 20px;
    height: 3px;

    margin-left: 5px;

    background: rgba(144,8,8,.35);
}


/* =========================================================
   SUB HEADING
   ========================================================= */

.ae-products-subheading {
    margin: 0;

    color: rgba(255,255,255,.55);

    font-size: 13px;
    line-height: 1.6;

    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}


/* =========================================================
   INTRO TEXT
   ========================================================= */

.ae-products-intro {
    max-width: 820px;

    margin: 25px auto 0;

    color: rgba(255,255,255,.62);

    font-size: 14px;
    line-height: 1.9;

    font-weight: 400;
}

.ae-products-intro b {
    color: var(--ae-white);
    font-weight: 600;
}


/* =========================================================
   PRODUCTS GRID
   ========================================================= */

.ae-products-grid {
    position: relative;
    z-index: 2;

    margin-top: 0;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.ae-product-card {
    position: relative;

    display: flex;

    width: 100%;
    /*min-height: 275px;*/

    overflow: hidden;

    background: var(--ae-dark-2);

    border: 1px solid rgba(255,255,255,.07);
    border-radius: var(--ae-radius);

    transition: var(--ae-transition);
}


/* Left red line */

.ae-product-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background: var(--ae-primary);

    transform: scaleY(0);
    transform-origin: bottom;

    transition: transform .45s ease;

    z-index: 5;
}

.ae-product-card:hover::before {
    transform: scaleY(1);
}


/* Card hover */

.ae-product-card:hover {
    transform: translateY(-6px);

    border-color: rgba(144,8,8,.45);

    box-shadow: var(--ae-shadow-hover);
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.ae-product-image {
    position: relative;

    flex: 0 0 50%;

    width: 40%;
    /*min-height: 275px;*/

    overflow: hidden;

    background: #0b0d12;
}


/* Image link */

.ae-product-image a {
    display: block;

    width: 100%;
    /*height: 100%;*/
}


/* Image */

.ae-product-image img {
    display: block;

    width: 100%;
    /*height: 100%;*/

    object-fit: cover;
    object-position: center;

    transition:
        transform .7s cubic-bezier(.22,.61,.36,1),
        filter .5s ease;
}


/* Image hover */

.ae-product-card:hover .ae-product-image img {
    transform: scale(1.08);

    filter: brightness(1.08);
}


/* Image overlay */

.ae-product-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        linear-gradient(90deg, rgba(8, 9, 12, 0) 40%, rgb(8 9 12 / 15%) 100%)
    );

    pointer-events: none;
}


/* =========================================================
   PRODUCT NUMBER
   ========================================================= */

.ae-product-number {
    position: absolute;

    top: 18px;
    left: 18px;

    z-index: 10;

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

    width: 45px;
    height: 45px;

    background: rgba(8,9,12,.82);

    border: 1px solid rgba(255,255,255,.18);

    color: var(--ae-white);

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

    letter-spacing: 1px;

    backdrop-filter: blur(8px);

    transition: var(--ae-transition);
}

.ae-product-card:hover .ae-product-number {
    background: var(--ae-primary);

    border-color: var(--ae-primary);

    transform: translateY(-2px);
}


/* =========================================================
   PRODUCT CONTENT
   ========================================================= */

.ae-product-content {
    position: relative;

    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 35px 35px 35px 38px;
}


/* =========================================================
   CATEGORY
   ========================================================= */

.ae-product-category {
    margin-bottom: 9px;

    color: var(--ae-primary-light);

    font-size: 10px;
    line-height: 1.5;

    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.ae-product-content h3 {
    margin: 0 0 14px;

    color: var(--ae-white);

    font-size: 23px;
    line-height: 1.25;

    font-weight: 700;

    transition: color .3s ease;
}

.ae-product-card:hover .ae-product-content h3 {
    color: var(--ae-primary-light);
}


/* =========================================================
   PRODUCT DESCRIPTION
   ========================================================= */

.ae-product-content p {
    margin: 0 0 22px;

    color: var(--ae-text-light);

    font-size: 13px;
    line-height: 1.8;

    font-weight: 400;
}

.ae-product-content p b {
    color: rgba(255,255,255,.9);

    font-weight: 600;
}


/* =========================================================
   VIEW MORE
   ========================================================= */

.ae-product-link {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    gap: 9px;

    color: var(--ae-white);

    font-size: 11px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    text-decoration: none;

    transition: var(--ae-transition);
}

.ae-product-link:hover {
    color: var(--ae-primary-light);
}


/* Arrow box */

.ae-product-link i {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 29px;
    height: 29px;

    border: 1px solid rgba(255,255,255,.18);

    color: var(--ae-primary-light);

    font-size: 10px;

    transition: var(--ae-transition);
}

.ae-product-link:hover i {
    background: var(--ae-primary);

    border-color: var(--ae-primary);

    color: var(--ae-white);

    transform: translateX(5px);
}


/* =========================================================
   BOOTSTRAP COLUMN FIX
   ========================================================= */

.ae-products-grid > .col-lg-6 {
    display: flex;
}

.ae-products-grid > .col-lg-6 > .ae-product-card {
    width: 100%;
}


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

@media (max-width: 991.98px) {

    #ind_services.ae-products-section {
        padding: 80px 0;
    }

    .ae-products-header {
        margin-bottom: 45px;
    }

    .ae-products-header h2 {
        font-size: 42px;
    }

    .ae-product-card {
        min-height: 250px;
    }

    .ae-product-image {
        min-height: 250px;
        flex: 0 0 38%;
        width: 38%;
    }

    .ae-product-content {
        padding: 28px;
    }

    .ae-product-content h3 {
        font-size: 20px;
    }

}


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

@media (max-width: 767.98px) {

    #ind_services.ae-products-section {
        padding: 65px 0;
    }

    .ae-products-header {
        margin-bottom: 35px;
        padding: 0 10px;
    }

    .ae-products-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .ae-products-header .ae-kicker {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .ae-products-header .ae-kicker::before,
    .ae-products-header .ae-kicker::after {
        width: 20px;
        margin: 0 8px;
    }

    .ae-products-subheading {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .ae-products-intro {
        font-size: 13px;
        line-height: 1.8;
    }


    /* Vertical card */

    .ae-product-card {
        display: block;

        min-height: auto;
    }

    .ae-product-image {
        width: 100%;
        height: 230px;
        min-height: 230px;
    }

    .ae-product-content {
        padding: 25px 22px 28px;
    }

    .ae-product-content h3 {
        font-size: 20px;
    }

    .ae-product-content p {
        font-size: 13px;
        line-height: 1.75;
    }

    .ae-product-number {
        top: 15px;
        left: 15px;

        width: 42px;
        height: 42px;
    }

}


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

@media (max-width: 575.98px) {

    #ind_services.ae-products-section {
        padding: 55px 0;
    }

    .ae-products-header h2 {
        font-size: 29px;
    }

    .ae-products-heading-line {
        margin-top: 16px;
        margin-bottom: 14px;
    }

    .ae-products-intro {
        font-size: 12.5px;
    }

    .ae-product-image {
        height: 210px;
        min-height: 210px;
    }

    .ae-product-content {
        padding: 23px 20px 26px;
    }

    .ae-product-content h3 {
        font-size: 19px;
    }

    .ae-product-content p {
        font-size: 12.5px;
    }

}


/* =========================================================
   AOS / TRANSFORM FIX
   ========================================================= */

.ae-product-card[data-aos] {
    pointer-events: auto;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .ae-product-card,
    .ae-product-image img,
    .ae-product-number,
    .ae-product-link,
    .ae-product-link i {
        transition: none !important;
    }

    .ae-product-card:hover {
        transform: none;
    }

    .ae-product-card:hover .ae-product-image img {
        transform: none;
    }

}

/* =========================================================
   AE WORKS
   SERVICES PAGE
========================================================= */


/* =========================================================
   01. SERVICES HERO
========================================================= */

.ae-services-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--ae-white);
}

.ae-services-hero-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: 100%;
    opacity: .5;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(16, 18, 24, .035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16, 18, 24, .035) 1px,
            transparent 1px
        );

    background-size: 45px 45px;
}

.ae-services-hero-shape {
    position: absolute;
    top: 0;
    right: -5%;
    width: 53%;
    height: 100%;

    background: var(--ae-light);

    clip-path: polygon(
        16% 0,
        100% 0,
        100% 100%,
        0 100%
    );
}


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

.ae-services-hero-content {
    position: relative;
    z-index: 5;
    padding: 90px 0;
}

.ae-services-kicker {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 22px;

    color: var(--ae-primary);

    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;

    letter-spacing: 2.8px;
    text-transform: uppercase;
}

.ae-services-kicker span {
    display: block;
    width: 38px;
    height: 2px;
    flex-shrink: 0;

    background: var(--ae-primary);
}

.ae-services-hero h1 {
    max-width: 760px;

    margin: 0 0 24px;

    color: var(--ae-dark);

    font-size: clamp(42px, 5vw, 70px);
    font-weight: 700;
    line-height: 1.06;

    letter-spacing: -2.8px;
}

.ae-services-hero h1 strong {
    color: var(--ae-primary);
    font-weight: 800;
}

.ae-services-hero-content > p {
    max-width: 650px;

    margin: 0;

    color: var(--ae-text);

    font-size: 16px;
    line-height: 1.8;
}


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

.ae-services-hero-buttons {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 32px;
}

.ae-service-btn {
    min-height: 50px;

    padding: 0 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: var(--ae-radius);

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.2px;
    text-transform: uppercase;

    text-decoration: none !important;

    transition: var(--ae-transition);
}

.ae-service-btn-primary {
    color: var(--ae-white) !important;

    background: var(--ae-primary);
    border: 1px solid var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-service-btn-primary:hover {
    color: var(--ae-white) !important;

    background: var(--ae-primary-dark);
    border-color: var(--ae-primary-dark);

    transform: translateY(-3px);
}

.ae-service-btn-outline {
    color: var(--ae-dark) !important;

    background: var(--ae-white);
    border: 1px solid var(--ae-border);
}

.ae-service-btn-outline:hover {
    color: var(--ae-white) !important;

    background: var(--ae-dark);
    border-color: var(--ae-dark);

    transform: translateY(-3px);
}


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

.ae-services-hero-visual {
    position: relative;
    z-index: 5;

    min-height: 500px;

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

.ae-services-visual-frame {
    position: relative;

    width: 100%;
    height: 440px;

    overflow: hidden;

    background: var(--ae-light-2);

    clip-path: polygon(
        12% 0,
        100% 0,
        88% 100%,
        0 100%
    );
}

.ae-services-visual-frame::after {
    content: "";

    position: absolute;
    inset: 25px;

    border: 1px solid rgba(255, 255, 255, .7);

    pointer-events: none;
}

.ae-services-visual-frame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 1s cubic-bezier(.22, .61, .36, 1);
}

.ae-services-hero-visual:hover
.ae-services-visual-frame img {
    transform: scale(1.04);
}


/* =========================================================
   HERO IMAGE TAG
========================================================= */

.ae-services-visual-tag {
    position: absolute;

    left: 0;
    bottom: 40px;

    z-index: 6;

    min-width: 190px;

    padding: 17px 20px;

    color: var(--ae-white);

    background: var(--ae-primary);

    box-shadow: var(--ae-primary-shadow);
}

.ae-services-visual-tag span {
    display: block;

    margin-bottom: 5px;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;
}

.ae-services-visual-tag strong {
    display: block;

    font-size: 17px;
    font-weight: 800;
    line-height: 1.15;

    letter-spacing: .5px;
}


/* =========================================================
   HERO BOTTOM / SCROLL
========================================================= */

.ae-services-hero-bottom {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 10;
}

.ae-services-scroll {
    display: flex;
    align-items: center;
    gap: 10px;

    padding-bottom: 25px;

    color: var(--ae-text-light);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;
}

.ae-services-scroll span {
    width: 28px;
    height: 1px;

    background: var(--ae-primary);
}


/* =========================================================
   02. COMMON SECTION HEADING
========================================================= */

.ae-section-heading {
    margin-bottom: 45px;
}

.ae-section-heading.text-center
.ae-services-kicker {
    justify-content: center;
}

.ae-dark-kicker {
    color: var(--ae-primary);
}

.ae-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ae-dark);

    font-size: clamp(34px, 4vw, 55px);
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -1.8px;
}

.ae-section-heading h2 strong {
    color: var(--ae-primary);
}

.ae-section-heading > p {
    max-width: 720px;

    margin: 0;

    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.8;
}

.ae-section-heading.text-center > p {
    margin-left: auto;
    margin-right: auto;
}

.ae-section-subtitle {
    font-size: 12px !important;
    font-weight: 700 !important;

    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================================
   03. SEO INTRO
========================================================= */

.ae-services-intro {
    padding: 110px 0 90px;

    background: var(--ae-white);
}

.ae-seo-intro-content {
    max-width: 1120px;

    margin: 0 auto;
}

.ae-seo-intro-content p {
    margin: 0 0 22px;

    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.95;

    text-align: center;
}

.ae-seo-intro-content a {
    color: var(--ae-primary);
    font-weight: 700;

    text-decoration: none;
}

.ae-seo-intro-content b {
    color: var(--ae-dark);
    font-weight: 700;
}


/* =========================================================
   04. SERVICES OFFERINGS
========================================================= */

.ae-services-offerings {
    padding: 110px 0;

    background: var(--ae-light);
}


/* =========================================================
   SERVICE CARD
========================================================= */

.ae-service-card {
    position: relative;

    height: 100%;

    padding: 30px;

    background: var(--ae-white);

    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);

    box-shadow:
        0 10px 35px rgba(16, 18, 24, .04);

    overflow: hidden;

    opacity: 0;
    transform: translateY(25px);

    transition: var(--ae-transition);
}

.ae-service-card.ae-card-visible {
    opacity: 1;
    transform: translateY(0);
}

.ae-service-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--ae-primary);

    transition: width .4s ease;
}

.ae-service-card:hover {
    transform: translateY(-8px);

    border-color: rgba(144, 8, 8, .20);

    box-shadow: var(--ae-shadow-hover);
}

.ae-service-card:hover::before {
    width: 100%;
}


/* =========================================================
   SERVICE CARD TOP
========================================================= */

.ae-service-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 28px;
}

.ae-service-number {
    color: #dfe2e6;

    font-size: 38px;
    font-weight: 800;
    line-height: 1;

    letter-spacing: -2px;
}

.ae-service-icon {
    width: 52px;
    height: 52px;

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

    color: var(--ae-primary);

    background: rgba(144, 8, 8, .07);

    border: 1px solid rgba(144, 8, 8, .12);

    border-radius: 50%;

    font-size: 20px;

    transition: var(--ae-transition);
}

.ae-service-card:hover .ae-service-icon {
    color: var(--ae-white);

    background: var(--ae-primary);

    transform: rotate(-5deg);
}


/* =========================================================
   SERVICE CARD CONTENT
========================================================= */

.ae-service-card h3 {
    margin: 0 0 14px;

    color: var(--ae-dark);

    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}

.ae-service-card > p {
    min-height: 82px;

    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   SERVICE TAGS
========================================================= */

.ae-service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    margin-bottom: 25px;
}

.ae-service-tags span {
    padding: 6px 9px;

    color: var(--ae-text-light);

    background: var(--ae-light);

    border: 1px solid var(--ae-border);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .4px;
    text-transform: uppercase;
}


/* =========================================================
   SERVICE LINK
========================================================= */

.ae-service-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ae-primary) !important;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1px;

    text-decoration: none !important;
    text-transform: uppercase;
}

.ae-service-link i {
    transition: transform .3s ease;
}

.ae-service-link:hover i {
    transform: translateX(5px);
}


/* =========================================================
   05. PRODUCT SECTION
========================================================= */

.ae-products-section {
    padding: 110px 0;

    background: var(--ae-white);
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.ae-product-card {
    /*height: 100%;*/

    background: var(--ae-white);

    border: 1px solid var(--ae-border);

    overflow: hidden;

    box-shadow:
        0 8px 30px rgba(16, 18, 24, .04);

    opacity: 0;
    transform: translateY(20px);

    transition: var(--ae-transition);
}

.ae-product-card.ae-card-visible {
    opacity: 1;
    transform: translateY(0);
}

.ae-product-card:hover {
    transform: translateY(-7px);

    box-shadow: var(--ae-shadow-hover);
}


/* =========================================================
   PRODUCT IMAGE
========================================================= */

.ae-product-image {
    position: relative;

    /*height: 245px;*/

    overflow: hidden;

    background: var(--ae-light);
}

.ae-product-image img {
    width: 100%;
    /*height: 100%;*/

    display: block;

    object-fit: cover;

    transition:
        transform .7s cubic-bezier(.22, .61, .36, 1);
}

.ae-product-card:hover
.ae-product-image img {
    transform: scale(1.06);
}

.ae-product-image span {
    position: absolute;

    left: 14px;
    top: 14px;

    padding: 7px 10px;

    color: var(--ae-white);

    background: var(--ae-primary);

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   PRODUCT CONTENT
========================================================= */

.ae-product-content {
    padding: 20px;
}

.ae-product-content h3 {
    margin: 0 0 14px;

    color: var(--ae-dark);

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

.ae-product-content a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--ae-primary);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1px;

    text-decoration: none;
    text-transform: uppercase;
}

.ae-product-content a i {
    transition: transform .3s ease;
}

.ae-product-content a:hover i {
    transform: translateX(5px);
}


/* =========================================================
   06. SEO CONTENT
========================================================= */

.ae-seo-content-section {
    padding: 100px 0;

    background: var(--ae-light);
}

.ae-seo-content {
    max-width: 1120px;

    margin: 0 auto;
}

.ae-seo-content h2 {
    position: relative;

    margin: 55px 0 20px;
    padding-left: 18px;

    color: var(--ae-dark);

    font-size: 31px;
    font-weight: 700;
    line-height: 1.25;
}

.ae-seo-content h2:first-child {
    margin-top: 0;
}

.ae-seo-content h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: 5px;

    width: 3px;
    height: calc(100% - 10px);

    background: var(--ae-primary);
}

.ae-seo-content h3 {
    margin: 35px 0 15px;

    color: var(--ae-primary);

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

.ae-seo-content p {
    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.95;
}

.ae-seo-content a {
    color: var(--ae-primary);
    font-weight: 700;

    text-decoration: none;
}

.ae-seo-content b {
    color: var(--ae-dark);
    font-weight: 700;
}


/* =========================================================
   SEO LIST
========================================================= */

.ae-seo-content ul {
    margin: 25px 0 35px;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 10px;

    list-style: none;
}

.ae-seo-content ul li {
    position: relative;

    padding: 13px 15px 13px 37px;

    color: var(--ae-text);

    background: var(--ae-white);

    border: 1px solid var(--ae-border);

    font-size: 14px;
    line-height: 1.5;
}

.ae-seo-content ul li::before {
    content: "\f00c";

    position: absolute;

    left: 14px;
    top: 14px;

    color: var(--ae-primary);

    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


/* =========================================================
   PRODUCT OFFERINGS LIST
========================================================= */

.ae-product-offerings-list {
    grid-template-columns: repeat(3, 1fr) !important;
}


/* =========================================================
   07. FAQ
========================================================= */

.ae-services-faq {
    padding: 110px 0;

    background: var(--ae-white);
}

.ae-faq-wrapper {
    max-width: 1000px;

    margin: 0 auto;
}

.ae-faq-item {
    display: flex;
    gap: 25px;

    padding: 30px 0;

    border-bottom: 1px solid var(--ae-border);

    cursor: pointer;
}

.ae-faq-number {
    min-width: 45px;

    color: var(--ae-primary);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 1px;
}

.ae-faq-content {
    flex: 1;
}

.ae-faq-content h4 {
    margin: 0;

    color: var(--ae-dark);

    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.ae-faq-content p {
    max-height: 0;

    margin: 0;

    overflow: hidden;

    color: var(--ae-text);

    font-size: 14px;
    line-height: 1.85;

    opacity: 0;

    transition:
        max-height .45s ease,
        opacity .35s ease,
        margin .35s ease;
}

.ae-faq-item.active .ae-faq-content p {
    max-height: 500px;

    margin-top: 12px;

    opacity: 1;
}


/* =========================================================
   FAQ HOVER
========================================================= */

.ae-faq-item:hover .ae-faq-number {
    color: var(--ae-primary-dark);
}

.ae-faq-item:hover .ae-faq-content h4 {
    color: var(--ae-primary);
}


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

.ae-services-cta {
    position: relative;

    padding: 80px 0;

    background: var(--ae-dark);

    overflow: hidden;
}

.ae-services-cta::before {
    content: "";

    position: absolute;

    right: -100px;
    top: -180px;

    width: 450px;
    height: 450px;

    border: 1px solid rgba(255, 255, 255, .06);

    border-radius: 50%;
}

.ae-services-cta::after {
    content: "";

    position: absolute;

    right: 40px;
    top: -80px;

    width: 250px;
    height: 250px;

    border: 1px solid rgba(144, 8, 8, .4);

    border-radius: 50%;
}

.ae-services-cta-inner {
    position: relative;
    z-index: 2;

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

    gap: 40px;
}

.ae-services-cta h2 {
    max-width: 750px;

    margin: 0 0 15px;

    color: var(--ae-white);

    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -1.5px;
}

.ae-services-cta h2 strong {
    color: var(--ae-primary-light);
}

.ae-services-cta p {
    max-width: 650px;

    margin: 0;

    color: #a8adb7;

    font-size: 14px;
    line-height: 1.8;
}

.ae-services-cta .ae-service-btn {
    flex-shrink: 0;
}


/* =========================================================
   09. RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .ae-services-hero h1 {
        font-size: 55px;
    }

    .ae-services-visual-frame {
        height: 390px;
    }

    .ae-service-card {
        padding: 25px;
    }

}


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

@media (max-width: 991px) {

    .ae-services-hero {
        min-height: auto;

        padding: 70px 0 80px;
    }

    .ae-services-hero-shape {
        display: none;
    }

    .ae-services-hero-grid {
        width: 100%;
    }

    .ae-services-hero-content {
        padding: 20px 0 45px;
    }

    .ae-services-hero h1 {
        font-size: 48px;
    }

    .ae-services-hero-visual {
        min-height: auto;
    }

    .ae-services-visual-frame {
        height: 400px;

        clip-path: none;
    }

    .ae-services-hero-bottom {
        display: none;
    }

    .ae-services-cta-inner {
        align-items: flex-start;

        flex-direction: column;
    }

    .ae-product-offerings-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }

}


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

@media (max-width: 767px) {

    .ae-services-hero {
        padding: 55px 0 65px;
    }

    .ae-services-hero h1 {
        font-size: 40px;

        letter-spacing: -1.8px;
    }

    .ae-services-hero-content > p {
        font-size: 14px;
    }

    .ae-services-hero-buttons {
        align-items: stretch;

        flex-direction: column;
    }

    .ae-service-btn {
        width: 100%;
    }

    .ae-services-visual-frame {
        height: 300px;

        clip-path: none;
    }

    .ae-services-visual-frame::after {
        inset: 15px;
    }

    .ae-services-visual-tag {
        left: 15px;
        bottom: 20px;
    }

    .ae-services-intro,
    .ae-services-offerings,
    .ae-products-section,
    .ae-seo-content-section,
    .ae-services-faq {
        padding: 75px 0;
    }

    .ae-section-heading {
        margin-bottom: 32px;
    }

    .ae-section-heading h2 {
        font-size: 36px;
    }

    .ae-service-card > p {
        min-height: auto;
    }

    .ae-product-image {
        height: 220px;
    }

    .ae-seo-content h2 {
        font-size: 27px;

        margin-top: 42px;
    }

    .ae-seo-content p {
        font-size: 14px;
    }

    .ae-seo-content ul,
    .ae-product-offerings-list {
        grid-template-columns: 1fr !important;
    }

    .ae-faq-item {
        gap: 15px;
    }

    .ae-faq-content h4 {
        font-size: 17px;
    }

    .ae-services-cta {
        padding: 65px 0;
    }

}


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

@media (max-width: 480px) {

    .ae-services-hero h1 {
        font-size: 34px;
    }

    .ae-services-kicker {
        font-size: 9px;

        letter-spacing: 2px;
    }

    .ae-services-visual-frame {
        height: 250px;
    }

    .ae-service-card {
        padding: 22px;
    }

    .ae-service-number {
        font-size: 32px;
    }

    .ae-product-image {
        height: 200px;
    }

}

/* =========================================================
   AE WORKS
   CHANGAN KARVAAN AMBULANCE DETAIL PAGE

   Global :root / reset / container are already defined
   in the main AE Works stylesheet.
========================================================= */


/* =========================================================
   01. HERO
========================================================= */

.ae-changan-hero {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--ae-white);
}

.ae-changan-hero-pattern {
    position: absolute;
    inset: 0 auto 0 0;
    width: 52%;
    opacity: .65;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(16, 18, 24, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 18, 24, .035) 1px, transparent 1px);
    background-size: 45px 45px;
}

.ae-changan-hero-glow {
    position: absolute;
    right: -180px;
    top: -180px;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    background: rgba(144, 8, 8, .035);
    pointer-events: none;
}

.ae-changan-hero-content {
    position: relative;
    z-index: 3;
    padding: 90px 0 120px;
}

.ae-changan-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: var(--ae-primary);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 2.7px;
    text-transform: uppercase;
}

.ae-changan-kicker span {
    width: 38px;
    height: 2px;
    flex-shrink: 0;
    background: var(--ae-primary);
}

.ae-changan-hero h1 {
    max-width: 650px;
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(48px, 6vw, 82px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -3.5px;
}

.ae-changan-hero h1 strong {
    display: block;
    color: var(--ae-primary);
    font-weight: 800;
}

.ae-changan-hero-subtitle {
    margin: 24px 0 8px;
    color: var(--ae-dark);
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.ae-changan-hero-text {
    max-width: 580px;
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}

.ae-changan-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.ae-changan-btn {
    min-height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 0 23px;
    border-radius: var(--ae-radius);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: var(--ae-transition);
}

.ae-changan-btn-primary {
    color: var(--ae-white) !important;
    background: var(--ae-primary);
    border: 1px solid var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-changan-btn-primary:hover {
    color: var(--ae-white) !important;
    background: var(--ae-primary-dark);
    border-color: var(--ae-primary-dark);
    transform: translateY(-3px);
}

.ae-changan-btn-outline {
    color: var(--ae-dark) !important;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
}

.ae-changan-btn-outline:hover {
    color: var(--ae-white) !important;
    background: var(--ae-dark);
    border-color: var(--ae-dark);
    transform: translateY(-3px);
}

.ae-changan-hero-meta {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 55px;
    max-width: 570px;
    border-top: 1px solid var(--ae-border);
}

.ae-changan-hero-meta > div {
    min-width: 130px;
    padding: 18px 25px 0 0;
    margin-right: 25px;
    border-right: 1px solid var(--ae-border);
}

.ae-changan-hero-meta > div:last-child {
    border-right: 0;
}

.ae-changan-hero-meta strong {
    display: block;
    margin-bottom: 3px;
    color: var(--ae-primary);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.ae-changan-hero-meta span {
    display: block;
    color: var(--ae-text-light);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
}


/* HERO VISUAL */

.ae-changan-hero-visual {
    position: relative;
    z-index: 3;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ae-changan-hero-image {
    position: relative;
    width: 100%;
    /*height: 505px;*/
    overflow: hidden;
    background: var(--ae-light);
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    box-shadow: var(--ae-shadow);
}

.ae-changan-hero-image::after {
    content: "";
    position: absolute;
    inset: 25px;
    border: 1px solid rgba(255, 255, 255, .7);
    pointer-events: none;
}

.ae-changan-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s cubic-bezier(.22, .61, .36, 1);
}

.ae-changan-hero-visual:hover .ae-changan-hero-image img {
    transform: scale(1.045);
}

.ae-changan-hero-label {
    position: absolute;
    left: 0;
    bottom: 45px;
    z-index: 5;
    min-width: 190px;
    padding: 17px 21px;
    color: var(--ae-white);
    background: var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-changan-hero-label span {
    display: block;
    margin-bottom: 5px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-changan-hero-label strong {
    display: block;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: .4px;
}

.ae-changan-hero-line {
    position: absolute;
    right: -20px;
    bottom: 30px;
    width: 120px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-changan-breadcrumb {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;
    border-top: 1px solid var(--ae-border);
}

.ae-changan-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    color: var(--ae-text-light);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
}

.ae-changan-breadcrumb a {
    color: var(--ae-primary);
}

.ae-changan-breadcrumb i {
    font-size: 8px;
}


/* =========================================================
   02. COMMON
========================================================= */

.ae-changan-section-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: var(--ae-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.ae-changan-section-kicker span {
    width: 32px;
    height: 2px;
    flex-shrink: 0;
    background: var(--ae-primary);
}

.ae-changan-divider {
    width: 55px;
    height: 2px;
    margin: 22px 0;
    background: var(--ae-primary);
}


/* =========================================================
   03. OVERVIEW
========================================================= */

.ae-changan-overview {
    padding: 115px 0 100px;
    background: var(--ae-white);
}

.ae-changan-content-block h2 {
    max-width: 650px;
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(38px, 4.5vw, 62px);
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: -2px;
}

.ae-changan-content-block h2 span,
.ae-changan-content-block h2 strong {
    color: var(--ae-primary);
}

.ae-changan-special-title {
    margin: 12px 0 0;
    color: var(--ae-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-changan-content-block h4 {
    max-width: 610px;
    margin: 0 0 20px;
    color: var(--ae-dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.ae-changan-content-block p {
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.95;
}

.ae-changan-content-block a {
    color: var(--ae-primary);
    font-weight: 700;
}

.ae-changan-content-block b {
    color: var(--ae-dark);
    font-weight: 700;
}


/* IMAGE */

.ae-changan-feature-image {
    position: relative;
    min-height: 520px;
}

.ae-changan-image-frame {
    position: relative;
    height: 500px;
    overflow: hidden;
    background: var(--ae-light);
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}

.ae-changan-image-frame::after {
    content: "";
    position: absolute;
    inset: 24px;
    border: 1px solid rgba(255, 255, 255, .75);
}

.ae-changan-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ae-changan-image-caption {
    position: absolute;
    right: 0;
    bottom: 25px;
    min-width: 175px;
    padding: 15px 18px;
    color: var(--ae-white);
    background: var(--ae-dark);
    box-shadow: var(--ae-shadow);
}

.ae-changan-image-caption span {
    display: block;
    margin-bottom: 5px;
    color: var(--ae-primary-light);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-changan-image-caption strong {
    display: block;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .4px;
}


/* SEO CARD */

.ae-changan-seo-card {
    position: relative;
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 28px;
    max-width: 1120px;
    margin: 90px auto 0;
    padding: 45px;
    background: var(--ae-light);
    border-left: 3px solid var(--ae-primary);
}

.ae-changan-seo-card-number {
    color: var(--ae-primary);
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}

.ae-changan-seo-card h2 {
    margin: 0 0 18px;
    color: var(--ae-dark);
    font-size: 31px;
    font-weight: 700;
    line-height: 1.25;
}

.ae-changan-seo-card p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.95;
}

.ae-changan-seo-card b {
    color: var(--ae-dark);
}


/* =========================================================
   04. WHY AE WORKS
========================================================= */

.ae-changan-why {
    padding: 110px 0;
    background: var(--ae-light);
}

.ae-changan-why h2 {
    max-width: 850px;
    margin: 0 0 25px;
    color: var(--ae-dark);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 700;
    line-height: 1.13;
    letter-spacing: -1.5px;
}

.ae-changan-why p {
    max-width: 850px;
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.95;
}

.ae-changan-why b {
    color: var(--ae-dark);
}


/* STAT PANEL */

.ae-changan-stat-panel {
    position: relative;
    height: 100%;
    padding: 30px;
    background: var(--ae-dark);
    box-shadow: var(--ae-shadow);
    opacity: 0;
    transform: translateY(25px);
    transition: var(--ae-transition);
}

.ae-changan-stat-panel.ae-changan-visible {
    opacity: 1;
    transform: translateY(0);
}

.ae-changan-stat-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    margin-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.ae-changan-stat-panel-head span {
    color: #aeb3bc;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.ae-changan-stat-panel-head i {
    color: var(--ae-primary-light);
    font-size: 22px;
}

.ae-changan-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

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

.ae-changan-stat strong {
    color: var(--ae-white);
    font-size: 21px;
    font-weight: 800;
}

.ae-changan-stat span {
    color: #9399a5;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .8px;
    text-align: right;
    text-transform: uppercase;
}


/* =========================================================
   05. MARKET
========================================================= */

.ae-changan-market {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-changan-info-card {
    position: relative;
    height: 100%;
    padding: 35px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    overflow: hidden;
    opacity: 0;
    transform: translateY(25px);
    transition: var(--ae-transition);
}

.ae-changan-info-card.ae-changan-visible {
    opacity: 1;
    transform: translateY(0);
}

.ae-changan-info-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--ae-primary);
}

.ae-changan-info-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--ae-shadow-hover);
}

.ae-changan-info-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ae-changan-info-number {
    color: #d9dce1;
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}

.ae-changan-info-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ae-primary);
    background: rgba(144, 8, 8, .07);
    border: 1px solid rgba(144, 8, 8, .12);
    border-radius: 50%;
    font-size: 20px;
}

.ae-changan-info-card > .ae-changan-info-icon {
    margin: 25px 0 22px;
}

.ae-changan-info-card h2 {
    margin: 0 0 20px;
    color: var(--ae-dark);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.25;
}

.ae-changan-info-card p {
    margin: 0;
    color: var(--ae-text);
    font-size: 14px;
    line-height: 1.9;
}

.ae-changan-info-card b {
    color: var(--ae-dark);
}

.ae-changan-info-card a {
    color: var(--ae-primary);
    font-weight: 700;
}

.ae-changan-info-card-large {
    padding: 40px;
}


/* =========================================================
   06. PRICE
========================================================= */

.ae-changan-price {
    padding: 90px 0;
    background: var(--ae-light);
}

.ae-changan-price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 55px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-changan-price-content {
    max-width: 730px;
}

.ae-changan-price-content h2 {
    margin: 0 0 20px;
    color: var(--ae-dark);
    font-size: clamp(32px, 4vw, 47px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.3px;
}

.ae-changan-price-content p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.9;
}

.ae-changan-price-content b {
    color: var(--ae-dark);
}

.ae-changan-price-numbers {
    min-width: 330px;
    background: var(--ae-dark);
}

.ae-changan-price-numbers > div {
    padding: 22px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.ae-changan-price-numbers > div:last-child {
    border-bottom: 0;
}

.ae-changan-price-numbers span {
    display: block;
    margin-bottom: 6px;
    color: #999faa;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ae-changan-price-numbers strong {
    display: block;
    color: var(--ae-white);
    font-size: 23px;
    font-weight: 800;
}


/* =========================================================
   07. INTERIOR
========================================================= */

.ae-changan-interior {
    padding: 115px 0;
    background: var(--ae-white);
}

.ae-changan-large-image {
    position: relative;
    height: 520px;
    overflow: hidden;
    background: var(--ae-light);
}

.ae-changan-large-image::after {
    content: "";
    position: absolute;
    inset: 22px;
    border: 1px solid rgba(255, 255, 255, .75);
    pointer-events: none;
}

.ae-changan-large-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s ease;
}

.ae-changan-large-image:hover img {
    transform: scale(1.04);
}

.ae-changan-image-badge {
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 17px;
    color: var(--ae-white);
    background: var(--ae-primary);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-changan-image-badge i {
    font-size: 15px;
}

.ae-changan-interior .ae-changan-content-block h2 {
    font-size: clamp(34px, 4vw, 51px);
}

.ae-changan-interior .ae-changan-content-block p {
    margin-bottom: 0;
}


/* =========================================================
   08. ENGINE
========================================================= */

.ae-changan-engine {
    padding: 100px 0;
    background: var(--ae-light);
}

.ae-changan-engine-card {
    display: grid;
    grid-template-columns: 330px 1fr;
    overflow: hidden;
    background: var(--ae-dark);
    box-shadow: var(--ae-shadow);
}

.ae-changan-engine-visual {
    position: relative;
    min-height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ae-primary);
    overflow: hidden;
}

.ae-changan-engine-visual::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
}

.ae-changan-engine-visual::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
}

.ae-engine-circle {
    position: relative;
    z-index: 2;
    width: 125px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ae-white);
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    font-size: 44px;
}

.ae-changan-engine-visual > span {
    position: absolute;
    left: 28px;
    bottom: 25px;
    color: rgba(255, 255, 255, .65);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 2px;
}

.ae-changan-engine-content {
    padding: 55px;
}

.ae-changan-engine-content h2 {
    max-width: 720px;
    margin: 0 0 22px;
    color: var(--ae-white);
    font-size: clamp(34px, 4vw, 51px);
    font-weight: 700;
    line-height: 1.13;
    letter-spacing: -1.5px;
}

.ae-changan-engine-content p {
    max-width: 820px;
    margin: 0;
    color: #aeb3bd;
    font-size: 15px;
    line-height: 1.95;
}

.ae-changan-engine-content b {
    color: var(--ae-white);
}


/* =========================================================
   09. GALLERY
========================================================= */

.ae-changan-gallery {
    padding: 115px 0;
    background: var(--ae-white);
}

.ae-changan-heading-center {
    margin-bottom: 45px;
    text-align: center;
}

.ae-changan-heading-center .ae-changan-section-kicker {
    justify-content: center;
}

.ae-changan-heading-center h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(37px, 4vw, 55px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1.7px;
}

.ae-changan-heading-center h2 strong {
    color: var(--ae-primary);
}

.ae-changan-heading-center > p {
    margin: 13px 0 0;
    color: var(--ae-text-light);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


/* TABS */

.ae-changan-tabs {
    display: flex;
    justify-content: center;
    gap: 2px;
    max-width: 650px;
    margin: 0 auto 40px;
    padding: 5px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
}

.ae-changan-tab {
    flex: 1;
    min-height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    color: var(--ae-text);
    background: transparent;
    border: 0;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: var(--ae-transition);
}

.ae-changan-tab i {
    color: var(--ae-primary);
}

.ae-changan-tab:hover,
.ae-changan-tab.active {
    color: var(--ae-white);
    background: var(--ae-primary);
}

.ae-changan-tab:hover i,
.ae-changan-tab.active i {
    color: var(--ae-white);
}

.ae-changan-tab-content {
    min-height: 200px;
}


/* GALLERY CARDS */

.ae-changan-gallery-card {
    position: relative;
    /*height: 330px;*/
    overflow: hidden;
    background: var(--ae-light);
    /*opacity: 0;*/
    transform: translateY(20px);
    transition: var(--ae-transition);
}

.ae-changan-gallery-card.ae-changan-visible {
    opacity: 1;
    transform: translateY(0);
}

.ae-changan-gallery-card::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, .7);
    pointer-events: none;
}

.ae-changan-gallery-card img {
    width: 100%;
    object-fit: cover;
    transition: transform .8s ease;
}

.ae-changan-gallery-card:hover img {
    transform: scale(1.05);
}



/* FEATURES */

.ae-changan-feature-card {
    display: grid;
    grid-template-columns: 185px 1fr;
    min-height: 210px;
    overflow: hidden;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    opacity: 0;
    transform: translateY(20px);
    transition: var(--ae-transition);
}

.ae-changan-feature-card.ae-changan-visible {
    opacity: 1;
    transform: translateY(0);
}

.ae-changan-feature-card:hover {
    border-color: rgba(144, 8, 8, .25);
    box-shadow: var(--ae-shadow);
    transform: translateY(-5px);
}

.ae-changan-feature-image {
    height: 100%;
    min-height: 210px;
    overflow: hidden;
    background: var(--ae-light);
}

.ae-changan-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.ae-changan-feature-card:hover .ae-changan-feature-image img {
    transform: scale(1.07);
}

.ae-changan-feature-content {
    position: relative;
    padding: 27px;
}

.ae-changan-feature-content > span {
    display: block;
    margin-bottom: 12px;
    color: var(--ae-primary);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.ae-changan-feature-content h3 {
    margin: 0 0 10px;
    color: var(--ae-dark);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.ae-changan-feature-content p {
    margin: 0;
    color: var(--ae-text);
    font-size: 12px;
    line-height: 1.75;
}


/* =========================================================
   10. CTA
========================================================= */

.ae-changan-cta {
    position: relative;
    padding: 85px 0;
    overflow: hidden;
    background: var(--ae-dark);
}

.ae-changan-cta-pattern {
    position: absolute;
    right: -150px;
    top: -250px;
    width: 600px;
    height: 600px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.ae-changan-cta-pattern::after {
    content: "";
    position: absolute;
    inset: 100px;
    border: 1px solid rgba(144, 8, 8, .3);
    border-radius: 50%;
}

.ae-changan-cta-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.ae-changan-kicker-light {
    color: var(--ae-primary-light);
}

.ae-changan-kicker-light span {
    background: var(--ae-primary-light);
}

.ae-changan-cta h2 {
    max-width: 780px;
    margin: 0 0 17px;
    color: var(--ae-white);
    font-size: clamp(34px, 4.5vw, 55px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1.8px;
}

.ae-changan-cta h2 strong {
    color: var(--ae-primary-light);
}

.ae-changan-cta p {
    max-width: 650px;
    margin: 0;
    color: #a7acb6;
    font-size: 14px;
    line-height: 1.8;
}

.ae-changan-btn-white {
    flex-shrink: 0;
    color: var(--ae-dark) !important;
    background: var(--ae-white);
    border: 1px solid var(--ae-white);
}

.ae-changan-btn-white:hover {
    color: var(--ae-white) !important;
    background: var(--ae-primary);
    border-color: var(--ae-primary);
    transform: translateY(-3px);
}


/* =========================================================
   11. RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .ae-changan-hero h1 {
        font-size: 65px;
    }

    .ae-changan-hero-image {
        height: 440px;
    }

    .ae-changan-feature-image {
        min-height: 450px;
    }

    .ae-changan-image-frame {
        height: 440px;
    }

    .ae-changan-price-box {
        padding: 40px;
    }

}


/* TABLET */

@media (max-width: 991px) {

    .ae-changan-hero {
        min-height: auto;
    }

    .ae-changan-hero-content {
        padding: 80px 0 50px;
    }

    .ae-changan-hero h1 {
        font-size: 55px;
    }

    .ae-changan-hero-visual {
        min-height: auto;
        padding-bottom: 100px;
    }

    .ae-changan-hero-image {
        height: 420px;
        clip-path: none;
    }

    .ae-changan-breadcrumb {
        display: none;
    }

    .ae-changan-overview,
    .ae-changan-why,
    .ae-changan-market,
    .ae-changan-interior,
    .ae-changan-gallery {
        padding: 85px 0;
    }

    .ae-changan-feature-image {
        min-height: auto;
    }

    .ae-changan-image-frame {
        height: 430px;
        clip-path: none;
    }

    .ae-changan-price-box {
        flex-direction: column;
        align-items: stretch;
    }

    .ae-changan-price-content {
        max-width: none;
    }

    .ae-changan-price-numbers {
        width: 100%;
        min-width: 0;
    }

    .ae-changan-engine-card {
        grid-template-columns: 1fr;
    }

    .ae-changan-engine-visual {
        min-height: 280px;
    }

    .ae-changan-feature-card {
        grid-template-columns: 170px 1fr;
    }

    .ae-changan-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .ae-changan-hero {
        padding: 0;
    }

    .ae-changan-hero-content {
        padding: 60px 0 40px;
    }

    .ae-changan-hero h1 {
        font-size: 43px;
        letter-spacing: -2px;
    }

    .ae-changan-hero-subtitle {
        font-size: 15px;
    }

    .ae-changan-hero-text {
        font-size: 14px;
    }

    .ae-changan-hero-buttons {
        flex-direction: column;
    }

    .ae-changan-btn {
        width: 100%;
    }

    .ae-changan-hero-meta {
        margin-top: 38px;
    }

    .ae-changan-hero-meta > div {
        min-width: 0;
        flex: 1;
        padding-right: 12px;
        margin-right: 12px;
    }

    .ae-changan-hero-meta strong {
        font-size: 16px;
    }

    .ae-changan-hero-meta span {
        font-size: 7px;
    }

    .ae-changan-hero-visual {
        padding-bottom: 60px;
    }

    .ae-changan-hero-image {
        height: 300px;
    }

    .ae-changan-hero-image::after {
        inset: 15px;
    }

    .ae-changan-hero-label {
        left: 15px;
        bottom: 30px;
        min-width: 160px;
    }

    .ae-changan-hero-line {
        display: none;
    }

    .ae-changan-overview,
    .ae-changan-why,
    .ae-changan-market,
    .ae-changan-interior,
    .ae-changan-gallery {
        padding: 70px 0;
    }

    .ae-changan-content-block h2 {
        font-size: 38px;
    }

    .ae-changan-content-block h4 {
        font-size: 19px;
    }

    .ae-changan-feature-image {
        min-height: auto;
    }

    .ae-changan-image-frame {
        height: 300px;
    }

    .ae-changan-image-caption {
        right: 15px;
        bottom: 15px;
    }

    .ae-changan-seo-card {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 60px;
        padding: 30px;
    }

    .ae-changan-seo-card-number {
        font-size: 30px;
    }

    .ae-changan-seo-card h2 {
        font-size: 26px;
    }

    .ae-changan-why h2 {
        font-size: 34px;
    }

    .ae-changan-stat-panel {
        margin-top: 20px;
    }

    .ae-changan-info-card,
    .ae-changan-info-card-large {
        padding: 27px;
    }

    .ae-changan-info-card h2 {
        font-size: 24px;
    }

    .ae-changan-price {
        padding: 70px 0;
    }

    .ae-changan-price-box {
        padding: 30px;
    }

    .ae-changan-price-content h2 {
        font-size: 32px;
    }

    .ae-changan-large-image {
        height: 300px;
    }

    .ae-changan-engine {
        padding: 70px 0;
    }

    .ae-changan-engine-visual {
        min-height: 250px;
    }

    .ae-changan-engine-content {
        padding: 35px 25px;
    }

    .ae-changan-engine-content h2 {
        font-size: 33px;
    }

    .ae-changan-tabs {
        width: 100%;
        flex-direction: column;
    }

    .ae-changan-tab {
        width: 100%;
    }

    .ae-changan-gallery-card {
        height: 270px;
    }

    .ae-changan-gallery-wide {
        height: 300px;
    }

    .ae-changan-feature-card {
        grid-template-columns: 1fr;
    }

    .ae-changan-feature-image {
        height: 230px;
        min-height: 230px;
    }

    .ae-changan-feature-content {
        padding: 23px;
    }

    .ae-changan-cta {
        padding: 65px 0;
    }

    .ae-changan-cta h2 {
        font-size: 34px;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .ae-changan-kicker,
    .ae-changan-section-kicker {
        font-size: 8px;
        letter-spacing: 1.8px;
    }

    .ae-changan-hero h1 {
        font-size: 36px;
    }

    .ae-changan-hero-meta {
        gap: 0;
    }

    .ae-changan-hero-meta > div {
        padding-right: 8px;
        margin-right: 8px;
    }

    .ae-changan-hero-meta strong {
        font-size: 14px;
    }

    .ae-changan-hero-image {
        height: 250px;
    }

    .ae-changan-content-block h2 {
        font-size: 33px;
    }

    .ae-changan-seo-card {
        padding: 24px;
    }

    .ae-changan-seo-card h2 {
        font-size: 23px;
    }

    .ae-changan-info-card,
    .ae-changan-info-card-large {
        padding: 23px;
    }

    .ae-changan-price-box {
        padding: 23px;
    }

    .ae-changan-price-numbers strong {
        font-size: 19px;
    }

    .ae-changan-large-image {
        height: 250px;
    }

    .ae-changan-engine-content {
        padding: 28px 20px;
    }

    .ae-changan-gallery-card {
        height: 230px;
    }

    .ae-changan-gallery-wide {
        height: 250px;
    }

}

/* =========================================================
   SUZUKI BOLAN AMBULANCE
   AE Works Pvt Ltd
   Page-specific CSS
========================================================= */


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

.ae-bolan-hero {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--ae-dark);
    color: var(--ae-white);
}

.ae-bolan-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.ae-bolan-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ae-bolan-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .94) 0%,
            rgba(8, 9, 12, .80) 43%,
            rgba(8, 9, 12, .28) 100%
        );
}

.ae-bolan-hero .container {
    position: relative;
    z-index: 2;
}

.ae-bolan-breadcrumb {
    position: absolute;
    top: -250px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: rgba(255,255,255,.68);
}

.ae-bolan-breadcrumb a {
    color: var(--ae-white);
}

.ae-bolan-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-bolan-hero-content {
    padding: 80px 0;
    max-width: 760px;
}

.ae-bolan-eyebrow,
.ae-section-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-bolan-eyebrow {
    color: rgba(255,255,255,.78);
}

.ae-bolan-eyebrow::before,
.ae-section-label::before {
    content: "";
    width: 30px;
    height: 2px;
    background: currentColor;
}

.ae-bolan-hero h1 {
    margin: 0;
    font-size: clamp(48px, 6vw, 82px);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -2px;
}

.ae-bolan-hero h1 strong {
    display: block;
    color: var(--ae-primary-light);
    font-weight: 700;
}

.ae-bolan-hero-subtitle {
    margin: 22px 0 0;
    color: rgba(255,255,255,.76);
    font-size: 17px;
    letter-spacing: 3px;
}

.ae-bolan-hero-line {
    width: 70px;
    height: 3px;
    margin: 25px 0;
    background: var(--ae-primary);
}

.ae-bolan-hero h2 {
    max-width: 650px;
    margin: 0;
    color: var(--ae-white);
    font-size: 25px;
    line-height: 1.45;
    font-weight: 500;
}

.ae-bolan-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

.ae-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 25px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    transition: var(--ae-transition);
}

.ae-btn i {
    font-size: 13px;
    transition: var(--ae-transition);
}

.ae-btn:hover i {
    transform: translateX(4px);
}

.ae-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);
    transform: translateY(-2px);
}

.ae-btn-outline {
    color: var(--ae-white);
    border: 1px solid rgba(255,255,255,.35);
    background: rgba(255,255,255,.04);
}

.ae-btn-outline:hover {
    color: var(--ae-white);
    border-color: var(--ae-primary);
    background: var(--ae-primary);
}

.ae-bolan-hero-image {
    position: relative;
    padding: 35px 0;
}

.ae-bolan-hero-image::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
}

.ae-bolan-hero-image img {
    position: relative;
    z-index: 2;
    width: 100%;
    border-radius: var(--ae-radius);
    box-shadow: 0 30px 80px rgba(0,0,0,.38);
}


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

.ae-section-heading h2,
.ae-centered-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1px;
}

.ae-section-heading h2 span,
.ae-centered-heading h2 span {
    color: var(--ae-primary);
}

.ae-section-subtitle {
    margin-top: 15px;
    color: var(--ae-text-light);
    letter-spacing: 1.5px;
}

.ae-heading-line {
    width: 65px;
    height: 3px;
    margin: 22px 0 28px;
    background: var(--ae-primary);
}

.ae-heading-line.center {
    margin: 20px auto 25px;
}

.ae-centered-heading {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.ae-centered-heading > p {
    color: var(--ae-text-light);
    letter-spacing: 1.5px;
}


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

.ae-bolan-intro {
    background: var(--ae-white);
}

.ae-bolan-intro-image {
    position: relative;
    margin-top: 35px;
    overflow: hidden;
    border-radius: var(--ae-radius);
}

.ae-bolan-intro-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-bolan-intro-image:hover img {
    transform: scale(1.035);
}

.ae-content-card {
    position: relative;
    padding: 45px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow);
}

.ae-content-card-large {
    min-height: 100%;
}

.ae-content-card h3 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 27px;
    line-height: 1.3;
}

.ae-content-card p,
.ae-interior-content p,
.ae-bolan-exterior p,
.ae-text-block p,
.ae-price-content p {
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.9;
}

.ae-content-card a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-content-card a:hover {
    color: var(--ae-primary-dark);
}

.ae-content-card p:last-child {
    margin-bottom: 0;
}

.ae-content-card.ae-borderless {
    border: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.ae-content-number,
.ae-card-number {
    color: var(--ae-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-content-number {
    margin-bottom: 25px;
}

.ae-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.ae-card-icon {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ae-white);
    background: var(--ae-primary);
    border-radius: 50%;
    font-size: 17px;
}


/* =========================================================
   TECHNICAL
========================================================= */

.ae-bolan-technical {
    position: relative;
}

.ae-spec-panel {
    height: 100%;
    padding: 18px;
    background: var(--ae-dark);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow);
}

.ae-spec-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 18px;
    border-bottom: 1px solid rgba(255,255,255,.09);
}

.ae-spec-item:last-child {
    border-bottom: 0;
}

.ae-spec-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ae-white);
    background: var(--ae-primary);
    border-radius: 50%;
}

.ae-spec-item small {
    display: block;
    margin-bottom: 2px;
    color: rgba(255,255,255,.52);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ae-spec-item strong {
    display: block;
    color: var(--ae-white);
    font-size: 15px;
}


/* =========================================================
   TRANSFORMATION
========================================================= */

.ae-bolan-transformation {
    background: var(--ae-white);
}

.ae-image-frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--ae-radius);
}

.ae-image-frame::after {
    content: "";
    position: absolute;
    inset: 15px;
    border: 1px solid rgba(255,255,255,.32);
    pointer-events: none;
}

.ae-image-frame img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-image-frame:hover img {
    transform: scale(1.04);
}

.ae-image-badge {
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 3;
    padding: 16px 20px;
    color: var(--ae-white);
    background: var(--ae-primary);
    border-radius: var(--ae-radius);
}

.ae-image-badge span,
.ae-image-badge strong {
    display: block;
}

.ae-image-badge span {
    margin-bottom: 3px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    opacity: .78;
}

.ae-image-badge strong {
    font-size: 14px;
}


/* =========================================================
   INTERIOR
========================================================= */

.ae-large-image {
    position: relative;
    overflow: hidden;
    border-radius: var(--ae-radius);
}

.ae-large-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-large-image:hover img {
    transform: scale(1.035);
}

.ae-image-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px 22px;
    color: var(--ae-white);
    background: linear-gradient(
        transparent,
        rgba(0,0,0,.78)
    );
    font-size: 13px;
    font-weight: 700;
}

.ae-text-block {
    position: relative;
    height: 100%;
    padding: 35px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
}

.ae-text-block-number {
    display: block;
    margin-bottom: 15px;
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-text-block p {
    margin-bottom: 0;
}


/* =========================================================
   EXTERIOR
========================================================= */

.ae-bolan-exterior {
    background: var(--ae-white);
}

.ae-exterior-image img {
    aspect-ratio: 4 / 3;
}

.ae-image-badge-dark {
    background: var(--ae-dark);
}


/* =========================================================
   PRICE
========================================================= */

.ae-price-content {
    padding: 38px 42px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow);
}

.ae-price-content-second {
    margin-top: 20px;
}

.ae-price-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    color: var(--ae-white);
    background: var(--ae-primary);
    border-radius: 50%;
}

.ae-price-icon i {
    font-size: 19px;
}

.ae-price-range {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 25px;
    padding: 25px;
    background: var(--ae-dark);
    border-radius: var(--ae-radius);
}

.ae-price-range > div:not(.ae-price-range-line) {
    flex: 1;
}

.ae-price-range span {
    display: block;
    margin-bottom: 5px;
    color: rgba(255,255,255,.52);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.ae-price-range strong {
    display: block;
    color: var(--ae-white);
    font-size: 23px;
}

.ae-price-range-line {
    width: 90px;
    height: 2px;
    background: var(--ae-primary);
}


/* =========================================================
   TRUST
========================================================= */

.ae-bolan-trust {
    background: var(--ae-white);
}

.ae-trust-box {
    padding: 42px;
    color: var(--ae-white);
    background: var(--ae-dark);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow);
}

.ae-trust-box h2 {
    margin: 0;
    color: var(--ae-white);
    font-size: 32px;
    line-height: 1.25;
}

.ae-trust-box .ae-section-label {
    color: var(--ae-primary-light);
}

.ae-trust-points {
    margin-top: 30px;
}

.ae-trust-points > div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
}

.ae-trust-points > div:last-child {
    border-bottom: 0;
}

.ae-trust-points i {
    color: var(--ae-primary-light);
}

.ae-trust-points span {
    color: rgba(255,255,255,.76);
    font-size: 13px;
}


/* =========================================================
   GALLERY
========================================================= */

.ae-bolan-gallery {
    overflow: hidden;
}

.ae-gallery-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 45px 0 35px;
}

.ae-gallery-tab {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 50px;
    padding: 0 24px;
    color: var(--ae-text);
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--ae-transition);
}

.ae-gallery-tab i {
    color: var(--ae-primary);
}

.ae-gallery-tab:hover,
.ae-gallery-tab.active {
    color: var(--ae-white);
    background: var(--ae-primary);
    border-color: var(--ae-primary);
}

.ae-gallery-tab:hover i,
.ae-gallery-tab.active i {
    color: var(--ae-white);
}

.ae-gallery-card {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: var(--ae-radius);
    background: var(--ae-white);
}

.ae-gallery-card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-gallery-card-large img {
    aspect-ratio: 16 / 9;
}

.ae-gallery-card:hover img {
    transform: scale(1.045);
}

.ae-gallery-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    color: var(--ae-white);
    background: linear-gradient(
        transparent,
        rgba(0,0,0,.82)
    );
    opacity: 0;
    transform: translateY(8px);
    transition: var(--ae-transition);
}

.ae-gallery-card:hover .ae-gallery-overlay {
    opacity: 1;
    transform: translateY(0);
}

.ae-gallery-overlay span {
    font-size: 12px;
    font-weight: 700;
}

.ae-gallery-overlay i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ae-primary);
    border-radius: 50%;
}


/* =========================================================
   FEATURES
========================================================= */

.ae-feature-grid {
    overflow: hidden;
    /*border: 1px solid var(--ae-border);*/
    /*border-radius: var(--ae-radius);*/
    /*background: var(--ae-white);*/
}

.ae-feature-item {
    display: flex;
    min-height: 220px;
    border-right: 1px solid var(--ae-border);
    border-bottom: 1px solid var(--ae-border);
    transition: var(--ae-transition);
}

.ae-feature-item:hover {
    background: var(--ae-light);
}

.ae-feature-image {
    width: 36%;
    flex: 0 0 36%;
    overflow: hidden;
}

.ae-feature-image img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-feature-item:hover .ae-feature-image img {
    transform: scale(1.06);
}

.ae-feature-content {
    padding: 28px 25px;
}

.ae-feature-content h3 {
    margin: 0 0 12px;
    color: var(--ae-dark);
    font-size: 17px;
    line-height: 1.35;
}

.ae-feature-content p {
    margin: 0;
    color: var(--ae-text);
    font-size: 13px;
    line-height: 1.75;
}


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

.ae-bolan-cta {
    padding: 85px 0;
    background: var(--ae-dark);
}

.ae-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 55px 60px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(144,8,8,.92),
            rgba(104,5,5,.94)
        );
    border-radius: var(--ae-radius);
}

.ae-cta-inner::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
}

.ae-cta-content {
    position: relative;
    z-index: 2;
    max-width: 720px;
}

.ae-cta-content .ae-section-label {
    color: rgba(255,255,255,.72);
}

.ae-cta-content h2 {
    margin: 0 0 15px;
    color: var(--ae-white);
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.15;
}

.ae-cta-content h2 span {
    display: block;
    color: var(--ae-white);
}

.ae-cta-content p {
    margin: 0;
    max-width: 650px;
    color: rgba(255,255,255,.78);
    font-size: 15px;
}

.ae-cta-action {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.ae-btn-white {
    color: var(--ae-dark);
    background: var(--ae-white);
}

.ae-btn-white:hover {
    color: var(--ae-primary);
    background: var(--ae-white);
    transform: translateY(-2px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .ae-bolan-hero {
        min-height: 650px;
    }

    .ae-bolan-hero-content {
        padding: 60px 0;
    }

    .ae-bolan-hero-image::before {
        width: 280px;
        height: 280px;
    }

    .ae-content-card {
        padding: 35px;
    }

    .ae-trust-box {
        padding: 32px;
    }

}


@media (max-width: 991px) {

    .ae-bolan-hero {
        min-height: auto;
        padding: 40px 0 70px;
    }

    .ae-bolan-breadcrumb {
        position: static;
        margin-bottom: 35px;
    }

    .ae-bolan-hero-content {
        padding: 30px 0 45px;
    }

    .ae-bolan-hero-image {
        max-width: 650px;
        margin: 0 auto;
    }

    .ae-bolan-hero-image::before {
        display: none;
    }

    .ae-section {
        padding: 80px 0;
    }

    .ae-feature-item {
        border-right: 0;
    }

    .ae-cta-inner {
        padding: 45px;
    }

}


@media (max-width: 767px) {

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

    .ae-bolan-hero h1 {
        font-size: 50px;
        letter-spacing: -1px;
    }

    .ae-bolan-hero h2 {
        font-size: 20px;
    }

    .ae-bolan-hero-subtitle {
        font-size: 14px;
        letter-spacing: 2px;
    }

    .ae-bolan-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ae-btn {
        width: 100%;
    }

    .ae-content-card {
        padding: 28px;
    }

    .ae-section-heading h2,
    .ae-centered-heading h2 {
        font-size: 34px;
    }

    .ae-price-content {
        padding: 28px;
    }

    .ae-price-range {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .ae-price-range-line {
        width: 100%;
    }

    .ae-gallery-tabs {
        align-items: stretch;
        flex-direction: column;
    }

    .ae-gallery-tab {
        justify-content: center;
        width: 100%;
    }

    .ae-feature-item {
        display: block;
    }

    .ae-feature-image {
        width: 100%;
        height: 220px;
    }

    .ae-feature-image img {
        min-height: 220px;
    }

    .ae-feature-content {
        padding: 25px;
    }

    .ae-cta-inner {
        display: block;
        padding: 35px 28px;
    }

    .ae-cta-action {
        margin-top: 25px;
    }

}


@media (max-width: 575px) {

    .ae-bolan-hero {
        padding-bottom: 50px;
    }

    .ae-bolan-hero h1 {
        font-size: 43px;
    }

    .ae-bolan-hero-content {
        padding: 20px 0 35px;
    }

    .ae-bolan-breadcrumb {
        font-size: 11px;
    }

    .ae-section-heading h2,
    .ae-centered-heading h2 {
        font-size: 30px;
    }

    .ae-content-card {
        padding: 24px;
    }

    .ae-trust-box {
        padding: 28px 24px;
    }

    .ae-trust-box h2 {
        font-size: 27px;
    }

    .ae-price-content {
        padding: 24px;
    }

    .ae-price-range {
        padding: 20px;
    }

    .ae-price-range strong {
        font-size: 20px;
    }

    .ae-image-badge {
        left: 15px;
        bottom: 15px;
    }

}

/* =========================================================
   AE WORKS
   FAW X-PV AMBULANCE DETAIL PAGE
========================================================= */


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

.ae-faw-page {
    overflow: hidden;
    background: var(--ae-white);
}

.ae-faw-page section {
    position: relative;
}

.ae-faw-page p {
    margin-bottom: 20px;
}

.ae-faw-page h1,
.ae-faw-page h2,
.ae-faw-page h3 {
    margin-top: 0;
}


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

.ae-faw-hero {
    min-height: 760px;
    padding: 125px 0 105px;
    background:
        radial-gradient(circle at 82% 35%, rgba(144, 8, 8, .25), transparent 32%),
        linear-gradient(135deg, #08090c 0%, #11141b 55%, #171a22 100%);
    color: var(--ae-white);
    overflow: hidden;
}

.ae-faw-hero-pattern {
    position: absolute;
    inset: 0;
    opacity: .08;
    background-image:
        linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
    background-size: 55px 55px;
    mask-image: linear-gradient(to right, black, transparent 80%);
}

.ae-faw-hero-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    right: -150px;
    top: 100px;
    border-radius: 50%;
    background: rgba(144, 8, 8, .15);
    filter: blur(80px);
}

.ae-faw-hero-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.ae-faw-kicker,
.ae-faw-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--ae-primary);
}

.ae-faw-hero .ae-faw-kicker {
    color: #fff;
}

.ae-faw-hero .ae-faw-kicker::before,
.ae-faw-section-kicker::before {
    content: "";
    width: 32px;
    height: 2px;
    background: currentColor;
}

.ae-faw-hero h1 {
    margin: 22px 0 18px;
    font-size: clamp(54px, 7vw, 94px);
    line-height: .94;
    font-weight: 300;
    letter-spacing: -3px;
    text-transform: uppercase;
}

.ae-faw-hero h1 span {
    color: var(--ae-primary-light);
    font-weight: 700;
}

.ae-faw-hero h1 strong {
    display: block;
    font-weight: 700;
}

.ae-faw-hero-line {
    width: 75px;
    height: 3px;
    margin: 28px 0;
    background: var(--ae-primary);
}

.ae-faw-hero-subtitle {
    max-width: 700px;
    margin-bottom: 16px !important;
    color: rgba(255,255,255,.88);
    font-size: 19px;
    font-weight: 600;
    letter-spacing: .3px;
}

.ae-faw-hero-text {
    max-width: 680px;
    color: rgba(255,255,255,.65);
    font-size: 15px;
}

.ae-faw-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.ae-faw-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.ae-faw-btn i {
    transition: var(--ae-transition);
}

.ae-faw-btn:hover i {
    transform: translateX(5px);
}

.ae-faw-btn-primary {
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-faw-btn-primary:hover {
    background: var(--ae-primary-light);
    color: var(--ae-white);
    transform: translateY(-2px);
}

.ae-faw-btn-outline {
    border-color: rgba(255,255,255,.28);
    color: var(--ae-white);
}

.ae-faw-btn-outline:hover {
    background: var(--ae-white);
    border-color: var(--ae-white);
    color: var(--ae-dark);
}

.ae-faw-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 42px;
    padding-top: 25px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.ae-faw-meta-item {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.7);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.ae-faw-meta-item i {
    color: var(--ae-primary-light);
    font-size: 15px;
}


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

.ae-faw-hero-image {
    position: relative;
    z-index: 2;
    padding-left: 25px;
}

.ae-faw-image-frame {
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 30px 80px rgba(0,0,0,.35);
}

.ae-faw-image-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        135deg,
        rgba(144,8,8,.22),
        transparent 45%
    );
    pointer-events: none;
}

.ae-faw-image-frame img {
    width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: center;
}

.ae-faw-image-label {
    position: absolute;
    right: -20px;
    bottom: -25px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 235px;
    padding: 18px 22px;
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-faw-image-label span {
    font-size: 27px;
    font-weight: 800;
}

.ae-faw-image-label strong {
    font-size: 11px;
    letter-spacing: 1.5px;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.ae-faw-breadcrumb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding: 18px 0;
    background: rgba(8,9,12,.65);
    border-top: 1px solid rgba(255,255,255,.08);
}

.ae-faw-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.55);
    font-size: 12px;
}

.ae-faw-breadcrumb a {
    color: rgba(255,255,255,.85);
}

.ae-faw-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-faw-breadcrumb i {
    font-size: 9px;
    color: var(--ae-primary-light);
}


/* =========================================================
   COMMON CONTENT
========================================================= */

.ae-faw-content h2,
.ae-faw-content-card h2,
.ae-faw-feature-box h2,
.ae-faw-dark-content h2,
.ae-faw-faq-heading h2,
.ae-faw-gallery-heading h2 {
    margin: 12px 0 20px;
    color: var(--ae-dark);
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.ae-faw-content h2 span {
    color: var(--ae-primary);
}

.ae-faw-content h2 strong {
    display: block;
}

.ae-faw-heading-line {
    width: 60px;
    height: 3px;
    margin: 0 0 27px;
    background: var(--ae-primary);
}

.ae-faw-content h3,
.ae-faw-feature-box h3 {
    margin: 28px 0 12px;
    color: var(--ae-dark);
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}

.ae-faw-content p,
.ae-faw-content-card p,
.ae-faw-feature-box p,
.ae-faw-dark-content p {
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.9;
}

.ae-faw-content a,
.ae-faw-content-card a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-faw-content a:hover,
.ae-faw-content-card a:hover {
    color: var(--ae-primary-dark);
}

.ae-faw-lead {
    margin-bottom: 24px !important;
    color: var(--ae-text-light) !important;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


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

.ae-faw-overview {
    padding: 120px 0;
    background: var(--ae-white);
}

.ae-faw-feature-image {
    position: relative;
    overflow: hidden;
}

.ae-faw-feature-image img {
    width: 100%;
    min-height: 520px;
    object-fit: cover;
}

.ae-faw-feature-image::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255,255,255,.5);
    pointer-events: none;
}

.ae-faw-image-caption {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 18px;
    background: rgba(16,18,24,.9);
    color: var(--ae-white);
}

.ae-faw-image-caption > span {
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
    color: var(--ae-primary-light);
}

.ae-faw-image-caption small {
    display: block;
    margin-bottom: 2px;
    color: rgba(255,255,255,.55);
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ae-faw-image-caption strong {
    font-size: 13px;
}


/* =========================================================
   ABOUT
========================================================= */

.ae-faw-about {
    padding: 100px 0;
    background: var(--ae-light);
}

.ae-faw-content-card {
    max-width: 1050px;
    margin: 0 auto;
    padding: 55px;
    background: var(--ae-white);
    border-left: 4px solid var(--ae-primary);
    box-shadow: var(--ae-shadow);
}

.ae-faw-content-card h2 {
    max-width: 900px;
}

.ae-faw-content-card p {
    margin-bottom: 0;
}


/* =========================================================
   PRICE
========================================================= */

.ae-faw-price {
    padding: 100px 0;
    background: var(--ae-white);
}

.ae-faw-price-card {
    position: relative;
    padding: 45px 40px;
    background:
        linear-gradient(145deg, var(--ae-dark), var(--ae-black));
    color: var(--ae-white);
    box-shadow: var(--ae-shadow-hover);
    overflow: hidden;
}

.ae-faw-price-card::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    bottom: -70px;
    border-radius: 50%;
    border: 35px solid rgba(144,8,8,.18);
}

.ae-faw-price-card span {
    display: block;
    margin-bottom: 12px;
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ae-faw-price-card strong {
    display: block;
    margin-bottom: 12px;
    color: var(--ae-white);
    font-size: 52px;
    line-height: 1;
    font-weight: 800;
}

.ae-faw-price-card small {
    color: rgba(255,255,255,.58);
    font-size: 12px;
}


/* =========================================================
   FEATURES
========================================================= */

.ae-faw-features {
    padding: 110px 0;
    background: var(--ae-light);
}

.ae-faw-feature-box {
    height: 100%;
    padding: 50px;
    background: var(--ae-white);
    box-shadow: var(--ae-shadow);
}

.ae-faw-feature-box-dark {
    background: var(--ae-dark);
}

.ae-faw-feature-box-dark h2,
.ae-faw-feature-box-dark h3 {
    color: var(--ae-white);
}

.ae-faw-feature-box-dark p {
    color: rgba(255,255,255,.66);
}

.ae-faw-feature-box-dark .ae-faw-section-kicker {
    color: var(--ae-primary-light);
}


/* =========================================================
   COMPARISON
========================================================= */

.ae-faw-comparison {
    padding: 120px 0;
    background: var(--ae-white);
}

.ae-faw-comparison .ae-faw-content {
    max-width: 1000px;
    margin-bottom: 40px;
}

.ae-faw-table-wrap {
    overflow-x: auto;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-faw-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.ae-faw-table th {
    padding: 20px;
    background: var(--ae-dark);
    color: var(--ae-white);
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.ae-faw-table td {
    padding: 20px;
    border-bottom: 1px solid var(--ae-border);
    color: var(--ae-text);
    font-size: 14px;
    line-height: 1.7;
    vertical-align: top;
}

.ae-faw-table tr:last-child td {
    border-bottom: 0;
}

.ae-faw-table tbody tr:hover td {
    background: var(--ae-light);
}

.ae-faw-table td:first-child {
    width: 22%;
    color: var(--ae-dark);
    font-weight: 700;
}

.ae-faw-conclusion {
    margin-top: 30px;
    padding: 24px 28px;
    background: var(--ae-light);
    border-left: 3px solid var(--ae-primary);
}

.ae-faw-conclusion p {
    margin: 0;
    color: var(--ae-text);
}


/* =========================================================
   PROVINCIAL
========================================================= */

.ae-faw-provincial {
    padding: 110px 0;
    background: var(--ae-light);
}

.ae-faw-number-card {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45px;
    background:
        linear-gradient(145deg, var(--ae-primary), var(--ae-primary-dark));
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-faw-number-card span {
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.ae-faw-number-card strong {
    font-size: clamp(55px, 7vw, 95px);
    line-height: .9;
    font-weight: 800;
    letter-spacing: -3px;
}

.ae-faw-number-card small {
    margin-top: 22px;
    color: rgba(255,255,255,.7);
    font-size: 12px;
}


/* =========================================================
   WHY
========================================================= */

.ae-faw-why {
    padding: 110px 0;
    background: var(--ae-dark);
}

.ae-faw-dark-content {
    max-width: 1000px;
    margin: 0 auto;
}

.ae-faw-dark-content h2 {
    color: var(--ae-white);
}

.ae-faw-dark-content p {
    color: rgba(255,255,255,.65);
}

.ae-faw-dark-content .ae-faw-section-kicker {
    color: var(--ae-primary-light);
}


/* =========================================================
   CUSTOMIZATION
========================================================= */

.ae-faw-customization {
    padding: 120px 0;
    background: var(--ae-white);
}


/* =========================================================
   MAINTENANCE
========================================================= */

.ae-faw-maintenance {
    padding: 100px 0;
    background: var(--ae-light);
}


/* =========================================================
   ORDER
========================================================= */

.ae-faw-order {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-faw-process {
    padding: 35px;
    background: var(--ae-dark);
    box-shadow: var(--ae-shadow-hover);
}

.ae-faw-process-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.ae-faw-process-item:last-child {
    border-bottom: 0;
}

.ae-faw-process-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid rgba(255,255,255,.18);
    color: var(--ae-primary-light);
    font-size: 12px;
    font-weight: 800;
}

.ae-faw-process-item strong {
    color: var(--ae-white);
    font-size: 15px;
}


/* =========================================================
   SOLUTION
========================================================= */

.ae-faw-solution {
    padding: 120px 0;
    background: var(--ae-light);
}


/* =========================================================
   FAQ
========================================================= */

.ae-faw-faq {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-faw-faq-heading {
    max-width: 900px;
    margin-bottom: 45px;
}

.ae-faw-faq-list {
    max-width: 1000px;
}

.ae-faw-faq-item {
    margin-bottom: 12px;
    border: 1px solid var(--ae-border);
    background: var(--ae-white);
    transition: var(--ae-transition);
}

.ae-faw-faq-item.active {
    border-color: rgba(144,8,8,.35);
    box-shadow: var(--ae-shadow);
}

.ae-faw-faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 21px 25px;
    border: 0;
    background: transparent;
    color: var(--ae-dark);
    text-align: left;
    font-size: 15px;
    font-weight: 700;
}

.ae-faw-faq-question i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: var(--ae-light);
    color: var(--ae-primary);
    font-size: 11px;
    transition: var(--ae-transition);
}

.ae-faw-faq-item.active .ae-faw-faq-question i {
    transform: rotate(45deg);
    background: var(--ae-primary);
    color: var(--ae-white);
}

.ae-faw-faq-answer {
    max-height: 0;
    padding: 0 25px;
    overflow: hidden;
    transition: max-height .4s ease, padding .4s ease;
}

.ae-faw-faq-item.active .ae-faw-faq-answer {
    max-height: 500px;
    padding: 0 25px 23px;
}

.ae-faw-faq-answer p {
    margin: 0;
    color: var(--ae-text);
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   GALLERY
========================================================= */

.ae-faw-gallery {
    padding: 120px 0;
    background: var(--ae-light);
}

.ae-faw-gallery-heading {
    margin-bottom: 45px;
}

.ae-faw-gallery-heading h2 {
    margin-bottom: 10px;
}

.ae-faw-gallery-heading h2 strong {
    color: var(--ae-primary);
}

.ae-faw-gallery-heading p {
    color: var(--ae-text-light);
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ae-faw-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 40px;
    padding: 6px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-faw-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 160px;
    padding: 14px 22px;
    border: 0;
    background: transparent;
    color: var(--ae-text);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: var(--ae-transition);
}

.ae-faw-tab i {
    color: var(--ae-primary);
}

.ae-faw-tab:hover {
    background: var(--ae-light);
}

.ae-faw-tab.active {
    background: var(--ae-primary);
    color: var(--ae-white);
}

.ae-faw-tab.active i {
    color: var(--ae-white);
}

.ae-faw-tab-content {
    display: none;
}

.ae-faw-tab-content.active {
    display: block;
    animation: aeFawFadeUp .5s ease both;
}

@keyframes aeFawFadeUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   GALLERY IMAGES
========================================================= */

.ae-faw-gallery-card {
    position: relative;
    overflow: hidden;
    background: var(--ae-white);
    box-shadow: var(--ae-shadow);
}

.ae-faw-gallery-card img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-faw-gallery-card:hover img {
    transform: scale(1.04);
}


/* =========================================================
   FEATURE CARDS
========================================================= */

.ae-faw-feature-card {
    display: flex;
    min-height: 190px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
    overflow: hidden;
    transition: var(--ae-transition);
}

.ae-faw-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--ae-shadow-hover);
}

.ae-faw-feature-card-image {
    width: 34%;
    flex: 0 0 34%;
    overflow: hidden;
}

.ae-faw-feature-card-image img {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-faw-feature-card:hover .ae-faw-feature-card-image img {
    transform: scale(1.06);
}

.ae-faw-feature-card-content {
    position: relative;
    padding: 25px;
}

.ae-faw-feature-card-content > span {
    display: block;
    margin-bottom: 8px;
    color: var(--ae-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-faw-feature-card-content h3 {
    margin: 0 0 9px;
    color: var(--ae-dark);
    font-size: 17px;
    line-height: 1.3;
}

.ae-faw-feature-card-content p {
    margin: 0;
    color: var(--ae-text);
    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   LARGE SCREEN
========================================================= */

@media (min-width: 1200px) {

    .ae-faw-hero-image {
        padding-left: 45px;
    }

}


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

@media (max-width: 991px) {

    .ae-faw-hero {
        min-height: auto;
        padding: 100px 0 100px;
    }

    .ae-faw-hero-content {
        max-width: 100%;
        margin-bottom: 70px;
    }

    .ae-faw-hero-image {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 0;
    }

    .ae-faw-image-frame img {
        height: 430px;
    }

    .ae-faw-overview,
    .ae-faw-comparison,
    .ae-faw-customization,
    .ae-faw-solution {
        padding: 90px 0;
    }

    .ae-faw-about,
    .ae-faw-price,
    .ae-faw-features,
    .ae-faw-provincial,
    .ae-faw-why,
    .ae-faw-order,
    .ae-faw-faq,
    .ae-faw-gallery {
        padding: 85px 0;
    }

    .ae-faw-feature-image {
        max-width: 750px;
        margin: 0 auto;
    }

    .ae-faw-price-card {
        margin-top: 25px;
    }

    .ae-faw-number-card {
        min-height: 280px;
        margin-bottom: 10px;
    }

    .ae-faw-feature-box {
        padding: 40px;
    }

}


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

@media (max-width: 767px) {

    .ae-faw-hero {
        padding: 80px 0 85px;
    }

    .ae-faw-hero h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }

    .ae-faw-hero-subtitle {
        font-size: 16px;
    }

    .ae-faw-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ae-faw-btn {
        justify-content: center;
    }

    .ae-faw-meta {
        gap: 15px;
    }

    .ae-faw-image-frame img {
        height: 350px;
    }

    .ae-faw-image-label {
        right: 15px;
        bottom: -20px;
    }

    .ae-faw-breadcrumb {
        position: relative;
        margin-top: 30px;
    }

    .ae-faw-breadcrumb .container {
        flex-wrap: wrap;
    }

    .ae-faw-content-card {
        padding: 35px 25px;
    }

    .ae-faw-feature-box {
        padding: 32px 25px;
    }

    .ae-faw-content h2,
    .ae-faw-content-card h2,
    .ae-faw-feature-box h2,
    .ae-faw-dark-content h2,
    .ae-faw-faq-heading h2,
    .ae-faw-gallery-heading h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .ae-faw-feature-image img {
        min-height: 390px;
    }

    .ae-faw-price-card {
        padding: 35px 28px;
    }

    .ae-faw-price-card strong {
        font-size: 43px;
    }

    .ae-faw-number-card {
        min-height: 240px;
        padding: 35px;
    }

    .ae-faw-number-card strong {
        font-size: 65px;
    }

    .ae-faw-tabs {
        flex-direction: column;
    }

    .ae-faw-tab {
        width: 100%;
    }

    .ae-faw-gallery-card img {
        height: 300px;
    }

    .ae-faw-feature-card {
        display: block;
    }

    .ae-faw-feature-card-image {
        width: 100%;
        height: 230px;
    }

    .ae-faw-feature-card-image img {
        min-height: 230px;
    }

}


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

@media (max-width: 575px) {

    .ae-faw-hero {
        padding-top: 65px;
    }

    .ae-faw-hero h1 {
        font-size: 43px;
    }

    .ae-faw-hero-line {
        margin: 20px 0;
    }

    .ae-faw-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .ae-faw-image-frame img {
        height: 285px;
    }

    .ae-faw-image-label {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 12px;
    }

    .ae-faw-overview,
    .ae-faw-comparison,
    .ae-faw-customization,
    .ae-faw-solution {
        padding: 70px 0;
    }

    .ae-faw-about,
    .ae-faw-price,
    .ae-faw-features,
    .ae-faw-provincial,
    .ae-faw-why,
    .ae-faw-order,
    .ae-faw-faq,
    .ae-faw-gallery {
        padding: 70px 0;
    }

    .ae-faw-feature-image img {
        min-height: 300px;
    }

    .ae-faw-image-caption {
        left: 15px;
        right: 15px;
        bottom: 15px;
    }

    .ae-faw-table th,
    .ae-faw-table td {
        padding: 14px;
    }

    .ae-faw-process {
        padding: 20px;
    }

    .ae-faw-faq-question {
        padding: 18px;
        font-size: 14px;
    }

    .ae-faw-faq-item.active .ae-faw-faq-answer {
        padding-left: 18px;
        padding-right: 18px;
    }

}

/* =========================================================
   TOYOTA HIACE AMBULANCE
   AE WORKS PRIVATE LIMITED
========================================================= */

.ae-hiace-page {
    overflow: hidden;
    background: var(--ae-white);
}


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

.ae-hiace-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    background: var(--ae-dark);
    color: var(--ae-white);
    overflow: hidden;
}

.ae-hiace-hero-bg {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .97) 0%,
            rgba(8, 9, 12, .90) 45%,
            rgba(8, 9, 12, .48) 100%
        ),
        url('../images/hiace.webp') center right / cover no-repeat;
    opacity: .95;
}

.ae-hiace-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .09;
    background-image:
        linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px);
    background-size: 55px 55px;
}

.ae-hiace-hero-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    right: -220px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(144, 8, 8, .24);
    filter: blur(80px);
}

.ae-hiace-hero .container {
    position: relative;
    z-index: 2;
}

.ae-hiace-hero-inner {
    min-height: 700px;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 70px;
    padding: 100px 0 120px;
}

.ae-hiace-hero-content {
    max-width: 720px;
}

.ae-hiace-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.ae-hiace-kicker span {
    width: 35px;
    height: 2px;
    display: inline-block;
    background: var(--ae-primary);
}

.ae-hiace-hero h1 {
    margin: 0;
    color: var(--ae-white);
    font-size: clamp(52px, 6vw, 92px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -3px;
}

.ae-hiace-hero h1 strong {
    display: block;
    color: var(--ae-primary-light);
    font-weight: 800;
}

.ae-hiace-hero-subtitle {
    margin-top: 26px;
    color: var(--ae-white);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px;
}

.ae-hiace-hero-text {
    max-width: 690px;
    margin-top: 24px;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.9;
}

.ae-hiace-hero-text b {
    color: var(--ae-white);
}

.ae-hiace-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.ae-hiace-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 25px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    transition: var(--ae-transition);
}

.ae-hiace-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-hiace-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-light);
    transform: translateY(-3px);
}

.ae-hiace-btn-outline {
    color: var(--ae-white);
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(255,255,255,.04);
}

.ae-hiace-btn-outline:hover {
    color: var(--ae-white);
    border-color: var(--ae-primary);
    background: var(--ae-primary);
    transform: translateY(-3px);
}

.ae-hiace-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 55px;
    border-top: 1px solid rgba(255,255,255,.14);
    padding-top: 22px;
}

.ae-hiace-hero-meta > div {
    min-width: 145px;
    padding-right: 28px;
    margin-right: 28px;
    border-right: 1px solid rgba(255,255,255,.14);
}

.ae-hiace-hero-meta > div:last-child {
    border-right: 0;
}

.ae-hiace-hero-meta strong,
.ae-hiace-hero-meta span {
    display: block;
}

.ae-hiace-hero-meta strong {
    color: var(--ae-white);
    font-size: 12px;
    letter-spacing: 1px;
}

.ae-hiace-hero-meta span {
    margin-top: 4px;
    color: rgba(255,255,255,.52);
    font-size: 11px;
}

.ae-hiace-hero-media {
    position: relative;
}

.ae-hiace-image-frame {
    position: relative;
    padding: 15px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.15);
}

.ae-hiace-image-frame::before {
    content: "";
    position: absolute;
    top: -14px;
    left: -14px;
    width: 100px;
    height: 100px;
    border-top: 2px solid var(--ae-primary);
    border-left: 2px solid var(--ae-primary);
}

.ae-hiace-image-frame::after {
    content: "";
    position: absolute;
    right: -14px;
    bottom: -14px;
    width: 100px;
    height: 100px;
    border-right: 2px solid var(--ae-primary);
    border-bottom: 2px solid var(--ae-primary);
}

.ae-hiace-image-frame img {
    width: 100%;
    min-height: 450px;
    object-fit: cover;
}

.ae-hiace-image-accent {
    position: absolute;
    width: 150px;
    height: 150px;
    right: -40px;
    top: -40px;
    border-radius: 50%;
    background: var(--ae-primary);
    opacity: .18;
    filter: blur(35px);
}

.ae-hiace-image-label {
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 17px;
    background: rgba(8,9,12,.86);
    border-left: 3px solid var(--ae-primary);
    color: var(--ae-white);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ae-hiace-image-label span {
    color: var(--ae-primary-light);
}

.ae-hiace-breadcrumb {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.09);
    background: rgba(8,9,12,.55);
    backdrop-filter: blur(10px);
}

.ae-hiace-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
}

.ae-hiace-breadcrumb a {
    color: rgba(255,255,255,.55);
}

.ae-hiace-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-hiace-breadcrumb span {
    color: rgba(255,255,255,.25);
}

.ae-hiace-breadcrumb strong {
    color: var(--ae-white);
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.ae-hiace-section {
    padding: 110px 0;
}

.ae-hiace-section-heading {
    max-width: 850px;
    margin-bottom: 60px;
}

.ae-hiace-section-heading.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ae-hiace-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--ae-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.ae-hiace-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-hiace-section-heading.centered .ae-hiace-eyebrow::after {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-hiace-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.ae-hiace-section-heading p {
    margin-top: 15px;
    color: var(--ae-text-light);
}


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

.ae-hiace-intro {
    background: var(--ae-white);
}

.ae-hiace-content-card {
    position: relative;
    padding: 15px 0 15px 35px;
}

.ae-hiace-line {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    width: 3px;
    background: var(--ae-primary);
}

.ae-hiace-content-card p {
    margin: 0;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.95;
}

.ae-hiace-content-card a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-hiace-image-card {
    position: relative;
    padding: 12px;
    background: var(--ae-light);
}

.ae-hiace-image-card::before {
    content: "";
    position: absolute;
    top: -18px;
    right: -18px;
    width: 80px;
    height: 80px;
    border-top: 3px solid var(--ae-primary);
    border-right: 3px solid var(--ae-primary);
}

.ae-hiace-image-card img {
    width: 100%;
    min-height: 430px;
    object-fit: cover;
}


/* =========================================================
   WHY HIACE
========================================================= */

.ae-hiace-why {
    background: var(--ae-light);
}

.ae-hiace-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.ae-hiace-feature-box {
    position: relative;
    padding: 38px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    overflow: hidden;
    transition: var(--ae-transition);
}

.ae-hiace-feature-box:hover {
    transform: translateY(-6px);
    border-color: rgba(144,8,8,.22);
    box-shadow: var(--ae-shadow-hover);
}

.ae-hiace-feature-box:last-child {
    grid-column: 1 / -1;
}

.ae-hiace-number {
    position: absolute;
    top: 20px;
    right: 25px;
    color: rgba(144,8,8,.08);
    font-size: 65px;
    font-weight: 800;
    line-height: 1;
}

.ae-hiace-feature-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    background: rgba(144,8,8,.08);
    color: var(--ae-primary);
    font-size: 21px;
}

.ae-hiace-feature-box h3 {
    margin-bottom: 16px;
    color: var(--ae-dark);
    font-size: 21px;
    font-weight: 800;
}

.ae-hiace-feature-box p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.85;
}


/* =========================================================
   MANUFACTURING
========================================================= */

.ae-hiace-manufacturing {
    background: var(--ae-white);
}

.ae-hiace-dark-card,
.ae-hiace-outline-card {
    height: 100%;
    padding: 48px;
    border: 1px solid var(--ae-border);
}

.ae-hiace-dark-card {
    background: var(--ae-dark);
    color: var(--ae-white);
}

.ae-hiace-outline-card {
    background: var(--ae-light);
}

.ae-hiace-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.ae-hiace-card-top span {
    color: var(--ae-primary-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-hiace-card-top i {
    color: var(--ae-primary);
    font-size: 28px;
}

.ae-hiace-dark-card h2,
.ae-hiace-outline-card h2 {
    margin-bottom: 22px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
}

.ae-hiace-dark-card h2 {
    color: var(--ae-white);
}

.ae-hiace-outline-card h2 {
    color: var(--ae-dark);
}

.ae-hiace-dark-card p,
.ae-hiace-outline-card p {
    margin: 0;
    line-height: 1.9;
}

.ae-hiace-dark-card p {
    color: rgba(255,255,255,.68);
}

.ae-hiace-outline-card p {
    color: var(--ae-text);
}

.ae-hiace-dark-card p b {
    color: var(--ae-white);
}


/* =========================================================
   CRITICAL FEATURES
========================================================= */

.ae-hiace-critical {
    background: var(--ae-light);
}

.ae-hiace-critical-list {
    border-top: 1px solid var(--ae-border);
}

.ae-hiace-critical-item {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 30px;
    padding: 38px 0;
    border-bottom: 1px solid var(--ae-border);
}

.ae-hiace-critical-index {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ae-dark);
    color: var(--ae-white);
    font-size: 13px;
    font-weight: 800;
}

.ae-hiace-critical-item h3 {
    margin: 0 0 13px;
    color: var(--ae-dark);
    font-size: 24px;
    font-weight: 800;
}

.ae-hiace-critical-item p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.9;
}


/* =========================================================
   APPLICATIONS
========================================================= */

.ae-hiace-applications {
    background: var(--ae-white);
}

.ae-hiace-tall-card {
    min-height: 100%;
    padding-right: 35px;
}

.ae-hiace-small-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--ae-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-hiace-tall-card h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
}

.ae-hiace-tall-card p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.9;
}


/* =========================================================
   STANDARDS
========================================================= */

.ae-hiace-standards {
    background: var(--ae-light);
}

.ae-hiace-standards-box {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 35px;
    align-items: start;
    padding: 50px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-hiace-standards-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ae-primary);
    color: var(--ae-white);
    font-size: 27px;
}

.ae-hiace-standards-box h2 {
    margin: 0 0 18px;
    color: var(--ae-dark);
    font-size: 34px;
    font-weight: 800;
}

.ae-hiace-standards-box p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.9;
}

.ae-hiace-standards-box a {
    color: var(--ae-primary);
    font-weight: 600;
}


/* =========================================================
   PARTNER
========================================================= */

.ae-hiace-partner {
    background: var(--ae-dark);
}

.ae-hiace-partner-box {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 55px;
    align-items: center;
}

.ae-hiace-partner-number {
    width: 145px;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.16);
    color: var(--ae-primary-light);
    font-size: 46px;
    font-weight: 800;
}

.ae-hiace-partner-content h2 {
    margin: 0 0 25px;
    color: var(--ae-white);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 800;
    line-height: 1.1;
}

.ae-hiace-partner-content p {
    margin-bottom: 18px;
    color: rgba(255,255,255,.67);
    line-height: 1.9;
}

.ae-hiace-partner-content p b {
    color: var(--ae-white);
}


/* =========================================================
   GALLERY
========================================================= */

.ae-hiace-gallery {
    background: var(--ae-white);
}

.ae-hiace-section-heading h2 span {
    color: var(--ae-primary);
}

.ae-hiace-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 45px;
    padding: 7px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
}

.ae-hiace-tab {
    min-height: 52px;
    padding: 0 28px;
    border: 0;
    background: transparent;
    color: var(--ae-text);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    transition: var(--ae-transition);
}

.ae-hiace-tab i {
    margin-right: 8px;
}

.ae-hiace-tab:hover {
    color: var(--ae-primary);
}

.ae-hiace-tab.active {
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-hiace-tab-content {
    display: none;
}

.ae-hiace-tab-content.active {
    display: block;
    animation: hiaceFadeIn .4s ease;
}

@keyframes hiaceFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ae-hiace-gallery-card {
    position: relative;
    overflow: hidden;
    background: var(--ae-light);
}

.ae-hiace-gallery-card img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: transform .6s ease;
}

.ae-hiace-gallery-card:hover img {
    transform: scale(1.05);
}

.ae-hiace-gallery-large img {
    height: 550px;
}

.ae-hiace-gallery-caption {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(8,9,12,.84);
    color: var(--ae-white);
    font-size: 12px;
    font-weight: 700;
    backdrop-filter: blur(7px);
}

.ae-hiace-gallery-caption span {
    color: var(--ae-primary-light);
}


/* =========================================================
   FEATURE CARDS
========================================================= */

.ae-hiace-feature-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--ae-border);
    border-left: 1px solid var(--ae-border);
}

.ae-hiace-feature-card {
    display: grid;
    grid-template-columns: 145px 1fr;
    min-height: 190px;
    border-right: 1px solid var(--ae-border);
    border-bottom: 1px solid var(--ae-border);
    background: var(--ae-white);
    transition: var(--ae-transition);
}

.ae-hiace-feature-card:hover {
    background: var(--ae-light);
}

.ae-hiace-feature-image {
    overflow: hidden;
}

.ae-hiace-feature-image img {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
    transition: transform .5s ease;
}

.ae-hiace-feature-card:hover .ae-hiace-feature-image img {
    transform: scale(1.06);
}

.ae-hiace-feature-card-content {
    position: relative;
    padding: 25px;
}

.ae-hiace-feature-card-content > span {
    display: block;
    margin-bottom: 8px;
    color: var(--ae-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-hiace-feature-card-content h3 {
    margin: 0 0 10px;
    color: var(--ae-dark);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
}

.ae-hiace-feature-card-content p {
    margin: 0;
    color: var(--ae-text);
    font-size: 13px;
    line-height: 1.7;
}


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

.ae-hiace-cta {
    padding: 65px 0;
    background: var(--ae-primary);
}

.ae-hiace-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.ae-hiace-cta-content {
    max-width: 920px;
}

.ae-hiace-cta .ae-hiace-small-label {
    color: rgba(255,255,255,.65);
}

.ae-hiace-cta p {
    margin: 0;
    color: var(--ae-white);
    font-size: 17px;
    line-height: 1.8;
}

.ae-hiace-cta a:not(.ae-hiace-btn) {
    color: var(--ae-white);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ae-hiace-cta .ae-hiace-btn-primary {
    flex-shrink: 0;
    background: var(--ae-dark);
    box-shadow: none;
}

.ae-hiace-cta .ae-hiace-btn-primary:hover {
    background: var(--ae-black);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .ae-hiace-hero-inner {
        gap: 40px;
    }

    .ae-hiace-hero h1 {
        font-size: 70px;
    }

    .ae-hiace-feature-grid {
        gap: 20px;
    }

}


@media (max-width: 991px) {

    .ae-hiace-section {
        padding: 85px 0;
    }

    .ae-hiace-hero {
        min-height: auto;
    }

    .ae-hiace-hero-inner {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 100px 0 110px;
    }

    .ae-hiace-hero-content {
        max-width: 100%;
    }

    .ae-hiace-hero-media {
        max-width: 700px;
    }

    .ae-hiace-feature-grid {
        grid-template-columns: 1fr;
    }

    .ae-hiace-feature-box:last-child {
        grid-column: auto;
    }

    .ae-hiace-partner-box {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .ae-hiace-feature-cards {
        grid-template-columns: 1fr;
    }

    .ae-hiace-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 767px) {

    .ae-hiace-section {
        padding: 70px 0;
    }

    .ae-hiace-hero-inner {
        padding: 80px 0 95px;
    }

    .ae-hiace-hero h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .ae-hiace-hero-subtitle {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .ae-hiace-hero-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .ae-hiace-hero-meta {
        gap: 18px;
    }

    .ae-hiace-hero-meta > div {
        min-width: 110px;
        margin-right: 0;
        padding-right: 15px;
    }

    .ae-hiace-image-frame img {
        min-height: 300px;
    }

    .ae-hiace-breadcrumb {
        padding: 14px 0;
    }

    .ae-hiace-section-heading {
        margin-bottom: 40px;
    }

    .ae-hiace-section-heading h2 {
        font-size: 34px;
    }

    .ae-hiace-content-card {
        padding-left: 25px;
    }

    .ae-hiace-image-card img {
        min-height: 300px;
    }

    .ae-hiace-feature-box {
        padding: 28px;
    }

    .ae-hiace-dark-card,
    .ae-hiace-outline-card {
        padding: 30px;
    }

    .ae-hiace-dark-card h2,
    .ae-hiace-outline-card h2 {
        font-size: 26px;
    }

    .ae-hiace-critical-item {
        grid-template-columns: 55px 1fr;
        gap: 20px;
    }

    .ae-hiace-critical-index {
        width: 48px;
        height: 48px;
    }

    .ae-hiace-critical-item h3 {
        font-size: 20px;
    }

    .ae-hiace-standards-box {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .ae-hiace-partner-number {
        width: 100px;
        height: 100px;
        font-size: 34px;
    }

    .ae-hiace-partner-content h2 {
        font-size: 34px;
    }

    .ae-hiace-tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ae-hiace-tab {
        width: 100%;
    }

    .ae-hiace-gallery-card img,
    .ae-hiace-gallery-large img {
        height: 300px;
    }

    .ae-hiace-feature-card {
        grid-template-columns: 110px 1fr;
    }

    .ae-hiace-feature-image img {
        min-height: 220px;
    }

    .ae-hiace-feature-card-content {
        padding: 18px;
    }

    .ae-hiace-feature-card-content h3 {
        font-size: 15px;
    }

    .ae-hiace-feature-card-content p {
        font-size: 12px;
    }

    .ae-hiace-cta {
        padding: 50px 0;
    }

    .ae-hiace-cta p {
        font-size: 14px;
    }

}


@media (max-width: 575px) {

    .ae-hiace-hero h1 {
        font-size: 43px;
    }

    .ae-hiace-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ae-hiace-btn {
        width: 100%;
    }

    .ae-hiace-hero-meta {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .ae-hiace-hero-meta > div {
        border-right: 0;
    }

    .ae-hiace-feature-card {
        grid-template-columns: 1fr;
    }

    .ae-hiace-feature-image img {
        height: 210px;
        min-height: 210px;
    }

    .ae-hiace-partner-content h2 {
        font-size: 30px;
    }

}

/* =========================================================
   TOYOTA HIACE AMBULANCE
   AE WORKS PRIVATE LIMITED
========================================================= */

.ae-hiace-page {
    overflow: hidden;
    background: var(--ae-white);
}


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

.ae-hiace-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    background: var(--ae-dark);
    color: var(--ae-white);
    overflow: hidden;
}

.ae-hiace-hero-bg {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(8, 9, 12, .97) 0%,
            rgba(8, 9, 12, .90) 45%,
            rgba(8, 9, 12, .48) 100%
        ),
        url('../images/hiace.webp') center right / cover no-repeat;
    opacity: .95;
}

.ae-hiace-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .09;
    background-image:
        linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px);
    background-size: 55px 55px;
}

.ae-hiace-hero-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    right: -220px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(144, 8, 8, .24);
    filter: blur(80px);
}

.ae-hiace-hero .container {
    position: relative;
    z-index: 2;
}

.ae-hiace-hero-inner {
    min-height: 700px;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 70px;
    padding: 100px 0 120px;
}

.ae-hiace-hero-content {
    max-width: 720px;
}

.ae-hiace-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.ae-hiace-kicker span {
    width: 35px;
    height: 2px;
    display: inline-block;
    background: var(--ae-primary);
}

.ae-hiace-hero h1 {
    margin: 0;
    color: var(--ae-white);
    font-size: clamp(52px, 6vw, 92px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -3px;
}

.ae-hiace-hero h1 strong {
    display: block;
    color: var(--ae-primary-light);
    font-weight: 800;
}

.ae-hiace-hero-subtitle {
    margin-top: 26px;
    color: var(--ae-white);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px;
}

.ae-hiace-hero-text {
    max-width: 690px;
    margin-top: 24px;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.9;
}

.ae-hiace-hero-text b {
    color: var(--ae-white);
}

.ae-hiace-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.ae-hiace-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 25px;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    transition: var(--ae-transition);
}

.ae-hiace-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-hiace-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-light);
    transform: translateY(-3px);
}

.ae-hiace-btn-outline {
    color: var(--ae-white);
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(255,255,255,.04);
}

.ae-hiace-btn-outline:hover {
    color: var(--ae-white);
    border-color: var(--ae-primary);
    background: var(--ae-primary);
    transform: translateY(-3px);
}

.ae-hiace-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 55px;
    border-top: 1px solid rgba(255,255,255,.14);
    padding-top: 22px;
}

.ae-hiace-hero-meta > div {
    min-width: 145px;
    padding-right: 28px;
    margin-right: 28px;
    border-right: 1px solid rgba(255,255,255,.14);
}

.ae-hiace-hero-meta > div:last-child {
    border-right: 0;
}

.ae-hiace-hero-meta strong,
.ae-hiace-hero-meta span {
    display: block;
}

.ae-hiace-hero-meta strong {
    color: var(--ae-white);
    font-size: 12px;
    letter-spacing: 1px;
}

.ae-hiace-hero-meta span {
    margin-top: 4px;
    color: rgba(255,255,255,.52);
    font-size: 11px;
}

.ae-hiace-hero-media {
    position: relative;
}

.ae-hiace-image-frame {
    position: relative;
    padding: 15px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.15);
}

.ae-hiace-image-frame::before {
    content: "";
    position: absolute;
    top: -14px;
    left: -14px;
    width: 100px;
    height: 100px;
    border-top: 2px solid var(--ae-primary);
    border-left: 2px solid var(--ae-primary);
}

.ae-hiace-image-frame::after {
    content: "";
    position: absolute;
    right: -14px;
    bottom: -14px;
    width: 100px;
    height: 100px;
    border-right: 2px solid var(--ae-primary);
    border-bottom: 2px solid var(--ae-primary);
}

.ae-hiace-image-frame img {
    width: 100%;
    min-height: 450px;
    object-fit: cover;
}

.ae-hiace-image-accent {
    position: absolute;
    width: 150px;
    height: 150px;
    right: -40px;
    top: -40px;
    border-radius: 50%;
    background: var(--ae-primary);
    opacity: .18;
    filter: blur(35px);
}

.ae-hiace-image-label {
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 17px;
    background: rgba(8,9,12,.86);
    border-left: 3px solid var(--ae-primary);
    color: var(--ae-white);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ae-hiace-image-label span {
    color: var(--ae-primary-light);
}

.ae-hiace-breadcrumb {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.09);
    background: rgba(8,9,12,.55);
    backdrop-filter: blur(10px);
}

.ae-hiace-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
}

.ae-hiace-breadcrumb a {
    color: rgba(255,255,255,.55);
}

.ae-hiace-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-hiace-breadcrumb span {
    color: rgba(255,255,255,.25);
}

.ae-hiace-breadcrumb strong {
    color: var(--ae-white);
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.ae-hiace-section {
    padding: 110px 0;
}

.ae-hiace-section-heading {
    max-width: 850px;
    margin-bottom: 60px;
}

.ae-hiace-section-heading.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ae-hiace-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--ae-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.ae-hiace-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-hiace-section-heading.centered .ae-hiace-eyebrow::after {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-hiace-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.ae-hiace-section-heading p {
    margin-top: 15px;
    color: var(--ae-text-light);
}


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

.ae-hiace-intro {
    background: var(--ae-white);
}

.ae-hiace-content-card {
    position: relative;
    padding: 15px 0 15px 35px;
}

.ae-hiace-line {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    width: 3px;
    background: var(--ae-primary);
}

.ae-hiace-content-card p {
    margin: 0;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.95;
}

.ae-hiace-content-card a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-hiace-image-card {
    position: relative;
    padding: 12px;
    background: var(--ae-light);
}

.ae-hiace-image-card::before {
    content: "";
    position: absolute;
    top: -18px;
    right: -18px;
    width: 80px;
    height: 80px;
    border-top: 3px solid var(--ae-primary);
    border-right: 3px solid var(--ae-primary);
}

.ae-hiace-image-card img {
    width: 100%;
    min-height: 430px;
    object-fit: cover;
}


/* =========================================================
   WHY HIACE
========================================================= */

.ae-hiace-why {
    background: var(--ae-light);
}

.ae-hiace-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.ae-hiace-feature-box {
    position: relative;
    padding: 38px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    overflow: hidden;
    transition: var(--ae-transition);
}

.ae-hiace-feature-box:hover {
    transform: translateY(-6px);
    border-color: rgba(144,8,8,.22);
    box-shadow: var(--ae-shadow-hover);
}

.ae-hiace-feature-box:last-child {
    grid-column: 1 / -1;
}

.ae-hiace-number {
    position: absolute;
    top: 20px;
    right: 25px;
    color: rgba(144,8,8,.08);
    font-size: 65px;
    font-weight: 800;
    line-height: 1;
}

.ae-hiace-feature-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    background: rgba(144,8,8,.08);
    color: var(--ae-primary);
    font-size: 21px;
}

.ae-hiace-feature-box h3 {
    margin-bottom: 16px;
    color: var(--ae-dark);
    font-size: 21px;
    font-weight: 800;
}

.ae-hiace-feature-box p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.85;
}


/* =========================================================
   MANUFACTURING
========================================================= */

.ae-hiace-manufacturing {
    background: var(--ae-white);
}

.ae-hiace-dark-card,
.ae-hiace-outline-card {
    height: 100%;
    padding: 48px;
    border: 1px solid var(--ae-border);
}

.ae-hiace-dark-card {
    background: var(--ae-dark);
    color: var(--ae-white);
}

.ae-hiace-outline-card {
    background: var(--ae-light);
}

.ae-hiace-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.ae-hiace-card-top span {
    color: var(--ae-primary-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-hiace-card-top i {
    color: var(--ae-primary);
    font-size: 28px;
}

.ae-hiace-dark-card h2,
.ae-hiace-outline-card h2 {
    margin-bottom: 22px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
}

.ae-hiace-dark-card h2 {
    color: var(--ae-white);
}

.ae-hiace-outline-card h2 {
    color: var(--ae-dark);
}

.ae-hiace-dark-card p,
.ae-hiace-outline-card p {
    margin: 0;
    line-height: 1.9;
}

.ae-hiace-dark-card p {
    color: rgba(255,255,255,.68);
}

.ae-hiace-outline-card p {
    color: var(--ae-text);
}

.ae-hiace-dark-card p b {
    color: var(--ae-white);
}


/* =========================================================
   CRITICAL FEATURES
========================================================= */

.ae-hiace-critical {
    background: var(--ae-light);
}

.ae-hiace-critical-list {
    border-top: 1px solid var(--ae-border);
}

.ae-hiace-critical-item {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 30px;
    padding: 38px 0;
    border-bottom: 1px solid var(--ae-border);
}

.ae-hiace-critical-index {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ae-dark);
    color: var(--ae-white);
    font-size: 13px;
    font-weight: 800;
}

.ae-hiace-critical-item h3 {
    margin: 0 0 13px;
    color: var(--ae-dark);
    font-size: 24px;
    font-weight: 800;
}

.ae-hiace-critical-item p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.9;
}


/* =========================================================
   APPLICATIONS
========================================================= */

.ae-hiace-applications {
    background: var(--ae-white);
}

.ae-hiace-tall-card {
    min-height: 100%;
    padding-right: 35px;
}

.ae-hiace-small-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--ae-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-hiace-tall-card h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
}

.ae-hiace-tall-card p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.9;
}


/* =========================================================
   STANDARDS
========================================================= */

.ae-hiace-standards {
    background: var(--ae-light);
}

.ae-hiace-standards-box {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 35px;
    align-items: start;
    padding: 50px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-hiace-standards-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ae-primary);
    color: var(--ae-white);
    font-size: 27px;
}

.ae-hiace-standards-box h2 {
    margin: 0 0 18px;
    color: var(--ae-dark);
    font-size: 34px;
    font-weight: 800;
}

.ae-hiace-standards-box p {
    margin: 0;
    color: var(--ae-text);
    line-height: 1.9;
}

.ae-hiace-standards-box a {
    color: var(--ae-primary);
    font-weight: 600;
}


/* =========================================================
   PARTNER
========================================================= */

.ae-hiace-partner {
    background: var(--ae-dark);
}

.ae-hiace-partner-box {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 55px;
    align-items: center;
}

.ae-hiace-partner-number {
    width: 145px;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.16);
    color: var(--ae-primary-light);
    font-size: 46px;
    font-weight: 800;
}

.ae-hiace-partner-content h2 {
    margin: 0 0 25px;
    color: var(--ae-white);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 800;
    line-height: 1.1;
}

.ae-hiace-partner-content p {
    margin-bottom: 18px;
    color: rgba(255,255,255,.67);
    line-height: 1.9;
}

.ae-hiace-partner-content p b {
    color: var(--ae-white);
}


/* =========================================================
   GALLERY
========================================================= */

.ae-hiace-gallery {
    background: var(--ae-white);
}

.ae-hiace-section-heading h2 span {
    color: var(--ae-primary);
}

.ae-hiace-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 45px;
    padding: 7px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
}

.ae-hiace-tab {
    min-height: 52px;
    padding: 0 28px;
    border: 0;
    background: transparent;
    color: var(--ae-text);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    transition: var(--ae-transition);
}

.ae-hiace-tab i {
    margin-right: 8px;
}

.ae-hiace-tab:hover {
    color: var(--ae-primary);
}

.ae-hiace-tab.active {
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-hiace-tab-content {
    display: none;
}

.ae-hiace-tab-content.active {
    display: block;
    animation: hiaceFadeIn .4s ease;
}

@keyframes hiaceFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ae-hiace-gallery-card {
    position: relative;
    overflow: hidden;
    background: var(--ae-light);
}

.ae-hiace-gallery-card img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: transform .6s ease;
}

.ae-hiace-gallery-card:hover img {
    transform: scale(1.05);
}

.ae-hiace-gallery-large img {
    height: 550px;
}

.ae-hiace-gallery-caption {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(8,9,12,.84);
    color: var(--ae-white);
    font-size: 12px;
    font-weight: 700;
    backdrop-filter: blur(7px);
}

.ae-hiace-gallery-caption span {
    color: var(--ae-primary-light);
}


/* =========================================================
   FEATURE CARDS
========================================================= */

.ae-hiace-feature-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--ae-border);
    border-left: 1px solid var(--ae-border);
}

.ae-hiace-feature-card {
    display: grid;
    grid-template-columns: 145px 1fr;
    min-height: 190px;
    border-right: 1px solid var(--ae-border);
    border-bottom: 1px solid var(--ae-border);
    background: var(--ae-white);
    transition: var(--ae-transition);
}

.ae-hiace-feature-card:hover {
    background: var(--ae-light);
}

.ae-hiace-feature-image {
    overflow: hidden;
}

.ae-hiace-feature-image img {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
    transition: transform .5s ease;
}

.ae-hiace-feature-card:hover .ae-hiace-feature-image img {
    transform: scale(1.06);
}

.ae-hiace-feature-card-content {
    position: relative;
    padding: 25px;
}

.ae-hiace-feature-card-content > span {
    display: block;
    margin-bottom: 8px;
    color: var(--ae-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-hiace-feature-card-content h3 {
    margin: 0 0 10px;
    color: var(--ae-dark);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
}

.ae-hiace-feature-card-content p {
    margin: 0;
    color: var(--ae-text);
    font-size: 13px;
    line-height: 1.7;
}


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

.ae-hiace-cta {
    padding: 65px 0;
    background: var(--ae-primary);
}

.ae-hiace-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.ae-hiace-cta-content {
    max-width: 920px;
}

.ae-hiace-cta .ae-hiace-small-label {
    color: rgba(255,255,255,.65);
}

.ae-hiace-cta p {
    margin: 0;
    color: var(--ae-white);
    font-size: 17px;
    line-height: 1.8;
}

.ae-hiace-cta a:not(.ae-hiace-btn) {
    color: var(--ae-white);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ae-hiace-cta .ae-hiace-btn-primary {
    flex-shrink: 0;
    background: var(--ae-dark);
    box-shadow: none;
}

.ae-hiace-cta .ae-hiace-btn-primary:hover {
    background: var(--ae-black);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .ae-hiace-hero-inner {
        gap: 40px;
    }

    .ae-hiace-hero h1 {
        font-size: 70px;
    }

    .ae-hiace-feature-grid {
        gap: 20px;
    }

}


@media (max-width: 991px) {

    .ae-hiace-section {
        padding: 85px 0;
    }

    .ae-hiace-hero {
        min-height: auto;
    }

    .ae-hiace-hero-inner {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 100px 0 110px;
    }

    .ae-hiace-hero-content {
        max-width: 100%;
    }

    .ae-hiace-hero-media {
        max-width: 700px;
    }

    .ae-hiace-feature-grid {
        grid-template-columns: 1fr;
    }

    .ae-hiace-feature-box:last-child {
        grid-column: auto;
    }

    .ae-hiace-partner-box {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .ae-hiace-feature-cards {
        grid-template-columns: 1fr;
    }

    .ae-hiace-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 767px) {

    .ae-hiace-section {
        padding: 70px 0;
    }

    .ae-hiace-hero-inner {
        padding: 80px 0 95px;
    }

    .ae-hiace-hero h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .ae-hiace-hero-subtitle {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .ae-hiace-hero-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .ae-hiace-hero-meta {
        gap: 18px;
    }

    .ae-hiace-hero-meta > div {
        min-width: 110px;
        margin-right: 0;
        padding-right: 15px;
    }

    .ae-hiace-image-frame img {
        min-height: 300px;
    }

    .ae-hiace-breadcrumb {
        padding: 14px 0;
    }

    .ae-hiace-section-heading {
        margin-bottom: 40px;
    }

    .ae-hiace-section-heading h2 {
        font-size: 34px;
    }

    .ae-hiace-content-card {
        padding-left: 25px;
    }

    .ae-hiace-image-card img {
        min-height: 300px;
    }

    .ae-hiace-feature-box {
        padding: 28px;
    }

    .ae-hiace-dark-card,
    .ae-hiace-outline-card {
        padding: 30px;
    }

    .ae-hiace-dark-card h2,
    .ae-hiace-outline-card h2 {
        font-size: 26px;
    }

    .ae-hiace-critical-item {
        grid-template-columns: 55px 1fr;
        gap: 20px;
    }

    .ae-hiace-critical-index {
        width: 48px;
        height: 48px;
    }

    .ae-hiace-critical-item h3 {
        font-size: 20px;
    }

    .ae-hiace-standards-box {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .ae-hiace-partner-number {
        width: 100px;
        height: 100px;
        font-size: 34px;
    }

    .ae-hiace-partner-content h2 {
        font-size: 34px;
    }

    .ae-hiace-tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ae-hiace-tab {
        width: 100%;
    }

    .ae-hiace-gallery-card img,
    .ae-hiace-gallery-large img {
        height: 300px;
    }

    .ae-hiace-feature-card {
        grid-template-columns: 110px 1fr;
    }

    .ae-hiace-feature-image img {
        min-height: 220px;
    }

    .ae-hiace-feature-card-content {
        padding: 18px;
    }

    .ae-hiace-feature-card-content h3 {
        font-size: 15px;
    }

    .ae-hiace-feature-card-content p {
        font-size: 12px;
    }

    .ae-hiace-cta {
        padding: 50px 0;
    }

    .ae-hiace-cta p {
        font-size: 14px;
    }

}


@media (max-width: 575px) {

    .ae-hiace-hero h1 {
        font-size: 43px;
    }

    .ae-hiace-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ae-hiace-btn {
        width: 100%;
    }

    .ae-hiace-hero-meta {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .ae-hiace-hero-meta > div {
        border-right: 0;
    }

    .ae-hiace-feature-card {
        grid-template-columns: 1fr;
    }

    .ae-hiace-feature-image img {
        height: 210px;
        min-height: 210px;
    }

    .ae-hiace-partner-content h2 {
        font-size: 30px;
    }

}

/* =========================================================
   AE WORKS
   TOYOTA HILUX SECURITY CAB
   PAGE SPECIFIC CSS

   Global :root variables are already available.
========================================================= */


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

.ae-hilux-security-page {
    width: 100%;
    overflow: hidden;
}


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

.ae-hilux-security-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    background: var(--ae-dark);
    overflow: hidden;
}

.ae-hilux-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ae-hilux-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .07;

    background-image:
        linear-gradient(
            rgba(255,255,255,.55) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.55) 1px,
            transparent 1px
        );

    background-size: 70px 70px;
}

.ae-hilux-hero-glow {
    position: absolute;

    width: 650px;
    height: 650px;

    right: -220px;
    top: -170px;

    border-radius: 50%;

    background: rgba(144,8,8,.22);

    filter: blur(90px);
}

.ae-hilux-security-hero .container {
    position: relative;
    z-index: 2;
}

.ae-hilux-hero-content {
    display: grid;

    grid-template-columns:
        minmax(0, .85fr)
        minmax(0, 1.15fr);

    align-items: center;

    gap: 70px;

    padding: 95px 0;
}

.ae-hilux-hero-copy {
    position: relative;
    z-index: 2;
}

.ae-hilux-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 22px;

    color: var(--ae-primary-light);

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

    letter-spacing: 3px;
    text-transform: uppercase;
}

.ae-hilux-hero-kicker::before {
    content: "";

    width: 38px;
    height: 2px;

    background: var(--ae-primary);
}

.ae-hilux-hero-copy h1 {
    margin: 0;

    color: var(--ae-white);

    font-size: clamp(44px, 5vw, 76px);
    line-height: 1.05;

    font-weight: 800;

    letter-spacing: -2px;
}

.ae-hilux-hero-subtitle {
    margin: 25px 0 0;

    color: rgba(255,255,255,.72);

    font-size: 18px;
    font-weight: 500;

    letter-spacing: .5px;
}

.ae-hilux-hero-line {
    width: 70px;
    height: 3px;

    margin: 28px 0;

    background: var(--ae-primary);
}

.ae-hilux-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;

    margin: 0;

    color: rgba(255,255,255,.55);

    font-size: 13px;
}

.ae-hilux-breadcrumb a {
    color: var(--ae-white);
}

.ae-hilux-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-hilux-hero-visual {
    position: relative;
}

.ae-hilux-hero-image {
    position: relative;
    padding: 20px;
}

.ae-hilux-hero-image::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 150px;
    height: 150px;

    border-top: 3px solid var(--ae-primary);
    border-right: 3px solid var(--ae-primary);
}

.ae-hilux-hero-image::after {
    content: "";

    position: absolute;

    bottom: 0;
    left: 0;

    width: 150px;
    height: 150px;

    border-bottom: 3px solid var(--ae-primary);
    border-left: 3px solid var(--ae-primary);
}

.ae-hilux-hero-image img {
    position: relative;
    z-index: 2;

    width: 100%;

    min-height: 390px;

    object-fit: cover;

    background: var(--ae-white);
}


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

.ae-hilux-intro {
    background: var(--ae-white);
}

.ae-hilux-intro-grid {
    display: grid;

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

    align-items: center;

    gap: 80px;
}

.ae-hilux-intro-content {
    position: relative;
}

.ae-hilux-section-marker {
    width: 55px;
    height: 3px;

    margin-bottom: 28px;

    background: var(--ae-primary);
}

.ae-hilux-intro-content h2 {
    margin: 0;

    color: var(--ae-dark);

    font-size: clamp(38px, 4.5vw, 60px);

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -1.5px;
}

.ae-hilux-intro-content h2 span {
    color: var(--ae-primary);
}

.ae-hilux-subheading {
    margin: 18px 0 0;

    color: var(--ae-text-light);

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 2px;
}

.ae-hilux-divider {
    width: 65px;
    height: 2px;

    margin: 25px 0;

    background: var(--ae-border);
}

.ae-hilux-intro-content h4 {
    margin: 0 0 18px;

    color: var(--ae-dark);

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

.ae-hilux-intro-content p:last-child {
    color: var(--ae-text);

    font-size: 15px;
    line-height: 1.9;
}

.ae-hilux-intro-content a,
.ae-hilux-text-content a,
.ae-hilux-elevate a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-hilux-intro-content a:hover,
.ae-hilux-text-content a:hover,
.ae-hilux-elevate a:hover {
    color: var(--ae-primary-dark);
}

.ae-hilux-image-frame {
    position: relative;

    padding: 15px;

    background: var(--ae-light);
}

.ae-hilux-image-frame::before {
    content: "";

    position: absolute;

    left: -15px;
    bottom: -15px;

    width: 100px;
    height: 100px;

    border-left: 3px solid var(--ae-primary);
    border-bottom: 3px solid var(--ae-primary);
}

.ae-hilux-image-frame img {
    position: relative;
    z-index: 1;

    width: 100%;

    aspect-ratio: 16 / 10;

    object-fit: cover;
}


/* =========================================================
   GENERAL CONTENT SECTION
========================================================= */

.ae-hilux-content-section {
    padding: 105px 0;

    background: var(--ae-light);
}

.ae-hilux-section-heading {
    position: relative;

    margin-bottom: 40px;
}

.ae-hilux-section-heading > span {
    display: block;

    margin-bottom: 12px;

    color: var(--ae-primary);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 3px;
}

.ae-hilux-section-heading h2 {
    max-width: 950px;

    margin: 0;

    color: var(--ae-dark);

    font-size: clamp(32px, 4vw, 50px);

    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -1px;
}

.ae-hilux-heading-left {
    text-align: left;
}

.ae-hilux-text-content {
    max-width: 1150px;
}

.ae-hilux-text-content p {
    margin-bottom: 25px;

    color: var(--ae-text);

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   EXTERIOR
========================================================= */

.ae-hilux-exterior {
    background: var(--ae-white);
}

.ae-hilux-feature-grid {
    display: grid;

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

    gap: 20px;

    margin-top: 45px;
}

.ae-hilux-feature-item {
    position: relative;

    padding: 30px;

    background: var(--ae-light);

    border: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-hilux-feature-item:hover {
    transform: translateY(-7px);

    background: var(--ae-white);

    box-shadow: var(--ae-shadow);
}

.ae-hilux-feature-item > span {
    display: inline-flex;

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

    width: 42px;
    height: 42px;

    margin-bottom: 20px;

    color: var(--ae-white);

    background: var(--ae-primary);

    font-size: 12px;

    font-weight: 800;
}

.ae-hilux-feature-item h4 {
    margin: 0 0 15px;

    color: var(--ae-dark);

    font-size: 18px;

    line-height: 1.35;

    font-weight: 700;
}

.ae-hilux-feature-item p {
    margin: 0;

    color: var(--ae-text);

    font-size: 14px;

    line-height: 1.8;
}

.ae-hilux-last-text {
    margin-top: 35px;
}


/* =========================================================
   INTERIOR
========================================================= */

.ae-hilux-interior {
    background: var(--ae-light);
}

.ae-hilux-interior-grid {
    display: grid;

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

    gap: 75px;

    align-items: start;
}

.ae-hilux-interior-content > p {
    margin: 0 0 35px;

    color: var(--ae-text);

    font-size: 15px;

    line-height: 1.9;
}

.ae-hilux-number-content {
    display: flex;

    flex-direction: column;

    gap: 32px;
}

.ae-hilux-number-item {
    display: grid;

    grid-template-columns: 45px 1fr;

    gap: 15px;
}

.ae-hilux-number-item > span {
    color: var(--ae-primary);

    font-size: 24px;

    font-weight: 800;

    line-height: 1.2;
}

.ae-hilux-number-item h4 {
    margin: 0 0 12px;

    color: var(--ae-dark);

    font-size: 19px;

    font-weight: 700;
}

.ae-hilux-number-item p {
    margin: 0;

    color: var(--ae-text);

    font-size: 14px;

    line-height: 1.8;
}

.ae-hilux-interior-bottom {
    display: grid;

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

    gap: 50px;

    margin-top: 60px;

    padding-top: 50px;

    border-top: 1px solid var(--ae-border);
}


/* =========================================================
   FABRICATION
========================================================= */

.ae-hilux-fabrication {
    background: var(--ae-white);
}

.ae-hilux-process-grid {
    display: grid;

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

    gap: 25px;

    margin-top: 50px;
}

.ae-hilux-process-card {
    position: relative;

    padding: 38px;

    background: var(--ae-light);

    border: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-hilux-process-card:hover {
    transform: translateY(-6px);

    box-shadow: var(--ae-shadow);
}

.ae-hilux-process-card > span {
    display: flex;

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

    width: 48px;
    height: 48px;

    margin-bottom: 22px;

    color: var(--ae-white);

    background: var(--ae-primary);

    font-size: 14px;

    font-weight: 800;
}

.ae-hilux-process-card h4 {
    margin: 0 0 15px;

    color: var(--ae-dark);

    font-size: 21px;

    font-weight: 700;
}

.ae-hilux-process-card p {
    margin: 0 0 20px;

    color: var(--ae-text);

    font-size: 14px;

    line-height: 1.8;
}

.ae-hilux-process-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.ae-hilux-process-card li {
    position: relative;

    margin-bottom: 13px;
    padding-left: 22px;

    color: var(--ae-text);

    font-size: 14px;

    line-height: 1.7;
}

.ae-hilux-process-card li::before {
    content: "";

    position: absolute;

    top: 9px;
    left: 0;

    width: 7px;
    height: 7px;

    background: var(--ae-primary);
}


/* =========================================================
   TRUST
========================================================= */

.ae-hilux-trust {
    background: var(--ae-dark);
}

.ae-hilux-trust-grid {
    display: grid;

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

    gap: 70px;
}

.ae-hilux-trust .ae-hilux-section-heading h2 {
    color: var(--ae-white);
}

.ae-hilux-trust-item {
    padding: 25px 0;

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

.ae-hilux-trust-item h4 {
    margin: 0 0 12px;

    color: var(--ae-white);

    font-size: 20px;

    font-weight: 700;
}

.ae-hilux-trust-item p {
    margin: 0;

    color: rgba(255,255,255,.62);

    font-size: 14px;

    line-height: 1.85;
}

.ae-hilux-elevate {
    padding: 45px;

    background: var(--ae-dark-2);

    border: 1px solid rgba(255,255,255,.07);
}

.ae-hilux-elevate p {
    margin: 0;

    color: rgba(255,255,255,.65);

    font-size: 15px;

    line-height: 1.9;
}

.ae-hilux-elevate a {
    color: var(--ae-primary-light);
}


/* =========================================================
   GALLERY
========================================================= */

.ae-hilux-gallery {
    background: var(--ae-white);
}

.ae-hilux-gallery-heading {
    position: relative;

    text-align: center;

    margin-bottom: 55px;
}

.ae-hilux-gallery-shadow {
    position: absolute;

    top: -30px;
    left: 50%;

    transform: translateX(-50%);

    color: var(--ae-light-2);

    font-size: clamp(55px, 9vw, 115px);

    line-height: 1;

    font-weight: 800;

    letter-spacing: 4px;

    white-space: nowrap;

    pointer-events: none;
}

.ae-hilux-gallery-heading h2 {
    position: relative;
    z-index: 1;

    margin: 0;

    color: var(--ae-dark);

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

    font-weight: 800;
}

.ae-hilux-gallery-heading h2 span {
    color: var(--ae-primary);
}

.ae-hilux-gallery-heading p {
    position: relative;
    z-index: 1;

    margin: 14px 0 0;

    color: var(--ae-text-light);

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;
}

.ae-hilux-tabs {
    display: flex;

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

    gap: 5px;

    margin-bottom: 35px;

    padding: 6px;

    background: var(--ae-light);

    border: 1px solid var(--ae-border);
}

.ae-hilux-tab {
    border: 0;

    padding: 14px 28px;

    color: var(--ae-text);

    background: transparent;

    font-family: inherit;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    transition: var(--ae-transition);
}

.ae-hilux-tab:hover {
    color: var(--ae-primary);
}

.ae-hilux-tab.active {
    color: var(--ae-white);

    background: var(--ae-primary);
}

.ae-hilux-tab-content {
    position: relative;
}

.ae-hilux-tab-pane {
    display: none;
}

.ae-hilux-tab-pane.active {
    display: block;
}

.ae-hilux-gallery-grid {
    display: grid;

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

    gap: 25px;
}

.ae-hilux-gallery-item {
    position: relative;

    overflow: hidden;

    background: var(--ae-light);

    border: 1px solid var(--ae-border);
}

.ae-hilux-gallery-item img {
    width: 100%;

    aspect-ratio: 16 / 10;

    object-fit: cover;

    transition: var(--ae-transition);
}

.ae-hilux-gallery-item:hover img {
    transform: scale(1.04);
}


/* =========================================================
   FAQ
========================================================= */

.ae-hilux-faq {
    background: var(--ae-light);
}

.ae-hilux-faq-heading {
    text-align: center;

    margin-bottom: 55px;
}

.ae-hilux-faq-heading h2 {
    margin: 0;

    color: var(--ae-dark);

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

    font-weight: 800;
}

.ae-hilux-faq-heading h2 span {
    color: var(--ae-primary);
}

.ae-hilux-faq-list {
    max-width: 1050px;

    margin: 0 auto;
}

.ae-hilux-faq-item {
    margin-bottom: 12px;

    background: var(--ae-white);

    border: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-hilux-faq-item.active {
    border-color: rgba(144,8,8,.35);

    box-shadow: var(--ae-shadow);
}

.ae-hilux-faq-question {
    display: flex;

    align-items: center;
    justify-content: space-between;

    width: 100%;

    gap: 25px;

    padding: 22px 25px;

    border: 0;

    color: var(--ae-dark);

    background: transparent;

    text-align: left;

    font-family: inherit;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.5;
}

.ae-hilux-faq-question i {
    flex: 0 0 auto;

    display: flex;

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

    width: 32px;
    height: 32px;

    color: var(--ae-primary);

    border: 1px solid var(--ae-border);

    transition: var(--ae-transition);
}

.ae-hilux-faq-item.active
.ae-hilux-faq-question i {
    color: var(--ae-white);

    background: var(--ae-primary);

    border-color: var(--ae-primary);

    transform: rotate(45deg);
}

.ae-hilux-faq-answer {
    display: grid;

    grid-template-rows: 0fr;

    transition: grid-template-rows .35s ease;
}

.ae-hilux-faq-answer p {
    min-height: 0;

    overflow: hidden;

    margin: 0;

    padding: 0 25px;

    color: var(--ae-text);

    font-size: 14px;

    line-height: 1.85;

    transition:
        padding .35s ease,
        opacity .35s ease;

    opacity: 0;
}

.ae-hilux-faq-item.active
.ae-hilux-faq-answer {
    grid-template-rows: 1fr;
}

.ae-hilux-faq-item.active
.ae-hilux-faq-answer p {
    padding: 0 25px 25px;

    opacity: 1;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .ae-hilux-hero-content {
        gap: 45px;
    }

    .ae-hilux-intro-grid,
    .ae-hilux-interior-grid,
    .ae-hilux-trust-grid {
        gap: 50px;
    }

    .ae-hilux-feature-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 991px) {

    .ae-hilux-security-hero {
        min-height: auto;
    }

    .ae-hilux-hero-content {
        grid-template-columns: 1fr;

        padding: 75px 0;

        text-align: center;
    }

    .ae-hilux-hero-kicker {
        justify-content: center;
    }

    .ae-hilux-hero-line {
        margin-left: auto;
        margin-right: auto;
    }

    .ae-hilux-breadcrumb {
        justify-content: center;
    }

    .ae-hilux-hero-image img {
        min-height: 320px;
    }

    .ae-hilux-intro-grid,
    .ae-hilux-interior-grid,
    .ae-hilux-trust-grid {
        grid-template-columns: 1fr;
    }

    .ae-hilux-interior-bottom {
        grid-template-columns: 1fr;
    }

    .ae-hilux-process-grid {
        grid-template-columns: 1fr;
    }

    .ae-hilux-gallery-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 767px) {

    .ae-hilux-security-hero {
        min-height: auto;
    }

    .ae-hilux-hero-content {
        padding: 60px 0;
    }

    .ae-hilux-hero-copy h1 {
        font-size: 42px;

        letter-spacing: -1px;
    }

    .ae-hilux-hero-subtitle {
        font-size: 16px;
    }

    .ae-hilux-hero-image {
        padding: 10px;
    }

    .ae-hilux-hero-image img {
        min-height: 240px;
    }

    .ae-hilux-section-heading h2 {
        font-size: 34px;
    }

    .ae-hilux-feature-grid {
        grid-template-columns: 1fr;
    }

    .ae-hilux-gallery-grid {
        grid-template-columns: 1fr;
    }

    .ae-hilux-tabs {
        width: 100%;

        flex-direction: column;
    }

    .ae-hilux-tab {
        width: 100%;
    }

    .ae-hilux-elevate {
        padding: 30px;
    }

    .ae-hilux-faq-question {
        padding: 18px;
    }

    .ae-hilux-faq-answer p {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ae-hilux-faq-item.active
    .ae-hilux-faq-answer p {
        padding-left: 18px;
        padding-right: 18px;
        padding-bottom: 20px;
    }

}


@media (max-width: 480px) {

    .ae-hilux-hero-copy h1 {
        font-size: 36px;
    }

    .ae-hilux-intro-content h2 {
        font-size: 40px;
    }

    .ae-hilux-section-heading h2 {
        font-size: 30px;
    }

    .ae-hilux-number-item {
        grid-template-columns: 35px 1fr;
    }

    .ae-hilux-number-item > span {
        font-size: 20px;
    }

    .ae-hilux-process-card {
        padding: 28px;
    }

}

/* ============================================
   CHANGAN CARGO TRUCK – INTRO SECTION
   ============================================ */

.ae-changan-m9-intro {
    position: relative;
    background: var(--ae-white);
    overflow: hidden;
}

.ae-changan-m9-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 80px;
}

.ae-changan-m9-intro-content {
    position: relative;
    padding-left: 28px;
}

.ae-changan-m9-marker {
    width: 55px;
    height: 4px;
    background: var(--ae-primary);
    margin-bottom: 22px;
}

.ae-changan-m9-intro-content h2 {
    margin: 0;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.05;
    font-weight: 700;
    color: var(--ae-dark);
    letter-spacing: -1.5px;
}

.ae-changan-m9-intro-content h2 span {
    color: var(--ae-primary);
}

.ae-changan-m9-subheading {
    margin: 12px 0 22px;
    font-size: 18px;
    font-weight: 600;
    color: var(--ae-text-light);
    letter-spacing: .5px;
}

.ae-changan-m9-divider {
    width: 75px;
    height: 1px;
    background: var(--ae-border);
    margin-bottom: 28px;
}

.ae-changan-m9-intro-content h4 {
    margin: 0 0 22px;
    max-width: 650px;
    font-size: 22px;
    line-height: 1.55;
    font-weight: 600;
    color: var(--ae-dark);
}

.ae-changan-m9-intro-content > p:last-child {
    max-width: 650px;
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: var(--ae-text);
}


/* ============================================
   IMAGE
   ============================================ */

.ae-changan-m9-intro-visual {
    position: relative;
}

.ae-changan-m9-image-frame {
    position: relative;
    overflow: hidden;
    background: var(--ae-light);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow);
}

.ae-changan-m9-image-frame::before {
    content: "";
    position: absolute;
    top: 22px;
    right: 22px;
    width: 90px;
    height: 90px;
    border-top: 3px solid var(--ae-primary);
    border-right: 3px solid var(--ae-primary);
    z-index: 2;
    pointer-events: none;
}

.ae-changan-m9-image-frame::after {
    content: "";
    position: absolute;
    left: 22px;
    bottom: 22px;
    width: 90px;
    height: 90px;
    border-left: 3px solid var(--ae-primary);
    border-bottom: 3px solid var(--ae-primary);
    z-index: 2;
    pointer-events: none;
}

.ae-changan-m9-image-frame img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}

.ae-changan-m9-image-frame:hover img {
    transform: scale(1.035);
}


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 991px) {

    .ae-changan-m9-intro-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .ae-changan-m9-intro-content {
        padding-left: 0;
    }

    .ae-changan-m9-image-frame img {
        height: 450px;
    }
}


@media (max-width: 767px) {

    .ae-changan-m9-intro {
        padding: 75px 0;
    }

    .ae-changan-m9-intro-grid {
        gap: 40px;
    }

    .ae-changan-m9-intro-content h2 {
        font-size: 42px;
    }

    .ae-changan-m9-intro-content h4 {
        font-size: 19px;
    }

    .ae-changan-m9-intro-content > p:last-child {
        font-size: 15px;
        line-height: 1.8;
    }

    .ae-changan-m9-image-frame img {
        height: 350px;
    }

    .ae-changan-m9-image-frame::before,
    .ae-changan-m9-image-frame::after {
        width: 60px;
        height: 60px;
    }
}


@media (max-width: 480px) {

    .ae-changan-m9-intro-content h2 {
        font-size: 36px;
    }

    .ae-changan-m9-image-frame img {
        height: 280px;
    }
}

/* ============================================================
   AE WORKS
   ELECTRIC SHUTTLE BUS PAGE
   ============================================================ */

.ae-shuttle-page {
    overflow: hidden;
}


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

.ae-shuttle-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    background: var(--ae-white);
    overflow: hidden;
    padding: 100px 0 120px;
}

.ae-shuttle-hero-pattern {
    position: absolute;
    inset: 0;
    opacity: .55;
    pointer-events: none;
    background-image:
        linear-gradient(
            135deg,
            transparent 0%,
            rgba(144, 8, 8, .035) 50%,
            transparent 100%
        );
}

.ae-shuttle-hero-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    right: -180px;
    top: -150px;
    border-radius: 50%;
    background: rgba(144, 8, 8, .06);
    filter: blur(80px);
    pointer-events: none;
}

.ae-shuttle-hero-content {
    position: relative;
    z-index: 3;
    max-width: 680px;
}

.ae-shuttle-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.ae-shuttle-kicker span {
    width: 42px;
    height: 2px;
    display: inline-block;
    background: var(--ae-primary);
}

.ae-shuttle-hero h1 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(48px, 6vw, 82px);
    line-height: .98;
    font-weight: 300;
    letter-spacing: -3px;
}

.ae-shuttle-hero h1 strong {
    display: block;
    color: var(--ae-primary);
    font-weight: 800;
}

.ae-shuttle-hero-subtitle {
    margin: 28px 0 22px;
    color: var(--ae-dark);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .3px;
}

.ae-shuttle-hero-text {
    max-width: 620px;
}

.ae-shuttle-hero-text p {
    margin: 0;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.85;
}

.ae-shuttle-hero-text a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-shuttle-hero-text a:hover {
    color: var(--ae-primary-dark);
}

.ae-shuttle-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.ae-shuttle-btn {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
    transition: var(--ae-transition);
}

.ae-shuttle-btn i {
    transition: transform .35s ease;
}

.ae-shuttle-btn:hover i {
    transform: translateX(4px);
}

.ae-shuttle-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-shuttle-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);
    transform: translateY(-2px);
}

.ae-shuttle-btn-outline {
    color: var(--ae-dark);
    background: transparent;
    border-color: var(--ae-border);
}

.ae-shuttle-btn-outline:hover {
    color: var(--ae-white);
    background: var(--ae-dark);
    border-color: var(--ae-dark);
    transform: translateY(-2px);
}


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

.ae-shuttle-hero-meta {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 42px;
}

.ae-shuttle-hero-meta > div {
    min-width: 115px;
    padding: 0 24px;
    border-left: 1px solid var(--ae-border);
}

.ae-shuttle-hero-meta > div:first-child {
    padding-left: 0;
    border-left: 0;
}

.ae-shuttle-hero-meta strong {
    display: block;
    color: var(--ae-dark);
    font-size: 25px;
    line-height: 1.2;
    font-weight: 800;
}

.ae-shuttle-hero-meta span {
    display: block;
    margin-top: 5px;
    color: var(--ae-text-light);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;
}


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

.ae-shuttle-hero-visual {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ae-shuttle-hero-image {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 700px;
    overflow: hidden;
}

.ae-shuttle-hero-image::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 420px;
    height: 420px;
    right: 40px;
    top: 40px;
    border-radius: 50%;
    background: rgba(144, 8, 8, .055);
}

.ae-shuttle-hero-image img {
    width: 100%;
    height: 500px;
    object-fit: contain;
    filter: drop-shadow(0 25px 35px rgba(16, 18, 24, .15));
    transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

.ae-shuttle-hero-visual:hover .ae-shuttle-hero-image img {
    transform: scale(1.035) translateY(-5px);
}

.ae-shuttle-hero-label {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 55px;
    min-width: 150px;
    padding: 17px 20px;
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-shuttle-hero-label span {
    display: block;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ae-shuttle-hero-label strong {
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: 800;
}

.ae-shuttle-hero-line {
    position: absolute;
    right: -20px;
    bottom: 28px;
    width: 230px;
    height: 1px;
    background: var(--ae-primary);
    opacity: .45;
}


/* ============================================================
   BREADCRUMB
   ============================================================ */

.ae-shuttle-breadcrumb {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 17px 0;
    background: rgba(255, 255, 255, .88);
    border-top: 1px solid rgba(226, 228, 232, .8);
    backdrop-filter: blur(10px);
}

.ae-shuttle-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ae-shuttle-breadcrumb a {
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 600;
}

.ae-shuttle-breadcrumb a:hover {
    color: var(--ae-primary-dark);
}

.ae-shuttle-breadcrumb i {
    color: var(--ae-text-light);
    font-size: 10px;
}

.ae-shuttle-breadcrumb span {
    color: var(--ae-text-light);
    font-size: 12px;
}


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

.ae-shuttle-section-heading {
    margin-bottom: 45px;
}

.ae-shuttle-heading-marker {
    width: 52px;
    height: 4px;
    margin-bottom: 22px;
    background: var(--ae-primary);
}

.ae-shuttle-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.ae-shuttle-section-heading h2 span {
    color: var(--ae-primary);
}

.ae-shuttle-section-heading p {
    margin: 14px 0 0;
    color: var(--ae-text-light);
    font-size: 17px;
    font-weight: 600;
}


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

.ae-shuttle-models {
    background: var(--ae-light);
}

.ae-shuttle-intro {
    max-width: 1050px;
    margin: 0 auto 65px;
}

.ae-shuttle-intro p {
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.9;
}

.ae-shuttle-intro a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-shuttle-model-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.ae-shuttle-model-card {
    position: relative;
    display: grid;
    grid-template-columns: 48% 52%;
    min-height: 320px;
    overflow: hidden;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    transition: var(--ae-transition);
}

.ae-shuttle-model-card:hover {
    border-color: transparent;
    box-shadow: var(--ae-shadow-hover);
    transform: translateY(-5px);
}

.ae-shuttle-model-image {
    min-height: 320px;
    overflow: hidden;
    background: var(--ae-light-2);
}

.ae-shuttle-model-image img {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

.ae-shuttle-model-card:hover .ae-shuttle-model-image img {
    transform: scale(1.06);
}

.ae-shuttle-model-content {
    padding: 30px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ae-shuttle-model-content h6 {
    margin: 0 0 18px;
    color: var(--ae-dark);
    font-size: 18px;
    line-height: 1.4;
}

.ae-shuttle-model-content ul {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.ae-shuttle-model-content li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 17px;
    color: var(--ae-text);
    font-size: 13px;
    line-height: 1.55;
}

.ae-shuttle-model-content li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--ae-primary);
}

.ae-shuttle-detail-btn {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 16px;
    color: var(--ae-white);
    background: var(--ae-primary);
    border-radius: var(--ae-radius);
    font-size: 12px;
    font-weight: 700;
}

.ae-shuttle-detail-btn:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);
}

.ae-shuttle-detail-btn i {
    transition: transform .3s ease;
}

.ae-shuttle-detail-btn:hover i {
    transform: translateX(4px);
}


/* ============================================================
   SEO CONTENT
   ============================================================ */

.ae-shuttle-content {
    background: var(--ae-white);
}

.ae-shuttle-content-inner {
    max-width: 1050px;
    margin: 0 auto;
}

.ae-shuttle-content-inner h2 {
    position: relative;
    margin: 65px 0 22px;
    padding-left: 22px;
    color: var(--ae-dark);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.ae-shuttle-content-inner h2:first-child {
    margin-top: 0;
}

.ae-shuttle-content-inner h2::before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 4px;
    background: var(--ae-primary);
}

.ae-shuttle-content-inner h3 {
    margin: 45px 0 17px;
    color: var(--ae-dark);
    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.ae-shuttle-content-inner p {
    margin: 0 0 20px;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.9;
}

.ae-shuttle-content-inner p a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-shuttle-content-inner p a:hover {
    color: var(--ae-primary-dark);
}

.ae-shuttle-content-inner ul {
    margin: 15px 0 25px;
    padding: 0;
    list-style: none;
}

.ae-shuttle-content-inner ul li {
    position: relative;
    margin-bottom: 13px;
    padding: 0 0 0 28px;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.75;
}

.ae-shuttle-content-inner ul li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 4px;
    width: 7px;
    height: 7px;
    background: var(--ae-primary);
    border-radius: 50%;
}

.ae-shuttle-content-inner ul li strong {
    color: var(--ae-dark);
}


/* ============================================================
   FAQ
   ============================================================ */

.ae-shuttle-faq {
    background: var(--ae-light);
}

.ae-shuttle-faq-heading {
    margin-bottom: 45px;
}

.ae-shuttle-faq-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.ae-shuttle-faq-list {
    max-width: 1050px;
    margin: 0 auto;
}

.ae-shuttle-faq-item {
    padding: 28px 32px;
    margin-bottom: 14px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-left: 4px solid transparent;
    transition: var(--ae-transition);
}

.ae-shuttle-faq-item:hover {
    border-left-color: var(--ae-primary);
    box-shadow: var(--ae-shadow);
    transform: translateX(3px);
}

.ae-shuttle-faq-item h4 {
    margin: 0 0 12px;
    color: var(--ae-dark);
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
}

.ae-shuttle-faq-item p {
    margin: 0 0 15px;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}

.ae-shuttle-faq-item p:last-child {
    margin-bottom: 0;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1199px) {

    .ae-shuttle-hero {
        min-height: 700px;
    }

    .ae-shuttle-hero-image img {
        height: 440px;
    }

    .ae-shuttle-model-card {
        grid-template-columns: 45% 55%;
    }

    .ae-shuttle-model-content {
        padding: 25px 22px;
    }

}


@media (max-width: 991px) {

    .ae-shuttle-hero {
        min-height: auto;
        padding: 90px 0 110px;
    }

    .ae-shuttle-hero-content {
        max-width: 100%;
        margin-bottom: 45px;
    }

    .ae-shuttle-hero-visual {
        min-height: 450px;
    }

    .ae-shuttle-hero-image img {
        height: 420px;
    }

    .ae-shuttle-hero-label {
        right: 8%;
        bottom: 25px;
    }

    .ae-shuttle-model-grid {
        grid-template-columns: 1fr;
    }

    .ae-shuttle-model-card {
        grid-template-columns: 45% 55%;
    }

}


@media (max-width: 767px) {

    .ae-section {
        padding: 75px 0;
    }

    .ae-shuttle-hero {
        padding: 75px 0 95px;
    }

    .ae-shuttle-hero h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .ae-shuttle-hero-subtitle {
        font-size: 18px;
    }

    .ae-shuttle-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .ae-shuttle-btn {
        width: 100%;
    }

    .ae-shuttle-hero-meta {
        margin-top: 32px;
    }

    .ae-shuttle-hero-meta > div {
        min-width: 0;
        flex: 1;
        padding: 0 12px;
    }

    .ae-shuttle-hero-meta strong {
        font-size: 20px;
    }

    .ae-shuttle-hero-meta span {
        font-size: 9px;
    }

    .ae-shuttle-hero-visual {
        min-height: 360px;
    }

    .ae-shuttle-hero-image img {
        height: 340px;
    }

    .ae-shuttle-hero-label {
        right: 0;
        bottom: 10px;
    }

    .ae-shuttle-hero-line {
        right: -10px;
        bottom: 0;
        width: 150px;
    }

    .ae-shuttle-section-heading h2,
    .ae-shuttle-faq-heading h2 {
        font-size: 42px;
    }

    .ae-shuttle-model-card {
        grid-template-columns: 1fr;
    }

    .ae-shuttle-model-image {
        min-height: 280px;
    }

    .ae-shuttle-model-image img {
        min-height: 280px;
        height: 280px;
    }

    .ae-shuttle-model-content {
        padding: 28px 25px;
    }

    .ae-shuttle-content-inner h2 {
        font-size: 28px;
    }

    .ae-shuttle-content-inner h3 {
        font-size: 22px;
    }

    .ae-shuttle-content-inner p,
    .ae-shuttle-content-inner ul li {
        font-size: 15px;
    }

    .ae-shuttle-faq-item {
        padding: 23px 20px;
    }

}


@media (max-width: 480px) {

    .ae-shuttle-hero h1 {
        font-size: 43px;
    }

    .ae-shuttle-hero-meta > div {
        padding: 0 8px;
    }

    .ae-shuttle-hero-meta strong {
        font-size: 17px;
    }

    .ae-shuttle-hero-meta span {
        font-size: 8px;
        letter-spacing: .3px;
    }

    .ae-shuttle-hero-visual {
        min-height: 290px;
    }

    .ae-shuttle-hero-image img {
        height: 280px;
    }

    .ae-shuttle-hero-label {
        padding: 13px 15px;
        min-width: 125px;
    }

    .ae-shuttle-hero-label strong {
        font-size: 18px;
    }

    .ae-shuttle-section-heading h2,
    .ae-shuttle-faq-heading h2 {
        font-size: 35px;
    }

}

/* =========================================================
   TRAFFIC POLICE BIKE
   AE WORKS PRIVATE LIMITED
   ========================================================= */

.ae-traffic-bike-page {
    position: relative;
    overflow: hidden;
}


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

.ae-traffic-bike-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 45%, rgba(144, 8, 8, .18), transparent 32%),
        linear-gradient(135deg, var(--ae-black) 0%, var(--ae-dark) 55%, var(--ae-dark-2) 100%);
    color: var(--ae-white);
}

.ae-traffic-bike-hero-pattern {
    position: absolute;
    inset: 0;
    opacity: .08;
    background-image:
        linear-gradient(135deg, rgba(255,255,255,.7) 1px, transparent 1px),
        linear-gradient(45deg, rgba(255,255,255,.5) 1px, transparent 1px);
    background-size: 55px 55px;
    pointer-events: none;
}

.ae-traffic-bike-hero-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    right: -160px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(144, 8, 8, .15);
    filter: blur(20px);
    pointer-events: none;
}

.ae-traffic-bike-hero .container {
    position: relative;
    z-index: 2;
}

.ae-traffic-bike-hero-content {
    position: relative;
    z-index: 3;
    padding: 100px 0 120px;
    max-width: 700px;
}

.ae-traffic-bike-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
}

.ae-traffic-bike-kicker span {
    display: inline-block;
    width: 42px;
    height: 2px;
    background: var(--ae-primary-light);
}

.ae-traffic-bike-hero h1 {
    margin: 0;
    color: var(--ae-white);
    font-size: clamp(48px, 6vw, 82px);
    line-height: .98;
    font-weight: 300;
    letter-spacing: -2.5px;
}

.ae-traffic-bike-hero h1 strong {
    display: block;
    color: var(--ae-primary-light);
    font-weight: 800;
}

.ae-traffic-bike-hero-subtitle {
    margin: 28px 0 12px;
    color: var(--ae-white);
    font-size: 20px;
    line-height: 1.45;
    font-weight: 600;
}

.ae-traffic-bike-hero-text {
    margin: 0;
    max-width: 590px;
    color: rgba(255,255,255,.68);
    font-size: 15px;
    line-height: 1.8;
}

.ae-traffic-bike-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.ae-traffic-bike-btn {
    min-height: 52px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    transition: var(--ae-transition);
}

.ae-traffic-bike-btn i {
    transition: var(--ae-transition);
}

.ae-traffic-bike-btn:hover i {
    transform: translateX(4px);
}

.ae-traffic-bike-btn-primary {
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-traffic-bike-btn-primary:hover {
    background: var(--ae-primary-light);
    color: var(--ae-white);
    transform: translateY(-2px);
}

.ae-traffic-bike-btn-outline {
    border-color: rgba(255,255,255,.25);
    color: var(--ae-white);
    background: rgba(255,255,255,.03);
}

.ae-traffic-bike-btn-outline:hover {
    border-color: var(--ae-white);
    color: var(--ae-white);
    background: rgba(255,255,255,.08);
    transform: translateY(-2px);
}


/* HERO VISUAL */

.ae-traffic-bike-hero-visual {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ae-traffic-bike-hero-image {
    position: relative;
    width: 100%;
    max-width: 690px;
    z-index: 2;
}

.ae-traffic-bike-hero-image::before {
    content: "";
    position: absolute;
    inset: 12% 5% 8%;
    border-radius: 50%;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.09);
    transform: rotate(-10deg);
}

.ae-traffic-bike-hero-image img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 35px 45px rgba(0,0,0,.45));
    z-index: 2;
}

.ae-traffic-bike-hero-label {
    position: absolute;
    right: 0;
    bottom: 105px;
    z-index: 5;
    padding: 18px 22px;
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-traffic-bike-hero-label span {
    display: block;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ae-traffic-bike-hero-label strong {
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .5px;
}

.ae-traffic-bike-hero-line {
    position: absolute;
    width: 160px;
    height: 1px;
    right: -25px;
    bottom: 82px;
    background: rgba(255,255,255,.25);
}


/* BREADCRUMB */

.ae-traffic-bike-breadcrumb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.08);
    background: rgba(8,9,12,.45);
    backdrop-filter: blur(12px);
}

.ae-traffic-bike-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ae-traffic-bike-breadcrumb a,
.ae-traffic-bike-breadcrumb span {
    font-size: 12px;
    color: rgba(255,255,255,.58);
}

.ae-traffic-bike-breadcrumb a:hover {
    color: var(--ae-white);
}

.ae-traffic-bike-breadcrumb i {
    color: var(--ae-primary-light);
    font-size: 10px;
}

.ae-traffic-bike-breadcrumb span {
    color: var(--ae-white);
}


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

.ae-traffic-bike-intro {
    background: var(--ae-white);
}

.ae-traffic-bike-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 80px;
    align-items: center;
}

.ae-traffic-bike-intro-content {
    position: relative;
}

.ae-traffic-bike-marker {
    width: 52px;
    height: 3px;
    margin-bottom: 22px;
    background: var(--ae-primary);
}

.ae-traffic-bike-intro-content h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(40px, 4.5vw, 64px);
    line-height: 1.04;
    letter-spacing: -1.8px;
    font-weight: 300;
}

.ae-traffic-bike-intro-content h2 span,
.ae-traffic-bike-intro-content h2 strong {
    color: var(--ae-primary);
    font-weight: 800;
}

.ae-traffic-bike-subheading {
    margin: 18px 0 20px;
    color: var(--ae-dark);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.ae-traffic-bike-divider {
    width: 100%;
    max-width: 120px;
    height: 1px;
    margin-bottom: 28px;
    background: var(--ae-border);
}

.ae-traffic-bike-intro-content h4 {
    margin: 0 0 20px;
    color: var(--ae-dark);
    font-size: 23px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-traffic-bike-intro-content p {
    margin-bottom: 20px;
    color: var(--ae-text);
    line-height: 1.85;
}

.ae-traffic-bike-intro-content a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-traffic-bike-intro-content a:hover {
    color: var(--ae-primary-dark);
}

.ae-traffic-bike-intro-visual {
    position: relative;
}

.ae-traffic-bike-image-frame {
    position: relative;
    padding: 28px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
}

.ae-traffic-bike-image-frame::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    left: -12px;
    top: -12px;
    border-left: 3px solid var(--ae-primary);
    border-top: 3px solid var(--ae-primary);
}

.ae-traffic-bike-image-frame::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    right: -12px;
    bottom: -12px;
    border-right: 3px solid var(--ae-primary);
    border-bottom: 3px solid var(--ae-primary);
}

.ae-traffic-bike-image-accent {
    position: absolute;
    width: 42%;
    height: 42%;
    right: -20px;
    top: -20px;
    background: var(--ae-primary);
    opacity: .08;
}

.ae-traffic-bike-image-frame img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    z-index: 2;
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.ae-traffic-bike-section {
    padding: 105px 0;
    background: var(--ae-white);
}

.ae-traffic-bike-section-light {
    background: var(--ae-light);
}

.ae-traffic-bike-heading {
    max-width: 900px;
    margin-bottom: 55px;
}

.ae-traffic-bike-section-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--ae-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.2px;
}

.ae-traffic-bike-section-kicker span {
    width: 35px;
    height: 2px;
    display: inline-block;
    background: var(--ae-primary);
}

.ae-traffic-bike-heading h2,
.ae-traffic-bike-dark-heading h2,
.ae-traffic-bike-impact-content h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.12;
    letter-spacing: -1.3px;
    font-weight: 700;
}

.ae-traffic-bike-heading > p {
    margin-top: 24px;
    color: var(--ae-text);
    line-height: 1.85;
}

.ae-traffic-bike-content-wide {
    max-width: 1050px;
}

.ae-traffic-bike-content-wide p {
    margin-bottom: 24px;
    color: var(--ae-text);
    line-height: 1.9;
}


/* =========================================================
   FEATURE CARDS
   ========================================================= */

.ae-traffic-bike-feature-card {
    position: relative;
    height: 100%;
    padding: 42px;
    overflow: hidden;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    transition: var(--ae-transition);
}

.ae-traffic-bike-feature-card:hover {
    transform: translateY(-6px);
    border-color: rgba(144,8,8,.25);
    box-shadow: var(--ae-shadow-hover);
}

.ae-traffic-bike-feature-number {
    position: absolute;
    top: 24px;
    right: 28px;
    color: rgba(144,8,8,.10);
    font-size: 70px;
    line-height: 1;
    font-weight: 900;
}

.ae-traffic-bike-feature-content {
    position: relative;
    z-index: 2;
}

.ae-traffic-bike-feature-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(144,8,8,.08);
    color: var(--ae-primary);
    font-size: 20px;
}

.ae-traffic-bike-feature-card h3 {
    max-width: 700px;
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
}

.ae-traffic-bike-feature-card p {
    margin-bottom: 18px;
    color: var(--ae-text);
    line-height: 1.85;
}

.ae-traffic-bike-feature-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   DARK PROCESS SECTION
   ========================================================= */

.ae-traffic-bike-section-dark {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 20%, rgba(144,8,8,.18), transparent 30%),
        var(--ae-dark);
}

.ae-traffic-bike-section-dark::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -250px;
    bottom: -300px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.06);
}

.ae-traffic-bike-section-dark .container {
    position: relative;
    z-index: 2;
}

.ae-traffic-bike-dark-heading {
    max-width: 850px;
    margin-bottom: 48px;
}

.ae-traffic-bike-dark-heading h2 {
    color: var(--ae-white);
}

.ae-traffic-bike-dark-heading .ae-traffic-bike-section-kicker {
    color: var(--ae-primary-light);
}

.ae-traffic-bike-dark-heading .ae-traffic-bike-section-kicker span {
    background: var(--ae-primary-light);
}

.ae-traffic-bike-dark-content {
    max-width: 1100px;
}

.ae-traffic-bike-dark-content p {
    margin-bottom: 24px;
    color: rgba(255,255,255,.68);
    line-height: 1.9;
}

.ae-traffic-bike-dark-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   IMPACT
   ========================================================= */

.ae-traffic-bike-impact {
    background: var(--ae-light);
}

.ae-traffic-bike-impact-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 80px;
    align-items: start;
}

.ae-traffic-bike-impact-content {
    position: sticky;
    top: 120px;
}

.ae-traffic-bike-impact-content h2 {
    max-width: 480px;
}

.ae-traffic-bike-impact-text {
    padding-left: 45px;
    border-left: 1px solid var(--ae-border);
}

.ae-traffic-bike-impact-text p {
    margin-bottom: 25px;
    color: var(--ae-text);
    line-height: 1.9;
}

.ae-traffic-bike-impact-text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   GALLERY
   ========================================================= */

.ae-traffic-bike-gallery {
    position: relative;
    padding: 110px 0 120px;
    background: var(--ae-white);
}

.ae-traffic-bike-gallery-heading {
    margin-bottom: 45px;
    text-align: center;
}

.ae-traffic-bike-gallery-heading .ae-traffic-bike-section-kicker {
    justify-content: center;
}

.ae-traffic-bike-gallery-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(42px, 5vw, 65px);
    line-height: 1;
    font-weight: 300;
    letter-spacing: -2px;
}

.ae-traffic-bike-gallery-heading h2 strong {
    color: var(--ae-primary);
    font-weight: 800;
}

.ae-traffic-bike-gallery-heading p {
    margin: 16px 0 0;
    color: var(--ae-text-light);
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* TABS */

.ae-traffic-bike-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
}

.ae-traffic-bike-tab {
    min-width: 190px;
    min-height: 58px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border: 1px solid var(--ae-border);
    background: var(--ae-white);
    color: var(--ae-text);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    transition: var(--ae-transition);
}

.ae-traffic-bike-tab i {
    color: var(--ae-primary);
}

.ae-traffic-bike-tab.active {
    border-color: var(--ae-primary);
    background: var(--ae-primary);
    color: var(--ae-white);
}

.ae-traffic-bike-tab.active i {
    color: var(--ae-white);
}


/* GALLERY CARDS */

.ae-traffic-bike-tab-content {
    position: relative;
}

.ae-traffic-bike-tab-pane {
    display: block;
}

.ae-traffic-bike-gallery-card {
    position: relative;
    min-height: 350px;
    overflow: hidden;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
}

.ae-traffic-bike-gallery-card img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.22,.61,.36,1);
}

.ae-traffic-bike-gallery-card:hover img {
    transform: scale(1.045);
}

.ae-traffic-bike-gallery-number {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 3;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ae-primary);
    color: var(--ae-white);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {

    .ae-traffic-bike-hero {
        min-height: 700px;
    }

    .ae-traffic-bike-intro-grid {
        gap: 50px;
    }

    .ae-traffic-bike-impact-grid {
        gap: 50px;
    }

}


@media (max-width: 991px) {

    .ae-traffic-bike-hero {
        min-height: auto;
    }

    .ae-traffic-bike-hero-content {
        padding: 100px 0 35px;
    }

    .ae-traffic-bike-hero-visual {
        min-height: auto;
        padding: 20px 0 100px;
    }

    .ae-traffic-bike-hero-image {
        max-width: 650px;
        margin: 0 auto;
    }

    .ae-traffic-bike-hero-label {
        right: 5%;
        bottom: 95px;
    }

    .ae-traffic-bike-hero-line {
        right: 2%;
        bottom: 72px;
    }

    .ae-traffic-bike-intro-grid {
        grid-template-columns: 1fr;
    }

    .ae-traffic-bike-intro-visual {
        max-width: 750px;
        margin: 0 auto;
    }

    .ae-traffic-bike-impact-grid {
        grid-template-columns: 1fr;
    }

    .ae-traffic-bike-impact-content {
        position: static;
    }

    .ae-traffic-bike-impact-text {
        padding-left: 0;
        padding-top: 35px;
        border-left: 0;
        border-top: 1px solid var(--ae-border);
    }

}


@media (max-width: 767px) {

    .ae-traffic-bike-hero-content {
        padding: 85px 0 25px;
    }

    .ae-traffic-bike-hero h1 {
        font-size: 48px;
        letter-spacing: -1.5px;
    }

    .ae-traffic-bike-hero-subtitle {
        font-size: 17px;
    }

    .ae-traffic-bike-hero-buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .ae-traffic-bike-btn {
        width: 100%;
    }

    .ae-traffic-bike-hero-visual {
        padding-bottom: 90px;
    }

    .ae-traffic-bike-hero-label {
        right: 10px;
        bottom: 80px;
        padding: 14px 16px;
    }

    .ae-traffic-bike-hero-label strong {
        font-size: 18px;
    }

    .ae-traffic-bike-breadcrumb {
        padding: 14px 0;
    }

    .ae-traffic-bike-intro-grid {
        gap: 45px;
    }

    .ae-traffic-bike-intro-content h2 {
        font-size: 42px;
    }

    .ae-traffic-bike-section,
    .ae-traffic-bike-gallery {
        padding: 75px 0;
    }

    .ae-traffic-bike-heading {
        margin-bottom: 38px;
    }

    .ae-traffic-bike-feature-card {
        padding: 30px;
    }

    .ae-traffic-bike-feature-card h3 {
        font-size: 20px;
    }

    .ae-traffic-bike-gallery-heading h2 {
        font-size: 45px;
    }

    .ae-traffic-bike-tabs {
        margin-bottom: 30px;
    }

    .ae-traffic-bike-tab {
        width: 100%;
    }

    .ae-traffic-bike-gallery-card img {
        height: 330px;
    }

}


@media (max-width: 575px) {

    .ae-traffic-bike-kicker {
        font-size: 10px;
        letter-spacing: 1.8px;
    }

    .ae-traffic-bike-hero h1 {
        font-size: 42px;
    }

    .ae-traffic-bike-hero-text {
        font-size: 14px;
    }

    .ae-traffic-bike-intro-content h2 {
        font-size: 36px;
    }

    .ae-traffic-bike-image-frame {
        padding: 15px;
    }

    .ae-traffic-bike-feature-card {
        padding: 25px;
    }

    .ae-traffic-bike-feature-number {
        font-size: 55px;
    }

    .ae-traffic-bike-gallery-card img {
        height: 280px;
    }

}

/* ============================================================
   AE WORKS
   FIRE FIGHTING BIKE PAGE
   ============================================================ */

.ae-fire-bike-page {
    overflow: hidden;
}


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

.ae-fire-bike-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    padding: 100px 0 120px;
    background: var(--ae-white);
    overflow: hidden;
}

.ae-fire-bike-hero-pattern {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .6;
    background:
        linear-gradient(
            135deg,
            transparent 0%,
            rgba(144, 8, 8, .035) 50%,
            transparent 100%
        );
}

.ae-fire-bike-hero-glow {
    position: absolute;
    width: 620px;
    height: 620px;
    top: -180px;
    right: -180px;
    border-radius: 50%;
    background: rgba(144, 8, 8, .06);
    filter: blur(80px);
    pointer-events: none;
}

.ae-fire-bike-hero-content {
    position: relative;
    z-index: 3;
    max-width: 680px;
}

.ae-fire-bike-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.ae-fire-bike-kicker span {
    width: 42px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-fire-bike-hero h1 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(48px, 6vw, 82px);
    line-height: .98;
    font-weight: 300;
    letter-spacing: -3px;
}

.ae-fire-bike-hero h1 strong {
    display: block;
    color: var(--ae-primary);
    font-weight: 800;
}

.ae-fire-bike-hero-subtitle {
    margin: 28px 0 22px;
    color: var(--ae-dark);
    font-size: 20px;
    font-weight: 600;
}

.ae-fire-bike-hero-text {
    max-width: 640px;
}

.ae-fire-bike-hero-text p {
    margin: 0;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.85;
}

.ae-fire-bike-hero-text a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-fire-bike-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.ae-fire-bike-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
    transition: var(--ae-transition);
}

.ae-fire-bike-btn i {
    transition: transform .35s ease;
}

.ae-fire-bike-btn:hover i {
    transform: translateX(4px);
}

.ae-fire-bike-btn-primary {
    color: var(--ae-white);
    background: var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-fire-bike-btn-primary:hover {
    color: var(--ae-white);
    background: var(--ae-primary-dark);
    transform: translateY(-2px);
}

.ae-fire-bike-btn-outline {
    color: var(--ae-dark);
    border-color: var(--ae-border);
    background: transparent;
}

.ae-fire-bike-btn-outline:hover {
    color: var(--ae-white);
    border-color: var(--ae-dark);
    background: var(--ae-dark);
    transform: translateY(-2px);
}


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

.ae-fire-bike-hero-meta {
    display: flex;
    margin-top: 42px;
}

.ae-fire-bike-hero-meta > div {
    min-width: 125px;
    padding: 0 24px;
    border-left: 1px solid var(--ae-border);
}

.ae-fire-bike-hero-meta > div:first-child {
    padding-left: 0;
    border-left: 0;
}

.ae-fire-bike-hero-meta strong {
    display: block;
    color: var(--ae-dark);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
}

.ae-fire-bike-hero-meta span {
    display: block;
    margin-top: 5px;
    color: var(--ae-text-light);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;
}


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

.ae-fire-bike-hero-visual {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ae-fire-bike-hero-image {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 700px;
}

.ae-fire-bike-hero-image::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 420px;
    height: 420px;
    top: 40px;
    right: 40px;
    border-radius: 50%;
    background: rgba(144, 8, 8, .055);
}

.ae-fire-bike-hero-image img {
    width: 100%;
    height: 510px;
    object-fit: contain;
    filter: drop-shadow(0 25px 35px rgba(16, 18, 24, .16));
    transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

.ae-fire-bike-hero-visual:hover .ae-fire-bike-hero-image img {
    transform: scale(1.035) translateY(-5px);
}

.ae-fire-bike-hero-label {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 55px;
    min-width: 145px;
    padding: 17px 20px;
    color: var(--ae-white);
    background: var(--ae-primary);
    box-shadow: var(--ae-primary-shadow);
}

.ae-fire-bike-hero-label span {
    display: block;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ae-fire-bike-hero-label strong {
    display: block;
    font-size: 23px;
    line-height: 1;
    font-weight: 800;
}

.ae-fire-bike-hero-line {
    position: absolute;
    right: -20px;
    bottom: 28px;
    width: 230px;
    height: 1px;
    background: var(--ae-primary);
    opacity: .45;
}


/* ============================================================
   BREADCRUMB
   ============================================================ */

.ae-fire-bike-breadcrumb {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 17px 0;
    background: rgba(255, 255, 255, .88);
    border-top: 1px solid rgba(226, 228, 232, .8);
    backdrop-filter: blur(10px);
}

.ae-fire-bike-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ae-fire-bike-breadcrumb a {
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 600;
}

.ae-fire-bike-breadcrumb i {
    color: var(--ae-text-light);
    font-size: 10px;
}

.ae-fire-bike-breadcrumb span {
    color: var(--ae-text-light);
    font-size: 12px;
}


/* ============================================================
   GENERAL SECTION MARKER
   ============================================================ */

.ae-fire-bike-section-marker {
    width: 52px;
    height: 4px;
    margin-bottom: 22px;
    background: var(--ae-primary);
}


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

.ae-fire-bike-intro {
    background: var(--ae-white);
}

.ae-fire-bike-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 80px;
}

.ae-fire-bike-intro-content h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.ae-fire-bike-intro-content h2 span {
    color: var(--ae-primary);
}

.ae-fire-bike-subheading {
    margin: 12px 0 22px;
    color: var(--ae-text-light);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .5px;
}

.ae-fire-bike-divider {
    width: 75px;
    height: 1px;
    margin-bottom: 28px;
    background: var(--ae-border);
}

.ae-fire-bike-intro-content h4 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 23px;
    line-height: 1.5;
}

.ae-fire-bike-intro-content p {
    margin: 0 0 20px;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.9;
}

.ae-fire-bike-intro-content a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-fire-bike-intro-visual {
    position: relative;
}

.ae-fire-bike-image-frame {
    position: relative;
    overflow: hidden;
    background: var(--ae-light);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow);
}

.ae-fire-bike-image-frame::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 22px;
    right: 22px;
    width: 90px;
    height: 90px;
    border-top: 3px solid var(--ae-primary);
    border-right: 3px solid var(--ae-primary);
}

.ae-fire-bike-image-frame::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 22px;
    bottom: 22px;
    width: 90px;
    height: 90px;
    border-left: 3px solid var(--ae-primary);
    border-bottom: 3px solid var(--ae-primary);
}

.ae-fire-bike-image-frame img {
    width: 100%;
    height: 560px;
    object-fit: cover;
    transition: transform .6s ease;
}

.ae-fire-bike-image-frame:hover img {
    transform: scale(1.035);
}


/* ============================================================
   DEFINITION
   ============================================================ */

.ae-fire-bike-definition {
    background: var(--ae-light);
}

.ae-fire-bike-content-box {
    max-width: 1100px;
    margin: auto;
}

.ae-fire-bike-content-box h2,
.ae-fire-bike-section-heading h2,
.ae-fire-bike-selection-column h2 {
    margin: 0 0 24px;
    color: var(--ae-dark);
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.2;
    font-weight: 700;
}

.ae-fire-bike-content-box p,
.ae-fire-bike-section-heading > p,
.ae-fire-bike-selection-column > p {
    margin: 0 0 20px;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.9;
}


/* ============================================================
   USES
   ============================================================ */

.ae-fire-bike-uses {
    background: var(--ae-white);
}

.ae-fire-bike-section-heading {
    max-width: 1100px;
    margin: 0 auto 48px;
}

.ae-fire-bike-use-list {
    max-width: 1100px;
    margin: auto;
}

.ae-fire-bike-use-item {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 30px;
    padding: 32px 0;
    border-bottom: 1px solid var(--ae-border);
}

.ae-fire-bike-use-number {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ae-primary);
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    font-size: 15px;
    font-weight: 800;
}

.ae-fire-bike-use-item h3 {
    margin: 0 0 12px;
    color: var(--ae-dark);
    font-size: 22px;
    line-height: 1.4;
}

.ae-fire-bike-use-item p {
    margin: 0;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.85;
}


/* ============================================================
   ANATOMY
   ============================================================ */

.ae-fire-bike-anatomy {
    background: var(--ae-light);
}

.ae-fire-bike-anatomy-grid {
    display: grid;
    grid-template-columns: 42% 58%;
    gap: 70px;
    align-items: start;
}

.ae-fire-bike-anatomy-visual {
    position: sticky;
    top: 100px;
}

.ae-fire-bike-large-image {
    overflow: hidden;
    background: var(--ae-white);
    box-shadow: var(--ae-shadow);
}

.ae-fire-bike-large-image img {
    width: 100%;
    height: 650px;
    object-fit: cover;
}

.ae-fire-bike-anatomy-content h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.2;
}

.ae-fire-bike-anatomy-content > p {
    margin: 0 0 28px;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.9;
}

.ae-fire-bike-anatomy-content h3 {
    margin: 38px 0 12px;
    color: var(--ae-dark);
    font-size: 23px;
    line-height: 1.4;
}

.ae-fire-bike-anatomy-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ae-fire-bike-anatomy-content li {
    position: relative;
    padding-left: 23px;
}

.ae-fire-bike-anatomy-content li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ae-primary);
}

.ae-fire-bike-anatomy-content li p {
    margin: 0 0 15px;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


/* ============================================================
   TRUST
   ============================================================ */

.ae-fire-bike-trust {
    background: var(--ae-white);
}

.ae-fire-bike-trust-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ae-fire-bike-trust-card {
    position: relative;
    padding: 35px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    transition: var(--ae-transition);
}

.ae-fire-bike-trust-card:hover {
    background: var(--ae-white);
    border-color: transparent;
    box-shadow: var(--ae-shadow-hover);
    transform: translateY(-4px);
}

.ae-fire-bike-trust-card > span {
    display: block;
    margin-bottom: 20px;
    color: var(--ae-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ae-fire-bike-trust-card h3 {
    margin: 0 0 15px;
    color: var(--ae-dark);
    font-size: 21px;
    line-height: 1.4;
}

.ae-fire-bike-trust-card p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


/* ============================================================
   BENEFITS
   ============================================================ */

.ae-fire-bike-benefits {
    background: var(--ae-light);
}

.ae-fire-bike-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ae-fire-bike-benefit-card {
    padding: 30px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    transition: var(--ae-transition);
}

.ae-fire-bike-benefit-card:hover {
    border-color: transparent;
    box-shadow: var(--ae-shadow-hover);
    transform: translateY(-4px);
}

.ae-fire-bike-benefit-card > span {
    display: block;
    margin-bottom: 20px;
    color: var(--ae-primary);
    font-size: 13px;
    font-weight: 800;
}

.ae-fire-bike-benefit-card h3 {
    margin: 0 0 14px;
    color: var(--ae-dark);
    font-size: 20px;
    line-height: 1.4;
}

.ae-fire-bike-benefit-card p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


/* ============================================================
   SELECTION / CTA
   ============================================================ */

.ae-fire-bike-selection {
    background: var(--ae-white);
}

.ae-fire-bike-selection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 70px;
}

.ae-fire-bike-selection-column h2 {
    font-size: clamp(32px, 4vw, 48px);
}

.ae-fire-bike-selection-column ul {
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.ae-fire-bike-selection-column li {
    position: relative;
    padding-left: 25px;
    border-bottom: 1px solid var(--ae-border);
}

.ae-fire-bike-selection-column li::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ae-primary);
}

.ae-fire-bike-selection-column li p {
    margin: 0;
    padding: 14px 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.8;
}

.ae-fire-bike-cta-column {
    padding: 45px;
    background: var(--ae-dark);
}

.ae-fire-bike-cta-column h2 {
    color: var(--ae-white);
}

.ae-fire-bike-cta-column > p {
    color: rgba(255, 255, 255, .72);
}

.ae-fire-bike-cta-column > p a {
    color: var(--ae-white);
    font-weight: 700;
}


/* ============================================================
   FAQ
   ============================================================ */

.ae-fire-bike-faq {
    background: var(--ae-light);
}

.ae-fire-bike-faq-heading {
    max-width: 1100px;
    margin: 0 auto 45px;
}

.ae-fire-bike-faq-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(38px, 5vw, 60px);
    line-height: 1.1;
    font-weight: 700;
}

.ae-fire-bike-faq-heading h2 span {
    color: var(--ae-primary);
}

.ae-fire-bike-faq-list {
    max-width: 1100px;
    margin: auto;
}

.ae-fire-bike-faq-item {
    margin-bottom: 12px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    transition: var(--ae-transition);
}

.ae-fire-bike-faq-item.active {
    border-color: var(--ae-primary);
}

.ae-fire-bike-faq-question {
    width: 100%;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 25px;
    color: var(--ae-dark);
    background: transparent;
    border: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
}

.ae-fire-bike-faq-question i {
    flex: 0 0 auto;
    color: var(--ae-primary);
    font-size: 14px;
    transition: transform .3s ease;
}

.ae-fire-bike-faq-item.active .ae-fire-bike-faq-question i {
    transform: rotate(180deg);
}

.ae-fire-bike-faq-answer {
    display: none;
    padding: 0 25px 24px;
}

.ae-fire-bike-faq-item.active .ae-fire-bike-faq-answer {
    display: block;
}

.ae-fire-bike-faq-answer p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


/* ============================================================
   GALLERY
   ============================================================ */

.ae-fire-bike-gallery {
    background: var(--ae-white);
}

.ae-fire-bike-gallery-heading {
    margin-bottom: 35px;
}

.ae-fire-bike-gallery-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(38px, 5vw, 58px);
    line-height: 1.1;
}

.ae-fire-bike-gallery-heading h2 span {
    color: var(--ae-primary);
}

.ae-fire-bike-gallery-heading p {
    margin: 12px 0 0;
    color: var(--ae-text-light);
    font-size: 16px;
}

.ae-fire-bike-gallery-tabs {
    margin-bottom: 35px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--ae-border);
}

.ae-fire-bike-gallery-tabs button {
    padding: 12px 24px;
    color: var(--ae-white);
    background: var(--ae-primary);
    border: 1px solid var(--ae-primary);
    border-radius: var(--ae-radius);
    font-size: 13px;
    font-weight: 700;
}

.ae-fire-bike-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

.ae-fire-bike-gallery-item {
    position: relative;
    overflow: hidden;
    background: var(--ae-light);
}

.ae-fire-bike-gallery-item img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

.ae-fire-bike-gallery-item:hover img {
    transform: scale(1.05);
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1199px) {

    .ae-fire-bike-hero {
        min-height: 700px;
    }

    .ae-fire-bike-hero-image img {
        height: 450px;
    }

    .ae-fire-bike-anatomy-grid {
        gap: 45px;
    }

}


@media (max-width: 991px) {

    .ae-fire-bike-hero {
        min-height: auto;
        padding: 90px 0 110px;
    }

    .ae-fire-bike-hero-content {
        max-width: 100%;
        margin-bottom: 45px;
    }

    .ae-fire-bike-hero-visual {
        min-height: 450px;
    }

    .ae-fire-bike-intro-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .ae-fire-bike-anatomy-grid {
        grid-template-columns: 1fr;
    }

    .ae-fire-bike-anatomy-visual {
        position: relative;
        top: auto;
    }

    .ae-fire-bike-large-image img {
        height: 500px;
    }

    .ae-fire-bike-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 767px) {

    .ae-section {
        padding: 75px 0;
    }

    .ae-fire-bike-hero {
        padding: 75px 0 95px;
    }

    .ae-fire-bike-hero h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .ae-fire-bike-hero-subtitle {
        font-size: 18px;
    }

    .ae-fire-bike-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .ae-fire-bike-btn {
        width: 100%;
    }

    .ae-fire-bike-hero-meta {
        margin-top: 32px;
    }

    .ae-fire-bike-hero-meta > div {
        min-width: 0;
        flex: 1;
        padding: 0 10px;
    }

    .ae-fire-bike-hero-meta strong {
        font-size: 18px;
    }

    .ae-fire-bike-hero-meta span {
        font-size: 8px;
        letter-spacing: .4px;
    }

    .ae-fire-bike-hero-visual {
        min-height: 360px;
    }

    .ae-fire-bike-hero-image img {
        height: 340px;
    }

    .ae-fire-bike-hero-label {
        right: 0;
        bottom: 10px;
    }

    .ae-fire-bike-hero-line {
        right: -10px;
        bottom: 0;
        width: 150px;
    }

    .ae-fire-bike-intro-content h2 {
        font-size: 43px;
    }

    .ae-fire-bike-image-frame img {
        height: 380px;
    }

    .ae-fire-bike-use-item {
        grid-template-columns: 60px 1fr;
        gap: 20px;
    }

    .ae-fire-bike-use-number {
        width: 52px;
        height: 52px;
        font-size: 13px;
    }

    .ae-fire-bike-use-item h3 {
        font-size: 19px;
    }

    .ae-fire-bike-trust-grid,
    .ae-fire-bike-benefit-grid,
    .ae-fire-bike-selection-grid,
    .ae-fire-bike-gallery-grid {
        grid-template-columns: 1fr;
    }

    .ae-fire-bike-cta-column {
        padding: 30px 25px;
    }

    .ae-fire-bike-large-image img {
        height: 400px;
    }

    .ae-fire-bike-gallery-item img {
        height: 320px;
    }

}


@media (max-width: 480px) {

    .ae-fire-bike-hero h1 {
        font-size: 43px;
    }

    .ae-fire-bike-hero-meta > div {
        padding: 0 6px;
    }

    .ae-fire-bike-hero-meta strong {
        font-size: 16px;
    }

    .ae-fire-bike-hero-meta span {
        font-size: 7px;
    }

    .ae-fire-bike-hero-visual {
        min-height: 290px;
    }

    .ae-fire-bike-hero-image img {
        height: 275px;
    }

    .ae-fire-bike-hero-label {
        min-width: 120px;
        padding: 13px 15px;
    }

    .ae-fire-bike-hero-label strong {
        font-size: 18px;
    }

    .ae-fire-bike-use-item {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ae-fire-bike-use-number {
        width: 48px;
        height: 48px;
    }

    .ae-fire-bike-section-heading h2,
    .ae-fire-bike-content-box h2,
    .ae-fire-bike-selection-column h2 {
        font-size: 32px;
    }

}

/* =========================================================
   RESCUE BIKE PAGE
   Design Only — Existing Content Preserved
========================================================= */

.ae-rescue-bike-page {
    width: 100%;
    overflow: hidden;
}


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

.ae-rescue-bike-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 78% 45%,
        rgba(144, 8, 8, .15),
        transparent 32%),
        linear-gradient(135deg,
        var(--ae-black) 0%,
        var(--ae-dark) 52%,
        var(--ae-dark-2) 100%);
    overflow: hidden;
    padding: 100px 0 150px;
    color: var(--ae-white);
}

.ae-rescue-bike-hero-pattern {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .45;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 70px 70px;
    mask-image: linear-gradient(
        to right,
        transparent,
        black 35%,
        black 100%
    );
}

.ae-rescue-bike-hero-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    right: -180px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(144, 8, 8, .13);
    filter: blur(80px);
    pointer-events: none;
}

.ae-rescue-bike-hero .container {
    position: relative;
    z-index: 3;
}


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

.ae-rescue-bike-hero-content {
    position: relative;
    z-index: 5;
    padding-right: 45px;
}

.ae-rescue-bike-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,.65);
}

.ae-rescue-bike-kicker span {
    display: inline-block;
    width: 38px;
    height: 2px;
    background: var(--ae-primary-light);
}

.ae-rescue-bike-hero h1 {
    margin: 0;
    font-size: clamp(52px, 6vw, 88px);
    line-height: .98;
    font-weight: 300;
    letter-spacing: -3px;
    color: var(--ae-white);
}

.ae-rescue-bike-hero h1 strong {
    display: block;
    font-weight: 800;
    color: var(--ae-primary-light);
}

.ae-rescue-bike-hero-subtitle {
    margin: 26px 0 10px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--ae-white);
}

.ae-rescue-bike-hero-text {
    max-width: 620px;
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255,255,255,.62);
}


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

.ae-rescue-bike-hero-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.ae-rescue-bike-btn {
    min-height: 54px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    border: 1px solid transparent;
    border-radius: var(--ae-radius);

    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;

    transition: var(--ae-transition);
}

.ae-rescue-bike-btn i {
    font-size: 12px;
    transition: var(--ae-transition);
}

.ae-rescue-bike-btn-primary {
    background: var(--ae-primary);
    color: var(--ae-white);
    box-shadow: var(--ae-primary-shadow);
}

.ae-rescue-bike-btn-primary:hover {
    background: var(--ae-primary-light);
    color: var(--ae-white);
    transform: translateY(-3px);
}

.ae-rescue-bike-btn-primary:hover i {
    transform: translateY(3px);
}

.ae-rescue-bike-btn-outline {
    border-color: rgba(255,255,255,.25);
    color: var(--ae-white);
    background: rgba(255,255,255,.03);
}

.ae-rescue-bike-btn-outline:hover {
    border-color: var(--ae-primary-light);
    background: var(--ae-primary);
    color: var(--ae-white);
    transform: translateY(-3px);
}

.ae-rescue-bike-btn-outline:hover i {
    transform: translateX(4px);
}


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

.ae-rescue-bike-hero-visual {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ae-rescue-bike-hero-image {
    position: relative;
    width: min(100%, 650px);
    z-index: 2;
}

.ae-rescue-bike-hero-image::before {
    content: "";
    position: absolute;
    width: 70%;
    height: 70%;
    left: 15%;
    top: 15%;
    border-radius: 50%;
    background: rgba(144, 8, 8, .15);
    filter: blur(50px);
    z-index: -1;
}

.ae-rescue-bike-hero-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(
        0 30px 35px rgba(0,0,0,.45)
    );
}

.ae-rescue-bike-hero-label {
    position: absolute;
    right: 0;
    bottom: 70px;
    z-index: 4;

    min-width: 150px;
    padding: 17px 20px;

    background: rgba(8,9,12,.86);
    border-left: 3px solid var(--ae-primary-light);

    box-shadow: 0 20px 45px rgba(0,0,0,.3);
}

.ae-rescue-bike-hero-label span {
    display: block;
    margin-bottom: 5px;

    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
    color: rgba(255,255,255,.55);
}

.ae-rescue-bike-hero-label strong {
    display: block;

    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 1px;
    color: var(--ae-white);
}

.ae-rescue-bike-hero-line {
    position: absolute;
    width: 160px;
    height: 1px;
    right: -40px;
    bottom: 45px;
    background: var(--ae-primary-light);
    opacity: .65;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.ae-rescue-bike-breadcrumb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;

    padding: 17px 0;

    background: rgba(8,9,12,.68);
    border-top: 1px solid rgba(255,255,255,.07);
    backdrop-filter: blur(10px);
}

.ae-rescue-bike-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 11px;

    font-size: 12px;
}

.ae-rescue-bike-breadcrumb a {
    color: rgba(255,255,255,.6);
}

.ae-rescue-bike-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-rescue-bike-breadcrumb i {
    font-size: 9px;
    color: var(--ae-primary-light);
}

.ae-rescue-bike-breadcrumb span {
    color: var(--ae-white);
}


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

.ae-rescue-bike-overview {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-rescue-bike-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    gap: 90px;
    align-items: center;
}

.ae-rescue-bike-overview-content {
    position: relative;
    padding-left: 38px;
}

.ae-rescue-bike-section-marker {
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 70px;
    background: var(--ae-primary);
}

.ae-rescue-bike-overview-content h2 {
    margin: 0;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1;
    font-weight: 300;
    letter-spacing: -2px;
    color: var(--ae-dark);
}

.ae-rescue-bike-overview-content h2 span {
    font-weight: 800;
    color: var(--ae-primary);
}

.ae-rescue-bike-subheading {
    margin: 14px 0 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--ae-text-light);
}

.ae-rescue-bike-divider {
    width: 60px;
    height: 2px;
    margin: 28px 0;
    background: var(--ae-primary);
}

.ae-rescue-bike-overview-content h4 {
    margin: 0 0 20px;
    font-size: 23px;
    line-height: 1.45;
    font-weight: 600;
    color: var(--ae-dark);
}

.ae-rescue-bike-overview-content > p:last-child {
    font-size: 15px;
    line-height: 1.9;
    color: var(--ae-text);
}


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

.ae-rescue-bike-overview-visual {
    position: relative;
}

.ae-rescue-bike-image-frame {
    position: relative;
    padding: 14px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
}

.ae-rescue-bike-image-frame::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 28px;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(144,8,8,.22);
    z-index: 0;
}

.ae-rescue-bike-image-accent {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 5px;
    background: var(--ae-primary);
    z-index: 3;
}

.ae-rescue-bike-image-frame img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* =========================================================
   GALLERY
========================================================= */

.ae-rescue-bike-gallery {
    padding: 110px 0;
    background: var(--ae-light);
}

.ae-rescue-bike-gallery-heading {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.ae-rescue-bike-heading-watermark {
    position: absolute;
    left: 50%;
    top: -25px;
    transform: translateX(-50%);

    font-size: clamp(60px, 9vw, 120px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -4px;
    text-transform: uppercase;

    color: rgba(16,18,24,.035);
    white-space: nowrap;
    pointer-events: none;
}

.ae-rescue-bike-gallery-heading h2 {
    position: relative;
    z-index: 2;

    margin: 0;

    font-size: clamp(32px, 4vw, 50px);
    line-height: 1.15;
    font-weight: 300;
    color: var(--ae-dark);
}

.ae-rescue-bike-gallery-heading h2 span {
    font-weight: 800;
    color: var(--ae-primary);
}

.ae-rescue-bike-gallery-heading p {
    position: relative;
    z-index: 2;

    margin: 13px 0 0;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--ae-text-light);
}

.ae-rescue-bike-heading-line {
    width: 55px;
    height: 2px;
    margin: 22px auto 0;
    background: var(--ae-primary);
}


/* =========================================================
   GALLERY TABS
========================================================= */

.ae-rescue-bike-tabs-wrapper {
    margin-bottom: 35px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-rescue-bike-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.ae-rescue-bike-tabs li {
    margin: 0;
}

.ae-rescue-bike-tabs label {
    position: relative;

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

    min-width: 190px;
    min-height: 58px;
    padding: 0 25px;

    margin: 0;
    cursor: pointer;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: var(--ae-text);
    transition: var(--ae-transition);
}

.ae-rescue-bike-tabs label::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;

    width: 0;
    height: 3px;

    background: var(--ae-primary);

    transform: translateX(-50%);
    transition: var(--ae-transition);
}

.ae-rescue-bike-tabs li.active label {
    color: var(--ae-primary);
}

.ae-rescue-bike-tabs li.active label::after {
    width: 100%;
}


/* =========================================================
   GALLERY CARD
========================================================= */

.ae-rescue-bike-gallery-card {
    position: relative;
    overflow: hidden;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-rescue-bike-gallery-image {
    position: relative;
    overflow: hidden;
}

.ae-rescue-bike-gallery-image img {
    width: 100%;
    height: auto;
    display: block;

    transition:
        transform .7s cubic-bezier(.22,.61,.36,1);
}

.ae-rescue-bike-gallery-card:hover img {
    transform: scale(1.05);
}

.ae-rescue-bike-gallery-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

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

    padding: 16px 18px;

    background: linear-gradient(
        to top,
        rgba(8,9,12,.88),
        rgba(8,9,12,.1)
    );

    color: var(--ae-white);

    /*opacity: 0;*/
    transform: translateY(10px);
    transition: var(--ae-transition);
}

.ae-rescue-bike-gallery-card:hover .ae-rescue-bike-gallery-overlay {
    opacity: 1;
    transform: translateY(0);
}

.ae-rescue-bike-gallery-overlay span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ae-rescue-bike-gallery-overlay i {
    font-size: 13px;
    color: var(--ae-primary-light);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

    .ae-rescue-bike-hero {
        min-height: 700px;
    }

    .ae-rescue-bike-hero-content {
        padding-right: 20px;
    }

    .ae-rescue-bike-overview-grid {
        gap: 60px;
    }

    .ae-rescue-bike-hero-visual {
        min-height: 500px;
    }

}


@media (max-width: 991.98px) {

    .ae-rescue-bike-hero {
        min-height: auto;
        padding: 90px 0 125px;
    }

    .ae-rescue-bike-hero-content {
        padding-right: 0;
        margin-bottom: 45px;
    }

    .ae-rescue-bike-hero-visual {
        min-height: 440px;
    }

    .ae-rescue-bike-hero-label {
        right: 10px;
        bottom: 35px;
    }

    .ae-rescue-bike-hero-line {
        right: 0;
        bottom: 15px;
    }

    .ae-rescue-bike-overview {
        padding: 85px 0;
    }

    .ae-rescue-bike-overview-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .ae-rescue-bike-overview-visual {
        max-width: 750px;
        margin: 0 auto;
        width: 100%;
    }

    .ae-rescue-bike-gallery {
        padding: 85px 0;
    }

}


@media (max-width: 767.98px) {

    .ae-rescue-bike-hero {
        padding-top: 75px;
    }

    .ae-rescue-bike-hero h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }

    .ae-rescue-bike-hero-subtitle {
        font-size: 16px;
    }

    .ae-rescue-bike-hero-text {
        font-size: 14px;
    }

    .ae-rescue-bike-hero-buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .ae-rescue-bike-btn {
        width: 100%;
    }

    .ae-rescue-bike-hero-visual {
        min-height: 350px;
    }

    .ae-rescue-bike-hero-label {
        right: 0;
        bottom: 20px;
        min-width: 125px;
        padding: 13px 15px;
    }

    .ae-rescue-bike-hero-label strong {
        font-size: 15px;
    }

    .ae-rescue-bike-breadcrumb .container {
        flex-wrap: wrap;
    }

    .ae-rescue-bike-overview {
        padding: 70px 0;
    }

    .ae-rescue-bike-overview-content {
        padding-left: 25px;
    }

    .ae-rescue-bike-overview-content h2 {
        font-size: 45px;
    }

    .ae-rescue-bike-overview-content h4 {
        font-size: 20px;
    }

    .ae-rescue-bike-gallery {
        padding: 70px 0;
    }

    .ae-rescue-bike-heading-watermark {
        font-size: 55px;
    }

    .ae-rescue-bike-tabs {
        justify-content: stretch;
    }

    .ae-rescue-bike-tabs label {
        min-width: 0;
        width: 100%;
        padding: 0 18px;
        font-size: 11px;
    }

}


@media (max-width: 575.98px) {

    .ae-rescue-bike-hero h1 {
        font-size: 46px;
    }

    .ae-rescue-bike-hero-visual {
        min-height: 280px;
    }

    .ae-rescue-bike-hero-label {
        bottom: 10px;
    }

    .ae-rescue-bike-hero-line {
        display: none;
    }

    .ae-rescue-bike-overview-content {
        padding-left: 20px;
    }

    .ae-rescue-bike-overview-content h2 {
        font-size: 38px;
    }

    .ae-rescue-bike-image-frame {
        padding: 9px;
    }

    .ae-rescue-bike-image-frame::before {
        left: -8px;
        top: 15px;
    }

    .ae-rescue-bike-heading-watermark {
        display: none;
    }

}

/* =========================================================
   HEALTHCARE BIKE — OVERVIEW SECTION ONLY
========================================================= */

.ae-healthcare-bike-overview {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-healthcare-bike-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    gap: 90px;
    align-items: center;
}


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

.ae-healthcare-bike-overview-content {
    position: relative;
    padding-left: 38px;
}

.ae-healthcare-bike-marker {
    position: absolute;
    left: 0;
    top: 7px;

    width: 4px;
    height: 70px;

    background: var(--ae-primary);
}

.ae-healthcare-bike-overview-content h2 {
    margin: 0;

    font-size: clamp(42px, 5vw, 68px);
    line-height: 1;

    font-weight: 300;
    letter-spacing: -2px;

    color: var(--ae-dark);
}

.ae-healthcare-bike-overview-content h2 span {
    font-weight: 800;
    color: var(--ae-primary);
}

.ae-healthcare-bike-subheading {
    margin: 14px 0 0;

    font-size: 13px;
    line-height: 1.5;

    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;

    color: var(--ae-text-light);
}

.ae-healthcare-bike-divider {
    width: 60px;
    height: 2px;

    margin: 28px 0;

    background: var(--ae-primary);
}

.ae-healthcare-bike-overview-content h4 {
    margin: 0 0 20px;

    font-size: 23px;
    line-height: 1.45;

    font-weight: 600;

    color: var(--ae-dark);
}

.ae-healthcare-bike-overview-content > p:last-child {
    margin: 0;

    font-size: 15px;
    line-height: 1.9;

    color: var(--ae-text);
}


/* =========================================================
   IMAGE
========================================================= */

.ae-healthcare-bike-overview-visual {
    position: relative;
}

.ae-healthcare-bike-image-frame {
    position: relative;

    padding: 14px;

    background: var(--ae-light);

    border: 1px solid var(--ae-border);

    box-shadow: var(--ae-shadow);
}

.ae-healthcare-bike-image-frame::before {
    content: "";

    position: absolute;

    left: -18px;
    top: 28px;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(144, 8, 8, .22);

    z-index: 0;
}

.ae-healthcare-bike-image-accent {
    position: absolute;

    top: 0;
    right: 0;

    width: 90px;
    height: 5px;

    background: var(--ae-primary);

    z-index: 3;
}

.ae-healthcare-bike-image-frame img {
    position: relative;

    z-index: 2;

    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .ae-healthcare-bike-overview {
        padding: 85px 0;
    }

    .ae-healthcare-bike-overview-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .ae-healthcare-bike-overview-visual {
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
    }

}


@media (max-width: 767.98px) {

    .ae-healthcare-bike-overview {
        padding: 70px 0;
    }

    .ae-healthcare-bike-overview-content {
        padding-left: 25px;
    }

    .ae-healthcare-bike-overview-content h2 {
        font-size: 45px;
    }

    .ae-healthcare-bike-overview-content h4 {
        font-size: 20px;
    }

}


@media (max-width: 575.98px) {

    .ae-healthcare-bike-overview-content {
        padding-left: 20px;
    }

    .ae-healthcare-bike-overview-content h2 {
        font-size: 38px;
    }

    .ae-healthcare-bike-image-frame {
        padding: 9px;
    }

    .ae-healthcare-bike-image-frame::before {
        left: -8px;
        top: 15px;
    }

}

/* =========================================================
   SHORT WHEEL BIKE
   Overview Section Only
   Hero + Gallery CSS already available globally
========================================================= */

.ae-short-wheel-bike-overview {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-short-wheel-bike-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    gap: 90px;
    align-items: center;
}


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

.ae-short-wheel-bike-overview-content {
    position: relative;
    padding-left: 38px;
}

.ae-short-wheel-bike-marker {
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 70px;
    background: var(--ae-primary);
}

.ae-short-wheel-bike-overview-content h2 {
    margin: 0;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;
    color: var(--ae-dark);
}

.ae-short-wheel-bike-overview-content h2 span {
    color: var(--ae-primary);
}

.ae-short-wheel-bike-subheading {
    margin: 10px 0 0;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--ae-dark);
}

.ae-short-wheel-bike-divider {
    width: 60px;
    height: 3px;
    margin: 24px 0 28px;
    background: var(--ae-primary);
}

.ae-short-wheel-bike-overview-content h4 {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 1.45;
    font-weight: 600;
    color: var(--ae-dark);
}

.ae-short-wheel-bike-overview-content > p:last-child {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: var(--ae-text);
}


/* =========================================================
   IMAGE
========================================================= */

.ae-short-wheel-bike-overview-visual {
    position: relative;
}

.ae-short-wheel-bike-image-frame {
    position: relative;
    padding: 18px;
    background: var(--ae-light);
    overflow: hidden;
}

.ae-short-wheel-bike-image-frame::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 90px;
    background: var(--ae-primary);
    opacity: .08;
}

.ae-short-wheel-bike-image-accent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55%;
    height: 4px;
    background: var(--ae-primary);
    z-index: 2;
}

.ae-short-wheel-bike-image-frame img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .ae-short-wheel-bike-overview {
        padding: 85px 0;
    }

    .ae-short-wheel-bike-overview-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ae-short-wheel-bike-overview-content {
        padding-left: 32px;
    }

    .ae-short-wheel-bike-overview-content h2 {
        font-size: 42px;
    }

}

@media (max-width: 767px) {

    .ae-short-wheel-bike-overview {
        padding: 70px 0;
    }

    .ae-short-wheel-bike-overview-grid {
        gap: 40px;
    }

    .ae-short-wheel-bike-overview-content {
        padding-left: 28px;
    }

    .ae-short-wheel-bike-overview-content h2 {
        font-size: 36px;
    }

    .ae-short-wheel-bike-overview-content h4 {
        font-size: 22px;
    }

    .ae-short-wheel-bike-overview-content > p:last-child {
        font-size: 15px;
        line-height: 1.8;
    }

}

@media (max-width: 575px) {

    .ae-short-wheel-bike-overview {
        padding: 55px 0;
    }

    .ae-short-wheel-bike-overview-content {
        padding-left: 24px;
    }

    .ae-short-wheel-bike-marker {
        width: 3px;
        height: 58px;
    }

    .ae-short-wheel-bike-overview-content h2 {
        font-size: 32px;
    }

    .ae-short-wheel-bike-subheading {
        font-size: 15px;
    }

    .ae-short-wheel-bike-overview-content h4 {
        font-size: 20px;
    }

    .ae-short-wheel-bike-image-frame {
        padding: 10px;
    }
}

/* =========================================================
   LONG WHEEL BIKE
   Content Sections Only
   Hero + Gallery CSS already exists
========================================================= */


/* =========================================================
   MAIN CONTENT
========================================================= */

.ae-long-wheel-bike-content {
    background: var(--ae-white);
    padding: 0 0 110px;
}


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

.ae-long-wheel-bike-intro {
    padding: 110px 0;
}

.ae-long-wheel-bike-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    gap: 90px;
    align-items: center;
}

.ae-long-wheel-bike-intro-content {
    position: relative;
    padding-left: 38px;
}

.ae-long-wheel-bike-marker {
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 80px;
    background: var(--ae-primary);
}

.ae-long-wheel-bike-intro-content h2 {
    margin: 0;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;
    color: var(--ae-dark);
}

.ae-long-wheel-bike-intro-content h2 span {
    color: var(--ae-primary);
}

.ae-long-wheel-bike-subheading {
    margin: 12px 0 0;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--ae-dark);
    letter-spacing: 1px;
}

.ae-long-wheel-bike-divider {
    width: 60px;
    height: 3px;
    margin: 24px 0 28px;
    background: var(--ae-primary);
}

.ae-long-wheel-bike-intro-content h4 {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 1.45;
    font-weight: 600;
    color: var(--ae-dark);
}

.ae-long-wheel-bike-intro-content p {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.9;
    color: var(--ae-text);
}

.ae-long-wheel-bike-intro-content p:last-child {
    margin-bottom: 0;
}

.ae-long-wheel-bike-intro-content a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-long-wheel-bike-intro-visual {
    position: relative;
}

.ae-long-wheel-bike-image-frame {
    position: relative;
    padding: 18px;
    background: var(--ae-light);
    overflow: hidden;
}

.ae-long-wheel-bike-image-frame::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: var(--ae-primary);
    opacity: .08;
}

.ae-long-wheel-bike-image-accent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55%;
    height: 4px;
    background: var(--ae-primary);
    z-index: 2;
}

.ae-long-wheel-bike-image-frame img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   COMMON CONTENT SECTIONS
========================================================= */

.ae-long-wheel-bike-section {
    padding: 90px 0;
    border-top: 1px solid var(--ae-border);
}

.ae-long-wheel-bike-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 30px;
}

.ae-long-wheel-bike-number {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background: var(--ae-primary);
    color: var(--ae-white);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.ae-long-wheel-bike-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.ae-long-wheel-bike-section > p {
    max-width: 100%;
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.9;
    color: var(--ae-text);
}


/* =========================================================
   IMPORTANCE FEATURES
========================================================= */

.ae-long-wheel-bike-feature-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin: 35px 0;
}

.ae-long-wheel-bike-feature {
    padding: 32px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    border-top: 3px solid var(--ae-primary);
    transition: var(--ae-transition);
}

.ae-long-wheel-bike-feature:hover {
    transform: translateY(-5px);
    box-shadow: var(--ae-shadow);
}

.ae-long-wheel-bike-feature h3 {
    margin: 0 0 15px;
    color: var(--ae-dark);
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
}

.ae-long-wheel-bike-feature p,
.ae-long-wheel-bike-feature-card p {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 1.85;
    color: var(--ae-text);
}

.ae-long-wheel-bike-feature p:last-child,
.ae-long-wheel-bike-feature-card p:last-child {
    margin-bottom: 0;
}

.ae-long-wheel-bike-feature ul,
.ae-long-wheel-bike-feature-card ul {
    margin: 15px 0 0;
    padding: 0;
}

.ae-long-wheel-bike-feature li,
.ae-long-wheel-bike-feature-card li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 9px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ae-text);
}

.ae-long-wheel-bike-feature li::before,
.ae-long-wheel-bike-feature-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 6px;
    height: 6px;
    background: var(--ae-primary);
    border-radius: 50%;
}


/* =========================================================
   BEST QUIRKS CARDS
========================================================= */

.ae-long-wheel-bike-feature-card {
    height: 100%;
    padding: 32px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
    transition: var(--ae-transition);
}

.ae-long-wheel-bike-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--ae-shadow-hover);
}

.ae-long-wheel-bike-feature-card h3 {
    margin: 0 0 15px;
    color: var(--ae-dark);
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-long-wheel-bike-feature-card ul {
    margin-bottom: 18px;
}

.ae-long-wheel-bike-content-image {
    position: relative;
    padding: 14px;
    background: var(--ae-light);
}

.ae-long-wheel-bike-content-image::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45%;
    height: 4px;
    background: var(--ae-primary);
}

.ae-long-wheel-bike-content-image img {
    width: 100%;
    height: auto;
    display: block;
}

.ae-long-wheel-bike-feature-card-simple {
    box-shadow: none;
    background: var(--ae-light);
}


/* =========================================================
   WHO BENEFITS
========================================================= */

.ae-long-wheel-bike-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 35px;
}

.ae-long-wheel-bike-benefit {
    display: flex;
    gap: 22px;
    padding: 28px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    transition: var(--ae-transition);
}

.ae-long-wheel-bike-benefit:hover {
    transform: translateY(-4px);
    box-shadow: var(--ae-shadow);
}

.ae-long-wheel-bike-benefit > span {
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    color: var(--ae-primary);
    padding-top: 4px;
}

.ae-long-wheel-bike-benefit h3 {
    margin: 0 0 12px;
    color: var(--ae-dark);
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-long-wheel-bike-benefit p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   WHY CHOOSE
========================================================= */

.ae-long-wheel-bike-why-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 35px;
}


/* =========================================================
   CONCLUSION
========================================================= */

.ae-long-wheel-bike-conclusion {
    margin-top: 40px;
    padding: 75px 70px;
    text-align: center;
    background: var(--ae-light);
    border-top: 4px solid var(--ae-primary);
}

.ae-long-wheel-bike-conclusion h2 {
    margin: 0 0 25px;
    color: var(--ae-primary);
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
}

.ae-long-wheel-bike-conclusion p {
    max-width: 950px;
    margin: 0 auto 18px;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.9;
}

.ae-long-wheel-bike-conclusion p:last-child {
    margin-bottom: 0;
}

.ae-long-wheel-bike-conclusion a {
    color: var(--ae-primary);
    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .ae-long-wheel-bike-intro {
        padding: 85px 0;
    }

    .ae-long-wheel-bike-intro-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ae-long-wheel-bike-section {
        padding: 75px 0;
    }

    .ae-long-wheel-bike-section-heading h2 {
        font-size: 34px;
    }

    .ae-long-wheel-bike-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 767px) {

    .ae-long-wheel-bike-intro {
        padding: 65px 0;
    }

    .ae-long-wheel-bike-intro-content {
        padding-left: 28px;
    }

    .ae-long-wheel-bike-intro-content h2 {
        font-size: 38px;
    }

    .ae-long-wheel-bike-intro-content h4 {
        font-size: 22px;
    }

    .ae-long-wheel-bike-section {
        padding: 60px 0;
    }

    .ae-long-wheel-bike-section-heading {
        gap: 18px;
    }

    .ae-long-wheel-bike-section-heading h2 {
        font-size: 29px;
    }

    .ae-long-wheel-bike-feature-list,
    .ae-long-wheel-bike-benefits,
    .ae-long-wheel-bike-why-grid {
        grid-template-columns: 1fr;
    }

    .ae-long-wheel-bike-conclusion {
        padding: 55px 30px;
    }

    .ae-long-wheel-bike-conclusion h2 {
        font-size: 36px;
    }

}

@media (max-width: 575px) {

    .ae-long-wheel-bike-intro {
        padding: 50px 0;
    }

    .ae-long-wheel-bike-intro-content {
        padding-left: 24px;
    }

    .ae-long-wheel-bike-marker {
        width: 3px;
        height: 70px;
    }

    .ae-long-wheel-bike-intro-content h2 {
        font-size: 32px;
    }

    .ae-long-wheel-bike-subheading {
        font-size: 15px;
    }

    .ae-long-wheel-bike-intro-content h4 {
        font-size: 20px;
    }

    .ae-long-wheel-bike-section-heading {
        display: block;
    }

    .ae-long-wheel-bike-number {
        margin-bottom: 18px;
    }

    .ae-long-wheel-bike-section-heading h2 {
        font-size: 26px;
    }

    .ae-long-wheel-bike-feature,
    .ae-long-wheel-bike-feature-card,
    .ae-long-wheel-bike-benefit {
        padding: 24px;
    }

    .ae-long-wheel-bike-conclusion {
        padding: 45px 20px;
    }

    .ae-long-wheel-bike-conclusion h2 {
        font-size: 30px;
    }
}

/* =========================================================
   FULLY DISABLED BIKE
   Content Sections Only
   Hero + Gallery CSS already exists
========================================================= */


/* =========================================================
   MAIN CONTENT
========================================================= */

.ae-fully-disabled-bike-content {
    padding-bottom: 110px;
    background: var(--ae-white);
}


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

.ae-fully-disabled-bike-intro {
    padding: 110px 0;
}

.ae-fully-disabled-bike-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    gap: 90px;
    align-items: center;
}

.ae-fully-disabled-bike-intro-content {
    position: relative;
    padding-left: 38px;
}

.ae-fully-disabled-bike-marker {
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 82px;
    background: var(--ae-primary);
}

.ae-fully-disabled-bike-intro-content h2 {
    margin: 0;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;
    color: var(--ae-dark);
}

.ae-fully-disabled-bike-intro-content h2 span {
    color: var(--ae-primary);
}

.ae-fully-disabled-bike-subheading {
    margin: 12px 0 0;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--ae-dark);
    letter-spacing: 1px;
}

.ae-fully-disabled-bike-divider {
    width: 60px;
    height: 3px;
    margin: 24px 0 28px;
    background: var(--ae-primary);
}

.ae-fully-disabled-bike-intro-content h4 {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 1.45;
    font-weight: 600;
    color: var(--ae-dark);
}

.ae-fully-disabled-bike-intro-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: var(--ae-text);
}

.ae-fully-disabled-bike-intro-content a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-fully-disabled-bike-intro-visual {
    position: relative;
}

.ae-fully-disabled-bike-image-frame {
    position: relative;
    padding: 18px;
    background: var(--ae-light);
    overflow: hidden;
}

.ae-fully-disabled-bike-image-frame::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: var(--ae-primary);
    opacity: .08;
}

.ae-fully-disabled-bike-image-accent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55%;
    height: 4px;
    background: var(--ae-primary);
    z-index: 2;
}

.ae-fully-disabled-bike-image-frame img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   COMMON SECTIONS
========================================================= */

.ae-fully-disabled-bike-section {
    padding: 90px 0;
    border-top: 1px solid var(--ae-border);
}

.ae-fully-disabled-bike-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
}

.ae-fully-disabled-bike-number {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background: var(--ae-primary);
    color: var(--ae-white);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.ae-fully-disabled-bike-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: 38px;
    line-height: 1.3;
    font-weight: 700;
}

.ae-fully-disabled-bike-section > p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.9;
    color: var(--ae-text);
}


/* =========================================================
   TWO COLUMN INFORMATION
========================================================= */

.ae-fully-disabled-bike-column {
    height: 100%;
}

.ae-fully-disabled-bike-info {
    margin-top: 30px;
    padding: 28px;
    background: var(--ae-light);
    border-left: 3px solid var(--ae-primary);
    transition: var(--ae-transition);
}

.ae-fully-disabled-bike-info:hover {
    transform: translateY(-4px);
    box-shadow: var(--ae-shadow);
}

.ae-fully-disabled-bike-info h4 {
    margin: 0 0 12px;
    color: var(--ae-dark);
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-fully-disabled-bike-info p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   IMPACT CARDS
========================================================= */

.ae-fully-disabled-bike-impact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 35px;
}

.ae-fully-disabled-bike-impact-card {
    display: flex;
    gap: 20px;
    height: 100%;
    padding: 30px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-top: 3px solid var(--ae-primary);
    box-shadow: var(--ae-shadow);
    transition: var(--ae-transition);
}

.ae-fully-disabled-bike-impact-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--ae-shadow-hover);
}

.ae-fully-disabled-bike-impact-card > span {
    flex: 0 0 auto;
    color: var(--ae-primary);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-fully-disabled-bike-impact-card h3 {
    margin: 0 0 14px;
    color: var(--ae-dark);
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-fully-disabled-bike-impact-card p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .ae-fully-disabled-bike-intro {
        padding: 85px 0;
    }

    .ae-fully-disabled-bike-intro-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ae-fully-disabled-bike-section {
        padding: 75px 0;
    }

    .ae-fully-disabled-bike-section-heading h2 {
        font-size: 34px;
    }

    .ae-fully-disabled-bike-impact-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 767px) {

    .ae-fully-disabled-bike-intro {
        padding: 65px 0;
    }

    .ae-fully-disabled-bike-intro-content {
        padding-left: 28px;
    }

    .ae-fully-disabled-bike-intro-content h2 {
        font-size: 38px;
    }

    .ae-fully-disabled-bike-intro-content h4 {
        font-size: 22px;
    }

    .ae-fully-disabled-bike-section {
        padding: 60px 0;
    }

    .ae-fully-disabled-bike-section-heading {
        gap: 18px;
    }

    .ae-fully-disabled-bike-section-heading h2 {
        font-size: 29px;
    }

    .ae-fully-disabled-bike-info,
    .ae-fully-disabled-bike-impact-card {
        padding: 24px;
    }

}


@media (max-width: 575px) {

    .ae-fully-disabled-bike-intro {
        padding: 50px 0;
    }

    .ae-fully-disabled-bike-intro-content {
        padding-left: 24px;
    }

    .ae-fully-disabled-bike-marker {
        width: 3px;
        height: 70px;
    }

    .ae-fully-disabled-bike-intro-content h2 {
        font-size: 32px;
    }

    .ae-fully-disabled-bike-subheading {
        font-size: 15px;
    }

    .ae-fully-disabled-bike-intro-content h4 {
        font-size: 20px;
    }

    .ae-fully-disabled-bike-section-heading {
        display: block;
    }

    .ae-fully-disabled-bike-number {
        margin-bottom: 18px;
    }

    .ae-fully-disabled-bike-section-heading h2 {
        font-size: 26px;
    }

    .ae-fully-disabled-bike-impact-grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   ELECTRIC SHUTTLE BUS
   Page-specific content CSS
   Hero + Gallery CSS intentionally excluded
========================================================= */


/* =========================================================
   MAIN PRODUCT SECTION
========================================================= */

.ae-shuttle-main {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-shuttle-intro {
    max-width: 1000px;
    margin: 0 auto 75px;
    text-align: center;
}

.ae-shuttle-intro h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.ae-shuttle-intro p {
    margin: 0;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.9;
}

.ae-shuttle-intro a {
    color: var(--ae-primary);
    font-weight: 600;
}

.ae-shuttle-product-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 75px;
    align-items: center;
}

.ae-shuttle-product-gallery-space {
    min-width: 0;
}

.ae-shuttle-image-frame {
    position: relative;
    padding: 18px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
    overflow: hidden;
}

.ae-shuttle-image-frame::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
    border-top: 4px solid var(--ae-primary);
    border-left: 4px solid var(--ae-primary);
    z-index: 1;
    pointer-events: none;
}

.ae-shuttle-image-frame::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: 0;
    bottom: 0;
    border-right: 4px solid var(--ae-primary);
    border-bottom: 4px solid var(--ae-primary);
    z-index: 1;
    pointer-events: none;
}

.ae-shuttle-image-frame img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.ae-shuttle-spec-content h2 {
    margin: 0 0 28px;
    color: var(--ae-dark);
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
}

.ae-shuttle-spec-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--ae-border);
    background: var(--ae-white);
    box-shadow: var(--ae-shadow);
}

.ae-shuttle-spec-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
}

.ae-shuttle-spec-table th,
.ae-shuttle-spec-table td {
    padding: 16px 18px;
    border-bottom: 1px solid var(--ae-border);
    text-align: left;
    vertical-align: middle;
}

.ae-shuttle-spec-table tr:last-child th,
.ae-shuttle-spec-table tr:last-child td {
    border-bottom: 0;
}

.ae-shuttle-spec-table th {
    width: 38%;
    color: var(--ae-dark);
    font-weight: 700;
    background: var(--ae-light);
}

.ae-shuttle-spec-table td {
    color: var(--ae-text);
    line-height: 1.6;
}


/* =========================================================
   CONTENT SECTIONS
========================================================= */

.ae-shuttle-content-section {
    padding: 110px 0;
    background: var(--ae-light);
}

.ae-shuttle-content-card {
    height: 100%;
    padding: 45px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
    position: relative;
}

.ae-shuttle-content-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 70px;
    background: var(--ae-primary);
}

.ae-shuttle-content-card h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
}

.ae-shuttle-content-card h3 {
    margin: 32px 0 14px;
    color: var(--ae-primary);
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-shuttle-content-card p {
    margin: 0 0 18px;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.9;
}

.ae-shuttle-content-card p:last-child {
    margin-bottom: 0;
}

.ae-shuttle-content-card strong {
    color: var(--ae-dark);
}

.ae-shuttle-wide-card {
    height: auto;
    margin-top: 35px;
}


/* =========================================================
   TEXT SECTIONS
========================================================= */

.ae-shuttle-text-section {
    padding: 100px 0;
    background: var(--ae-white);
}

.ae-shuttle-text-section:nth-of-type(even) {
    background: var(--ae-light);
}

.ae-shuttle-text-section .container {
    max-width: 1100px;
}

.ae-shuttle-text-section h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;
}

.ae-shuttle-text-section h3 {
    margin: 35px 0 15px;
    color: var(--ae-primary);
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-shuttle-text-section p {
    margin: 0 0 25px;
    color: var(--ae-text);
    font-size: 16px;
    line-height: 1.95;
}

.ae-shuttle-text-section p:last-child {
    margin-bottom: 0;
}

.ae-shuttle-text-section a {
    color: var(--ae-primary);
    font-weight: 600;
}


/* =========================================================
   CONFIGURATION
========================================================= */

.ae-shuttle-config-section {
    padding: 110px 0;
    background: var(--ae-light);
}

.ae-shuttle-section-heading {
    margin-bottom: 45px;
    text-align: center;
}

.ae-shuttle-section-heading > span {
    display: block;
    margin-bottom: 8px;
    color: var(--ae-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.ae-shuttle-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.ae-shuttle-section-heading h2 strong {
    color: var(--ae-primary);
}

.ae-shuttle-config-table-wrap {
    overflow-x: auto;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
}

.ae-shuttle-config-table {
    width: 100%;
    min-width: 800px;
    border-collapse: collapse;
}

.ae-shuttle-config-table td {
    padding: 17px 20px;
    border-right: 1px solid var(--ae-border);
    border-bottom: 1px solid var(--ae-border);
    color: var(--ae-text);
    line-height: 1.7;
    vertical-align: top;
}

.ae-shuttle-config-table tr:last-child td {
    border-bottom: 0;
}

.ae-shuttle-config-table td:last-child {
    border-right: 0;
}

.ae-shuttle-config-table tr:first-child td {
    color: var(--ae-white);
    background: var(--ae-dark);
    font-weight: 700;
}

.ae-shuttle-config-table td:first-child {
    width: 32%;
}

.ae-shuttle-config-table td b {
    color: var(--ae-dark);
}

.ae-shuttle-config-table tr:first-child td b {
    color: var(--ae-white);
}


/* =========================================================
   FAQ
========================================================= */

.ae-shuttle-faq-section {
    padding: 110px 0;
    background: var(--ae-white);
}

.ae-shuttle-faq-title {
    margin: 0 0 50px;
    color: var(--ae-primary);
    text-align: center;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
}

.ae-shuttle-faq {
    max-width: 1050px;
    margin: 0 auto;
}

.ae-shuttle-faq-item {
    margin-bottom: 14px;
    border: 1px solid var(--ae-border);
    background: var(--ae-white);
    box-shadow: 0 8px 25px rgba(16, 18, 24, .05);
}

.ae-shuttle-faq-question {
    width: 100%;
    padding: 22px 25px;
    border: 0;
    outline: 0;
    background: var(--ae-white);
    color: var(--ae-dark);
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    transition: var(--ae-transition);
}

.ae-shuttle-faq-question span {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ae-primary);
    font-size: 24px;
    line-height: 1;
    transition: var(--ae-transition);
}

.ae-shuttle-faq-item.active .ae-shuttle-faq-question {
    color: var(--ae-primary);
}

.ae-shuttle-faq-item.active .ae-shuttle-faq-question span {
    transform: rotate(45deg);
}

.ae-shuttle-faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
    transition: max-height .4s ease, padding .4s ease;
}

.ae-shuttle-faq-item.active .ae-shuttle-faq-answer {
    max-height: 600px;
    padding: 0 25px 24px;
}

.ae-shuttle-faq-answer p {
    margin: 0;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .ae-shuttle-product-grid {
        gap: 50px;
    }

    .ae-shuttle-spec-content h2 {
        font-size: 28px;
    }

    .ae-shuttle-image-frame img {
        height: 430px;
    }

}


@media (max-width: 991px) {

    .ae-shuttle-main,
    .ae-shuttle-content-section,
    .ae-shuttle-config-section,
    .ae-shuttle-faq-section {
        padding: 80px 0;
    }

    .ae-shuttle-text-section {
        padding: 80px 0;
    }

    .ae-shuttle-product-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .ae-shuttle-product-gallery-space {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
    }

    .ae-shuttle-image-frame img {
        height: auto;
        max-height: 550px;
        object-fit: contain;
    }

    .ae-shuttle-content-card {
        padding: 35px;
    }

}


@media (max-width: 767px) {

    .ae-shuttle-intro {
        margin-bottom: 50px;
    }

    .ae-shuttle-intro h2 {
        font-size: 28px;
    }

    .ae-shuttle-spec-content h2 {
        font-size: 25px;
    }

    .ae-shuttle-content-card h2 {
        font-size: 26px;
    }

    .ae-shuttle-text-section h2 {
        font-size: 29px;
    }

    .ae-shuttle-section-heading h2 {
        font-size: 31px;
    }

    .ae-shuttle-faq-title {
        font-size: 36px;
    }

    .ae-shuttle-content-card {
        padding: 30px;
    }

    .ae-shuttle-spec-table th,
    .ae-shuttle-spec-table td {
        padding: 14px;
    }

}


@media (max-width: 575px) {

    .ae-shuttle-main,
    .ae-shuttle-content-section,
    .ae-shuttle-config-section,
    .ae-shuttle-faq-section {
        padding: 65px 0;
    }

    .ae-shuttle-text-section {
        padding: 65px 0;
    }

    .ae-shuttle-intro h2 {
        font-size: 25px;
    }

    .ae-shuttle-intro p,
    .ae-shuttle-text-section p,
    .ae-shuttle-content-card p {
        font-size: 14px;
    }

    .ae-shuttle-content-card {
        padding: 25px;
    }

    .ae-shuttle-content-card h2 {
        font-size: 23px;
    }

    .ae-shuttle-text-section h2 {
        font-size: 26px;
    }

    .ae-shuttle-section-heading h2 {
        font-size: 27px;
    }

    .ae-shuttle-faq-title {
        font-size: 30px;
    }

    .ae-shuttle-faq-question {
        padding: 18px;
        font-size: 14px;
    }

    .ae-shuttle-faq-answer {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ae-shuttle-faq-item.active .ae-shuttle-faq-answer {
        padding-left: 18px;
        padding-right: 18px;
    }

}

/* =========================================================
   AE WORKS - BLOG CONTENT
   Hero CSS already exists globally.
   Gallery CSS not required for this page.
========================================================= */


/* =========================================================
   BLOG CONTENT SECTION
========================================================= */

.ae-blog-content {
    background: var(--ae-white);
    padding: 110px 0;
}


/* =========================================================
   FEATURED / LATEST BLOG
========================================================= */

.ae-blog-featured {
    position: relative;
    margin-bottom: 100px;
}

.ae-blog-featured-image {
    position: relative;
    overflow: hidden;
    background: var(--ae-light);
    border-radius: var(--ae-radius);
}

.ae-blog-featured-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(8, 9, 12, 0) 50%,
        rgba(8, 9, 12, .18) 100%
    );
    pointer-events: none;
}

.ae-blog-featured-image a {
    display: block;
}

.ae-blog-featured-image img {
    width: 100%;
    /*height: 540px;*/
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-blog-featured-image:hover img {
    transform: scale(1.035);
}


.ae-blog-featured-content {
    padding: 25px 0 25px 25px;
}

.ae-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.ae-blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ae-text-light);
    font-size: 13px;
    font-weight: 600;
}

.ae-blog-meta i {
    color: var(--ae-primary);
    font-size: 14px;
}


.ae-blog-featured-content h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.5px;
}

.ae-blog-featured-content h2 a {
    color: inherit;
}

.ae-blog-featured-content h2 a:hover {
    color: var(--ae-primary);
}

.ae-blog-featured-content > p {
    margin: 0 0 28px;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


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

.ae-blog-section-heading {
    margin-bottom: 45px;
}

.ae-blog-section-heading .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-blog-section-heading .ae-kicker::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-blog-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.2;
    font-weight: 700;
}

.ae-blog-section-heading h2 strong {
    color: var(--ae-primary);
}


/* =========================================================
   BLOG CARD
========================================================= */

.ae-blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    transition: var(--ae-transition);
}

.ae-blog-card:hover {
    transform: translateY(-8px);
    border-color: transparent;
    box-shadow: var(--ae-shadow-hover);
}


/* =========================================================
   BLOG CARD IMAGE
========================================================= */

.ae-blog-card-image {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--ae-light);
}

.ae-blog-card-image img {
    width: 100%;
    height: 265px;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-blog-card:hover .ae-blog-card-image img {
    transform: scale(1.06);
}


/* =========================================================
   BLOG CARD BODY
========================================================= */

.ae-blog-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 28px 28px 30px;
}

.ae-blog-card-meta {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.ae-blog-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ae-text-light);
    font-size: 12px;
    font-weight: 600;
}

.ae-blog-card-meta i {
    color: var(--ae-primary);
}


.ae-blog-card-body h3 {
    margin: 0 0 15px;
    color: var(--ae-dark);
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-blog-card-body h3 a {
    color: inherit;
}

.ae-blog-card-body h3 a:hover {
    color: var(--ae-primary);
}


.ae-blog-card-body > p {
    margin: 0 0 22px;
    color: var(--ae-text);
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   READ MORE
========================================================= */

.ae-blog-read-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: auto;
    color: var(--ae-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .2px;
}

.ae-blog-read-more i {
    font-size: 12px;
    transition: var(--ae-transition);
}

.ae-blog-read-more:hover {
    color: var(--ae-primary-dark);
}

.ae-blog-read-more:hover i {
    transform: translateX(5px);
}


/* =========================================================
   PAGINATION
========================================================= */

.ae-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 70px;
}

.ae-blog-pagination a,
.ae-blog-pagination > span {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    background: var(--ae-white);
    color: var(--ae-dark);
    font-size: 13px;
    font-weight: 700;
    transition: var(--ae-transition);
}

.ae-blog-pagination a:hover {
    border-color: var(--ae-primary);
    background: var(--ae-primary);
    color: var(--ae-white);
}

.ae-blog-pagination > span.active {
    border-color: var(--ae-primary);
    background: var(--ae-primary);
    color: var(--ae-white);
}

.ae-blog-pagination > span:not(.active) {
    border-color: transparent;
    background: transparent;
    color: var(--ae-text-light);
}

.ae-blog-pagination .ae-pagination-arrow {
    font-size: 14px;
}

.ae-blog-pagination .ae-pagination-arrow.disabled {
    opacity: .4;
    pointer-events: none;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ae-blog-empty {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 30px;
    text-align: center;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
}

.ae-blog-empty h3 {
    margin: 0 0 10px;
    color: var(--ae-dark);
    font-size: 28px;
    font-weight: 700;
}

.ae-blog-empty p {
    margin: 0;
    color: var(--ae-text);
}


/* =========================================================
   BLOG BREADCRUMB
   Only if this page-specific breadcrumb style is not already
   included in the global hero CSS.
========================================================= */

.ae-blog-breadcrumb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    z-index: 3;
}

.ae-blog-breadcrumb p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
}

.ae-blog-breadcrumb a {
    color: var(--ae-white);
}

.ae-blog-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-blog-breadcrumb span {
    color: rgba(255, 255, 255, .65);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .ae-blog-content {
        padding: 80px 0;
    }

    .ae-blog-featured {
        margin-bottom: 75px;
    }

    .ae-blog-featured-image img {
        height: 450px;
    }

    .ae-blog-featured-content {
        padding: 10px 0 0;
    }

    .ae-blog-section-heading {
        margin-bottom: 35px;
    }

}


@media (max-width: 767px) {

    .ae-blog-content {
        padding: 65px 0;
    }

    .ae-blog-featured {
        margin-bottom: 60px;
    }

    .ae-blog-featured-image img {
        height: 330px;
    }

    .ae-blog-featured-content h2 {
        font-size: 32px;
    }

    .ae-blog-card-image img {
        height: 240px;
    }

    .ae-blog-pagination {
        margin-top: 50px;
    }

}


@media (max-width: 575px) {

    .ae-blog-content {
        padding: 55px 0;
    }

    .ae-blog-featured-image img {
        height: 260px;
    }

    .ae-blog-featured-content h2 {
        font-size: 28px;
    }

    .ae-blog-card-body {
        padding: 23px;
    }

    .ae-blog-card-body h3 {
        font-size: 19px;
    }

    .ae-blog-pagination {
        gap: 5px;
    }

    .ae-blog-pagination a,
    .ae-blog-pagination > span {
        width: 40px;
        height: 40px;
    }

}

/* =========================================================
   AE WORKS - BLOG CONTENT
   Hero CSS already exists globally.
   Gallery CSS not required for this page.
========================================================= */


/* =========================================================
   BLOG CONTENT SECTION
========================================================= */

.ae-blog-content {
    background: var(--ae-white);
    padding: 110px 0;
}


/* =========================================================
   FEATURED / LATEST BLOG
========================================================= */

.ae-blog-featured {
    position: relative;
    margin-bottom: 100px;
}

.ae-blog-featured-image {
    position: relative;
    overflow: hidden;
    background: var(--ae-light);
    border-radius: var(--ae-radius);
}

.ae-blog-featured-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(8, 9, 12, 0) 50%,
        rgba(8, 9, 12, .18) 100%
    );
    pointer-events: none;
}

.ae-blog-featured-image a {
    display: block;
}

.ae-blog-featured-image img {
    width: 100%;
    /*height: 540px;*/
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-blog-featured-image:hover img {
    transform: scale(1.035);
}


.ae-blog-featured-content {
    padding: 25px 0 25px 25px;
}

.ae-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.ae-blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ae-text-light);
    font-size: 13px;
    font-weight: 600;
}

.ae-blog-meta i {
    color: var(--ae-primary);
    font-size: 14px;
}


.ae-blog-featured-content h2 {
    margin: 0 0 22px;
    color: var(--ae-dark);
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.5px;
}

.ae-blog-featured-content h2 a {
    color: inherit;
}

.ae-blog-featured-content h2 a:hover {
    color: var(--ae-primary);
}

.ae-blog-featured-content > p {
    margin: 0 0 28px;
    color: var(--ae-text);
    font-size: 15px;
    line-height: 1.85;
}


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

.ae-blog-section-heading {
    margin-bottom: 45px;
}

.ae-blog-section-heading .ae-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ae-blog-section-heading .ae-kicker::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--ae-primary);
}

.ae-blog-section-heading h2 {
    margin: 0;
    color: var(--ae-dark);
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.2;
    font-weight: 700;
}

.ae-blog-section-heading h2 strong {
    color: var(--ae-primary);
}


/* =========================================================
   BLOG CARD
========================================================= */

.ae-blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    transition: var(--ae-transition);
}

.ae-blog-card:hover {
    transform: translateY(-8px);
    border-color: transparent;
    box-shadow: var(--ae-shadow-hover);
}


/* =========================================================
   BLOG CARD IMAGE
========================================================= */

.ae-blog-card-image {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--ae-light);
}

.ae-blog-card-image img {
    width: 100%;
    height: 265px;
    object-fit: cover;
    transition: var(--ae-transition);
}

.ae-blog-card:hover .ae-blog-card-image img {
    transform: scale(1.06);
}


/* =========================================================
   BLOG CARD BODY
========================================================= */

.ae-blog-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 28px 28px 30px;
}

.ae-blog-card-meta {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.ae-blog-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ae-text-light);
    font-size: 12px;
    font-weight: 600;
}

.ae-blog-card-meta i {
    color: var(--ae-primary);
}


.ae-blog-card-body h3 {
    margin: 0 0 15px;
    color: var(--ae-dark);
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.ae-blog-card-body h3 a {
    color: inherit;
}

.ae-blog-card-body h3 a:hover {
    color: var(--ae-primary);
}


.ae-blog-card-body > p {
    margin: 0 0 22px;
    color: var(--ae-text);
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   READ MORE
========================================================= */

.ae-blog-read-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: auto;
    color: var(--ae-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .2px;
}

.ae-blog-read-more i {
    font-size: 12px;
    transition: var(--ae-transition);
}

.ae-blog-read-more:hover {
    color: var(--ae-primary-dark);
}

.ae-blog-read-more:hover i {
    transform: translateX(5px);
}


/* =========================================================
   PAGINATION
========================================================= */

.ae-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 70px;
}

.ae-blog-pagination a,
.ae-blog-pagination > span {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    background: var(--ae-white);
    color: var(--ae-dark);
    font-size: 13px;
    font-weight: 700;
    transition: var(--ae-transition);
}

.ae-blog-pagination a:hover {
    border-color: var(--ae-primary);
    background: var(--ae-primary);
    color: var(--ae-white);
}

.ae-blog-pagination > span.active {
    border-color: var(--ae-primary);
    background: var(--ae-primary);
    color: var(--ae-white);
}

.ae-blog-pagination > span:not(.active) {
    border-color: transparent;
    background: transparent;
    color: var(--ae-text-light);
}

.ae-blog-pagination .ae-pagination-arrow {
    font-size: 14px;
}

.ae-blog-pagination .ae-pagination-arrow.disabled {
    opacity: .4;
    pointer-events: none;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ae-blog-empty {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 30px;
    text-align: center;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
}

.ae-blog-empty h3 {
    margin: 0 0 10px;
    color: var(--ae-dark);
    font-size: 28px;
    font-weight: 700;
}

.ae-blog-empty p {
    margin: 0;
    color: var(--ae-text);
}


/* =========================================================
   BLOG BREADCRUMB
   Only if this page-specific breadcrumb style is not already
   included in the global hero CSS.
========================================================= */

.ae-blog-breadcrumb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    z-index: 3;
}

.ae-blog-breadcrumb p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
}

.ae-blog-breadcrumb a {
    color: var(--ae-white);
}

.ae-blog-breadcrumb a:hover {
    color: var(--ae-primary-light);
}

.ae-blog-breadcrumb span {
    color: rgba(255, 255, 255, .65);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .ae-blog-content {
        padding: 80px 0;
    }

    .ae-blog-featured {
        margin-bottom: 75px;
    }

    .ae-blog-featured-image img {
        height: 450px;
    }

    .ae-blog-featured-content {
        padding: 10px 0 0;
    }

    .ae-blog-section-heading {
        margin-bottom: 35px;
    }

}


@media (max-width: 767px) {

    .ae-blog-content {
        padding: 65px 0;
    }

    .ae-blog-featured {
        margin-bottom: 60px;
    }

    .ae-blog-featured-image img {
        height: 330px;
    }

    .ae-blog-featured-content h2 {
        font-size: 32px;
    }

    .ae-blog-card-image img {
        height: 240px;
    }

    .ae-blog-pagination {
        margin-top: 50px;
    }

}


@media (max-width: 575px) {

    .ae-blog-content {
        padding: 55px 0;
    }

    .ae-blog-featured-image img {
        height: 260px;
    }

    .ae-blog-featured-content h2 {
        font-size: 28px;
    }

    .ae-blog-card-body {
        padding: 23px;
    }

    .ae-blog-card-body h3 {
        font-size: 19px;
    }

    .ae-blog-pagination {
        gap: 5px;
    }

    .ae-blog-pagination a,
    .ae-blog-pagination > span {
        width: 40px;
        height: 40px;
    }
}

/* DSNG VANS */

/* =========================================================
   DSNG VAN — PAGE-SPECIFIC STYLES
========================================================= */

.ae-dsng-page {
    --dsng-accent: var(--ae-primary);
    --dsng-ink: var(--ae-dark);
    color: var(--ae-text);
    overflow: hidden;
}

.ae-dsng-page img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ae-dsng-page section[id] {
    scroll-margin-top: 100px;
}

/* HERO */

.ae-dsng-hero .ae-changan-hero-content h1 {
    max-width: 680px;
    line-height: 1.12;
}

.ae-dsng-hero .ae-changan-hero-content h1 strong {
    display: block;
}

.ae-dsng-hero .ae-changan-hero-image {
    overflow: hidden;
}

.ae-dsng-hero .ae-changan-hero-image img {
    min-height: 350px;
    object-fit: contain;
}

/* SHARED SECTION STYLES */

.ae-dsng-section {
    padding: 100px 0;
    position: relative;
}

.ae-dsng-heading {
    max-width: 760px;
    margin-bottom: 48px;
}

.ae-dsng-heading h2 {
    color: var(--ae-dark);
    font-size: clamp(28px, 3.2vw, 43px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.1px;
    margin: 12px 0 18px;
}

.ae-dsng-heading > p {
    font-size: 16px;
    line-height: 1.85;
    color: var(--ae-text);
    max-width: 680px;
}

.ae-dsng-heading-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.ae-dsng-heading-center > p {
    margin-left: auto;
    margin-right: auto;
}

.ae-dsng-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ae-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ae-dsng-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: var(--ae-primary);
    flex-shrink: 0;
}

/* OVERVIEW */

.ae-dsng-overview {
    background: var(--ae-white);
}

.ae-dsng-content-card {
    position: relative;
    padding: 42px;
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
}

.ae-dsng-card-index {
    display: block;
    margin-bottom: 18px;
    color: var(--ae-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.ae-dsng-content-card h3 {
    color: var(--ae-dark);
    font-size: clamp(24px, 2.5vw, 32px);
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 20px;
}

.ae-dsng-content-card p {
    font-size: 14px;
    line-height: 1.95;
    margin: 0 0 17px;
}

.ae-dsng-text-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    color: var(--ae-primary);
    font-size: 13px;
    font-weight: 800;
}

.ae-dsng-text-link i {
    transition: transform .3s ease;
}

.ae-dsng-text-link:hover {
    color: var(--ae-primary-dark);
}

.ae-dsng-text-link:hover i {
    transform: translateX(5px);
}

.ae-dsng-image-frame {
    position: relative;
    min-height: 430px;
    height: 100%;
    overflow: hidden;
    background: var(--ae-dark);
    border-radius: var(--ae-radius);
    box-shadow: var(--ae-shadow);
}

.ae-dsng-image-frame > img {
    position: absolute;
    inset: 0;
    transition: transform .7s ease;
}

.ae-dsng-image-frame:hover > img {
    transform: scale(1.045);
}

.ae-dsng-image-caption {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px 22px;
    color: var(--ae-white);
    background: rgba(16, 18, 24, .88);
    border-left: 3px solid var(--ae-primary-light);
}

.ae-dsng-image-caption span {
    color: #f2b6b6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-dsng-image-caption strong {
    font-size: 17px;
    line-height: 1.4;
}

/* FEATURES */

.ae-dsng-features {
    background: var(--ae-light);
}

.ae-dsng-feature-card {
    position: relative;
    height: 100%;
    min-height: 280px;
    padding: 32px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    transition: var(--ae-transition);
    overflow: hidden;
}

.ae-dsng-feature-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--ae-primary);
    transition: width .35s ease;
}

.ae-dsng-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--ae-shadow-hover);
    border-color: transparent;
}

.ae-dsng-feature-card:hover::after {
    width: 100%;
}

.ae-dsng-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
    background: rgba(144, 8, 8, .08);
    color: var(--ae-primary);
    font-size: 23px;
    border-radius: var(--ae-radius);
    transition: var(--ae-transition);
}

.ae-dsng-feature-card:hover .ae-dsng-feature-icon {
    color: var(--ae-white);
    background: var(--ae-primary);
}

.ae-dsng-number {
    position: absolute;
    top: 29px;
    right: 28px;
    color: #e8e9ec;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
}

.ae-dsng-feature-card h3 {
    position: relative;
    color: var(--ae-dark);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
    margin: 0 0 13px;
}

.ae-dsng-feature-card p {
    color: var(--ae-text);
    font-size: 13px;
    line-height: 1.85;
    margin: 0;
}

/* ENGINEERING */

.ae-dsng-engineering {
    background: var(--ae-white);
}

.ae-dsng-engineering-card {
    position: relative;
    height: 100%;
    padding: 42px;
    border-radius: var(--ae-radius);
    overflow: hidden;
}

.ae-dsng-engineering-dark {
    color: rgba(255, 255, 255, .76);
    background: var(--ae-dark);
}

.ae-dsng-engineering-light {
    color: var(--ae-text);
    background: var(--ae-light);
    border: 1px solid var(--ae-border);
}

.ae-dsng-engineering-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.ae-dsng-engineering-top span {
    font-size: 44px;
    font-weight: 900;
    line-height: 1;
    opacity: .25;
}

.ae-dsng-engineering-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: var(--ae-white);
    background: var(--ae-primary);
    border-radius: var(--ae-radius);
    font-size: 24px;
}

.ae-dsng-engineering-card h2 {
    font-size: clamp(24px, 2.5vw, 32px);
    font-weight: 800;
    line-height: 1.25;
    margin: 13px 0 20px;
}

.ae-dsng-engineering-dark h2 {
    color: var(--ae-white);
}

.ae-dsng-engineering-light h2 {
    color: var(--ae-dark);
}

.ae-dsng-engineering-card > p {
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 25px;
}

.ae-dsng-engineering-card ul {
    display: grid;
    gap: 13px;
}

.ae-dsng-engineering-card li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    font-size: 13px;
    line-height: 1.6;
}

.ae-dsng-engineering-card li i {
    color: var(--ae-primary-light);
    margin-top: 4px;
}

/* APPLICATIONS */

.ae-dsng-applications {
    background: var(--ae-light);
}

.ae-dsng-application-card {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    height: 100%;
    padding: 30px;
    background: var(--ae-white);
    border: 1px solid var(--ae-border);
    border-radius: var(--ae-radius);
    transition: var(--ae-transition);
}

.ae-dsng-application-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--ae-shadow);
    border-color: rgba(144, 8, 8, .25);
}

.ae-dsng-application-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    color: var(--ae-white);
    background: var(--ae-primary);
    border-radius: var(--ae-radius);
    font-size: 22px;
}

.ae-dsng-application-card h3 {
    color: var(--ae-dark);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
    margin: 2px 0 10px;
}

.ae-dsng-application-card p {
    font-size: 13px;
    line-height: 1.85;
    margin: 0;
}

/* PROCESS */

.ae-dsng-process {
    background: var(--ae-white);
}

.ae-dsng-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.ae-dsng-process-card {
    position: relative;
    padding: 32px 25px;
    border: 1px solid var(--ae-border);
    background: var(--ae-white);
    border-radius: var(--ae-radius);
    transition: var(--ae-transition);
}

.ae-dsng-process-card:hover {
    border-color: var(--ae-primary);
    box-shadow: var(--ae-shadow);
    transform: translateY(-5px);
}

.ae-dsng-process-number {
    display: block;
    margin-bottom: 28px;
    color: var(--ae-primary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.ae-dsng-process-card > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    color: var(--ae-primary);
    background: rgba(144, 8, 8, .08);
    border-radius: var(--ae-radius);
    font-size: 22px;
}

.ae-dsng-process-card h3 {
    color: var(--ae-dark);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
    margin: 0 0 12px;
}

.ae-dsng-process-card p {
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

/* GALLERY — PAGE-SPECIFIC TAB STATES */

.ae-dsng-gallery {
    background: var(--ae-light);
}

.ae-dsng-gallery .ae-changan-tab-pane {
    display: none;
    width: 100%;
}

.ae-dsng-gallery .ae-changan-tab-pane.active {
    display: block;
}

.ae-dsng-gallery .ae-changan-tab {
    cursor: pointer;
}

.ae-dsng-gallery .ae-changan-tab-content {
    width: 100%;
}

.ae-dsng-gallery .ae-changan-gallery-card {
    overflow: hidden;
    border-radius: var(--ae-radius);
}

.ae-dsng-gallery .ae-changan-gallery-card img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    transition: transform .6s ease;
}

.ae-dsng-gallery .ae-changan-gallery-card:hover img {
    transform: scale(1.035);
}

.ae-dsng-gallery .ae-changan-gallery-wide img {
    min-height: 420px;
}

.ae-dsng-gallery .ae-changan-feature-image {
    height: 260px;
    overflow: hidden;
}

.ae-dsng-gallery .ae-changan-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* FINAL CTA */

.ae-dsng-cta {
    padding: 75px 0;
    background: var(--ae-dark);
}

.ae-dsng-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.ae-dsng-cta .ae-dsng-eyebrow {
    color: #f1b6b6;
}

.ae-dsng-cta .ae-dsng-eyebrow::before {
    background: var(--ae-primary-light);
}

.ae-dsng-cta h2 {
    max-width: 760px;
    color: var(--ae-white);
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.2;
    margin: 14px 0;
}

.ae-dsng-cta p {
    max-width: 720px;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    line-height: 1.9;
}

.ae-dsng-cta .ae-changan-btn {
    flex-shrink: 0;
}

/* RESPONSIVE */

@media (max-width: 991px) {
    .ae-dsng-section {
        padding: 75px 0;
    }

    .ae-dsng-content-card,
    .ae-dsng-engineering-card {
        padding: 32px;
    }

    .ae-dsng-image-frame {
        min-height: 360px;
    }

    .ae-dsng-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ae-dsng-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .ae-dsng-section {
        padding: 60px 0;
    }

    .ae-dsng-heading {
        margin-bottom: 32px;
    }

    .ae-dsng-heading h2 {
        letter-spacing: -.5px;
    }

    .ae-dsng-content-card,
    .ae-dsng-engineering-card {
        padding: 26px;
    }

    .ae-dsng-image-frame {
        min-height: 300px;
    }

    .ae-dsng-feature-card {
        min-height: auto;
        padding: 26px;
    }

    .ae-dsng-application-card {
        padding: 23px;
        gap: 16px;
    }

    .ae-dsng-application-icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    .ae-dsng-process-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ae-dsng-process-card {
        padding: 26px;
    }

    .ae-dsng-process-number {
        margin-bottom: 18px;
    }

    .ae-dsng-gallery .ae-changan-gallery-wide img {
        min-height: 260px;
    }

    .ae-dsng-gallery .ae-changan-gallery-card img {
        min-height: 230px;
    }

    .ae-dsng-cta {
        padding: 55px 0;
    }

    .ae-dsng-cta-inner {
        gap: 25px;
    }
}

@media (max-width: 420px) {
    .ae-dsng-hero .ae-changan-hero-image img {
        min-height: 240px;
    }

    .ae-dsng-content-card,
    .ae-dsng-engineering-card {
        padding: 22px;
    }

    .ae-dsng-image-caption {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 15px;
    }
}



/* =====================================================
   MOBILE COMMAND & CONTROL VEHICLE
   CSS FOR CURRENT AE-MCC BLADE ONLY
===================================================== */

.ae-command-control-page {
    --mcc-red: #900808;
    --mcc-red-dark: #680505;
    --mcc-dark: #101218;
    --mcc-text: #171a22;
    --mcc-muted: #626875;
    --mcc-light: #f5f6f8;
    overflow: hidden;
    color: var(--mcc-text);
}

.ae-command-control-page *,
.ae-command-control-page *::before,
.ae-command-control-page *::after {
    box-sizing: border-box;
}

.ae-command-control-page img {
    display: block;
    max-width: 100%;
}

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

.ae-command-control-page .ae-mcc-hero {
    position: relative;
    isolation: isolate;
    padding: 95px 0 75px;
    background: #f6f6f7;
    overflow: hidden;
}

.ae-command-control-page .ae-mcc-hero-grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(16,18,24,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16,18,24,.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to right, #000, transparent 85%);
}

.ae-command-control-page .ae-mcc-hero-content {
    position: relative;
    z-index: 2;
}

.ae-command-control-page .ae-mcc-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: var(--mcc-red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-command-control-page .ae-mcc-eyebrow span {
    width: 28px;
    height: 3px;
    flex-shrink: 0;
    background: var(--mcc-red);
}

.ae-command-control-page .ae-mcc-kicker {
    margin-bottom: 16px;
    color: var(--mcc-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.2px;
}

.ae-command-control-page .ae-mcc-hero h1 {
    margin: 0 0 18px;
    color: var(--mcc-dark);
    font-size: clamp(38px, 4.6vw, 66px);
    font-weight: 850;
    line-height: 1.07;
    letter-spacing: -1.8px;
}

.ae-command-control-page .ae-mcc-hero h1 span {
    display: block;
    color: var(--mcc-red);
}

.ae-command-control-page .ae-mcc-hero-subtitle {
    margin: 0 0 17px;
    color: var(--mcc-dark);
    font-size: 20px;
    font-weight: 750;
}

.ae-command-control-page .ae-mcc-hero-description {
    max-width: 580px;
    margin-bottom: 27px;
    color: var(--mcc-muted);
    font-size: 14px;
    line-height: 1.95;
}

.ae-command-control-page .ae-mcc-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 35px;
}

.ae-command-control-page .ae-mcc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 49px;
    padding: 14px 21px;
    border: 1px solid var(--mcc-red);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: .25s ease;
}

.ae-command-control-page .ae-mcc-btn-primary {
    color: #fff;
    background: var(--mcc-red);
}

.ae-command-control-page .ae-mcc-btn-primary:hover {
    color: #fff;
    border-color: var(--mcc-red-dark);
    background: var(--mcc-red-dark);
    transform: translateY(-2px);
}

.ae-command-control-page .ae-mcc-btn-outline {
    color: var(--mcc-dark);
    border-color: #d3d5da;
    background: #fff;
}

.ae-command-control-page .ae-mcc-btn-outline:hover {
    color: #fff;
    border-color: var(--mcc-red);
    background: var(--mcc-red);
}

.ae-command-control-page .ae-mcc-hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.ae-command-control-page .ae-mcc-stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-left: 13px;
    border-left: 2px solid var(--mcc-red);
}

.ae-command-control-page .ae-mcc-stat-number {
    color: var(--mcc-dark);
    font-size: 20px;
    font-weight: 850;
}

.ae-command-control-page .ae-mcc-stat-label {
    color: var(--mcc-muted);
    font-size: 10px;
    line-height: 1.5;
}

.ae-command-control-page .ae-mcc-hero-visual {
    position: relative;
    padding: 15px 0 35px 22px;
}

.ae-command-control-page .ae-mcc-image-frame {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    border-radius: 4px;
    background: #e3e5e8;
    box-shadow: 0 25px 65px rgba(16,18,24,.15);
}

.ae-command-control-page .ae-mcc-image-frame img {
    width: 100%;
    height: 475px;
    object-fit: cover;
    object-position: center;
}

.ae-command-control-page .ae-mcc-image-tag {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    max-width: calc(100% - 15px);
    padding: 19px 22px;
    color: #fff;
    background: var(--mcc-red);
    box-shadow: 0 12px 30px rgba(0,0,0,.16);
}

.ae-command-control-page .ae-mcc-tag-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.ae-command-control-page .ae-mcc-tag-label {
    display: block;
    margin-bottom: 5px;
    font-size: 9px;
    letter-spacing: 1.7px;
}

.ae-command-control-page .ae-mcc-image-tag strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
}

.ae-command-control-page .ae-mcc-vertical-label {
    position: absolute;
    top: 35px;
    right: -5px;
    color: var(--mcc-red);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    writing-mode: vertical-rl;
}

.ae-command-control-page .ae-mcc-hero-bottom-line {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mcc-red) 0 22%, #dedfe3 22% 100%);
}

/* ================= GENERAL SECTIONS ================= */

.ae-command-control-page .ae-mcc-section {
    position: relative;
    padding: 85px 0;
}

.ae-command-control-page .ae-mcc-section-heading {
    max-width: 730px;
    margin-bottom: 38px;
}

.ae-command-control-page .ae-mcc-heading-center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.ae-command-control-page .ae-mcc-section-label {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--mcc-red);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 2px;
}

.ae-command-control-page .ae-mcc-section-heading h2 {
    margin: 0 0 16px;
    color: var(--mcc-dark);
    font-size: clamp(29px, 3.4vw, 44px);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -1px;
}

.ae-command-control-page .ae-mcc-section-heading h2 span {
    color: var(--mcc-red);
}

.ae-command-control-page .ae-mcc-section-heading p {
    margin: 0;
    color: var(--mcc-muted);
    font-size: 14px;
    line-height: 1.9;
}

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

.ae-command-control-page .ae-mcc-overview {
    background: #fff;
}

.ae-command-control-page .ae-mcc-overview-copy h3 {
    margin-bottom: 20px;
    color: var(--mcc-dark);
    font-size: 27px;
    font-weight: 850;
    line-height: 1.3;
}

.ae-command-control-page .ae-mcc-overview-copy p {
    margin-bottom: 17px;
    color: var(--mcc-muted);
    font-size: 14px;
    line-height: 1.95;
}

.ae-command-control-page .ae-mcc-text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 7px;
    color: var(--mcc-red);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: gap .25s ease;
}

.ae-command-control-page .ae-mcc-text-link:hover {
    gap: 16px;
    color: var(--mcc-red-dark);
}

.ae-command-control-page .ae-mcc-overview-image {
    position: relative;
    overflow: hidden;
    min-height: 320px;
    background: #e4e5e8;
    border-radius: 4px;
}

.ae-command-control-page .ae-mcc-overview-image img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    transition: transform .5s ease;
}

.ae-command-control-page .ae-mcc-overview-image:hover img {
    transform: scale(1.035);
}

.ae-command-control-page .ae-mcc-overview-image-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 45px 24px 22px;
    color: #fff;
    background: linear-gradient(transparent, rgba(0,0,0,.85));
}

.ae-command-control-page .ae-mcc-overview-image-caption span {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ae-command-control-page .ae-mcc-overview-image-caption strong {
    font-size: 18px;
}

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

.ae-command-control-page .ae-mcc-capabilities {
    background: var(--mcc-light);
}

.ae-command-control-page .ae-mcc-capability-card {
    position: relative;
    height: 100%;
    padding: 31px 27px;
    border: 1px solid #e5e6e9;
    border-radius: 4px;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ae-command-control-page .ae-mcc-capability-card:hover {
    transform: translateY(-5px);
    border-color: rgba(144,8,8,.35);
    box-shadow: 0 18px 40px rgba(16,18,24,.08);
}

.ae-command-control-page .ae-mcc-card-number {
    position: absolute;
    top: 22px;
    right: 23px;
    color: #e5e6e9;
    font-size: 27px;
    font-weight: 850;
}

.ae-command-control-page .ae-mcc-capability-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    margin-bottom: 24px;
    border-radius: 3px;
    color: #fff;
    background: var(--mcc-red);
    font-size: 20px;
}

.ae-command-control-page .ae-mcc-capability-card h3 {
    margin-bottom: 12px;
    color: var(--mcc-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.ae-command-control-page .ae-mcc-capability-card p {
    margin: 0;
    color: var(--mcc-muted);
    font-size: 13px;
    line-height: 1.9;
}

/* ================= APPLICATIONS ================= */

.ae-command-control-page .ae-mcc-applications {
    background: #fff;
}

.ae-command-control-page .ae-mcc-application-list {
    border-top: 1px solid #e5e6e9;
}

.ae-command-control-page .ae-mcc-application-item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 19px;
    padding: 24px 0;
    border-bottom: 1px solid #e5e6e9;
}

.ae-command-control-page .ae-mcc-application-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 3px;
    color: #fff;
    background: var(--mcc-red);
    font-size: 19px;
}

.ae-command-control-page .ae-mcc-application-item h3 {
    margin-bottom: 7px;
    color: var(--mcc-dark);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.45;
}

.ae-command-control-page .ae-mcc-application-item p {
    margin: 0;
    color: var(--mcc-muted);
    font-size: 12px;
    line-height: 1.8;
}

.ae-command-control-page .ae-mcc-application-item > span {
    align-self: start;
    padding-top: 5px;
    color: #b9bbc2;
    font-size: 13px;
    font-weight: 850;
}

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

.ae-command-control-page .ae-mcc-process {
    background: var(--mcc-light);
}

.ae-command-control-page .ae-mcc-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ae-command-control-page .ae-mcc-process-card {
    position: relative;
    height: 100%;
    padding: 29px 23px;
    border: 1px solid #e4e5e9;
    border-radius: 4px;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.ae-command-control-page .ae-mcc-process-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(16,18,24,.07);
}

.ae-command-control-page .ae-mcc-process-step {
    display: inline-block;
    margin-bottom: 24px;
    color: var(--mcc-red);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.6px;
}

.ae-command-control-page .ae-mcc-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    color: #fff;
    background: var(--mcc-dark);
    border-radius: 3px;
    font-size: 19px;
}

.ae-command-control-page .ae-mcc-process-card h3 {
    margin-bottom: 11px;
    color: var(--mcc-dark);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.45;
}

.ae-command-control-page .ae-mcc-process-card p {
    margin: 0;
    color: var(--mcc-muted);
    font-size: 12px;
    line-height: 1.9;
}

/* ================= GALLERY ================= */

.ae-command-control-page .ae-mcc-gallery {
    background: #fff;
}

.ae-command-control-page .ae-mcc-gallery-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 22px;
}

.ae-command-control-page .ae-mcc-gallery-grid figure {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
    background: #e5e6e9;
}

.ae-command-control-page .ae-mcc-gallery-main img,
.ae-command-control-page .ae-mcc-gallery-secondary img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    transition: transform .55s ease;
}

.ae-command-control-page .ae-mcc-gallery-grid figure:hover img {
    transform: scale(1.04);
}

.ae-command-control-page .ae-mcc-gallery-grid figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 45px 23px 22px;
    color: #fff;
    background: linear-gradient(transparent, rgba(0,0,0,.85));
}

.ae-command-control-page .ae-mcc-gallery-grid figcaption span {
    display: block;
    margin-bottom: 7px;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1.8px;
}

.ae-command-control-page .ae-mcc-gallery-grid figcaption strong {
    display: block;
    font-size: 17px;
    line-height: 1.4;
}

.ae-command-control-page .ae-mcc-gallery-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 20px 0 0;
    color: var(--mcc-muted);
    font-size: 11px;
    line-height: 1.8;
}

.ae-command-control-page .ae-mcc-gallery-note i {
    padding-top: 3px;
    color: var(--mcc-red);
}

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

.ae-command-control-page .ae-mcc-cta {
    padding: 65px 0;
    color: #fff;
    background:
        radial-gradient(circle at 85% 20%, rgba(255,255,255,.08), transparent 28%),
        var(--mcc-dark);
}

.ae-command-control-page .ae-mcc-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.ae-command-control-page .ae-mcc-cta .ae-mcc-section-label {
    color: #ff8a8a;
}

.ae-command-control-page .ae-mcc-cta-content {
    max-width: 720px;
}

.ae-command-control-page .ae-mcc-cta h2 {
    margin-bottom: 14px;
    color: #fff;
    font-size: clamp(27px, 3.3vw, 40px);
    font-weight: 850;
    line-height: 1.25;
}

.ae-command-control-page .ae-mcc-cta p {
    margin: 0;
    color: #c5c7ce;
    font-size: 14px;
    line-height: 1.9;
}

.ae-command-control-page .ae-mcc-btn-light {
    flex-shrink: 0;
    color: var(--mcc-dark);
    border-color: #fff;
    background: #fff;
}

.ae-command-control-page .ae-mcc-btn-light:hover {
    color: #fff;
    border-color: var(--mcc-red);
    background: var(--mcc-red);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991.98px) {
    .ae-command-control-page .ae-mcc-hero {
        padding: 65px 0;
    }

    .ae-command-control-page .ae-mcc-image-frame img {
        height: 390px;
    }

    .ae-command-control-page .ae-mcc-section {
        padding: 65px 0;
    }

    .ae-command-control-page .ae-mcc-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ae-command-control-page .ae-mcc-gallery-main img,
    .ae-command-control-page .ae-mcc-gallery-secondary img {
        height: 320px;
    }

    .ae-command-control-page .ae-mcc-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .ae-command-control-page .ae-mcc-hero {
        padding: 48px 0 45px;
    }

    .ae-command-control-page .ae-mcc-hero h1 {
        font-size: clamp(36px, 9vw, 49px);
        letter-spacing: -1px;
    }

    .ae-command-control-page .ae-mcc-hero-description {
        font-size: 13px;
    }

    .ae-command-control-page .ae-mcc-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ae-command-control-page .ae-mcc-btn {
        width: 100%;
    }

    .ae-command-control-page .ae-mcc-hero-stats {
        gap: 17px;
    }

    .ae-command-control-page .ae-mcc-stat {
        min-width: 105px;
        flex: 1 1 28%;
    }

    .ae-command-control-page .ae-mcc-hero-visual {
        padding: 12px 0 28px 12px;
    }

    .ae-command-control-page .ae-mcc-image-frame img {
        height: 300px;
    }

    .ae-command-control-page .ae-mcc-vertical-label {
        right: -2px;
        font-size: 8px;
    }

    .ae-command-control-page .ae-mcc-section {
        padding: 52px 0;
    }

    .ae-command-control-page .ae-mcc-section-heading {
        margin-bottom: 28px;
    }

    .ae-command-control-page .ae-mcc-overview-copy h3 {
        font-size: 24px;
    }

    .ae-command-control-page .ae-mcc-overview-image img {
        height: 300px;
    }

    .ae-command-control-page .ae-mcc-capability-card {
        padding: 25px 22px;
    }

    .ae-command-control-page .ae-mcc-application-item {
        grid-template-columns: 45px minmax(0, 1fr) 22px;
        gap: 13px;
        padding: 20px 0;
    }

    .ae-command-control-page .ae-mcc-application-icon {
        width: 45px;
        height: 45px;
        font-size: 17px;
    }

    .ae-command-control-page .ae-mcc-process-grid {
        grid-template-columns: 1fr;
    }

    .ae-command-control-page .ae-mcc-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ae-command-control-page .ae-mcc-gallery-main img,
    .ae-command-control-page .ae-mcc-gallery-secondary img {
        height: 290px;
    }

    .ae-command-control-page .ae-mcc-cta {
        padding: 48px 0;
    }
}

@media (max-width: 420px) {
    .ae-command-control-page .ae-mcc-eyebrow {
        font-size: 9px;
        letter-spacing: 1.3px;
    }

    .ae-command-control-page .ae-mcc-kicker {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .ae-command-control-page .ae-mcc-image-frame img {
        height: 245px;
    }

    .ae-command-control-page .ae-mcc-image-tag {
        padding: 14px;
    }

    .ae-command-control-page .ae-mcc-image-tag strong {
        font-size: 12px;
    }

    .ae-command-control-page .ae-mcc-stat-label {
        font-size: 9px;
    }

    .ae-command-control-page .ae-mcc-gallery-main img,
    .ae-command-control-page .ae-mcc-gallery-secondary img {
        height: 240px;
    }
}