#body-types-section .body-type-img {
    height: 101px; 
}

#manufacturers-section .cat-wrap .thumb:after{
    border: none;
}
#manufacturers-section .cat-wrap .thumb {
    background: none;
}
#manufacturers-section .cat-wrap .cat-content{
    margin-top: 0px;;
}
#manufacturers-section .cat-wrap .thumb:hover {
    background:#ffc000;
}

#manufacturers-section h4 {
    font-size: 17px;
}


        .car-listing {
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        .brand-title-row {
            display: flex;
            align-items: flex-start; /* Align items from the top */
            margin-block: 1px;
            min-height: 80px; /* Match logo height */
            height: 80px; /* Fixed height to prevent stretching */
        }

        .brand-logo-container {
            padding: 5px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 120px; /* Fixed width */
            height: 80px; /* Fixed height */
            flex-shrink: 0; /* Prevent shrinking */
        }

        .brand-logo {
            width: 100px;
            height: 80px;
            object-fit: contain;
            max-width: 100%;
            max-height: 100%;
            flex-shrink: 0; /* Prevent logo from shrinking */
        }

        .car-title {
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2;
            padding: 5px 10px;
            color: white;
            background-color: #1a1b21;
            border-radius: 4px;
            min-height: 80px;
            display: flex;
            align-items: center;
            flex-grow: 1;
            /* margin-left: 10px; */
            height: auto; /* Allow title to adjust height */
        }

        .car-title a {
            color: white;
            font-weight: 300;
            font-size: 16px;
        }

        .car-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
            max-width: 100%;
        }

        .image-count {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 14px;
        }

        .star-icon:hover {
            background: white;
            color: var(--title-color);
        }

        .star-icon {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #1a1b21;
            border: 1px solid #ffc000;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: var(--title-color);
            cursor: pointer;
        }

        .car-price {
            font-size: 20px;
            font-weight: bold;
            color: white;
            background-color: #1a1b21;
            padding: 10px;
            text-align: center;
        }

        .car-details {
            padding: 10px 15px;
            background-color: #f8f9fa;
        }

        .car-details .row {
            margin: 0;
        }

        .car-details span {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 15px;
            color: #1a1b21;
        }

        .car-details a {
            color: #1a1b21;
            font-size: 14px;
        }

        .car-details a i {
            font-size: 18px;
        }

        .view-details-btn {
            width: 100%;
            border-radius: 0;
            text-transform: uppercase;
        }

        .view-details-btn:before {
            border-color: transparent #ffc000 transparent transparent !important;
        }

        .view-details-btn:after {
            border-color: transparent #ffc000 transparent transparent !important;
        }

        .view-details-btn:hover {
            background: #ffc000 !important;
            border-color: #ffc000 !important;
        }

        .view-details-btn i {
            font-size: 18px;
        }

        .car-widget-title {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 15px;
            border-bottom: 2px solid #ffc000;
        }

        .image-count-badge {
            position: absolute;
            top: 10px;
            left: 10px;
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 0px 7px;
            font-weight: 600;
            font-size: 16px;
            display: flex;
            align-items: center;
            gap: 6px;
            z-index: 1;
            user-select: none;
            pointer-events: none;
            border: 1px solid white;
        }

        .sidebar-area ul {
            list-style: none;
            padding-left: 0px;
        }

        .sidebar-area {
            background: #f7f7f7;
            padding: 10px;
        }

        .view-details-btn {}

.compare-container {
            padding: 20px;
            border-radius: 10px;
        }
        .spec-title {
            /* font-weight: bold; */
            color: white;
            padding: 25px 10px;
            text-align: left;
            border-bottom: 1px solid #444;
            background: #1B2024;
            height: 40px;
            display: flex;
            align-items: center;
            line-height: 20px;
        }
        .car-card {
            border: 1px solid #ddd;
            /* border-radius: 8px; */
            padding: 0;
            background-color: #f9f9f9;
            /* margin: 10px; */
            text-align: left;
        }
        .car-image {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
        .car-details {
            padding: 0px !important;
        }
        .car-details p {
    color: #444;
    padding: 25px 10px;
    text-align: left;
    align-items: center;
            margin-bottom: 0;
            /* padding: 10px 0; */
            border-bottom: 1px dashed #a7a7a7;
            height: 50px;
            display: flex;
            align-items: center;
            font-size: 14px;
            line-height: 20px;
        }
        .car-details p:last-child {
            border-bottom: none;
        }
        .btn-enquire {
            background-color: var(--theme-color);
            color: rgb(62 62 62) !important;
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 5px;
        }
        .btn-enquire:hover {
            background-color: #1B2024;
            color: white !important;                
        }
        .btn-check:focus+.btn, .btn:focus {
            outline: 0;
            box-shadow: none !important;
        }
        .btn-details, .btn-remove {
            background-color: #6c757d;
            color: white !important;
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 5px;
        }
        .btn-details {
            background: #3f4448;
        }
         .car-card .car-details p:nth-child(odd) {
    background-color: #F6F6F6; /* Bootstrap light gray */
  }

  .car-card .car-details p:nth-child(even) {
    background-color: #ffffff; /* White */
  }
        .btn-remove {
            background: var(--theme-color2);
        }
        .btn-details:hover, .btn-remove:hover {
            background-color: #1B2024;
            color: white !important;                
        }
        .row.align-items-stretch {
            display: flex;
            align-items: stretch;
        }
        .col-md-2, .col-md-3 {
            display: flex;
            flex-direction: column;
        }
        .btn i {
            margin-right: 5px;
        }
        .image-row {
            margin-bottom: 20px;
        }
        .image-placeholder {
            width: 100%;
            height: 200px;
            border-radius: 5px;
            background-color: transparent;
        }

        #left-title-column {
            /* background: #1B2024; */
            padding-right: 0px;
        }


