/* ========================================
   RESET
======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    background: #020b16;
}


/* ========================================
   HEADER
======================================== */

.header {
    position: relative;
    z-index: 1000;

    width: 100%;
    height: 72px;

    background:
        linear-gradient(
            90deg,
            #020b17 0%,
            #031426 50%,
            #031a31 100%
        );

    border-bottom:
        1px solid rgba(0, 170, 255, .55);
}


/* ========================================
   NAVBAR
======================================== */

.navbar {
    width: 100%;
    max-width: 1450px;
    height: 100%;

    margin: 0 auto;
    padding: 0 48px;

    display: flex;
    align-items: center;

    position: relative;
}


/* ========================================
   LOGO
======================================== */

.brand {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;

    text-decoration: none;
}


.logo-brand {
    display: flex;
    align-items: center;

    gap: 9px;
}


.logo-brand img {
    width: 57px;
    height: auto;

    display: block;
}


/* Logo text */

.brand-text {
    display: flex;
    flex-direction: column;

    justify-content: center;
}


.brand-name {
    display: block;

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

    line-height: .85;

    letter-spacing: .5px;
}


.brand-d {
    color: #00aaff;
}


.brand-as {
    color: #ffffff;
}


.brand-subtitle {
    margin-top: 7px;

    color: #ffffff;

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

    letter-spacing: 2.3px;

    white-space: nowrap;
}


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

.nav-menu {
    position: absolute;

    left: 50%;
    transform: translateX(-50%);

    display: flex;
    align-items: center;

    gap: 42px;
}


.nav-menu a {
    position: relative;

    padding: 27px 0;

    color: #ffffff;

    text-decoration: none;

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

    transition:
        color .2s ease;
}


.nav-menu a:hover {
    color: #21b8ff;
}


/* ACTIVE PAGE */

.nav-menu a.active {
    color: #18baff;
}


.nav-menu a.active::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 16px;

    width: 34px;
    height: 2px;

    transform:
        translateX(-50%);

    border-radius: 10px;

    background: #16baff;

    box-shadow:
        0 0 8px
        rgba(0, 174, 255, .6);
}


/* ========================================
   PHONE
======================================== */

.phone-btn {
    margin-left: auto;

    height: 42px;

    padding: 0 20px;

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

    gap: 10px;

    border:
        1.5px solid #00aaff;

    border-radius: 14px;

    background:
        rgba(0, 102, 204, .15);

    color: #ffffff;

    text-decoration: none;

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

    white-space: nowrap;

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


.phone-btn i {
    font-size: 16px;
}


.phone-btn:hover {
    background: #087ee7;

    transform:
        translateY(-1px);

    box-shadow:
        0 0 15px
        rgba(0, 170, 255, .35);
}


/* ========================================
   HAMBURGER
======================================== */

.menu-toggle {
    display: none;

    width: 30px;

    padding: 0;

    background: transparent;

    border: 0;

    cursor: pointer;
}


.menu-toggle span {
    display: block;

    width: 25px;
    height: 2px;

    margin: 5px 0;

    border-radius: 5px;

    background: #ffffff;

    transition: .25s ease;
}


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

@media (max-width: 1050px) {

    .navbar {
        padding:
            0
            25px;
    }


    .nav-menu {
        gap: 23px;
    }


    .nav-menu a {
        font-size: 11px;
    }


    .logo-brand img {
        width: 50px;
    }


    .brand-name {
        font-size: 28px;
    }


    .phone-btn {
        padding:
            0
            14px;

        font-size: 14px;
    }

}


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

@media (max-width: 800px) {

    .header {
        height: 65px;
    }


    .navbar {
        padding:
            0
            16px;

        justify-content:
            space-between;
    }


    /* Hamburger */

    .menu-toggle {
        display: block;

        flex-shrink: 0;
    }


    /* Logo centered */

    .brand {
        position: absolute;

        left: 50%;

        transform:
            translateX(-50%);
    }


    .logo-brand {
        gap: 6px;
    }


    .logo-brand img {
        width: 42px;
    }


    .brand-name {
        font-size: 25px;
    }


    .brand-subtitle {
        margin-top: 5px;

        font-size: 5px;

        letter-spacing: 1.5px;
    }


    /* PHONE */

    .phone-btn {
        margin-left: auto;

        width: 45px;
        height: 38px;

        padding: 0;

        border-radius: 12px;
    }


    .phone-btn span {
        display: none;
    }


    .phone-btn i {
        font-size: 17px;
    }


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

    .nav-menu {
        position: absolute;

        top: 65px;
        left: 0;

        transform: none;

        width: 100%;

        padding:
            15px
            20px
            25px;

        display: none;
        flex-direction: column;

        gap: 0;

        background:
            rgba(2, 12, 24, .98);

        border-bottom:
            1px solid
            rgba(0, 170, 255, .5);

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


    .nav-menu.open {
        display: flex;
    }


    .nav-menu a {
        width: 100%;

        padding:
            15px
            10px;

        text-align: center;

        font-size: 13px;

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


    .nav-menu a:last-child {
        border-bottom: 0;
    }


    /* Active mobile */

    .nav-menu a.active::after {
        bottom: 7px;

        width: 30px;
    }

}


/* ========================================
   VERY SMALL PHONE
======================================== */

@media (max-width: 390px) {

    .navbar {
        padding:
            0
            12px;
    }


    .logo-brand img {
        width: 38px;
    }


    .brand-name {
        font-size: 22px;
    }


    .brand-subtitle {
        font-size: 4.5px;

        letter-spacing: 1.2px;
    }


    .phone-btn {
        width: 41px;
        height: 36px;
    }

}













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

.dealer-hero {
    position: relative;

    width: 100%;
    min-height: 510px;

    overflow: hidden;

    background-image: url("../img/delaerbrack.png");
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;

    border-bottom: 1px solid #0aaeff;
}

/* ============================
   TELÉFONOS
============================ */

@media (max-width: 768px) {

    .dealer-hero {
        background-image: url("../img/dealer.png");

        background-size: cover;
        background-position: center top;

        min-height: 650px;
    }

}

/* Oscurecimiento del lado izquierdo */

.dealer-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(1, 9, 18, .98) 0%,
            rgba(1, 11, 22, .93) 28%,
            rgba(1, 13, 25, .63) 50%,
            rgba(1, 13, 25, .10) 78%,
            rgba(1, 13, 25, .04) 100%
        );
}


.dealer-hero-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1450px;
    min-height: 510px;

    margin: 0 auto;
    padding: 34px 50px 27px;

    display: flex;
    align-items: center;
}


