.main-swiper {

    width: 100%;

    height: auto;

}

.main-swiper .swiper-wrapper {

    display: flex;



}

.main-swiper .swiper-slide {

    width: 100% !important;

    height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

}

.main-swiper img {

    max-width: 100%;

    height: auto;

    display: block;

}



.thumbnail-gallery {
    margin-top: 12px;
}

.thumbnail-swiper {
    width: 100%;
}

.thumbnail-swiper .swiper-wrapper {
    display: flex;
}

.thumbnail-swiper .swiper-slide {

    width: auto !important;

    flex: 0 0 auto;

    max-width: 100px;

}

.thumbnail-swiper img {
    width: 100%;
    height: auto;
    display: block;
}

/* Reset and Base Styles */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&subset=latin,latin-ext&display=swap');



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

    font-family: "DM Sans", sans-serif;

    background-color: #f8f9fa;

    line-height: 1.6;

}

h1,
h2,
h3,
h4,
h5,
h6 {

    margin: 0;

}

.page_wrap section.trx_addons_parallax_blocks_inited:last-child {

    display: none;

}

div.cars_page_agent_form {

    width: 100%;

}

.page_content_wrap {

    padding-top: 30px;

    padding-bottom: 30px;

}

/* Main Container */

.carDetailsPage {

    max-width: 1200px;

    margin: 30px auto;

}

.carDetailsPage .car-header a {

    color: #fff;

}

.carDetailsPage_top {

    display: flex;

    gap: 40px;

    margin-bottom: 40px;

    background-color: #f4edda;

    padding: 25px;

    border-radius: 0px;

}



.carDetailsPage_bottom {

    display: flex;

    gap: 20px;

    align-items: stretch;

}



.carDetailsPage_bottom_left {

    width: 67%;

    display: flex;

    flex-direction: column;

}



.carDetailsPage_bottom_right {

    width: 33%;

    display: flex;

    flex-direction: column;

}



/* Owner Section */

.carDetailsPage .owner-section {

    background: #f4edda;

    padding: 25px;

    margin-bottom: 20px;

    display: flex;

    flex-direction: column;

}



.carDetailsPage .owner-title,
.carDetailsPage .cars_page_agent_form .cars_page_agent_form_title {

    /* font-family: "Barlow Condensed", sans-serif; */

    font-size: 29px;

    font-weight: 600;

    color: #1a1a1a;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.carDetailsPage .owner-info {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.carDetailsPage .owner-name h3 {

    font-size: 22px;

    font-weight: 600;

    color: #646464;

    margin: 0 0 5px 0;

    text-transform: capitalize;

    letter-spacing: 0.5px;

}



.carDetailsPage .owner-name p {

    font-size: 14px;

    color: #050505;

    margin: 0;

    font-weight: 500;

    background-color: #ded7c3;

    display: inline-block;

    padding: 5px 8px 5px;

    border-radius: 0px;

}