/* 
        .custom-content h2 {
            font-size: 30px;
        } */
.breadcumb-title {
    font-size: 40px;
}



#compare-cars-cards {
     float: right;
    width: 83%;
    /* padding-right: 0px; */
}
#compare-cars-cards .col-md-2, .col-md-3 {
    float: left;
    padding-right: 10px;
}





#enquiryForm{
    text-align: left;
}
    .parsley-required {
            margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
    }
    .form-group {
        margin-bottom: 15px;
    }
    .parsley-errors-list {
        margin-bottom: 0px;
        text-align: left;
    }



    /* price slider */
    .price-range.ui-widget-content {
    border: none;
    background: #E8E8E8;
    height: 3px;
    border-radius: 3px;
    margin-left: 0px;
    margin-right: 10px;
}

.price-slider-widget {
    margin-bottom: 30px;
}

    .price-range .ui-state-default, .price-range .ui-widget-content .ui-state-default {
    top: -5px !important;
    width: 13px !important;
    height: 13px !important;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 0px;
    background: #1a1b21;
}
.price-range .ui-widget-header {
    background:#1a1b21;
    border-radius: 0 !important;
        left: 10.01%;
    width: 40.04%;
}
#price-amount {
    border: none;
}
.price-range .ui-state-default, .price-range .ui-widget-content .ui-state-default {
    top: -7px;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 0px;
    background: var(.text-button{margin:2px; height:24px; font-size:12px; font-family:var(--default-font-family); border:1px solid var(--sys-color-tonal-outline); border-radius:12px; padding:0 12px; font-weight:500; color:var(--sys-color-primary); background-color:var(--sys-color-cdt-base-container); flex:none; white-space:nowrap}.text-button: disabled{opacity:38%}.text-button:not(: disabled):focus, .text-button:not(:disabled):hover, .text-button:not(:disabled):active{background-color:var(--sys-color-state-hover-on-subtle)}.text-button:not(: disabled, .primary-button):focus-visible{outline:2px solid var(--sys-color-state-focus-ring); color:var(--sys-color-on-primary); background-color:var(--sys-color-cdt-base-container)}.text-button:not(: disabled, .running):focus, .text-button:not(:disabled, .running):hover, .text-button:not(:disabled, .running):active{color:var(--sys-color-primary)}.text-button.link-style, .text-button.link-style: hover, .text-button.link-style:active{background:none; border:none; outline:none; border-radius:2px; margin:0; padding:0!important; font:inherit; cursor:pointer; height:unset}.text-button.primary-button, .text-button.primary-button:not(: disabled):focus{background-color:var(--sys-color-primary); border:none; color:var(--sys-color-on-primary)}.text-button.primary-button:not(: disabled):active{background-color:color-mix(in srgb,var(--sys-color-primary),var(--sys-color-state-ripple-primary) 32%); color:var(--sys-color-on-primary)}.text-button.primary-button:not(: disabled):hover{background-color:color-mix(in srgb,var(--sys-color-primary),var(--sys-color-state-hover-on-prominent) 6%); color:var(--sys-color-on-primary)}.text-button.primary-button:not(: disabled):focus-visible{background-color:var(--sys-color-primary); outline-offset:2px; outline:2px solid var(--sys-color-state-focus-ring); color:var(--sys-color-on-primary)} @media (forced-colors: active){.text-button{background-color:ButtonFace; color:ButtonText; border-color:ButtonText}.text-button: disabled{forced-color-adjust:none; opacity:100%; background:ButtonFace; border-color:GrayText; color:GrayText}.text-button:not(: disabled):focus-visible{forced-color-adjust:none; background-color:ButtonFace; color:Highlight!important; border-color:Highlight; outline:2px solid ButtonText; box-shadow:var(--legacy-focus-ring-active-shadow)}.text-button:not(: disabled):hover, .text-button:not(:disabled):active{forced-color-adjust:none; background-color:Highlight; color:HighlightText!important; box-shadow:var(--sys-color-primary)}.text-button.primary-button{ forced-color-adjust:none; background-color:Highlight; color:HighlightText; border:1px solid Highlight}.text-button.primary-button:not(: disabled):focus-visible{background-color:Highlight; color:HighlightText!important; border-color:ButtonText}.text-button.primary-button:not(: disabled):hover, .text-button.primary-button:not(:disabled):active{background-color:HighlightText; color:Highlight!important; border-color:Highlight}} /*# sourceURL=devtools://devtools/bundled/ui/components/buttons/textButton.css */ .link-swatch-link{ display:inline}.link-swatch-link:not(.undefined){ cursor:pointer; text-underline-offset:2px; color:var(--text-link)}.link-swatch-link: hover:not(.undefined){text-decoration:underline}.link-swatch-link: focus:not(:focus-visible){outline:none}.link-swatch-link.undefined{ opacity:100%; color:var(--text-disabled)} /*# sourceURL=devtools://devtools/bundled/ui/legacy/components/inline_editor/linkSwatch.css */ --theme-color);
}













@media(max-width: 992px) {
    .footer-top .footer-logo2 img{
        width: 35% !important;
    }
}

@media(max-width: 767px) {
     #compare-cars-cards {
        width: 66%;
    }
    #compare-cars-cards .col-md-2, .col-md-3 {
        width: 48%;
        padding-right:1%;
    }
}
@media (max-width: 575px) {
   .breadcumb-title  {
        font-size: 30px;
    }
    .compare-container {
        padding: 0px;
    }

    #compare-cars-cards {
        width: 66%;
    }
    #compare-cars-cards .col-md-2, .col-md-3 {
 width: 100%;
    margin-bottom: 20px;
    }

    .footer-top .footer-logo2 img{
        width: 50% !important;
    }
}