.dealer-hero-content {
    width: 100%;
    max-width: 660px;
}


/* ========================================
   PROFESSIONAL
========================================= */

.dealer-eyebrow {
    display: block;

    margin-bottom: 8px;

    color: #22c2ff;

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

    letter-spacing: 8px;
}


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

.dealer-hero h1 {
    margin: 0;

    font-size: clamp(50px, 5.3vw, 78px);
    font-weight: 900;
    font-style: italic;

    line-height: .86;

    letter-spacing: -2px;

    text-transform: uppercase;
}


.dealer-title-white,
.dealer-title-blue {
    display: block;
}


.dealer-title-white {
    color: #ffffff;

    text-shadow:
        0 3px 4px rgba(0,0,0,.5);
}


.dealer-title-blue {
    margin-top: 10px;

    color: #12aaff;

    background:
        linear-gradient(
            180deg,
            #42c8ff 0%,
            #13aaff 48%,
            #0876e7 100%
        );

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

    background-clip: text;
}


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

.dealer-hero h2 {
    margin-top: 17px;

    color: #ffffff;

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

    line-height: 1.15;
}


.dealer-description {
    max-width: 520px;

    margin-top: 9px;

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

    font-size: 17px;
    line-height: 1.35;
}


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

.dealer-actions {
    margin-top: 22px;

    display: flex;
    align-items: stretch;

    gap: 18px;
}


/* REQUEST VISIT */

.dealer-visit-btn {
    min-height: 55px;

    padding: 0 24px;

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

    gap: 14px;

    border: 1px solid #18c6ff;
    border-radius: 11px;

    background:
        linear-gradient(
            180deg,
            #087cff 0%,
            #005ee5 100%
        );

    color: #ffffff;

    text-decoration: none;

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

    box-shadow:
        0 0 15px rgba(0,145,255,.16);

    transition: .2s ease;
}


.dealer-visit-btn:hover {
    transform: translateY(-2px);

    box-shadow:
        0 0 22px rgba(0,170,255,.35);
}


/* CALL */

.dealer-call-btn {
    min-width: 190px;
    min-height: 55px;

    padding: 0 18px;

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

    gap: 15px;

    border: 1px solid rgba(255,255,255,.8);
    border-radius: 10px;

    background: rgba(2,12,24,.65);

    color: #ffffff;

    text-decoration: none;

    backdrop-filter: blur(4px);
}


.dealer-call-btn > i {
    font-size: 21px;
}


.dealer-call-btn div {
    display: flex;
    flex-direction: column;

    text-align: center;
}


.dealer-call-btn small {
    font-size: 11px;
}


.dealer-call-btn strong {
    margin-top: 1px;

    font-size: 16px;
}


/* ========================================
   FEATURES
========================================= */

.dealer-features {
    width: 100%;

    margin-top: 31px;

    display: grid;

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

    gap: 20px;
}


.dealer-feature {
    display: flex;
    align-items: center;

    gap: 13px;
}


.dealer-feature > i {
    min-width: 50px;

    color: #13baff;

    font-size: 42px;

    text-align: center;

    filter:
        drop-shadow(
            0 0 7px rgba(0,170,255,.25)
        );
}


.dealer-feature div {
    display: flex;
    flex-direction: column;
}


.dealer-feature strong {
    color: #ffffff;

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

    white-space: nowrap;
}


.dealer-feature span {
    margin-top: 4px;

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

    font-size: 12px;

    white-space: nowrap;
}


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

@media (max-width: 1000px) {

    .dealer-hero {
        min-height: 520px;

        background-position: 60% center;
    }


    .dealer-hero-container {
        min-height: 520px;

        padding:
            32px
            30px;
    }


    .dealer-hero-content {
        max-width: 590px;
    }


    .dealer-hero h1 {
        font-size: 60px;
    }


    .dealer-features {
        gap: 12px;
    }


    .dealer-feature > i {
        font-size: 35px;
        min-width: 42px;
    }


    .dealer-feature strong {
        font-size: 11px;
    }


    .dealer-feature span {
        font-size: 10px;
    }

}


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