.carDetailsPage .owner-contact {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.carDetailsPage .contact-item {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 16px;

    color: #374151;

}



.carDetailsPage .contact-item i {

    color: #2d5a27;

    font-size: 16px;

    width: 20px;

    text-align: center;

}



.carDetailsPage .contact-item span {

    font-weight: 500;

}



/* Contact Section */

.carDetailsPage .contact-section {

    background: #f4edda;

    padding: 25px;

    flex: 1;

    display: flex;

    flex-direction: column;

}



.carDetailsPage .contact-title {

    /* font-family: "Barlow Condensed", sans-serif; */

    font-size: 24px;

    font-weight: 700;

    color: #1a1a1a;

    margin-bottom: 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

}



/* Contact Form */

.carDetailsPage .contact-form {

    display: flex;

    flex-direction: column;

    gap: 10px;

    flex: 1;

}



.carDetailsPage .form-group {

    display: flex;

    flex-direction: column;

}



.carDetailsPage .form-group input,

.carDetailsPage .form-group textarea {

    background: none;

    border: none;

    border-bottom: 1px solid #e5e7eb;

    padding: 12px 0;

    font-size: 16px;

    color: #1a1a1a;

    outline: none;

    transition: border-color 0.3s ease;

}



.carDetailsPage .form-group input::placeholder,

.carDetailsPage .form-group textarea::placeholder {

    color: #9ca3af;

    font-size: 16px;

}



.carDetailsPage .form-group input:focus,

.carDetailsPage .form-group textarea:focus {

    border-bottom-color: #2d5a27;

}



.carDetailsPage .form-group textarea {

    min-height: 120px;

    font-family: inherit;

    line-height: 1.5;

    resize: none;

}



/* Checkbox Group */

.carDetailsPage .checkbox-group {

    flex-direction: row !important;

    align-items: flex-start;

    gap: 10px;

}



.carDetailsPage .checkbox-group input[type="checkbox"] {

    margin: 0;

    width: 18px;

    height: 18px;

    accent-color: #2d5a27;

    cursor: pointer;

}



.carDetailsPage .checkbox-group label {

    font-size: 14px;

    color: #6b7280;

    line-height: 1.4;

    cursor: pointer;

    margin: 0;

}



.carDetailsPage .privacy-link {

    color: #1a1a1a;

    text-decoration: underline;

    font-weight: 500;

}



.carDetailsPage .privacy-link:hover {

    color: #2d5a27;

}



/* Submit Button */

.carDetailsPage .submit-btn {

    /* font-family: "Barlow Condensed", sans-serif; */

    background: #2d5a27;

    color: white;

    border: none;

    padding: 16px 22px;

    border-radius: 4px;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    transition: all 0.3s ease;

    margin-top: 10px;

}



.carDetailsPage .submit-btn:hover {

    background: #1e3f1a;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(45, 90, 39, 0.3);

}



.carDetailsPage .submit-btn i {

    font-size: 16px;

}



/* Specs & Features Section */

.carDetailsPage .specs-features-section {

    background: #f4edda;

    padding: 25px;

    height: calc(100% - 20px);

    flex: 1;

    display: flex;

    flex-direction: column;

}



.carDetailsPage .section-title {



    font-size: 29px;

    font-weight: 600;

    color: #1a1a1a;

    margin-bottom: 15px;

    text-transform: uppercase;

    margin-top: 0;

}



/* Tab Navigation */

.carDetailsPage .tab-navigation {

    display: flex;

    border-bottom: 1px solid #e5e7eb;

    margin-bottom: 20px;

    gap: 0;

}



.carDetailsPage .tab-btn {

    background: none;

    border: none;

    padding: 10px;

    font-size: 18px;

    font-weight: 500;

    color: #6b7280;

    cursor: pointer;

    position: relative;

    transition: color 0.3s ease;

    border-bottom: 3px solid transparent;

}



.carDetailsPage .tab-btn:hover {

    color: #1a1a1a;

}



.carDetailsPage .tab-btn.active {

    color: #1a1a1a;

    font-weight: 600;

    border-bottom-color: #104913;

}



/* Tab Content */

.carDetailsPage .tab-content {

    min-height: 200px;

    flex: 1;

    display: flex;

    flex-direction: column;

}



.carDetailsPage .tab-panel {

    display: none;

}



.carDetailsPage .tab-panel.active {

    display: flex;

    flex-direction: column;

    flex: 1;

}



/* Features Grid */

.carDetailsPage .features-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}



.carDetailsPage .feature-column {

    display: flex;

    flex-direction: column;

    gap: 15px;

}



.carDetailsPage .feature-item {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 16px;

    color: #374151;

}



.carDetailsPage .feature-item i {

    color: #1b1b1b;

    font-size: 16px;

}

.carDetailsPage .cars_page_agent_form a:hover {

    color: #104913 !important;

}

.carDetailsPage .feature-item a {

    color: #1b1b1b;

}

.cars_page_agent_form div.wpcf7 .form-style-8 textarea {

    font-size: 15px;

}

.carDetailsPage .feature-item:hover a,
.carDetailsPage .feature-item:hover i {

    color: #2d5a27;

}

/* Details Grid */



.carDetailsPage .details-column {

    display: flex;

    flex-direction: column;

    gap: 20px;

    display: grid;

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

}

.carDetailsPage .details-column .detail-item.carId {

    grid-column: 1 / -1;

}



.carDetailsPage .detail-item {

    display: flex;

    flex-direction: column;

    gap: 2px;

}


.cars_page_agent_form span.wpcf7-list-item-label {
    font-size: 16px;
}

.carDetailsPage .detail-label {

    font-size: 16px;

    color: #949090;

    font-weight: 600;

    text-transform: uppercase;

}



.carDetailsPage .detail-value {

    font-size: 16px;

    color: #1a1a1a;

    font-weight: 600;

}



