/*===========================
    end of css line
============================ */

.banner-links-bar {
    display: none;
}

@media (min-width: 768px) {
    a.navbar-brand img {
        max-height: 65px !important;
        position: absolute;
    	top: 0;
    	bottom: 0;
    	left: -12rem;
    }
}

@media (min-width: 768px) {
    #navbar {
        width: initial;
    }
}

@media (min-width: 768px) {
    .navbar.navbar-top .container {
        max-width: 1400px;
    }
}

@media (min-width: 1200px) {
    .navbar.navbar-top .container {
        width: 1400px;
    }
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: transparent !important;
}

.dropdown-menu {
    background: #00000070 !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover {
    color: #ffffff !important;
    font-weight: 700;
}

.sub-text {
    color: #fff;
}

.footer-container {
    background-color: #000000 !important;
}

.hero-section:before {
    background-color: transparent;
}

/* Hero gradient overlay */
.page-content-element:has(#element-443afbecc5ac4e7ca93b2b2817515bf8) {
    position: relative !important;
    z-index: 1 !important;
}

.page-content-element:has(#element-443afbecc5ac4e7ca93b2b2817515bf8)::before {
    content: "" !important;
    position: absolute !important;

    top: -260px !important;
    right: auto !important;
    bottom: -270px!important;
    left: 50% !important;

    width: 100vw !important;
    height: auto !important;
    transform: translateX(-50%) !important;

    z-index: -1 !important;
    pointer-events: none !important;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.28) 0%,
        rgba(0, 0, 0, 0.30) 22%,
        rgba(0, 0, 0, 0.40) 44%,
        rgba(0, 0, 0, 0.62) 68%,
        rgba(0, 0, 0, 0.88) 90%,
        rgba(0, 0, 0, 0.98) 100%
    ) !important;
}

@media (max-width: 767px) {
    .page-content-element:has(#element-443afbecc5ac4e7ca93b2b2817515bf8)::before {
        top: -410px !important;
        bottom: -515px!important;
        left: 50% !important;
        width: 100vw !important;
        height: 105vh !important;
        transform: translateX(-50%) !important;

        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.16) 0%,
            rgba(0, 0, 0, 0.26) 28%,
            rgba(0, 0, 0, 0.56) 58%,
            rgba(0, 0, 0, 0.88) 86%,
            rgba(0, 0, 0, 0.96) 100%
        ) !important;
    }
}


/* Keep hero contents above overlay */
#element-443afbecc5ac4e7ca93b2b2817515bf8,
#element-c55e0c1037104ef483b8597e87622c32,
#element-0fafa39baffa436e9131ea97a7dffece {
    position: relative !important;
    z-index: 2 !important;
}

/* Remove background interference from element containers */
#element-443afbecc5ac4e7ca93b2b2817515bf8,
#element-443afbecc5ac4e7ca93b2b2817515bf8 .element-container,
#element-c55e0c1037104ef483b8597e87622c32,
#element-c55e0c1037104ef483b8597e87622c32 .element-container,
#element-0fafa39baffa436e9131ea97a7dffece,
#element-0fafa39baffa436e9131ea97a7dffece .element-container {
    background: transparent !important;
}


.hero-title-block {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    font-family: Inter, sans-serif !important;
    text-align: center !important;
    color: #ffffff !important;
}

.hero-green-lines {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;

    margin: 0 0 13px !important;
    padding: 0 !important;
}

.hero-green-lines span {
    display: block !important;
    width: 28px !important;
    height: 3px !important;
    transform: skewX(-25deg) !important;
}

.hero-green-lines span:nth-child(1) {
    background: #9fb06a !important;
}

.hero-green-lines span:nth-child(2) {
    background: #4f7f5b !important;
}

.hero-green-lines span:nth-child(3) {
    background: #1f4f3a !important;
}

.hero-title-block h1 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 48px !important;
    line-height: 0.98 !important;
    font-weight: 900 !important;
    letter-spacing: -2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.hero-title-block p {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

@media (max-width: 767px) {
    .hero-title-block {
        max-width: 100% !important;
        padding: 0 18px !important;
    }

    .hero-green-lines {
        margin-bottom: 11px !important;
    }

    .hero-green-lines span {
        width: 24px !important;
        height: 3px !important;
    }

    .hero-title-block h1 {
        font-size: clamp(34px, 8.5vw, 48px) !important;
        line-height: 0.98 !important;
        letter-spacing: -1.4px !important;
        margin-bottom: 16px !important;
    }

    .hero-title-block p {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }
}

/*===========================
    Hero Buttons
============================ */

#element-c55e0c1037104ef483b8597e87622c32,
#element-c55e0c1037104ef483b8597e87622c32 .element-container {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    background: transparent !important;
    font-family: Inter, sans-serif !important;
}

#element-c55e0c1037104ef483b8597e87622c32 {
    margin-top: 0 !important;
}

#element-c55e0c1037104ef483b8597e87622c32.element-type-quicklinkbuttons.ghost-bttn {
    margin-top: 30px !important;
}

#element-c55e0c1037104ef483b8597e87622c32 .element-heading {
    display: none !important;
}

#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbuttons-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbuttons-horizontal {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
}

#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton-wrapper {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton {
    width: 158px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 18px !important;

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

    border-radius: 999px !important;

    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.15px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transition: none !important;
}

#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton-label {
    color: inherit !important;
    font-family: Inter, sans-serif !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* First button - white */
#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton-wrapper:first-child .quicklinkbutton {
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #101010 !important;
}

/* Second button - black */
#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton-wrapper:last-child .quicklinkbutton {
    background: #000000 !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton:hover,
#element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton:focus {
    text-decoration: none !important;
}


/*===========================
    Responsive
============================ */

@media (max-width: 991px) {
    #element-443afbecc5ac4e7ca93b2b2817515bf8,
    #element-443afbecc5ac4e7ca93b2b2817515bf8 .element-container {
        max-width: 720px !important;
    }

    #element-443afbecc5ac4e7ca93b2b2817515bf8 h1,
    #element-443afbecc5ac4e7ca93b2b2817515bf8 h2,
    #element-443afbecc5ac4e7ca93b2b2817515bf8 .hero-title {
        font-size: 42px !important;
    }
}

@media (max-width: 767px) {
    #element-443afbecc5ac4e7ca93b2b2817515bf8,
    #element-443afbecc5ac4e7ca93b2b2817515bf8 .element-container {
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    #element-443afbecc5ac4e7ca93b2b2817515bf8 h1,
    #element-443afbecc5ac4e7ca93b2b2817515bf8 h2,
    #element-443afbecc5ac4e7ca93b2b2817515bf8 .hero-title {
        font-size: 34px !important;
        line-height: 1.02 !important;
        letter-spacing: -1.5px !important;
    }

    #element-443afbecc5ac4e7ca93b2b2817515bf8 p,
    #element-443afbecc5ac4e7ca93b2b2817515bf8 .hero-subtitle {
        font-size: 14px !important;
    }

    #element-c55e0c1037104ef483b8597e87622c32 .quicklinkbuttons-horizontal {
        gap: 10px !important;
    }

    #element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton {
        width: 145px !important;
        height: 48px !important;
        min-height: 48px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    #element-c55e0c1037104ef483b8597e87622c32 .quicklinkbuttons-horizontal {
        flex-direction: column !important;
    }

    #element-c55e0c1037104ef483b8597e87622c32 .quicklinkbutton {
        width: 210px !important;
    }
}


/*below hero section*/

.prim-background-1 {
    background-color: #000000;
}

.tab-row {
    background-color: #000000;
}


/*===========================
    Body Style Section
============================*/

.body-style-section {
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 20px 14px !important;
    background: #000000 !important;
    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.body-style-section *,
.body-style-section *::before,
.body-style-section *::after {
    box-sizing: border-box !important;
}

.body-style-top {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 58px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
}

.body-style-top h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.4px !important;
    text-transform: uppercase !important;
}

.body-style-corner-lines {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 7px !important;
}

.body-style-corner-lines span {
    display: block !important;
    width: 22px !important;
    height: 3px !important;
    background: #c8c8c8 !important;
    transform: skewX(-25deg) !important;
}


/*===========================
    Body Style Grid
============================*/

.body-style-grid {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 96px !important;
}


/*===========================
    Body Style Card
============================*/

.body-style-card {
    position: relative !important;

    width: 100% !important;
    min-height: 414px !important;
    padding: 32px 16px 16px !important;

    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 16px !important;
    background: #101010 !important;

    overflow: hidden !important;
}

.body-style-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.78) 0%,
            rgba(0, 0, 0, 0.50) 32%,
            rgba(0, 0, 0, 0.10) 58%,
            rgba(0, 0, 0, 0.04) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.42) 0%,
            rgba(0, 0, 0, 0.04) 50%,
            rgba(0, 0, 0, 0.36) 100%
        ) !important;
}

.body-style-card-content {
    position: relative !important;
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.body-style-color-lines {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 0 17px !important;
    padding-left: 1px !important;
}

.body-style-color-lines span {
    display: block !important;
    width: 23px !important;
    height: 3px !important;
    transform: skewX(-25deg) !important;
}

.body-style-color-lines span:nth-child(1) {
    background: #127700 !important;
}

.body-style-color-lines span:nth-child(2) {
    background: #03c72c !important;
}

.body-style-color-lines span:nth-child(3) {
    background: #125c05 !important;
}

.body-style-card h3 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.body-style-card p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.74) !important;
    font-family: Inter, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}