@media (max-width: 768px) {

    .dealer-hero {
        min-height: 670px;

        background-position: 66% center;
    }


    /*
       En móvil oscurecemos mucho más
       para mantener el texto legible.
    */

    .dealer-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(1,8,17,.25) 0%,
                rgba(1,9,19,.55) 28%,
                rgba(1,10,21,.92) 62%,
                #020b16 100%
            );
    }


    .dealer-hero-container {
        min-height: 670px;

        padding:
            32px
            20px
            27px;

        align-items: flex-end;
    }


    .dealer-hero-content {
        max-width: none;
    }


    .dealer-eyebrow {
        margin-bottom: 8px;

        font-size: 10px;

        letter-spacing: 5px;
    }


    .dealer-hero h1 {
        font-size: clamp(43px, 13vw, 58px);

        line-height: .9;
    }


    .dealer-title-blue {
        margin-top: 7px;
    }


    .dealer-hero h2 {
        margin-top: 15px;

        font-size: 21px;
    }


    .dealer-description {
        max-width: 420px;

        font-size: 14px;
        line-height: 1.4;
    }


    /* Buttons stacked */

    .dealer-actions {
        width: 100%;

        margin-top: 20px;

        flex-direction: column;

        gap: 10px;
    }


    .dealer-visit-btn,
    .dealer-call-btn {
        width: 100%;
        min-height: 52px;
    }


    /* Features */

    .dealer-features {
        margin-top: 25px;

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

        gap: 5px;
    }


    .dealer-feature {
        flex-direction: column;

        gap: 8px;

        text-align: center;
    }


    .dealer-feature > i {
        min-width: auto;

        font-size: 31px;
    }


    .dealer-feature strong {
        font-size: 9px;

        white-space: normal;
    }


    .dealer-feature span {
        display: none;
    }

}


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

@media (max-width: 400px) {

    .dealer-hero-container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .dealer-hero h1 {
        font-size: 43px;
    }


    .dealer-hero h2 {
        font-size: 19px;
    }


    .dealer-description {
        font-size: 13px;
    }


    .dealer-visit-btn {
        font-size: 12px;
    }

}










/* =========================================================
   WHY DEALERSHIPS CHOOSE DAS
========================================================= */

.why-das {
    position: relative;

    width: 100%;
    min-height: 420px;

    overflow: hidden;

    /* Imagen del trabajador */
    background-image: url("../img/whydas.png");
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;

    background-color: #ffffff;

    border-bottom: 1px solid #00aaff;
}


/* =========================================================
   DEGRADADO BLANCO SOBRE LA IMAGEN
========================================================= */

.why-das::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,

            #ffffff 0%,
            #ffffff 38%,

            rgba(255, 255, 255, .97) 45%,
            rgba(255, 255, 255, .80) 53%,
            rgba(255, 255, 255, .35) 64%,
            rgba(255, 255, 255, 0) 78%
        );

    pointer-events: none;
}


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

.why-das-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1450px;
    min-height: 420px;

    margin: 0 auto;

    padding:
        45px
        55px
        32px;

    display: flex;
    align-items: center;
}


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

.why-das-content {
    width: 100%;
    max-width: 700px;
}


/* =========================================================
   SMALL TITLE
   WHY DEALERSHIPS CHOOSE DAS
========================================================= */

.why-label {
    display: block;

    margin-bottom: 10px;

    color: #086ee8;

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

    letter-spacing: 6px;

    text-transform: uppercase;
}


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

.why-das h2 {
    margin: 0;

    color: #07111f;

    font-size:
        clamp(
            42px,
            4vw,
            61px
        );

    font-weight: 900;

    line-height: .98;

    letter-spacing: -2px;
}


/* BETTER LOT */

.why-das h2 span {
    color: #0c9fff;
}


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

.why-description {
    max-width: 650px;

    margin-top: 18px;

    color: #182333;

    font-size: 18px;

    line-height: 1.4;
}


/* =========================================================
   BENEFITS
========================================================= */

.why-benefits {
    width: 100%;

    margin-top: 35px;

    display: grid;

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

    align-items: stretch;
}


/* =========================================================
   INDIVIDUAL BENEFIT
========================================================= */

.why-benefit {
    min-width: 0;
    min-height: 95px;

    padding:
        0
        18px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;

    border-right:
        1px solid #d4deea;
}


/* First item */

.why-benefit:first-child {
    padding-left: 0;
}


/* Last item */

.why-benefit:last-child {
    padding-right: 0;

    border-right: none;
}


/* =========================================================
   ICON
========================================================= */

.why-icon {
    height: 43px;

    margin-bottom: 9px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #087aff;

    font-size: 35px;

    line-height: 1;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0, 123, 255, .15)
        );
}


/* =========================================================
   BENEFIT TITLE
========================================================= */

.why-benefit strong {
    color: #07111f;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.2;

    text-transform: uppercase;
}


/* =========================================================
   SMALL TEXT
========================================================= */

.why-benefit small {
    margin-top: 3px;

    color: #243144;

    font-size: 11px;

    line-height: 1.2;
}


/* =========================================================
   TABLET
   769px — 1050px
========================================================= */

@media (max-width: 1050px) {

    .why-das {
        min-height: 390px;

        background-size: auto 100%;

        background-position: 70% center;
    }


    /* Slightly stronger white area */

    .why-das::before {
        background:
            linear-gradient(
                90deg,

                #ffffff 0%,
                #ffffff 38%,

                rgba(255,255,255,.97) 47%,
                rgba(255,255,255,.75) 57%,
                rgba(255,255,255,.20) 75%
            );
    }


    .why-das-container {
        min-height: 390px;

        padding:
            38px
            30px;
    }


    .why-das-content {
        max-width: 600px;
    }


    /* Label */

    .why-label {
        font-size: 11px;

        letter-spacing: 5px;
    }


    /* Title */

    .why-das h2 {
        font-size: 48px;
    }


    /* Description */

    .why-description {
        max-width: 520px;

        font-size: 16px;
    }


    /* Benefits */

    .why-benefits {
        margin-top: 30px;
    }


    .why-benefit {
        padding:
            0
            12px;
    }


    .why-icon {
        font-size: 31px;
    }


    .why-benefit strong {
        font-size: 10px;
    }


    .why-benefit small {
        font-size: 9px;
    }

}