.carDetailsPage .detail-value.highlight {

    color: #2d5a27;

    font-weight: 700;

}



.carDetailsPage .detail-value.highlight a {

    color: #2d5a27;

    text-decoration: none;

}

.carDetailsPage .contact-item a {

    color: #374151;

}



.carDetailsPage .contact-item a:hover {

    color: #2d5a27;

}

/* Features Section */

.carDetailsPage .features-section {

    /* background: #f8f9fa; */

    /* border-radius: 8px;

    padding: 20px; */

}



.carDetailsPage .features-header {

    background: #3b82f6;

    color: white;

    padding: 12px 20px;

    border-radius: 6px;

    margin-bottom: 20px;

    text-align: center;

}



.carDetailsPage .features-title {

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin: 0;

}



.carDetailsPage .features-grid {

    display: grid;

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

    gap: 20px;

}



/* View All Link */

.carDetailsPage .view-all-link {

    margin-top: 25px;

    padding-top: 20px;

    border-top: 1px solid #f3f4f6;

}



.carDetailsPage .view-all-btn {

    color: #ff6b35;

    text-decoration: none;

    font-size: 16px;

    font-weight: 500;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    transition: color 0.3s ease;

}



.carDetailsPage .view-all-btn:hover {

    color: #e55a2b;

}



.carDetailsPage .view-all-btn i {

    font-size: 14px;

    transition: transform 0.3s ease;

}



.carDetailsPage .view-all-btn:hover i {

    transform: translateX(3px);

}



.carDetailsPage_left {

    width: 50%;

    position: relative;

}



.carDetailsPage_right {

    width: 50%;

}



/* Car Header */

.carDetailsPage .car-header {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 0;

}



.carDetailsPage .car-title {

    /* font-family: "Barlow Condensed", sans-serif; */

    font-size: 42px;

    font-weight: 600;

    color: #1a1a1a;

    margin: 0;

    text-transform: uppercase;

    line-height: normal;

}



.carDetailsPage .for-sale-badge {

    background: #104913;

    color: white;

    padding: 3px 9px;

    border-radius: 0px;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin-top: 5px;
    flex-shrink: 0;

}



/* Car Specifications */

.carDetailsPage .car-specs {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 0px;

    font-size: 18px;

    color: #666666;
    font-family: "Barlow Condensed", sans-serif;

}



.carDetailsPage .car-specs a {

    color: #666666;

    text-decoration: none;

}



.carDetailsPage .car-specs a.active {

    color: #050505;

    text-decoration: none;

}



.carDetailsPage .car-specs a:hover {

    color: #104913;

}



.carDetailsPage .spec-separator {

    color: #5E5E5E;

    font-weight: bold;

}



/* Car Price */

.carDetailsPage .car-price,
.carDetailsPage .car-price span {

    font-family: "Barlow Condensed", sans-serif;

    font-size: 40px;

    font-weight: 700;

    color: #5E5E5E;

    margin-bottom: 10px;

}

.carDetailsPage .car-price span:before {

    display: none;

}

.carDetailsPage .contact-section .cars_page_agent_avatar,
.carDetailsPage .contact-section .cars_page_agent_info {

    display: none;

}

/* Car Description */

.carDetailsPage .car-description {

    margin-bottom: 30px;

}



.carDetailsPage .car-description p {

    font-size: 16px;

    line-height: 1.6;

    color: #666666;

    margin: 0;

    text-align: left;

}



/* Main Swiper Styles */

.carDetailsPage .main-swiper {

    width: 100%;

    height: 400px;

    border-radius: 0px;

    overflow: hidden;

    margin-bottom: 20px;

    position: relative;

}



.carDetailsPage .main-swiper .swiper-slide {

    position: relative;

}



.carDetailsPage .main-swiper img {

    width: 100%;

    height: 100%;

    object-fit: cover;


}



/* 360° View Button Overlay */

.carDetailsPage .image-overlay {

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 10;

}



.carDetailsPage .view-360-btn {

    background: rgba(0, 0, 0, 0.7);

    color: white;

    border: none;

    padding: 12px 20px;

    border-radius: 25px;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    gap: 8px;

    backdrop-filter: blur(10px);

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

}



.carDetailsPage .view-360-btn:hover {

    background: rgba(0, 0, 0, 0.9);

    transform: translateX(-50%) translateY(-2px);

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);

}



.carDetailsPage .view-360-btn .icon-360 {

    width: 20px;

    height: 20px;

    background: white;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    color: #333;

    font-weight: bold;

}



