@media (max-width: 1366px) {
    .car-details-btn {
        padding: 12px 40px;
    }

    .car-card-detils-content {
        gap: 5px;
    }

    .car-card-icons {
        width: 14px;
        height: 14px;
    }

    .car-card-text {
        font:
            500 14px / 20px "SF Pro",
            sans-serif;
    }
}

@media (max-width: 1199px) {
    .car-details-btn {
        padding: 10px 25px;
        font:
            700 14px / 20px "SF Pro",
            sans-serif;
    }

    .car-card-details {
        padding: 10px;
    }

    .car-card-name,
    .car-price {
        font:
            700 18px / 24px "SF Pro",
            sans-serif;
    }

    .car-details-box {
        gap: 10px 6px;
    }

    .car-card-text {
        font:
            500 12px / 18px "SF Pro",
            sans-serif;
    }

    .car-card-detils-content {
        gap: 1px;
    }

    .features-btn-on-card {
        padding: 5px 10px;
        font:
            600 12px / 18px "SF Pro",
            sans-serif;
    }
}

@media (max-width: 991px) {
    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
    }

    .mobile-view .owl-dots .owl-dot span {
        width: 15px;
        height: 15px;
        background: #f8941d66;
    }

    .mobile-view .owl-dots .owl-dot.active span {
        background: #e07900;
    }

    .section-heading {
        font:
            700 20px / 26px "SF Pro",
            sans-serif;
        color: #000000;
        padding-bottom: 10px !important;
    }

    section {
        padding: 24px 0 !important;
    }

    .section-content {
        font:
            500 16px / 22px "SF Pro",
            sans-serif;
    }
}

@media (max-width: 575px) {
    .car-card-icons {
        width: 18px !important;
        height: 18px;
    }

    .car-card-text {
        font:
            500 16px / 22px "SF Pro",
            sans-serif;
    }

    .car-card-detils-content {
        gap: 5px;
    }

    /* Faq */
    .faq-main-box .section-heading {
        font:
            700 20px / 26px "SF Pro",
            sans-serif;
        color: #000000;
    }
    .faq-main-box .small-heading {
        padding: 0 !important;
    }


    .faq-question {
        font: 700 16px/22px "SF Pro", sans-serif !important;
        gap: 20px !important;
    }
    .faq-question .icon {
        min-width: 30px;
        height: 30px;
    }
    .faq-answer p {
        font: 400 18px/24px "SF Pro",
            sans-serif;
        color: #5a5365;
    }

    .faq-item {
        border-bottom: 1px solid #eee;
        padding: 16px 0;
    }


    .faq-question .icon img {
        width: 10px;
        height: 10px;
        transition:
            transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.25s;
    }

    .small-heading {
        font:
            700 20px / 26px "SF Pro",
            sans-serif !important;
    }

    .small-content {
        font:
            500 16px / 22px "SF Pro",
            sans-serif;
    }

    .collpse-button {
        padding: 8px 14px;
    }

    .google-ad {
        max-width: 320px;
    }

    .collpse-button.show,
    .collpse-button {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
        font:
            400 10px / 16px "Pulp-display",
            sans-serif;
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
        background: transparent;
        border: none;
        width: 100%;
    }
    .blog-image-wrapper {
        min-width: 119px;
        max-width: 119px;
    }
    .blog-image-main {
        max-width: 119px;
        height: 140px;
        max-height: 140px;
    }
    .blog-card {
        padding: 5px;
        gap: 10px;
        margin: 1px;
    }
}