/* =========================================================
   MOBILE
   768px AND BELOW
========================================================= */

@media (max-width: 768px) {

    .why-das {
        min-height: auto;

        /*
           FOTO ARRIBA
           TEXTO ABAJO
        */

        background-size:
            auto 290px;

        background-position:
            center top;

        padding-top: 235px;
    }


    /*
       El degradado cambia de horizontal
       a vertical.
    */

    .why-das::before {
        background:
            linear-gradient(
                180deg,

                rgba(255,255,255,0) 0%,

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

                rgba(255,255,255,.45) 42%,

                rgba(255,255,255,.93) 55%,

                #ffffff 64%,

                #ffffff 100%
            );
    }


    /* Container */

    .why-das-container {
        min-height: auto;

        padding:
            25px
            20px
            30px;

        display: block;
    }


    .why-das-content {
        width: 100%;
        max-width: none;
    }


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

    .why-label {
        margin-bottom: 7px;

        font-size: 9px;

        font-weight: 800;

        letter-spacing: 4px;
    }


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

    .why-das h2 {
        font-size:
            clamp(
                34px,
                10vw,
                44px
            );

        line-height: .98;

        letter-spacing: -1px;
    }


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

    .why-description {
        max-width: 100%;

        margin-top: 13px;

        font-size: 14px;

        line-height: 1.4;
    }


    /* =====================================================
       IMPORTANT:
       FOUR BENEFITS IN ONE ROW
    ===================================================== */

    .why-benefits {
        width: 100%;

        margin-top: 25px;

        display: grid;

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

        gap: 0;

        align-items: stretch;
    }


    /* BENEFIT */

    .why-benefit {
        min-width: 0;

        min-height: 88px;

        padding:
            4px
            6px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        text-align: center;

        border-right:
            1px solid #d4deea;

        border-bottom: none;
    }


    .why-benefit:first-child {
        padding-left: 2px;
    }


    .why-benefit:last-child {
        padding-right: 2px;

        border-right: none;
    }


    /* ICON */

    .why-icon {
        height: 36px;

        margin-bottom: 7px;

        font-size: 28px;
    }


    /* TEXT */

    .why-benefit strong {
        width: 100%;

        font-size: 8.5px;

        line-height: 1.15;

        white-space: normal;
    }


    .why-benefit small {
        margin-top: 2px;

        font-size: 7.5px;

        line-height: 1.1;
    }

}


/* =========================================================
   SMALL PHONES
   iPhone / Android around 430px and below
========================================================= */