/* Swiper Navigation Buttons */

.carDetailsPage .swiper-button-next,

.carDetailsPage .swiper-button-prev {

    color: #000;

    background: #fff;

    width: 40px;

    height: 40px;

    border-radius: 0;

    transition: background 0.3s ease;

}



.carDetailsPage .swiper-button-next:hover,

.carDetailsPage .swiper-button-prev:hover {

    color: #000;

    background: #fff;

}



.carDetailsPage .swiper-button-prev {

    left: 0;

}



.carDetailsPage .swiper-button-next {

    right: 0;

}



.carDetailsPage .swiper-button-next.swiper-button-disabled,

.carDetailsPage .swiper-button-prev.swiper-button-disabled {

    opacity: 0.65;

}



.carDetailsPage .swiper-button-next:after,

.carDetailsPage .swiper-button-prev:after {

    font-size: 16px;

}



/* Thumbnail Gallery */

.carDetailsPage .thumbnail-gallery {

    width: 100%;

    position: relative;

}



.carDetailsPage .thumbnail-swiper {

    width: 100%;

    height: 80px;

    position: relative;

}



.carDetailsPage .thumbnail-slide {

    position: relative;

    cursor: pointer;

    border-radius: 0;

    overflow: hidden;

    transition: transform 0.3s ease, opacity 0.3s ease;

}



.carDetailsPage .thumbnail-slide.active {

    border: 2px solid #104913;



}



.carDetailsPage .thumbnail-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    filter: brightness(0.7);

}



.carDetailsPage .thumbnail-slide.active img {

    filter: brightness(1);

}



/* Thumbnail Swiper Navigation Buttons */

.carDetailsPage .thumbnail-next,

.carDetailsPage .thumbnail-prev {

    color: #000;

    background: #fff;

    width: 30px;

    height: 30px;

    border-radius: 0;

    transition: background 0.3s ease;

    top: 46px;

    z-index: 10;

}





.carDetailsPage .thumbnail-next:hover,

.carDetailsPage .thumbnail-prev:hover {

    background: #fff;

    color: #000;

}



.carDetailsPage .thumbnail-next {

    right: 0px;

}



.carDetailsPage .thumbnail-prev {

    left: 0px;

}



.carDetailsPage .thumbnail-next:after,

.carDetailsPage .thumbnail-prev:after {

    font-size: 12px;

    font-weight: bold;

}

.cars_page_agent_form .wpcf7 .wpcf7-submit-style .wpcf7-submit {

    border-radius: 4px;

    font-size: 16px;

    padding: 8px 20px !important;
    border-color: transparent !important;
    height: 40px;

}



.cars_page_agent_form .wpcf7 .wpcf7-submit-style .submit-style-in:before {

    display: none;

}



.cars_page_agent_form .wpcf7 .wpcf7-submit-style {



    border-radius: 4px;

}



.cars_page_agent_form span.wpcf7-spinner {

    display: none !important;

}



.cars_page_agent_form .wpcf7 .wpcf7-submit-style .submit-style-in {

    border-radius: 4px;

    display: inline-block;

}

.cars_page_agent_form .wpcf7 .wpcf7-submit-style .submit-style-in:hover {
    background-color: #17691b !important;
    border-color: #17691b !important;
}

.btn-action {

    margin-top: 10px;

}

.cars_page_agent_form input.wpcf7-form-control,
.cars_page_agent_form div.wpcf7 .form-style-8 textarea {
    border: 1px solid #dadbdd !important;
    box-shadow: none !important;
    padding: 10px 15px !important;
    border-radius: 3px;
    height: 45px;
}

.cars_page_agent_form input.wpcf7-form-control::placeholder {
    color: #606266;
}


.cars_page_agent_form div.wpcf7 .form-style-8 .style-line .line {
    display: none;
}

.cars_page_agent_form input.wpcf7-form-control:focus {
    background-color: #fff;
    border-color: #1a7efb !important;
}

.cars_page_agent_form div.wpcf7 .form-style-8 span.wpcf7-not-valid-tip {
    bottom: -5px;
}

.cars_page_agent_form div.wpcf7 .form-style-8 .columns_wrap>[class*="column-"] {
    margin-bottom: 5px;
}

.page_content_wrap {
    margin-bottom: 30px;
}


/* Responsive Design */
@media (max-width: 1279px) {
    .cars_page_agent_form {
        margin-top: 0;
    }

}

