:root {
    --apex-coral: #ff6245 !important;
}

.comma-page a:focus-visible,
.comma-page button:focus-visible {
    outline-color: #ff6245 !important;
}

.product-section::after {
    background-color: #ff6245 !important;
    background-image:
        url('/media/brands/acura.svg'),
        url('/media/brands/audi.svg'),
        url('/media/brands/chevrolet.svg'),
        url('/media/brands/ford.svg'),
        url('/media/brands/honda.svg'),
        url('/media/brands/hyundai.svg'),
        url('/media/brands/jeep.svg'),
        url('/media/brands/kia.svg'),
        url('/media/brands/lexus.svg'),
        url('/media/brands/rivian.svg'),
        url('/media/brands/tesla.svg'),
        url('/media/brands/toyota.svg'),
        url('/media/brands/volkswagen.svg'),
        url('/media/brands/acura.svg'),
        url('/media/brands/audi.svg'),
        url('/media/brands/chevrolet.svg'),
        url('/media/brands/ford.svg'),
        url('/media/brands/honda.svg'),
        url('/media/brands/hyundai.svg'),
        url('/media/brands/jeep.svg'),
        url('/media/brands/kia.svg'),
        url('/media/brands/lexus.svg'),
        url('/media/brands/rivian.svg'),
        url('/media/brands/tesla.svg'),
        url('/media/brands/toyota.svg'),
        url('/media/brands/volkswagen.svg') !important;
    animation: apex-logo-marquee 48s linear infinite !important;
    -webkit-animation: apex-logo-marquee 48s linear infinite !important;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.product-section::before {
    left: max(28px, calc((100vw - 1180px) / 2)) !important;
    width: min(42vw, 470px) !important;
}

html[dir='rtl'] .product-section::before {
    content: "أكثر من 1000\A سيارة على الطريق" !important;
    direction: rtl;
    text-align: right;
}

html[dir='ltr'] .product-section::before {
    content: "MORE THAN 1,000\A CARS ON THE ROAD" !important;
    direction: ltr;
    text-align: left;
}

.product-section > .content-shell::before {
    left: auto !important;
    right: 0 !important;
    top: -274px !important;
    width: 46% !important;
}

.product-section > .content-shell::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 720px) {
    .product-section::after {
        animation-duration: 68s !important;
        -webkit-animation-duration: 68s !important;
    }

    .product-section::before {
        left: 4% !important;
        width: 43% !important;
    }

    .product-section > .content-shell::before {
        left: 53% !important;
        right: auto !important;
        top: -275px !important;
        width: 43% !important;
    }
}