@media (max-width: 430px) {

    .why-das {
        background-size:
            auto 255px;

        padding-top: 205px;
    }


    .why-das-container {
        padding:
            22px
            15px
            27px;
    }


    /* LABEL */

    .why-label {
        font-size: 8px;

        letter-spacing: 3px;
    }


    /* TITLE */

    .why-das h2 {
        font-size: 35px;
    }


    /* DESCRIPTION */

    .why-description {
        font-size: 13px;
    }


    /* BENEFITS */

    .why-benefits {
        margin-top: 22px;
    }


    .why-benefit {
        min-height: 82px;

        padding:
            3px
            4px;
    }


    .why-icon {
        height: 34px;

        margin-bottom: 6px;

        font-size: 26px;
    }


    .why-benefit strong {
        font-size: 7.5px;
    }


    .why-benefit small {
        font-size: 7px;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 360px) {

    .why-das-container {
        padding-left: 10px;
        padding-right: 10px;
    }


    .why-das h2 {
        font-size: 32px;
    }


    .why-benefit {
        padding-left: 2px;
        padding-right: 2px;
    }


    .why-icon {
        font-size: 23px;
    }


    .why-benefit strong {
        font-size: 7px;
    }


    .why-benefit small {
        font-size: 6.5px;
    }

}













/* =====================================================
   DEALERSHIP PRICING
===================================================== */

.dealer-pricing {
    width: 100%;

    background:
        radial-gradient(
            circle at 50% 0%,
            #06213a 0%,
            #031426 42%,
            #020c17 100%
        );

    border-top:
        1px solid rgba(0, 170, 255, .35);

    border-bottom:
        1px solid rgba(0, 170, 255, .65);
}


.pricing-container {
    width: 100%;
    max-width: 1450px;

    margin: 0 auto;

    padding:
        20px
        55px
        12px;
}


/* =====================================================
   HEADER
===================================================== */

.pricing-header {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 30px;
}


.pricing-header h2 {
    margin: 0;

    color: #ffffff;

    font-size: 30px;

    font-weight: 900;

    line-height: 1;

    white-space: nowrap;
}


.pricing-header h2 span {
    color: #13aaff;
}


.pricing-header p {
    margin: 0;

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

    font-size: 12px;

    line-height: 1.3;

    text-align: left;
}


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

.pricing-main {
    margin-top: 14px;

    display: flex;

    align-items: stretch;

    gap: 18px;
}


/* =====================================================
   PRICE GRID
===================================================== */

.pricing-grid {
    flex: 1;

    display: grid;

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

    gap: 10px;
}


/* =====================================================
   PRICE CARD
===================================================== */

.price-card {
    min-width: 0;

    height: 80px;

    padding:
        8px
        10px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        #4d8ab9;

    border-radius:
        7px;

    background:
        linear-gradient(
            180deg,
            #07335c 0%,
            #031c35 55%,
            #031426 100%
        );

    color: #ffffff;

    text-align: center;

    box-shadow:
        inset
        0 0 15px
        rgba(0, 105, 190, .08);
}


/* First card */

.price-card.featured {
    border-color:
        #2bc5ff;

    background:
        linear-gradient(
            180deg,
            #0878ee 0%,
            #0756c8 45%,
            #063782 100%
        );

    box-shadow:
        inset
        0 0 18px
        rgba(0, 160, 255, .20),

        0 0 8px
        rgba(0, 160, 255, .10);
}


/* PRICE NAME */

.price-name {
    color: #ffffff;

    font-size: 12px;

    font-weight: 800;

    line-height: 1;
}


/* PRICE */

.price-card strong {
    margin-top: 4px;

    color: #ffffff;

    font-size: 25px;

    font-weight: 900;

    line-height: 1;
}


/* PER CAR */

.price-card small {
    margin-top: 4px;

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

    font-size: 10px;

    line-height: 1;
}


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

.pricing-quote-btn {
    width: 205px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    border:
        1px solid
        #21c1ff;

    border-radius:
        10px;

    background:
        linear-gradient(
            180deg,
            #087cff 0%,
            #005be6 100%
        );

    color: #ffffff;

    text-decoration: none;

    font-size: 12px;

    font-weight: 900;

    text-align: center;

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


.pricing-quote-btn:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 0 20px
        rgba(0, 170, 255, .30);
}


.pricing-quote-btn i {
    font-size: 15px;
}


/* =====================================================
   NOTE
===================================================== */

.pricing-note {
    margin:
        9px
        0
        0;

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

    font-size: 11px;

    line-height: 1.3;
}


/* =====================================================
   TABLET
   This produces the SECOND design you showed.
===================================================== */

@media (max-width: 900px) {

    .pricing-container {
        padding:
            20px
            38px
            25px;
    }


    /* Hide description on tablet */

    .pricing-header p {
        display: none;
    }


    .pricing-header h2 {
        font-size: 28px;
    }


    /* Stack grid + button */

    .pricing-main {
        flex-direction: column;

        gap: 18px;
    }


    /* 6-column trick lets us make
       3 cards first row / 2 cards second row */

    .pricing-grid {
        grid-template-columns:
            repeat(6, 1fr);

        gap: 9px;
    }


    /* First three */

    .price-card:nth-child(1),
    .price-card:nth-child(2),
    .price-card:nth-child(3) {
        grid-column:
            span 2;
    }


    /* Bottom two */

    .price-card:nth-child(4),
    .price-card:nth-child(5) {
        grid-column:
            span 3;
    }


    .price-card {
        height: 82px;
    }


    /* Note before button visually */

    .pricing-note {
        margin-top: 10px;
    }


    /* Button */

    .pricing-quote-btn {
        width: 75%;
        max-width: 430px;

        min-height: 55px;

        margin: 0 auto;

        font-size: 13px;
    }

}


/* =====================================================
   PHONE
   This produces the THIRD design you showed.
===================================================== */

@media (max-width: 600px) {

    .pricing-container {
        padding:
            25px
            28px
            20px;
    }


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

    .pricing-header {
        display: block;
    }


    .pricing-header h2 {
        font-size: 26px;

        white-space: normal;
    }


    /*
       Phone design says:
       SIMPLE PRICING

       Hide DEALERSHIP only.
    */

    .desktop-dealer-word {
        display: none;
    }


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

    .pricing-main {
        margin-top: 15px;

        display: flex;

        flex-direction: column;

        gap: 0;
    }


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

    .pricing-grid {
        display: flex;

        flex-direction: column;

        gap: 6px;
    }


    /*
       Cards become horizontal rows.
    */

    .price-card,
    .price-card:nth-child(1),
    .price-card:nth-child(2),
    .price-card:nth-child(3),
    .price-card:nth-child(4),
    .price-card:nth-child(5) {

        width: 100%;
        height: 38px;

        padding:
            0
            18px;

        display: grid;

        grid-template-columns:
            1.4fr
            .8fr
            .7fr;

        align-items: center;

        border:
            1px solid
            #087dcc;

        border-radius:
            6px;

        background:
            linear-gradient(
                90deg,
                #073158,
                #031a31
            );

        text-align: left;
    }


    /*
       On phone don't highlight
       first card differently.
    */

    .price-card.featured {
        border-color:
            #087dcc;

        background:
            linear-gradient(
                90deg,
                #073158,
                #031a31
            );

        box-shadow: none;
    }


    /* Name */

    .price-name {
        font-size: 13px;

        text-align: left;
    }


    /* Price */

    .price-card strong {
        margin: 0;

        font-size: 20px;

        text-align: left;
    }


    /* Per car */

    .price-card small {
        margin: 0;

        font-size: 9px;

        text-align: right;
    }


    /* ==============================
       NOTE
    ============================== */

    .pricing-note {
        margin-top: 10px;

        max-width: 280px;

        font-size: 10px;

        line-height: 1.2;
    }


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

    .pricing-quote-btn {
        order: 2;

        width: 100%;
        max-width: none;

        min-height: 52px;

        margin-top: 14px;

        border-radius:
            9px;

        font-size: 12px;
    }

}


/* =====================================================
   VERY SMALL PHONES
===================================================== */

@media (max-width: 380px) {

    .pricing-container {
        padding:
            22px
            18px
            20px;
    }


    .pricing-header h2 {
        font-size: 23px;
    }


    .price-card,
    .price-card:nth-child(1),
    .price-card:nth-child(2),
    .price-card:nth-child(3),
    .price-card:nth-child(4),
    .price-card:nth-child(5) {

        height: 37px;

        padding:
            0
            13px;

        grid-template-columns:
            1.35fr
            .75fr
            .65fr;
    }


    .price-name {
        font-size: 11px;
    }


    .price-card strong {
        font-size: 18px;
    }


    .price-card small {
        font-size: 8px;
    }

}












/* =====================================================
   SERVING CALIFORNIA
===================================================== */

.california-service {
    position: relative;

    width: 100%;
    min-height: 330px;

    overflow: hidden;

    background:
        #020d19
        url("../img/california-dealer-bg.png")
        center right / cover
        no-repeat;

    border-top:
        1px solid rgba(0, 170, 255, .65);

    border-bottom:
        1px solid rgba(0, 170, 255, .65);
}


/* =====================================================
   DARK OVERLAY
===================================================== */

.california-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,

            rgba(1, 10, 20, .98) 0%,

            rgba(1, 12, 23, .96) 25%,

            rgba(1, 14, 27, .82) 50%,

            rgba(1, 14, 27, .30) 72%,

            rgba(1, 14, 27, .05) 100%
        );
}


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