@media (max-width: 1199px) {

    .carDetailsPage_bottom {

        align-items: stretch;

    }



    .carDetailsPage_bottom_left {

        width: 65%;

        display: flex;

        flex-direction: column;

    }



    .carDetailsPage_bottom_right {

        width: 35%;

        display: flex;

        flex-direction: column;

    }



    .carDetailsPage {

        max-width: 100%;

        margin: 25px auto;

    }



}





@media (max-width: 991px) {

    .carDetailsPage .details-column {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .carDetailsPage .for-sale-badge {

        font-size: 10px;

        padding: 5px 10px;

    }



    .carDetailsPage {

        margin: 20px auto;

    }



    .carDetailsPage_top {

        flex-direction: column;

        gap: 24px;

        margin-bottom: 15px;

    }



    .carDetailsPage .car-description {

        margin-bottom: 0;

    }



    .carDetailsPage .specs-features-section {

        margin-bottom: 0;

    }



    .carDetailsPage_bottom {

        flex-direction: column;

        align-items: stretch;

    }



    .carDetailsPage_left,

    .carDetailsPage_right {

        width: 100%;

    }



    .carDetailsPage_bottom_left,

    .carDetailsPage_bottom_right {

        width: 100%;

        display: flex;

        flex-direction: column;

    }



    .carDetailsPage .main-swiper {

        height: 320px;

    }



    .carDetailsPage .thumbnail-swiper {

        height: 70px;

    }



    .carDetailsPage .car-title {

        font-size: 30px;



    }



    .carDetailsPage .car-specs {

        font-size: 15px;

        margin-bottom: 8px;

    }



    .carDetailsPage .car-price {

        font-size: 30px;

        margin-bottom: 15px;

    }

    .carDetailsPage .car-price,
    .carDetailsPage .car-price span {
        font-size: 30px;
    }



    .carDetailsPage .car-header {

        margin-bottom: 5px;

    }



    .carDetailsPage .car-description p {

        font-size: 15px;

        line-height: 1.6;

    }



    .carDetailsPage .specs-features-section,
    .carDetailsPage_top {

        padding: 24px;

    }



    .carDetailsPage .section-title {

        font-size: 22px;

        margin-bottom: 20px;

    }



    .carDetailsPage .tab-btn {

        padding: 14px 18px;

        font-size: 15px;

    }



    .carDetailsPage .details-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }



    .carDetailsPage .features-grid {

        grid-template-columns: 1fr 1fr;

        gap: 16px;

    }



    .carDetailsPage .owner-section {

        padding: 24px;



    }



    .carDetailsPage .owner-title {

        font-size: 22px;

        margin-bottom: 18px;

    }

    .carDetailsPage .owner-title,
    .carDetailsPage .cars_page_agent_form .cars_page_agent_form_title {
        font-size: 22px;

        margin-bottom: 18px;
    }

    .carDetailsPage .owner-name h3 {

        font-size: 18px;

    }



    .carDetailsPage .contact-item {

        font-size: 15px;

    }



    .carDetailsPage .contact-section {

        padding: 24px;

    }



    .carDetailsPage .contact-title {

        font-size: 22px;

        margin-bottom: 20px;

    }



    .carDetailsPage .form-group input,

    .carDetailsPage .form-group textarea {

        font-size: 15px;

        padding: 12px 0;

    }



    .carDetailsPage .submit-btn {

        padding: 14px 24px;

        font-size: 15px;

    }



    .carDetailsPage .thumbnail-next,

    .carDetailsPage .thumbnail-prev {

        top: 41px;

    }

    .carDetailsPage_top {
        padding: 20px;
    }

}