.body-style-card img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center bottom !important;
}


/*===========================
    Button
============================*/

.body-style-btn {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    z-index: 4 !important;

    height: 35px !important;
    min-height: 35px !important;

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

    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.body-style-btn:hover,
.body-style-btn:focus {
    color: #ffffff !important;
    background: #000000 !important;
    text-decoration: none !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 1199px) {
    .body-style-grid {
        gap: 48px !important;
    }

    .body-style-card h3 {
        font-size: 21px !important;
        letter-spacing: 3px !important;
    }
}

@media (max-width: 991px) {
    .body-style-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .body-style-card {
        min-height: 360px !important;
        padding: 28px 14px 14px !important;
    }

    .body-style-card h3 {
        font-size: 18px !important;
        letter-spacing: 2px !important;
    }

    .body-style-card p {
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }

    .body-style-btn {
        left: 14px !important;
        right: 14px !important;
        bottom: 14px !important;
    }
}

@media (max-width: 767px) {
    .body-style-section {
        padding: 18px 16px 24px !important;
    }

    .body-style-top {
        margin-bottom: 28px !important;
    }

    .body-style-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .body-style-card {
        min-height: 420px !important;
        border-radius: 16px !important;
    }

    .body-style-card h3 {
        font-size: 24px !important;
        letter-spacing: 3px !important;
    }

    .body-style-card p {
        font-size: 10px !important;
    }
}

@media (max-width: 420px) {
    .body-style-card {
        min-height: 390px !important;
        padding: 28px 14px 14px !important;
    }

    .body-style-card h3 {
        font-size: 21px !important;
        letter-spacing: 2.4px !important;
    }

    .body-style-btn {
        height: 34px !important;
        font-size: 11px !important;
    }
}


/*===========================
    Header style 2
============================*/
.section-heading-block {
    width: 100% !important;
    margin: 0 !important;
    padding: 32px 20px 41px !important;

    background: #000000 !important;
    color: #ffffff !important;

    font-family: Inter, sans-serif !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.section-heading-block *,
.section-heading-block *::before,
.section-heading-block *::after {
    box-sizing: border-box !important;
}

.section-heading-title {
    position: relative !important;

    width: 100% !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    padding: 0 0 35px !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 48px !important;
    line-height: 0.92 !important;
    font-weight: 900 !important;
    letter-spacing: -2.8px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.section-heading-title::after {
    content: "" !important;
    position: absolute !important;

    left: 50% !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 1px !important;

    transform: translateX(-50%) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 767px) {
    .section-heading-block {
        padding: 30px 18px 38px !important;
    }

    .section-heading-title {
        max-width: 420px !important;
        font-size: clamp(36px, 10vw, 48px) !important;
        line-height: 0.94 !important;
        letter-spacing: -2px !important;
        padding-bottom: 32px !important;
    }
}

@media (max-width: 420px) {
    .section-heading-title {
        font-size: 34px !important;
        letter-spacing: -1.6px !important;
    }
}


/*===========================
    Info Cards
============================*/

.info-card-box {
    width: 100% !important;
    min-height: 254px !important;
    margin: 0 0 48px !important;
    padding: 32px 32px 31px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 5px !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    box-sizing: border-box !important;
}

.info-card-box *,
.info-card-box *::before,
.info-card-box *::after {
    box-sizing: border-box !important;
}

.info-card-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0 0 31px !important;
    padding: 0 !important;

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

    background: #242424 !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 5px !important;
}

.info-card-icon svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
    fill: #ffffff !important;
}

.info-card-box h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.45px !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.info-card-box p {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.72) !important;
    font-family: Inter, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: -0.15px !important;
    text-align: left !important;
}