.california-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1450px;
    min-height: 330px;

    margin: 0 auto;

    padding:
        25px
        55px;

    display: grid;

    grid-template-columns:
        230px
        520px
        1fr;

    align-items: center;

    gap: 30px;
}


/* =====================================================
   CALIFORNIA MAP
===================================================== */

.california-map {
    display: flex;

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


.california-map img {
    width: 185px;
    max-width: 100%;

    height: auto;

    display: block;

    object-fit: contain;

    filter:
        drop-shadow(
            0 0 16px
            rgba(0, 174, 255, .45)
        );
}


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

.california-content {
    width: 100%;
}


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

.california-content h2 {
    margin: 0;

    color: #ffffff;

    font-size: 32px;

    font-weight: 900;

    line-height: .95;

    letter-spacing: -1px;
}


.california-content h2 span {
    display: block;

    margin-top: 7px;

    color: #17b7ff;
}


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

.california-description {
    max-width: 520px;

    margin-top: 13px;

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

    font-size: 14px;

    line-height: 1.35;
}


/* =====================================================
   REGIONS
===================================================== */

.california-regions {
    width: 100%;

    margin-top: 22px;

    display: grid;

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


/* =====================================================
   REGION
===================================================== */

.california-region {
    min-height: 72px;

    padding:
        0
        20px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

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


.california-region:first-child {
    padding-left: 0;
}


.california-region:last-child {
    border-right: none;
}


/* =====================================================
   LOCATION ICON
===================================================== */

.california-region i {
    margin-bottom: 8px;

    color: #12baff;

    font-size: 30px;

    filter:
        drop-shadow(
            0 0 7px
            rgba(0, 174, 255, .25)
        );
}


/* =====================================================
   REGION TEXT
===================================================== */

.california-region strong {
    color: #ffffff;

    font-size: 11px;

    font-weight: 800;

    line-height: 1.2;
}


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

@media (max-width: 1050px) {

    .california-service {
        min-height: 320px;

        background-position:
            65% center;
    }


    .california-container {
        min-height: 320px;

        padding:
            25px
            30px;

        grid-template-columns:
            170px
            470px
            1fr;

        gap: 20px;
    }


    .california-map img {
        width: 145px;
    }


    .california-content h2 {
        font-size: 28px;
    }


    .california-description {
        max-width: 460px;

        font-size: 13px;
    }

}


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

@media (max-width: 768px) {

    .california-service {
        min-height: auto;

        /*
           Background photo stays at top.
        */

        background-size:
            auto 280px;

        background-position:
            center top;

        background-color:
            #020d19;

        padding-top:
            215px;
    }


    /*
       Vertical gradient:
       photo -> dark content
    */

    .california-overlay {
        background:
            linear-gradient(
                180deg,

                rgba(1,10,20,.05) 0%,

                rgba(1,10,20,.15) 25%,

                rgba(1,10,20,.80) 50%,

                #020d19 68%,

                #020d19 100%
            );
    }


    .california-container {
        min-height: auto;

        padding:
            25px
            20px
            30px;

        display: grid;

        grid-template-columns:
            90px
            1fr;

        gap: 17px;

        align-items:
            start;
    }


    /* ==============================
       MAP
    ============================== */

    .california-map {
        align-items:
            flex-start;
    }


    .california-map img {
        width: 80px;

        margin-top: 3px;
    }


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

    .california-content h2 {
        font-size:
            clamp(
                24px,
                7vw,
                31px
            );

        line-height: .98;
    }


    .california-content h2 span {
        margin-top: 5px;
    }


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

    .california-description {
        margin-top: 10px;

        font-size: 12px;

        line-height: 1.4;
    }


    /* ==============================
       REGIONS
    ============================== */

    .california-regions {
        grid-column:
            1 / -1;

        margin-top: 18px;

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


    .california-region {
        min-height: 70px;

        padding:
            0
            8px;
    }


    .california-region i {
        margin-bottom: 7px;

        font-size: 25px;
    }


    .california-region strong {
        font-size: 9px;
    }

}


/* =====================================================
   SMALL PHONES
===================================================== */

@media (max-width: 430px) {

    .california-service {
        background-size:
            auto 235px;

        padding-top:
            180px;
    }


    .california-container {
        padding:
            22px
            15px
            27px;

        grid-template-columns:
            70px
            1fr;

        gap: 13px;
    }


    .california-map img {
        width: 65px;
    }


    .california-content h2 {
        font-size: 23px;
    }


    .california-description {
        font-size: 11px;
    }


    .california-region {
        padding:
            0
            5px;
    }


    .california-region i {
        font-size: 23px;
    }


    .california-region strong {
        font-size: 8px;
    }

}















/* =====================================================
   DEALER CONTACT
===================================================== */

.dealer-contact {
    position: relative;

    width: 100%;

    background:
        radial-gradient(
            circle at 15% 50%,
            #06325a 0%,
            #031a30 30%,
            #020d19 70%
        );

    border-top:
        1px solid rgba(0, 170, 255, .55);

    border-bottom:
        1px solid rgba(0, 170, 255, .55);

    overflow: hidden;
}


/* Water-dot style texture */

.dealer-contact::before {
    content: "";

    position: absolute;

    inset: 0;

    opacity: .15;

    background-image:
        radial-gradient(
            circle,
            #19baff 1px,
            transparent 1.5px
        );

    background-size:
        35px 35px;

    pointer-events: none;
}


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

.dealer-contact-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1450px;

    min-height: 145px;

    margin: 0 auto;

    padding:
        20px
        55px;

    display: grid;

    grid-template-columns:
        1.25fr
        1.55fr
        190px;

    align-items: center;

    gap: 35px;
}


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

.dealer-contact-intro h2 {
    margin: 0;

    color: #ffffff;

    font-size: 28px;

    font-weight: 900;

    line-height: 1;
}


.dealer-contact-intro h2 span {
    color: #13b5ff;
}


.dealer-contact-intro p {
    max-width: 460px;

    margin-top: 12px;

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

    font-size: 12px;

    line-height: 1.45;
}


/* =====================================================
   FORM
===================================================== */

.dealer-visit-form {
    display: flex;

    align-items: stretch;

    gap: 15px;
}


.dealer-form-grid {
    flex: 1;

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 7px;
}


/* =====================================================
   INPUT
===================================================== */

.dealer-input {
    height: 38px;

    padding:
        0
        12px;

    display: flex;

    align-items: center;

    gap: 9px;

    border:
        1px solid
        #32678f;

    border-radius:
        5px;

    background:
        rgba(
            2,
            15,
            29,
            .82
        );

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


.dealer-input:focus-within {
    border-color:
        #11baff;

    box-shadow:
        0 0 8px
        rgba(
            0,
            170,
            255,
            .20
        );
}


.dealer-input i {
    width: 16px;

    color: #ffffff;

    font-size: 12px;

    opacity: .85;

    text-align: center;
}


.dealer-input input {
    width: 100%;

    border: none;

    outline: none;

    background: transparent;

    color: #ffffff;

    font-family: inherit;

    font-size: 11px;
}


.dealer-input input::placeholder {
    color:
        rgba(
            255,
            255,
            255,
            .72
        );
}


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

.dealer-request-btn {
    width: 185px;

    padding:
        0
        16px;

    border:
        1px solid
        #20c4ff;

    border-radius:
        8px;

    background:
        linear-gradient(
            180deg,
            #0b83ff,
            #005ee8
        );

    color: #ffffff;

    font-family: inherit;

    font-size: 11px;

    font-weight: 900;

    cursor: pointer;

    white-space: nowrap;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

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


.dealer-request-btn:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 0 20px
        rgba(
            0,
            170,
            255,
            .35
        );
}


/* =====================================================
   PHONE
===================================================== */

.dealer-contact-phone {
    height: 90px;

    padding-left: 25px;

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

    display: flex;

    align-items: center;

    justify-content: center;
}


.dealer-contact-phone a {
    color: #ffffff;

    text-decoration: none;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;
}


.contact-phone-icon {
    width: 42px;
    height: 42px;

    margin-bottom: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        2px solid
        #14baff;

    border-radius: 50%;

    color: #14baff;

    font-size: 17px;
}


.dealer-contact-phone span {
    font-size: 8px;

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


.dealer-contact-phone strong {
    margin-top: 2px;

    font-size: 16px;
}


.dealer-contact-phone small {
    margin-top: 1px;

    font-size: 7px;

    letter-spacing: .5px;
}


/* =====================================================
   FOOTER
===================================================== */

.das-footer {
    position: relative;

    width: 100%;

    background:
        linear-gradient(
            90deg,
            #02111f,
            #03182b,
            #020c17
        );

    overflow: hidden;
}


/* Water / blue particles */

.das-footer::before {
    content: "";

    position: absolute;

    inset: 0;

    opacity: .15;

    background-image:
        radial-gradient(
            circle,
            #00aaff 1px,
            transparent 1.5px
        );

    background-size:
        25px 25px;

    pointer-events: none;
}


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

.footer-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1450px;

    min-height: 78px;

    margin: 0 auto;

    padding:
        10px
        55px;

    display: grid;

    grid-template-columns:
        250px
        1fr
        210px;

    align-items: center;

    gap: 30px;
}


/* =====================================================
   FOOTER LOGO
===================================================== */

.footer-brand {
    display: flex;

    align-items: center;

    gap: 8px;

    color: #ffffff;

    text-decoration: none;
}


.footer-brand img {
    width: 50px;

    height: auto;

    display: block;
}


.footer-brand-text {
    display: flex;

    flex-direction: column;
}


.footer-das {
    color: #ffffff;

    font-size: 27px;

    font-weight: 600;

    line-height: .85;
}


.footer-das span {
    color: #00aaff;
}


.footer-brand-text small {
    margin-top: 6px;

    color: #13baff;

    font-size: 6px;

    font-weight: 700;

    letter-spacing: 1.6px;
}


/* =====================================================
   FOOTER NAV
===================================================== */

.footer-nav {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;
}


.footer-nav a {
    color:
        rgba(
            255,
            255,
            255,
            .83
        );

    text-decoration: none;

    font-size: 11px;

    transition:
        color .2s ease;
}


.footer-nav a:hover {
    color: #14baff;
}


.footer-nav span {
    width: 1px;
    height: 12px;

    background:
        rgba(
            255,
            255,
            255,
            .25
        );
}


/* =====================================================
   SOCIAL MEDIA
===================================================== */

.footer-social {
    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 10px;
}


.footer-social a {
    width: 31px;
    height: 31px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        #148dd2;

    border-radius: 50%;

    color: #ffffff;

    text-decoration: none;

    font-size: 14px;

    background:
        rgba(
            0,
            103,
            180,
            .18
        );

    transition:
        .2s ease;
}


.footer-social a:hover {
    color: #ffffff;

    background: #078bea;

    border-color: #17baff;

    transform:
        translateY(-2px);
}


/* =====================================================
   COPYRIGHT
===================================================== */

.footer-copyright {
    position: relative;
    z-index: 2;

    padding:
        0
        20px
        9px;

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

    font-size: 9px;

    text-align: center;
}


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

@media (max-width: 1050px) {

    .dealer-contact-container {
        padding:
            22px
            30px;

        grid-template-columns:
            1fr
            1.4fr;

        gap: 25px;
    }


    .dealer-contact-phone {
        grid-column:
            1 / -1;

        height: auto;

        padding:
            15px
            0
            0;

        border-left: none;

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


    .dealer-contact-phone a {
        flex-direction: row;

        gap: 10px;
    }


    .contact-phone-icon {
        width: 35px;
        height: 35px;

        margin: 0;
    }


    .dealer-contact-phone span {
        font-size: 10px;
    }


    .dealer-contact-phone strong {
        margin: 0;

        font-size: 15px;
    }


    .dealer-contact-phone small {
        display: none;
    }


    .dealer-visit-form {
        flex-direction: column;
    }


    .dealer-request-btn {
        width: 100%;

        min-height: 44px;
    }


    /* Footer */

    .footer-container {
        padding:
            15px
            30px;

        grid-template-columns:
            190px
            1fr
            auto;
    }

}


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

@media (max-width: 700px) {

    /* =================================================
       CONTACT
    ================================================= */

    .dealer-contact-container {
        padding:
            30px
            20px;

        display: block;
    }


    .dealer-contact-intro {
        text-align: center;
    }


    .dealer-contact-intro h2 {
        font-size: 25px;
    }


    .dealer-contact-intro h2 span {
        display: block;

        margin-top: 4px;
    }


    .dealer-contact-intro p {
        max-width: 400px;

        margin:
            12px
            auto
            0;

        font-size: 12px;
    }


    /* FORM */

    .dealer-visit-form {
        margin-top: 23px;

        display: block;
    }


    .dealer-form-grid {
        grid-template-columns:
            1fr;

        gap: 8px;
    }


    .dealer-input {
        height: 44px;

        padding:
            0
            14px;
    }


    .dealer-input input {
        font-size: 12px;
    }


    .dealer-request-btn {
        width: 100%;

        min-height: 50px;

        margin-top: 10px;

        font-size: 12px;
    }


    /* PHONE */

    .dealer-contact-phone {
        margin-top: 22px;

        padding-top: 20px;

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


    .dealer-contact-phone a {
        flex-direction: column;

        gap: 3px;
    }


    .contact-phone-icon {
        width: 42px;
        height: 42px;

        margin-bottom: 5px;
    }


    .dealer-contact-phone strong {
        font-size: 18px;
    }


    /* =================================================
       FOOTER
    ================================================= */

    .footer-container {
        padding:
            25px
            20px
            17px;

        display: flex;

        flex-direction: column;

        gap: 22px;
    }


    /* Logo */

    .footer-brand img {
        width: 48px;
    }


    /* Navigation */

    .footer-nav {
        width: 100%;

        flex-wrap: wrap;

        gap:
            10px
            14px;
    }


    .footer-nav a {
        font-size: 11px;
    }


    .footer-nav span {
        height: 10px;
    }


    /* Social */

    .footer-social {
        justify-content: center;
    }


    .footer-social a {
        width: 34px;
        height: 34px;
    }


    .footer-copyright {
        padding-bottom: 16px;

        font-size: 8px;
    }

}


/* =====================================================
   SMALL PHONE
===================================================== */

@media (max-width: 400px) {

    .dealer-contact-container {
        padding:
            27px
            15px;
    }


    .dealer-contact-intro h2 {
        font-size: 22px;
    }


    .dealer-contact-intro p {
        font-size: 11px;
    }


    .footer-nav {
        gap:
            9px
            10px;
    }


    .footer-nav a {
        font-size: 10px;
    }

}