@media (max-width: 575px) {
    .carDetailsPage .owner-name p {
        font-size: 12px;
    }

    .carDetailsPage {
        margin: 16px auto;

    }



    .carDetailsPage_top {

        gap: 20px;

        margin-bottom: 28px;

    }



    .carDetailsPage_bottom {

        gap: 20px;

    }



    .carDetailsPage .main-swiper {

        height: 280px;

    }







    .carDetailsPage .car-title {

        font-size: 26px;



    }



    .carDetailsPage .car-specs {

        font-size: 14px;



    }



    .carDetailsPage .car-price {

        font-size: 26px;

        margin-bottom: 20px;

    }

    .carDetailsPage .car-price,
    .carDetailsPage .car-price span {
        font-size: 26px;
    }

    .carDetailsPage .car-description p {

        font-size: 14px;

        line-height: 1.5;

    }



    .carDetailsPage .specs-features-section {

        padding: 20px;

    }



    .carDetailsPage .section-title {

        font-size: 20px;

        margin-bottom: 18px;

    }



    .carDetailsPage .tab-btn {

        padding: 12px 16px;

        font-size: 14px;

    }



    .carDetailsPage .details-grid {

        gap: 16px;

    }



    .carDetailsPage .features-grid {

        grid-template-columns: 1fr;

        gap: 12px;

    }



    .carDetailsPage .owner-section {

        padding: 20px;



    }



    .carDetailsPage .owner-title {

        font-size: 20px;

        margin-bottom: 16px;

    }

    .carDetailsPage .owner-title,
    .carDetailsPage .cars_page_agent_form .cars_page_agent_form_title {
        font-size: 20px;

        margin-bottom: 16px;
    }

    .carDetailsPage .owner-name h3 {

        font-size: 16px;

    }



    .carDetailsPage .contact-item {

        font-size: 14px;

    }



    .carDetailsPage .contact-section {

        padding: 20px;

    }



    .carDetailsPage .contact-title {

        font-size: 20px;

        margin-bottom: 18px;

    }



    .carDetailsPage .form-group input,

    .carDetailsPage .form-group textarea {

        font-size: 14px;

        padding: 10px 0;

    }



    .carDetailsPage .submit-btn {

        padding: 12px 20px;

        font-size: 14px;

    }



    .carDetailsPage .swiper-button-next,

    .carDetailsPage .swiper-button-prev {

        width: 30px;

        height: 30px;

    }



    .carDetailsPage .swiper-button-next:after,

    .carDetailsPage .swiper-button-prev:after {

        font-size: 14px;

    }



    .carDetailsPage .features-section {

        padding: 15px;

    }



    .carDetailsPage .thumbnail-next,

    .carDetailsPage .thumbnail-prev {

        width: 25px;

        height: 25px;

    }



    .carDetailsPage .thumbnail-next:after,

    .carDetailsPage .thumbnail-prev:after {

        font-size: 12px;

    }

    .page_content_wrap {
        margin-bottom: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}



/* Extra small devices (375px and below) */

@media (max-width: 480px) {

    .carDetailsPage {
        margin: 14px auto 0;

    }



    .carDetailsPage_top {

        gap: 18px;

        margin-bottom: 24px;

    }

    .carDetailsPage_top {
        padding: 18px;
    }

    .carDetailsPage_bottom {

        gap: 18px;

    }



    .carDetailsPage .main-swiper {

        height: 240px;

    }





    .carDetailsPage .car-price {

        font-size: 24px;

        margin-bottom: 5px;

    }


    .carDetailsPage .car-price,
    .carDetailsPage .car-price span {
        font-size: 24px;
    }


    .carDetailsPage .specs-features-section {

        padding: 18px;

    }



    .carDetailsPage .section-title {

        font-size: 18px;

        margin-bottom: 16px;

    }



    .carDetailsPage .tab-btn {

        padding: 10px 14px;

        font-size: 14px;

    }



    .carDetailsPage .details-grid {

        gap: 14px;

    }





    .carDetailsPage .detail-value {

        font-size: 14px;

    }



    .carDetailsPage .features-grid {

        gap: 10px;

    }



    .carDetailsPage .feature-item {

        font-size: 13px;

        gap: 8px;

    }



    .carDetailsPage .feature-item i {

        font-size: 14px;

    }



    .carDetailsPage .owner-section {

        padding: 18px;



    }


    .carDetailsPage .owner-name h3 {

        font-size: 15px;

    }



    .carDetailsPage .contact-item {

        font-size: 13px;

    }



    .carDetailsPage .contact-section {

        padding: 18px;

    }



    .carDetailsPage .contact-title {

        font-size: 18px;

        margin-bottom: 16px;

    }



    .carDetailsPage .form-group input,

    .carDetailsPage .form-group textarea {



        padding: 8px 0;

    }



    .carDetailsPage .form-group textarea {

        height: 100px;



    }



    .carDetailsPage .form-group input::placeholder,

    .carDetailsPage .form-group textarea::placeholder {

        font-size: 13px;

    }



    .carDetailsPage .submit-btn {

        padding: 10px 18px;

        font-size: 13px;

    }





}