.info-card-btn {
    width: 100% !important;
    height: 47px !important;
    min-height: 47px !important;
    margin: auto 0 0 !important;
    padding: 0 18px !important;

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

    background: #2b2b2b !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 3px !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.info-card-btn:hover,
.info-card-btn:focus {
    background: #333333 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .info-card-box {
        min-height: 235px !important;
        margin-bottom: 32px !important;
        padding: 30px 26px 28px !important;
    }

    .info-card-icon {
        margin-bottom: 28px !important;
    }

    .info-card-box h3 {
        font-size: 16px !important;
    }

    .info-card-box p {
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {
    .info-card-box {
        min-height: auto !important;
        margin-bottom: 22px !important;
        padding: 28px 24px 26px !important;
    }

    .info-card-icon {
        width: 46px !important;
        height: 46px !important;
        margin-bottom: 26px !important;
    }

    .info-card-box h3 {
        font-size: 16px !important;
    }

    .info-card-box p {
        font-size: 14px !important;
        margin-bottom: 18px !important;
    }

    .info-card-btn {
        height: 46px !important;
        min-height: 46px !important;
    }
}

@media (max-width: 420px) {
    .info-card-box {
        padding: 26px 20px 24px !important;
    }
}

/*===========================
    Header style 1
============================*/

.site-section-heading {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 54px 20px 72px !important;

    background: #000000 !important;
    color: #ffffff !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    font-family: Inter, sans-serif !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.site-section-heading *,
.site-section-heading *::before,
.site-section-heading *::after {
    box-sizing: border-box !important;
}

.site-section-accent {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;

    margin: 0 0 19px !important;
    padding: 0 !important;
}

.site-section-accent span {
    display: block !important;
    width: 32px !important;
    height: 4px !important;
    transform: skewX(-24deg) !important;
}

.site-section-accent span:nth-child(1) {
    background: #9fb06a !important;
}

.site-section-accent span:nth-child(2) {
    background: #4f7f5b !important;
}

.site-section-accent span:nth-child(3) {
    background: #1f4f3a !important;
}

.site-section-title {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 48px !important;
    line-height: 0.94 !important;
    font-weight: 900 !important;
    letter-spacing: -3px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.site-section-subtitle {
    width: 100% !important;
    max-width: 620px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: -0.35px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 767px) {
    .site-section-heading {
        padding: 44px 18px 56px !important;
    }

    .site-section-accent {
        margin-bottom: 16px !important;
    }

    .site-section-accent span {
        width: 28px !important;
        height: 3px !important;
    }

    .site-section-title {
        max-width: 420px !important;
        font-size: clamp(36px, 10vw, 48px) !important;
        line-height: 0.96 !important;
        letter-spacing: -2px !important;
    }

    .site-section-subtitle {
        max-width: 420px !important;
        margin-top: 22px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 420px) {
    .site-section-heading {
        padding: 40px 16px 50px !important;
    }

    .site-section-title {
        font-size: 34px !important;
        letter-spacing: -1.7px !important;
    }

    .site-section-subtitle {
        font-size: 12px !important;
    }
}


/*===========================
    Button type 2
============================*/

.site-btn {
    width: fit-content !important;
    min-width: 190px !important;
    height: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    box-sizing: border-box !important;
}

.site-btn span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    text-transform: inherit !important;
}

.site-btn i {
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Outline version */
.site-btn-outline {
    background: rgba(0, 0, 0, 0.45) !important;
    border: 2px solid rgba(255, 255, 255, 0.32) !important;
    border-radius: 7px !important;
    color: #ffffff !important;
}

.site-btn-outline:hover,
.site-btn-outline:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.48) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 767px) {
    .site-btn {
        min-width: 180px !important;
        height: 48px !important;
        padding: 0 20px !important;
        gap: 12px !important;
        font-size: 12px !important;
    }

    .site-btn i {
        font-size: 13px !important;
    }
}

@media (max-width: 420px) {
    .site-btn {
        width: 100% !important;
        max-width: 220px !important;
    }
}

/*===========================
    Split Content
============================*/

.split-content-block {
    width: 100% !important;
    min-height: 250px !important;
    margin: 0 !important;
    padding: 32px 24px !important;

    background: transparent !important;
    color: #ffffff !important;

    font-family: Inter, sans-serif !important;
    box-sizing: border-box !important;
}

.split-content-block *,
.split-content-block *::before,
.split-content-block *::after {
    box-sizing: border-box !important;
}

.split-content-left,
.split-content-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.split-content-title {
    margin: 0 0 28px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 48px !important;
    line-height: 0.95 !important;
    font-weight: 900 !important;
    letter-spacing: -2.8px !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.split-content-pill {
    min-width: 170px !important;
    height: 50px !important;
    padding: 0 30px !important;

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

    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.32) !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.split-content-pill:hover,
.split-content-pill:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.48) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/*===========================
    Brand Mark
============================*/

.brand-wordmark {
    margin: 0 0 24px !important;
    padding: 0 !important;

    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.brand-wordmark span {
    display: block !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 36px !important;
    line-height: 0.9 !important;
    font-weight: 900 !important;
    letter-spacing: 6px !important;
    text-transform: uppercase !important;
}

.brand-accent-bars {
    margin: 7px 0 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
}

.brand-accent-bars i {
    display: block !important;
    width: 38px !important;
    height: 4px !important;
    transform: skewX(-24deg) !important;
}

.brand-accent-bars i:nth-child(1) {
    background: #9fb06a !important;
}

.brand-accent-bars i:nth-child(2) {
    background: #4f7f5b !important;
}

.brand-accent-bars i:nth-child(3) {
    background: #1f4f3a !important;
}


/*===========================
    Right Text + Button
============================*/

.split-content-text {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 0 28px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    letter-spacing: -0.4px !important;
    text-align: left !important;
}

.site-btn-light {
    width: fit-content !important;
    min-width: 128px !important;
    height: 50px !important;
    padding: 0 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
    border-radius: 7px !important;

    color: #000000 !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.site-btn-light i {
    color: #000000 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.site-btn-light:hover,
.site-btn-light:focus {
    background: #f2f2f2 !important;
    color: #000000 !important;
    text-decoration: none !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .split-content-block {
        min-height: 230px !important;
        padding: 30px 22px !important;
    }

    .split-content-title {
        font-size: 40px !important;
        letter-spacing: -2px !important;
    }

    .split-content-text {
        font-size: 19px !important;
        max-width: 100% !important;
    }

    .brand-wordmark span {
        font-size: 32px !important;
    }
}

@media (max-width: 767px) {
    .split-content-block {
        min-height: auto !important;
        padding: 28px 20px !important;
        align-items: center !important;
        text-align: center !important;
    }

    .split-content-left,
    .split-content-right {
        align-items: center !important;
    }

    .split-content-title {
        font-size: 36px !important;
        line-height: 0.98 !important;
        letter-spacing: -1.8px !important;
        text-align: center !important;
        margin-bottom: 22px !important;
    }

    .brand-wordmark {
        align-items: center !important;
        margin-bottom: 22px !important;
    }

    .split-content-text {
        font-size: 17px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        margin-bottom: 24px !important;
    }

    .split-content-pill,
    .site-btn-light {
        height: 48px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 420px) {
    .split-content-block {
        padding: 26px 18px !important;
    }

    .split-content-title {
        font-size: 32px !important;
    }

    .brand-wordmark span {
        font-size: 28px !important;
        letter-spacing: 5px !important;
    }

    .brand-accent-bars i {
        width: 32px !important;
    }

    .split-content-text {
        font-size: 16px !important;
    }
}

/*===========================
    Section Statement
============================*/

.section-statement {
    width: 100% !important;
    margin: 0 !important;
    padding: 68px 26px 62px !important;

    background: transparent !important;
    color: #ffffff !important;

    font-family: Inter, sans-serif !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.section-statement *,
.section-statement *::before,
.section-statement *::after {
    box-sizing: border-box !important;
}

.section-statement-pretitle {
    margin: 0 0 4px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.24) !important;
    font-family: Inter, sans-serif !important;
    font-size: 46px !important;
    line-height: 0.95 !important;
    font-weight: 900 !important;
    letter-spacing: -2.4px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}

.section-statement-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 46px !important;
    line-height: 0.98 !important;
    font-weight: 900 !important;
    letter-spacing: -2.8px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .section-statement {
        padding: 54px 24px 52px !important;
    }

    .section-statement-pretitle,
    .section-statement-title {
        font-size: 38px !important;
        letter-spacing: -2px !important;
    }
}

@media (max-width: 767px) {
    .section-statement {
        padding: 44px 20px 42px !important;
        text-align: center !important;
    }

    .section-statement-pretitle,
    .section-statement-title {
        text-align: center !important;
        font-size: clamp(32px, 9vw, 42px) !important;
        line-height: 0.98 !important;
        letter-spacing: -1.7px !important;
    }
}

@media (max-width: 420px) {
    .section-statement {
        padding: 38px 16px 38px !important;
    }

    .section-statement-pretitle,
    .section-statement-title {
        font-size: 31px !important;
        letter-spacing: -1.4px !important;
    }
}

/*===========================
    Page Header Area
============================*/

.page-header-area {
    position: relative !important;

    width: 100% !important;
    height: 352px !important;
    min-height: 352px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #000000 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.page-header-area *,
.page-header-area *::before,
.page-header-area *::after {
    box-sizing: border-box !important;
}

.page-header-area::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    background: rgba(0, 0, 0, 0.36) !important;
    pointer-events: none !important;
}

.page-header-area::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 54% !important;
    z-index: 2 !important;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.52) 58%,
        rgba(0, 0, 0, 1) 100%
    ) !important;

    pointer-events: none !important;
}

.page-header-content {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 880px !important;
    margin: 0 auto !important;
    padding: 78px 20px 0 !important;

    color: #ffffff !important;
    text-align: center !important;
}

.page-header-content h1 {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 46px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -1.8px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.38) !important;
}

.page-header-content p {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    letter-spacing: -0.15px !important;
    text-align: center !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45) !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .page-header-area {
        height: 320px !important;
        min-height: 320px !important;
    }

    .page-header-content {
        padding-top: 70px !important;
    }

    .page-header-content h1 {
        font-size: 42px !important;
    }

    .page-header-content p {
        max-width: 680px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {
    .page-header-area {
        height: 300px !important;
        min-height: 300px !important;
        background-position: center center !important;
    }

    .page-header-content {
        padding: 68px 18px 0 !important;
    }

    .page-header-content h1 {
        margin-bottom: 14px !important;
        font-size: 36px !important;
        letter-spacing: -1.2px !important;
    }

    .page-header-content p {
        max-width: 100% !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .page-header-content p br {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .page-header-area {
        height: 290px !important;
        min-height: 290px !important;
    }

    .page-header-content {
        padding-top: 64px !important;
    }

    .page-header-content h1 {
        font-size: 32px !important;
    }

    .page-header-content p {
        font-size: 12px !important;
    }
}

/*===========================
    Text Intro Block
============================*/

.text-intro-block {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 12px 18px !important;

    background: transparent !important;
    color: #ffffff !important;

    font-family: Inter, Arial, Helvetica, sans-serif !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.text-intro-block *,
.text-intro-block *::before,
.text-intro-block *::after {
    box-sizing: border-box !important;
}

.text-intro-title {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.9px !important;
    text-align: left !important;
    text-transform: none !important;
}

.text-intro-description {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: -0.15px !important;
    text-align: left !important;
}

/*===========================
    Responsive
============================*/

@media (max-width: 767px) {
    .text-intro-block {
        padding: 18px 10px 16px !important;
    }

    .text-intro-title {
        font-size: 23px !important;
        margin-bottom: 9px !important;
    }

    .text-intro-description {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }
}

@media (max-width: 420px) {
    .text-intro-title {
        font-size: 22px !important;
    }

    .text-intro-description {
        font-size: 14px !important;
    }
}

/*===========================
    Dealership Info Cards
============================*/

.element-outer-container.element-type-dealershipinfo {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-sizing: border-box !important;
}

.element-container.element-type-dealershipinfo {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-sizing: border-box !important;
}

.element-type-dealershipinfo *,
.element-type-dealershipinfo *::before,
.element-type-dealershipinfo *::after {
    box-sizing: border-box !important;
}

.element-type-dealershipinfo .col-sm-12 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.element-type-dealershipinfo .element-data-column {
    width: 100% !important;
    min-height: 390px !important;
    margin: 0 !important;
    padding: 30px 28px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
}

/* Add spacing between dealership info cards */
.element-outer-container.element-type-dealershipinfo {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    .element-outer-container.element-type-dealershipinfo {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 22px !important;
    }
}

@media (max-width: 767px) {
    .element-outer-container.element-type-dealershipinfo {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 22px !important;
    }
}


/*===========================
    Card Headings
============================*/

.element-type-dealershipinfo .hourslabel,
.element-type-dealershipinfo .contactuslabel,
.element-type-dealershipinfo .maplabel {
    margin: 0 0 24px !important;
    padding: 0 0 16px !important;

    position: relative !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.8px !important;
    text-align: left !important;
    text-transform: uppercase !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.element-type-dealershipinfo .hourslabel::before,
.element-type-dealershipinfo .contactuslabel::before,
.element-type-dealershipinfo .maplabel::before {
    content: "" !important;
    display: inline-block !important;

    width: 9px !important;
    height: 9px !important;
    margin-right: 10px !important;

    background: #4f6f58 !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
}


/*===========================
    Business Hours
============================*/

.element-type-dealershipinfo .hours {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.element-type-dealershipinfo .hours table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border-collapse: collapse !important;
    white-space: normal !important;
}

.element-type-dealershipinfo .hours tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.element-type-dealershipinfo .hours tr:last-child {
    border-bottom: 0 !important;
}

.element-type-dealershipinfo .hours th,
.element-type-dealershipinfo .hours td {
    padding: 10px 0 !important;

    color: rgba(255, 255, 255, 0.82) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-align: left !important;
    text-transform: none !important;
}

.element-type-dealershipinfo .hours th {
    width: 70px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

.element-type-dealershipinfo .hours td {
    text-align: right !important;
    color: rgba(255, 255, 255, 0.72) !important;
}


/*===========================
    Contact Info
============================*/

.element-type-dealershipinfo .mainphonelabel,
.element-type-dealershipinfo .email {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.62) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.element-type-dealershipinfo .mainphonelabel i,
.element-type-dealershipinfo .email i {
    color: #4f6f58 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.element-type-dealershipinfo .dealershipinfo-mainphone,
.element-type-dealershipinfo .dealershipinfo-email {
    margin: 0 0 24px !important;
    padding: 0 !important;
}

.element-type-dealershipinfo .dealershipinfo-mainphone a,
.element-type-dealershipinfo .dealershipinfo-email a {
    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

.element-type-dealershipinfo .dealershipinfo-email a {
    font-size: 18px !important;
}

.element-type-dealershipinfo .dealershipinfo-mainphone a:hover,
.element-type-dealershipinfo .dealershipinfo-email a:hover {
    color: #8a8f88 !important;
    text-decoration: none !important;
}


/*===========================
    Map
============================*/

.element-type-dealershipinfo .googlemap-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: #111111 !important;
}

.element-type-dealershipinfo .googlemap {
    width: 100% !important;
    height: 300px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.element-type-dealershipinfo .googlemap iframe {
    width: 100% !important;
    height: 300px !important;
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    filter: grayscale(100%) contrast(1.05) brightness(0.82) !important;
}


/*===========================
    Cleanup
============================*/

.element-type-dealershipinfo br,
.element-type-dealershipinfo .clearfix {
    display: none !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .element-type-dealershipinfo .element-data-column {
        min-height: 360px !important;
        padding: 28px 24px !important;
    }

    .element-type-dealershipinfo .hourslabel,
    .element-type-dealershipinfo .contactuslabel,
    .element-type-dealershipinfo .maplabel {
        font-size: 20px !important;
        margin-bottom: 22px !important;
    }

    .element-type-dealershipinfo .dealershipinfo-mainphone a {
        font-size: 20px !important;
    }

    .element-type-dealershipinfo .dealershipinfo-email a {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .element-type-dealershipinfo .element-data-column {
        min-height: auto !important;
        margin-bottom: 22px !important;
        padding: 26px 22px !important;
        border-radius: 7px !important;
    }

    .element-type-dealershipinfo .hourslabel,
    .element-type-dealershipinfo .contactuslabel,
    .element-type-dealershipinfo .maplabel {
        font-size: 19px !important;
        padding-bottom: 14px !important;
        margin-bottom: 20px !important;
    }

    .element-type-dealershipinfo .hours th,
    .element-type-dealershipinfo .hours td {
        font-size: 14px !important;
        padding: 9px 0 !important;
    }

    .element-type-dealershipinfo .dealershipinfo-mainphone a {
        font-size: 19px !important;
    }

    .element-type-dealershipinfo .dealershipinfo-email a {
        font-size: 15px !important;
    }

    .element-type-dealershipinfo .googlemap,
    .element-type-dealershipinfo .googlemap iframe {
        height: 260px !important;
    }
}

@media (max-width: 420px) {
    .element-type-dealershipinfo .element-data-column {
        padding: 24px 18px !important;
    }

    .element-type-dealershipinfo .googlemap,
    .element-type-dealershipinfo .googlemap iframe {
        height: 230px !important;
    }
}

/*===========================
    Inventory Search Box
============================*/

.element-type-inventorysearch {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-sizing: border-box !important;
}

.element-type-inventorysearch *,
.element-type-inventorysearch *::before,
.element-type-inventorysearch *::after {
    box-sizing: border-box !important;
}

.element-type-inventorysearch .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.element-type-inventorysearch .col-sm-12 {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.element-type-inventorysearch .form {
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 18px !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 12px !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28) !important;

    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.element-type-inventorysearch .form-group {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.element-type-inventorysearch label {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.72) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}

.element-type-inventorysearch .form-control.inventorysearch {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 18px !important;

    background: #171717 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 6px !important;
    box-shadow: none !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-align: left !important;
}

.element-type-inventorysearch .form-control.inventorysearch::placeholder {
    color: rgba(255, 255, 255, 0.42) !important;
}

.element-type-inventorysearch .form-control.inventorysearch:focus {
    background: #1b1b1b !important;
    border-color: #4f6f58 !important;
    box-shadow: 0 0 0 3px rgba(79, 111, 88, 0.22) !important;
    outline: none !important;
}

.element-type-inventorysearch .btn.btn-default {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 150px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 24px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: #4f6f58 !important;
    border: 1px solid #4f6f58 !important;
    border-radius: 6px !important;
    box-shadow: none !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.4px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.element-type-inventorysearch .btn.btn-default i {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.element-type-inventorysearch .btn.btn-default:hover,
.element-type-inventorysearch .btn.btn-default:focus {
    background: #5f8269 !important;
    border-color: #5f8269 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}


/*===========================
    Autocomplete Dropdown
============================*/

.ui-autocomplete {
    z-index: 99999 !important;
    background: #111111 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 6px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
}

.ui-autocomplete .ui-menu-item {
    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}

.ui-autocomplete .ui-menu-item-wrapper {
    padding: 10px 14px !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background: #4f6f58 !important;
    border: 0 !important;
    color: #ffffff !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 767px) {
    .element-type-inventorysearch .form {
        max-width: 100% !important;
        padding: 16px !important;

        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .element-type-inventorysearch label {
        font-size: 11px !important;
        margin-bottom: 7px !important;
    }

    .element-type-inventorysearch .form-control.inventorysearch {
        height: 48px !important;
        min-height: 48px !important;
        font-size: 14px !important;
    }

    .element-type-inventorysearch .btn.btn-default {
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
    }
}

@media (max-width: 420px) {
    .element-type-inventorysearch .form {
        padding: 14px !important;
        border-radius: 7px !important;
    }
}


/*===========================
    Inventory List Styling
============================*/

.dynamic-col.infinite-panel {
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

.inventory-panel.inv-automart.vehicle {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 22px !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34) !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.inventory-panel.inv-automart.vehicle *,
.inventory-panel.inv-automart.vehicle *::before,
.inventory-panel.inv-automart.vehicle *::after {
    box-sizing: border-box !important;
}

.inventory-panel.inv-automart.vehicle .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.inventory-panel.inv-automart.vehicle [class*="col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/*===========================
    Vehicle Title
============================*/

.inventory-panel.inv-automart.vehicle .element-type-inventorylisttitle {
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
}

.inventory-panel.inv-automart.vehicle .vehicle-label {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 16px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.inventory-panel.inv-automart.vehicle .vehicle-label a {
    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -0.7px !important;
    text-decoration: none !important;
}

.inventory-panel.inv-automart.vehicle .vehicle-label a:hover,
.inventory-panel.inv-automart.vehicle .vehicle-label a:focus {
    color: #8a8f88 !important;
    text-decoration: none !important;
}


/*===========================
    Vehicle Image
============================*/

.inventory-panel.inv-automart.vehicle .inventory-photo-column {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

.inventory-panel.inv-automart.vehicle .image {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border-radius: 12px !important;
    overflow: hidden !important;
    background: #151515 !important;
}

.inventory-panel.inv-automart.vehicle .inventory-photo {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
}

.inventory-panel.inv-automart.vehicle .dynamic-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;

    aspect-ratio: 1.33 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 12px !important;
    transition: transform 0.25s ease !important;
}

.inventory-panel.inv-automart.vehicle .inventory-photo:hover .dynamic-img {
    transform: scale(1.035) !important;
}

.inventory-panel.inv-automart.vehicle .inv-badges {
    top: 10px !important;
    left: 10px !important;
    z-index: 4 !important;
}

.inventory-panel.inv-automart.vehicle .inv-badge {
    padding: 6px 10px !important;

    background: #4f6f58 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;

    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

.inventory-panel.inv-automart.vehicle .photo-button,
.inventory-panel.inv-automart.vehicle .fa-camera {
    color: rgba(255, 255, 255, 0.72) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.inventory-panel.inv-automart.vehicle .photo-button:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}


/*===========================
    Vehicle Details
============================*/

.inventory-panel.inv-automart.vehicle .inventory-details {
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 0 !important;

    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.inventory-panel.inv-automart.vehicle .inventory-details > div {
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;

    color: rgba(255, 255, 255, 0.74) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.inventory-panel.inv-automart.vehicle .inventory-details > div:last-child {
    border-bottom: 0 !important;
}

.inventory-panel.inv-automart.vehicle .inventory-details .preamble {
    color: rgba(255, 255, 255, 0.48) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.inventory-panel.inv-automart.vehicle .palette-border {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin: 0 6px 0 0 !important;

    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
}


/*===========================
    Price Box
============================*/

.inventory-panel.inv-automart.vehicle .inventory-price-column {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.inventory-panel.inv-automart.vehicle .inventory-price-container {
    width: 100% !important;
    min-height: 96px !important;
    margin: 0 !important;
    padding: 18px 16px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    background: #111713 !important;
    border: 1px solid rgba(79, 111, 88, 0.35) !important;
    border-radius: 12px !important;

    color: #ffffff !important;
    text-align: center !important;
}

.inventory-panel.inv-automart.vehicle .pricelabel {
    margin: 0 0 6px !important;

    color: rgba(255, 255, 255, 0.54) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

.inventory-panel.inv-automart.vehicle .pricevalue1 {
    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.8px !important;
}

.inventory-panel.inv-automart.vehicle .currency-symbol {
    color: #8a8f88 !important;
}


/*===========================
    More Info Button
============================*/

.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper .btn-group {
    width: 100% !important;
}

.inventory-panel.inv-automart.vehicle .inventory_menuoptions {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 16px !important;

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

    background: #4f6f58 !important;
    border: 1px solid #4f6f58 !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.4px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.inventory-panel.inv-automart.vehicle .inventory_menuoptions:hover,
.inventory-panel.inv-automart.vehicle .inventory_menuoptions:focus {
    background: #5f8269 !important;
    border-color: #5f8269 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
}

.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper .dropdown-menu {
    margin-top: 8px !important;
    padding: 8px !important;

    background: #111111 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.35) !important;
}

.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper .dropdown-menu li a {
    padding: 9px 12px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    border-radius: 6px !important;
}

.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper .dropdown-menu li a:hover {
    background: #4f6f58 !important;
    color: #ffffff !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .inventory-panel.inv-automart.vehicle {
        padding: 18px !important;
        border-radius: 14px !important;
    }

    .inventory-panel.inv-automart.vehicle .vehicle-label a {
        font-size: 21px !important;
    }

    .inventory-panel.inv-automart.vehicle .pricevalue1 {
        font-size: 23px !important;
    }
}

@media (max-width: 767px) {
    .dynamic-col.infinite-panel {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 22px !important;
    }

    .inventory-panel.inv-automart.vehicle {
        padding: 16px !important;
        border-radius: 13px !important;
    }

    .inventory-panel.inv-automart.vehicle .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .inventory-panel.inv-automart.vehicle [class*="col-"] {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 14px !important;
    }

    .inventory-panel.inv-automart.vehicle [class*="col-"]:last-child {
        margin-bottom: 0 !important;
    }

    .inventory-panel.inv-automart.vehicle .vehicle-label {
        padding-bottom: 14px !important;
    }

    .inventory-panel.inv-automart.vehicle .vehicle-label a {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }

    .inventory-panel.inv-automart.vehicle .inventory-details {
        padding-top: 0 !important;
    }

    .inventory-panel.inv-automart.vehicle .inventory-details > div {
        padding: 8px 0 !important;
        font-size: 13px !important;
    }

    .inventory-panel.inv-automart.vehicle .inventory-price-container {
        min-height: 82px !important;
        padding: 16px !important;
    }

    .inventory-panel.inv-automart.vehicle .pricevalue1 {
        font-size: 24px !important;
    }

    .inventory-panel.inv-automart.vehicle .inventory_menuoptions {
        min-height: 46px !important;
    }
}

@media (max-width: 420px) {
    .inventory-panel.inv-automart.vehicle {
        padding: 14px !important;
    }

    .inventory-panel.inv-automart.vehicle .vehicle-label a {
        font-size: 18px !important;
    }

    .inventory-panel.inv-automart.vehicle .dynamic-img {
        border-radius: 10px !important;
    }

    .inventory-panel.inv-automart.vehicle .image {
        border-radius: 10px !important;
    }
}

/*===========================
    Fix View Photos Icon
============================*/

.inventory-panel.inv-automart.vehicle .fa-camera {
    display: none !important;
}

.inventory-panel.inv-automart.vehicle .photo-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    color: rgba(255, 255, 255, 0.72) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.inventory-panel.inv-automart.vehicle .photo-button::before {
    content: "" !important;

    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;

    display: inline-block !important;

    background: currentColor !important;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.5h3.2l1.4-2h6.8l1.4 2H20c1.1 0 2 .9 2 2v9.5c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V8.5c0-1.1.9-2 2-2zm8 11c2.5 0 4.5-2 4.5-4.5S14.5 8.5 12 8.5s-4.5 2-4.5 4.5s2 4.5 4.5 4.5zm0-2c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;

    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.5h3.2l1.4-2h6.8l1.4 2H20c1.1 0 2 .9 2 2v9.5c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V8.5c0-1.1.9-2 2-2zm8 11c2.5 0 4.5-2 4.5-4.5S14.5 8.5 12 8.5s-4.5 2-4.5 4.5s2 4.5 4.5 4.5zm0-2c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5z'/%3E%3C/svg%3E") !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
}

.inventory-panel.inv-automart.vehicle .photo-button:hover,
.inventory-panel.inv-automart.vehicle .photo-button:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}



/*===========================
    Inventory Grid Cards
============================*/

.flex-container-grid {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 0 54px !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;

    box-sizing: border-box !important;
}

.flex-container-grid *,
.flex-container-grid *::before,
.flex-container-grid *::after {
    box-sizing: border-box !important;
}

.flex-container-grid .infinite-panel.flex-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/*===========================
    Card Shell
============================*/

.flex-container-grid .inventory-panel.inv-automart.vehicle {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.30) !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;

    overflow: hidden !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.flex-container-grid .inventory-panel.inv-automart.vehicle:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(79, 111, 88, 0.55) !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.42) !important;
}

.flex-container-grid .inventory-panel.inv-automart.vehicle .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.flex-container-grid .inventory-panel.inv-automart.vehicle [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/*===========================
    Image Area
============================*/

.flex-container-grid .insta-row1,
.flex-container-grid .insta-thumbnail,
.flex-container-grid .inventory-photo-column {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.flex-container-grid .inventory-photo-column .row,
.flex-container-grid .inventory-photo-column .col-xs-12 {
    margin: 0 !important;
    padding: 0 !important;
}

.flex-container-grid .image {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #151515 !important;
    overflow: hidden !important;
}

.flex-container-grid .image::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 42% !important;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.58) 100%
    ) !important;

    pointer-events: none !important;
    z-index: 2 !important;
}

.flex-container-grid .inventory-photo {
    width: 100% !important;
    display: block !important;
    text-decoration: none !important;
}

.flex-container-grid .dynamic-img {
    width: 100% !important;
    height: auto !important;
    min-height: 230px !important;

    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;

    transition: transform 0.28s ease, filter 0.28s ease !important;
}

.flex-container-grid .inventory-panel.inv-automart.vehicle:hover .dynamic-img {
    transform: scale(1.04) !important;
    filter: brightness(1.06) !important;
}


/*===========================
    Badge
============================*/

.flex-container-grid .inv-badges {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;

    display: flex !important;
    justify-content: flex-end !important;
}

.flex-container-grid .inv-badge {
    padding: 7px 11px !important;

    background: #4f6f58 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;

    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35) !important;
}

.flex-container-grid .inv-badges,
.inventory-panel.inv-automart.vehicle .inv-badges {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;

    display: flex !important;
    justify-content: flex-end !important;
}


/*===========================
    Content Area
============================*/

.flex-container-grid .insta-row2 {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 18px 0 !important;
    background: transparent !important;
}

.flex-container-grid .insta-title {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.flex-container-grid .vehicle-label {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.flex-container-grid .vehicle-label .pull-left,
.flex-container-grid .inventory-special-heading {
    display: none !important;
}

.flex-container-grid .vehicle-label > div {
    margin-top: 0 !important;
}

.flex-container-grid .vehicle-label a {
    min-height: 48px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -0.45px !important;
    text-decoration: none !important;
}

.flex-container-grid .vehicle-label a:hover,
.flex-container-grid .vehicle-label a:focus {
    color: #8a8f88 !important;
    text-decoration: none !important;
}


/*===========================
    Price
============================*/

.flex-container-grid .insta-price {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.flex-container-grid .inventory-price-column {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.flex-container-grid .inventory-price-container {
    width: 100% !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 15px 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    background: #111713 !important;
    border: 1px solid rgba(79, 111, 88, 0.35) !important;
    border-radius: 12px !important;

    color: #ffffff !important;
    text-align: left !important;
}

.flex-container-grid .pricelabel {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.52) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.3px !important;
    text-transform: uppercase !important;
}

.flex-container-grid .pricevalue1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.7px !important;
    text-align: right !important;
}

.flex-container-grid .currency-symbol {
    color: #8a8f88 !important;
}


/*===========================
    Key Features
============================*/

.flex-container-grid .insta-row3 {
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 14px 18px 18px !important;
    background: transparent !important;
}

.flex-container-grid .insta-highlight {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.flex-container-grid .flex-container-features {
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 0 !important;

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    column-count: unset !important;

    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.flex-container-grid .flex-item-features {
    min-height: 38px !important;
    margin: 0 !important;
    padding: 9px 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 9px !important;

    color: rgba(255, 255, 255, 0.76) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.flex-container-grid .flex-item-features:has(.specifics-value:empty),
.flex-container-grid .flex-item-features:has(.specifics-value:blank) {
    display: none !important;
}

.flex-container-grid .flex-item-features span {
    margin: 0 !important;
    padding: 0 !important;
}

.flex-container-grid .flex-item-features i {
    color: #8a8f88 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.flex-container-grid .specifics-value {
    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}


/*===========================
    Empty / Integration Rows
============================*/

.flex-container-grid .element-type-inventorylistintegrations {
    display: none !important;
}

.flex-container-grid .element-type-inventorylisttags:empty,
.flex-container-grid .flex-item-features:empty {
    display: none !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 1199px) {
    .flex-container-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .flex-container-grid .dynamic-img {
        min-height: 250px !important;
    }
}

@media (max-width: 767px) {
    .flex-container-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 10px 0 42px !important;
    }

    .flex-container-grid .inventory-panel.inv-automart.vehicle {
        border-radius: 14px !important;
    }

    .flex-container-grid .dynamic-img {
        min-height: 0 !important;
        aspect-ratio: 1.33 / 1 !important;
    }

    .flex-container-grid .insta-row2 {
        padding: 16px 16px 0 !important;
    }

    .flex-container-grid .vehicle-label a {
        min-height: auto !important;
        margin-bottom: 14px !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    .flex-container-grid .inventory-price-container {
        min-height: 66px !important;
        padding: 14px !important;
        border-radius: 10px !important;
    }

    .flex-container-grid .pricevalue1 {
        font-size: 23px !important;
    }

    .flex-container-grid .insta-row3 {
        padding: 13px 16px 16px !important;
    }

    .flex-container-grid .flex-container-features {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .flex-container-grid .flex-item-features {
        min-height: 36px !important;
        padding: 8px 9px !important;
        font-size: 11px !important;
    }

    .flex-container-grid .specifics-value {
        font-size: 11px !important;
    }
}

@media (max-width: 420px) {
    .flex-container-grid {
        gap: 18px !important;
    }

    .flex-container-grid .insta-row2 {
        padding: 15px 14px 0 !important;
    }

    .flex-container-grid .vehicle-label a {
        font-size: 17px !important;
    }

    .flex-container-grid .inventory-price-container {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .flex-container-grid .pricevalue1 {
        text-align: left !important;
        font-size: 22px !important;
    }

    .flex-container-grid .insta-row3 {
        padding: 12px 14px 14px !important;
    }

    .flex-container-grid .flex-container-features {
        grid-template-columns: 1fr !important;
    }
}

/*===========================
    Hide Empty Grid Features
============================*/

.flex-container-grid .flex-item-features.inventory-feature-empty {
    display: none !important;
}


/*===========================
    Fix Inventory Dropdown Cutoff
============================*/

.dynamic-col.infinite-panel,
.infinite-panel.flex-item,
.inventory-panel.inv-automart.vehicle,
.inventory-panel.inv-automart.vehicle .element-container,
.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper,
.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper .btn-group {
    overflow: visible !important;
}

.inventory-panel.inv-automart.vehicle {
    position: relative !important;
    z-index: 1 !important;
}

.inventory-panel.inv-automart.vehicle:has(.btn-group.open),
.inventory-panel.inv-automart.vehicle:has(.dropdown-menu:hover) {
    z-index: 9999 !important;
}

.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    top: 100% !important;

    min-width: 260px !important;
    max-width: 320px !important;

    z-index: 999999 !important;
    overflow: visible !important;

    white-space: normal !important;
}

.inventory-panel.inv-automart.vehicle .inventory-menu-options-wrapper .dropdown-menu li a {
    white-space: normal !important;
    line-height: 1.35 !important;
}


/*===========================
    Custom Page Title
============================*/

.custom-page-title {
    width: 100% !important;
    min-height: 360px !important;
    margin: 0 0 38px !important;
    padding: 0 !important;

    position: relative !important;
    overflow: hidden !important;

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

    background: #050505 !important;
    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.custom-page-title *,
.custom-page-title *::before,
.custom-page-title *::after {
    box-sizing: border-box !important;
}

.custom-page-title-img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;

    z-index: 1 !important;
}

.custom-page-title-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.72) 0%,
            rgba(0, 0, 0, 0.48) 42%,
            rgba(0, 0, 0, 0.88) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.78) 0%,
            rgba(0, 0, 0, 0.28) 50%,
            rgba(0, 0, 0, 0.78) 100%
        ) !important;

    pointer-events: none !important;
}

.custom-page-title-content {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 54px 20px 50px !important;

    position: relative !important;
    z-index: 3 !important;

    text-align: center !important;
}

.custom-page-title-accent {
    width: 88px !important;
    height: 4px !important;
    margin: 0 auto 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
}

.custom-page-title-accent span {
    height: 4px !important;
    display: block !important;
    transform: skewX(-24deg) !important;
}

.custom-page-title-accent span:nth-child(1) {
    width: 30px !important;
    background: #9fb06a !important;
}

.custom-page-title-accent span:nth-child(2) {
    width: 30px !important;
    background: #1f4f3a !important;
}

.custom-page-title-accent span:nth-child(3) {
    width: 30px !important;
    background: #e7384f !important;
}

.custom-page-title h1 {
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: clamp(42px, 5.4vw, 68px) !important;
    line-height: 0.95 !important;
    font-weight: 900 !important;
    letter-spacing: -2.8px !important;
    text-align: center !important;
    text-transform: uppercase !important;

    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.65) !important;
}

.custom-page-title p {
    max-width: 760px !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.82) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 1.3px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.custom-page-title-small {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.68) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .custom-page-title {
        min-height: 320px !important;
        margin-bottom: 32px !important;
    }

    .custom-page-title-content {
        padding: 48px 20px 44px !important;
    }

    .custom-page-title h1 {
        font-size: 52px !important;
        letter-spacing: -2px !important;
    }

    .custom-page-title p {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {
    .custom-page-title {
        min-height: 270px !important;
        margin-bottom: 26px !important;
    }

    .custom-page-title-img {
        object-position: center center !important;
    }

    .custom-page-title-content {
        padding: 42px 18px 38px !important;
    }

    .custom-page-title-accent {
        width: 74px !important;
        height: 3px !important;
        margin-bottom: 14px !important;
    }

    .custom-page-title-accent span {
        height: 3px !important;
    }

    .custom-page-title h1 {
        margin-bottom: 13px !important;
        font-size: 38px !important;
        line-height: 1 !important;
        letter-spacing: -1.2px !important;
    }

    .custom-page-title p {
        max-width: 320px !important;
        margin-bottom: 14px !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
        letter-spacing: 0.9px !important;
    }

    .custom-page-title-small {
        font-size: 11px !important;
        letter-spacing: 1.1px !important;
    }
}

@media (max-width: 420px) {
    .custom-page-title {
        min-height: 245px !important;
    }

    .custom-page-title-content {
        padding: 38px 16px 34px !important;
    }

    .custom-page-title h1 {
        font-size: 32px !important;
        letter-spacing: -0.8px !important;
    }

    .custom-page-title p {
        font-size: 10px !important;
    }

    .custom-page-title-small {
        font-size: 10px !important;
    }
}


/*===========================
    Value Your Trade Section
============================*/

.trade-value-section {
    width: 100% !important;
    margin: 0 !important;
    padding: 56px 20px 86px !important;

    background: #000000 !important;
    color: #ffffff !important;

    font-family: Inter, Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.trade-value-section *,
.trade-value-section *::before,
.trade-value-section *::after {
    box-sizing: border-box !important;
}

.trade-value-inner {
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.trade-value-heading {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 34px !important;
    padding: 0 !important;

    text-align: center !important;
}

.trade-value-accent {
    width: 88px !important;
    height: 4px !important;
    margin: 0 auto 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}

.trade-value-accent span {
    height: 4px !important;
    display: block !important;
    transform: skewX(-24deg) !important;
    background: #43c553 !important;
}

.trade-value-accent span:nth-child(1) {
    width: 28px !important;
}

.trade-value-accent span:nth-child(2) {
    width: 28px !important;
}

.trade-value-accent span:nth-child(3) {
    width: 28px !important;
}

.trade-value-eyebrow {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.84) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.trade-value-heading h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: clamp(42px, 5vw, 64px) !important;
    line-height: 0.95 !important;
    font-weight: 900 !important;
    letter-spacing: -2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.trade-value-heading p {
    max-width: 720px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.72) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    text-align: center !important;
}


/*===========================
    Cards
============================*/

.trade-value-grid {
    width: 100% !important;
    margin: 0 auto 30px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.trade-value-step {
    min-height: 165px !important;
    margin: 0 !important;
    padding: 24px 22px 26px !important;

    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.018) 100%) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 13px !important;

    color: #ffffff !important;
    text-align: center !important;
}

.trade-value-number {
    width: 42px !important;
    height: 34px !important;
    margin: 0 auto 18px !important;

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

    background: rgba(79, 111, 88, 0.9) !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.trade-value-step h3 {
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -0.4px !important;
    text-align: center !important;
}

.trade-value-step p {
    max-width: 260px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.68) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    text-align: center !important;
}


/*===========================
    Buttons
============================*/

.trade-value-actions {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.trade-value-btn {
    min-width: 210px !important;
    min-height: 46px !important;
    padding: 0 28px !important;

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

    background: #4f6f58 !important;
    border: 1px solid #4f6f58 !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 12px 26px rgba(79, 111, 88, 0.28) !important;
}

.trade-value-btn:hover,
.trade-value-btn:focus {
    background: #5f8269 !important;
    border-color: #5f8269 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.trade-value-btn-outline {
    background: #000000 !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: none !important;
}

.trade-value-btn-outline:hover,
.trade-value-btn-outline:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.75) !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .trade-value-section {
        padding: 48px 20px 72px !important;
    }

    .trade-value-grid {
        grid-template-columns: 1fr !important;
        max-width: 680px !important;
        gap: 14px !important;
    }

    .trade-value-step {
        min-height: auto !important;
    }
}

@media (max-width: 767px) {
    .trade-value-section {
        padding: 42px 16px 58px !important;
    }

    .trade-value-heading {
        margin-bottom: 28px !important;
    }

    .trade-value-accent {
        width: 74px !important;
        height: 3px !important;
        margin-bottom: 18px !important;
    }

    .trade-value-accent span {
        height: 3px !important;
    }

    .trade-value-eyebrow {
        font-size: 10px !important;
        letter-spacing: 1.6px !important;
    }

    .trade-value-heading h2 {
        font-size: 36px !important;
        letter-spacing: -1.2px !important;
    }

    .trade-value-heading p {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .trade-value-step {
        padding: 20px 18px !important;
    }

    .trade-value-step h3 {
        font-size: 16px !important;
    }

    .trade-value-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .trade-value-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 420px) {
    .trade-value-heading h2 {
        font-size: 32px !important;
    }

    .trade-value-step {
        padding: 18px 16px !important;
    }
}

/*===========================
    Sell Us Your Car Form Row
============================*/

.element-type-valueyourtradeinform {
    width: 100% !important;
    margin: 0 !important;
    padding: 64px 20px 86px !important;

    background: #000000 !important;
    color: #ffffff !important;

    font-family: Inter, Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

.element-type-valueyourtradeinform *,
.element-type-valueyourtradeinform *::before,
.element-type-valueyourtradeinform *::after {
    box-sizing: border-box !important;
}

.element-type-valueyourtradeinform .trade-in-form {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.element-type-valueyourtradeinform .trade-in-form > .col-lg-1 {
    display: none !important;
}

.element-type-valueyourtradeinform .layout-container.col-lg-10 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}


/*===========================
    Style Selector
============================*/

.element-type-valueyourtradeinform .styles-container-bg {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

.element-type-valueyourtradeinform .styles-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 24px !important;

    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;

    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;

    color: #ffffff !important;
}

.element-type-valueyourtradeinform .styles-container p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

.element-type-valueyourtradeinform .styles-container select {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 9px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}


/*===========================
    Main Form Area
============================*/

.element-type-valueyourtradeinform .layout {
    width: 100% !important;
    margin: 0 !important;
    padding: 38px 42px 42px !important;

    background:
        radial-gradient(circle at 18% 0%, rgba(79, 111, 88, 0.20) 0%, rgba(79, 111, 88, 0) 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.018) 100%) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.42) !important;

    color: #ffffff !important;
    overflow: visible !important;
    position: relative !important;
}

.element-type-valueyourtradeinform .layout::before {
    content: "" !important;
    width: 88px !important;
    height: 4px !important;

    position: absolute !important;
    top: 24px !important;
    left: 42px !important;

    background: linear-gradient(
        90deg,
        #43c553 0%,
        #43c553 30%,
        transparent 30%,
        transparent 38%,
        #43c553 38%,
        #43c553 68%,
        transparent 68%,
        transparent 76%,
        #43c553 76%,
        #43c553 100%
    ) !important;

    transform: skewX(-24deg) !important;
}

.element-type-valueyourtradeinform #leftSide,
.element-type-valueyourtradeinform #rightSide {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.element-type-valueyourtradeinform .step {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 26px 0 0 !important;

    color: #ffffff !important;
    text-align: left !important;
}

.element-type-valueyourtradeinform .start.step {
    width: 100% !important;
}


/*===========================
    Step Viewer
============================*/

.element-type-valueyourtradeinform #stepViewer-container {
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

.element-type-valueyourtradeinform #stepViewer-container .col-md-3 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.element-type-valueyourtradeinform .step-viewer {
    min-height: 58px !important;
    margin: 0 0 12px !important;
    padding: 12px 14px !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    background: rgba(0, 0, 0, 0.38) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;

    color: rgba(255, 255, 255, 0.74) !important;
}

.element-type-valueyourtradeinform .step-viewer .dot {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;

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

    background: #4f6f58 !important;
    border-radius: 9px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.element-type-valueyourtradeinform .step-viewer span {
    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.element-type-valueyourtradeinform .hrSteps {
    display: none !important;
}


/*===========================
    Titles
============================*/

.element-type-valueyourtradeinform .stepTitle,
.element-type-valueyourtradeinform #startTitle,
.element-type-valueyourtradeinform .step h3 {
    margin: 0 0 22px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: clamp(28px, 4vw, 42px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -1.1px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}

.element-type-valueyourtradeinform .step > p,
.element-type-valueyourtradeinform .step > span {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.74) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
}


/*===========================
    Tabs / Option Buttons
============================*/

.element-type-valueyourtradeinform .selectedItem-active,
.element-type-valueyourtradeinform .selectedItem-passive,
.element-type-valueyourtradeinform .deselectedItem-active,
.element-type-valueyourtradeinform .deselectedItem-passive {
    min-height: 44px !important;
    margin: 0 8px 14px 0 !important;
    padding: 0 20px !important;

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

    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    border-radius: 999px !important;

    color: rgba(255, 255, 255, 0.84) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;

    cursor: pointer !important;
}

.element-type-valueyourtradeinform .selectedItem-active {
    background: #4f6f58 !important;
    border-color: #4f6f58 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(79, 111, 88, 0.28) !important;
}

.element-type-valueyourtradeinform .deselectedItem-active:hover,
.element-type-valueyourtradeinform .deselectedItem-passive:hover {
    border-color: rgba(79, 111, 88, 0.78) !important;
    color: #ffffff !important;
}


/*===========================
    Form Fields
============================*/

.element-type-valueyourtradeinform .border {
    width: 100% !important;
    margin: 0 !important;
    padding: 13px 14px !important;

    background: rgba(0, 0, 0, 0.34) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;

    color: #ffffff !important;
}

.element-type-valueyourtradeinform .border > p:first-child {
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.58) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

.element-type-valueyourtradeinform input[type="text"],
.element-type-valueyourtradeinform input[type="number"],
.element-type-valueyourtradeinform input[type="email"],
.element-type-valueyourtradeinform select,
.element-type-valueyourtradeinform textarea {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;

    outline: none !important;
}

.element-type-valueyourtradeinform textarea {
    min-height: 120px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    resize: vertical !important;
}

.element-type-valueyourtradeinform input:focus,
.element-type-valueyourtradeinform select:focus,
.element-type-valueyourtradeinform textarea:focus {
    border-color: #4f6f58 !important;
    box-shadow: 0 0 0 3px rgba(79, 111, 88, 0.24) !important;
}

.element-type-valueyourtradeinform input::placeholder {
    color: rgba(255, 255, 255, 0.42) !important;
}

.element-type-valueyourtradeinform .separator {
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}


/*===========================
    Mileage Field
============================*/

.element-type-valueyourtradeinform .milieage {
    width: calc(100% - 132px) !important;
    display: inline-block !important;
}

.element-type-valueyourtradeinform .milieage-unit {
    width: 122px !important;
    display: inline-block !important;
    margin-left: 8px !important;
}


/*===========================
    Alerts / Errors
============================*/

.element-type-valueyourtradeinform .alert.alert-info {
    margin: 0 0 18px !important;
    padding: 14px 16px !important;

    background: rgba(79, 111, 88, 0.16) !important;
    border: 1px solid rgba(79, 111, 88, 0.38) !important;
    border-radius: 10px !important;

    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.element-type-valueyourtradeinform .alert.alert-info a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.element-type-valueyourtradeinform .error,
.element-type-valueyourtradeinform .errorMessage {
    margin: 7px 0 0 !important;
    padding: 0 !important;

    color: #ff7b7b !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}


/*===========================
    Upload Area
============================*/

.element-type-valueyourtradeinform .fileUploader-container {
    padding: 0 !important;
    overflow: hidden !important;
}

.element-type-valueyourtradeinform .filepond--root {
    min-height: 150px !important;
    background: transparent !important;
    border-radius: 12px !important;
}

.element-type-valueyourtradeinform .filepond--panel-root {
    background: rgba(0, 0, 0, 0.34) !important;
    border: 1px dashed rgba(255, 255, 255, 0.26) !important;
    border-radius: 12px !important;
}

.element-type-valueyourtradeinform .filepond--drop-label label {
    color: rgba(255, 255, 255, 0.72) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.element-type-valueyourtradeinform .filepond--label-action {
    color: #ffffff !important;
    text-decoration: underline !important;
}


/*===========================
    Checkboxes / Groups
============================*/

.element-type-valueyourtradeinform .display-table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.element-type-valueyourtradeinform .display-cell {
    width: 100% !important;
    display: block !important;
}

.element-type-valueyourtradeinform .checkbox-container {
    width: 100% !important;
    min-height: 76px !important;
    margin: 0 0 12px !important;
    padding: 16px 16px 16px 48px !important;

    display: block !important;
    position: relative !important;

    background: rgba(0, 0, 0, 0.34) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;

    color: rgba(255, 255, 255, 0.68) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}

.element-type-valueyourtradeinform .checkbox-container b {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.element-type-valueyourtradeinform .checkmark {
    position: absolute !important;
    left: 16px !important;
    top: 18px !important;

    width: 20px !important;
    height: 20px !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    border-radius: 5px !important;
}

.element-type-valueyourtradeinform .checkbox-container:hover {
    border-color: rgba(79, 111, 88, 0.62) !important;
}


/*===========================
    Color Picker
============================*/

.element-type-valueyourtradeinform .form-control-color-picker {
    width: 100% !important;
    min-height: 46px !important;

    background: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 8px !important;

    position: relative !important;
}

.element-type-valueyourtradeinform .form-control-color-picker-dropdown {
    background: #111111 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 10px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.38) !important;
    overflow: hidden !important;
    z-index: 99999 !important;
}

.element-type-valueyourtradeinform .form-control-color-picker-dropdown-item {
    min-height: 34px !important;
    padding: 8px 12px !important;

    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}


/*===========================
    Buttons
============================*/

.element-type-valueyourtradeinform .button {
    min-height: 48px !important;
    padding: 0 28px !important;

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

    background: #4f6f58 !important;
    border: 1px solid #4f6f58 !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 26px rgba(79, 111, 88, 0.26) !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
}

.element-type-valueyourtradeinform .button:hover,
.element-type-valueyourtradeinform .button:focus {
    background: #5f8269 !important;
    border-color: #5f8269 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
}

.element-type-valueyourtradeinform .button.prev {
    background: #000000 !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    box-shadow: none !important;
}

.element-type-valueyourtradeinform .button.prev:hover,
.element-type-valueyourtradeinform .button.prev:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.72) !important;
}

.element-type-valueyourtradeinform .button.next,
.element-type-valueyourtradeinform .button.prev {
    width: auto !important;
    min-width: 150px !important;
    margin: 24px 8px 0 0 !important;
}

.element-type-valueyourtradeinform .start.step .button {
    width: 100% !important;
}


/*===========================
    Details Box / Captcha
============================*/

.element-type-valueyourtradeinform .details-box {
    width: 100% !important;
    padding: 22px !important;

    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;

    color: #ffffff !important;
}

.element-type-valueyourtradeinform .g-recaptcha {
    max-width: 100% !important;
    overflow: hidden !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .element-type-valueyourtradeinform {
        padding: 54px 18px 72px !important;
    }

    .element-type-valueyourtradeinform .layout {
        padding: 34px 30px 36px !important;
    }

    .element-type-valueyourtradeinform .layout::before {
        left: 30px !important;
    }

    .element-type-valueyourtradeinform #stepViewer-container .col-md-3 {
        width: 50% !important;
        float: left !important;
    }
}

@media (max-width: 767px) {
    .element-type-valueyourtradeinform {
        padding: 42px 16px 58px !important;
    }

    .element-type-valueyourtradeinform .styles-container {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 20px !important;
        border-radius: 13px !important;
    }

    .element-type-valueyourtradeinform .layout {
        padding: 30px 18px 24px !important;
        border-radius: 13px !important;
    }

    .element-type-valueyourtradeinform .layout::before {
        top: 20px !important;
        left: 18px !important;
        width: 74px !important;
        height: 3px !important;
    }

    .element-type-valueyourtradeinform .step {
        padding-top: 22px !important;
    }

    .element-type-valueyourtradeinform #stepViewer-container .col-md-3 {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .element-type-valueyourtradeinform .stepTitle,
    .element-type-valueyourtradeinform #startTitle,
    .element-type-valueyourtradeinform .step h3 {
        font-size: 30px !important;
        letter-spacing: -0.8px !important;
    }

    .element-type-valueyourtradeinform .selectedItem-active,
    .element-type-valueyourtradeinform .selectedItem-passive,
    .element-type-valueyourtradeinform .deselectedItem-active,
    .element-type-valueyourtradeinform .deselectedItem-passive {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .element-type-valueyourtradeinform .display-table {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .element-type-valueyourtradeinform .milieage,
    .element-type-valueyourtradeinform .milieage-unit {
        width: 100% !important;
        display: block !important;
        margin-left: 0 !important;
    }

    .element-type-valueyourtradeinform .milieage-unit {
        margin-top: 10px !important;
    }

    .element-type-valueyourtradeinform .button,
    .element-type-valueyourtradeinform .button.next,
    .element-type-valueyourtradeinform .button.prev {
        width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 420px) {
    .element-type-valueyourtradeinform {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .element-type-valueyourtradeinform .layout {
        padding: 28px 14px 22px !important;
    }

    .element-type-valueyourtradeinform .layout::before {
        left: 14px !important;
    }

    .element-type-valueyourtradeinform .stepTitle,
    .element-type-valueyourtradeinform #startTitle,
    .element-type-valueyourtradeinform .step h3 {
        font-size: 27px !important;
    }
}

.trade-in-form .layout-container {
    border: none;
    box-shadow: none;
}


/*===========================
    MCO SEO Content Section
============================*/

.mco-seo-content-section {
    width: 100% !important;
    margin: 0 !important;
    padding: 76px 20px 92px !important;

    background: #000000 !important;
    color: #ffffff !important;

    font-family: Inter, Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

.mco-seo-content-section *,
.mco-seo-content-section *::before,
.mco-seo-content-section *::after {
    box-sizing: border-box !important;
}

.mco-seo-content-inner {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}


/*===========================
    Intro
============================*/

.mco-seo-intro {
    width: 100% !important;
    max-width: 960px !important;
    margin: 0 auto 42px !important;
    padding: 0 !important;

    text-align: center !important;
}

.mco-seo-accent {
    width: 88px !important;
    height: 4px !important;
    margin: 0 auto 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}

.mco-seo-accent span {
    height: 4px !important;
    display: block !important;

    background: #43c553 !important;
    transform: skewX(-24deg) !important;
}

.mco-seo-accent span:nth-child(1),
.mco-seo-accent span:nth-child(2),
.mco-seo-accent span:nth-child(3) {
    width: 28px !important;
}

.mco-seo-eyebrow {
    margin: 0 0 16px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.82) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.mco-seo-intro h1 {
    margin: 0 0 24px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: clamp(34px, 5vw, 58px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    letter-spacing: -1.8px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.mco-seo-intro p {
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.72) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.mco-seo-content-section strong {
    color: #ffffff !important;
    font-weight: 800 !important;
}


/*===========================
    Content Cards
============================*/

.mco-seo-grid {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.mco-seo-card {
    width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 30px 30px 32px !important;

    background:
        radial-gradient(circle at 15% 0%, rgba(79, 111, 88, 0.18) 0%, rgba(79, 111, 88, 0) 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.018) 100%) !important;

    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 15px !important;

    color: #ffffff !important;
    text-align: left !important;
    position: relative !important;
    overflow: hidden !important;
}

.mco-seo-card::before {
    content: "" !important;
    width: 58px !important;
    height: 3px !important;

    position: absolute !important;
    top: 22px !important;
    left: 30px !important;

    background: #43c553 !important;
    transform: skewX(-24deg) !important;
}

.mco-seo-card h2 {
    margin: 20px 0 16px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.7px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}

.mco-seo-card p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.68) !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
    font-weight: 500 !important;
    text-align: left !important;
}

.mco-seo-card-wide {
    grid-column: 1 / -1 !important;
}


/*===========================
    Buttons
============================*/

.mco-seo-actions {
    width: 100% !important;
    margin: 36px auto 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.mco-seo-btn {
    min-width: 190px !important;
    min-height: 46px !important;
    padding: 0 26px !important;

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

    background: #4f6f58 !important;
    border: 1px solid #4f6f58 !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 12px 26px rgba(79, 111, 88, 0.26) !important;
}

.mco-seo-btn:hover,
.mco-seo-btn:focus {
    background: #5f8269 !important;
    border-color: #5f8269 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.mco-seo-btn-outline {
    background: #000000 !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    box-shadow: none !important;
}

.mco-seo-btn-outline:hover,
.mco-seo-btn-outline:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.72) !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .mco-seo-content-section {
        padding: 64px 20px 76px !important;
    }

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

    .mco-seo-card-wide {
        grid-column: auto !important;
    }
}

@media (max-width: 767px) {
    .mco-seo-content-section {
        padding: 52px 16px 64px !important;
    }

    .mco-seo-intro {
        margin-bottom: 32px !important;
    }

    .mco-seo-accent {
        width: 74px !important;
        height: 3px !important;
        margin-bottom: 18px !important;
    }

    .mco-seo-accent span {
        height: 3px !important;
    }

    .mco-seo-eyebrow {
        font-size: 10px !important;
        letter-spacing: 1.6px !important;
        line-height: 1.3 !important;
    }

    .mco-seo-intro h1 {
        font-size: 32px !important;
        line-height: 1.08 !important;
        letter-spacing: -1px !important;
    }

    .mco-seo-intro p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .mco-seo-card {
        padding: 28px 20px 24px !important;
        border-radius: 13px !important;
    }

    .mco-seo-card::before {
        left: 20px !important;
        top: 20px !important;
        width: 52px !important;
    }

    .mco-seo-card h2 {
        margin-top: 18px !important;
        font-size: 22px !important;
        line-height: 1.18 !important;
    }

    .mco-seo-card p {
        font-size: 14px !important;
        line-height: 1.62 !important;
    }

    .mco-seo-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .mco-seo-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 420px) {
    .mco-seo-content-section {
        padding: 46px 14px 58px !important;
    }

    .mco-seo-intro h1 {
        font-size: 29px !important;
    }

    .mco-seo-card {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .mco-seo-card::before {
        left: 18px !important;
    }

    .mco-seo-card h2 {
        font-size: 20px !important;
    }
}