body {
    overflow-x: hidden !important;
}

.main-header {
    background-color: black;
}

.top-bar {
    background-color: #181616;
}

.main-header .main-menu .navigation > li > a {
    color: white;
}
.main-menu ul.navigation > li.dropdown2 > a::after {
    color: white;
}

.icon-topbar li a > i:hover {
    color: #d01818;
}
.widget-search-car {
    margin-top: -250px;
}

.swiper-offer .swiper-slide img {
    border-radius: 20px;
}

.car-list-item {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tf-car-service .content {
    padding: 20px;
}

.tf-car-service .content .description ul {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
}

.tf-car-service .content .description ul li.listing-information i {
    margin-right: 3px;
}

.tf-car-service .content .description ul li.listing-information {
    all: unset;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 5px;
}

.year {
    background-color: #d01818;
    border-radius: 5px;
    flex-grow: 1;
    margin-right: 10px;
    padding: 6px 14px 5px;
}

.year:hover {
    color: white;
}

.hover-listing-image {
    min-height: 250px;
}

.tf-car-service .image .stm-badge-top .feature {
    display: block;
}

.tf-car-service .image .stm-badge-top .feature span {
    background: #e2b907;
    font-size: 0.8rem;
    padding: 5px 10px;
    font-weight: bold;
}

.tf-car-service .image .stm-badge-top .feature .featured-label {
    margin-bottom: 10px;
    background-color: #2068d4;
}
.tf-car-service .image .stm-badge-top {
    top: 5px;
    left: 5px;
}

#header3 {
    position: unset;
}

.tf-page-title .page-title {
    padding: 80px 0;
}

.format-standard .feature-post {
    margin-bottom: 10px;
}

.format-standard .feature-post img {
    height: 250px;
    object-fit: cover;
}

.widget-car-listing-list--updated {
    padding: 0;
}

.inventory-heaader {
    background: #0d1637;
    color: white;
    padding: 10px;
    border-radius: 7px;
}

select {
    font-size: 13px;
    padding: 5px;
}

input[type="text"]::placeholder {
    font-size: 13px;
}

input[type="text"] {
    padding: 1px 10px;
}

.clear-filter {
    display: flex;
    justify-content: space-between;
}

.clear-filter a {
    display: inline-block;
    padding: 5px 10px;
    background-color: black;
    color: white !important;
    font-size: 14px;
    border-radius: 4px;
}

.listing-list-car-wrap
    .toolbar-search-list
    .group-select-recently
    .nice-select {
    min-width: auto;
    padding: 5px 30px 5px 10px;
    border: 1px solid #cacaca !important;
    border-radius: 4px;
}

.nice-select .list {
    min-width: 200px;
    right: 0;
    left: unset;
}

.nice-select.open .list {
    z-index: 9999;
}

.nice-select .option {
    color: black;
}

.listing-list-car-wrap
    .toolbar-search-list
    .group-select-recently
    .nice-select:after {
    right: 12px;
}
.search-input {
    padding: 5px 10px;
    background-color: #eee;
}

.search-filter-listing-car {
    padding: 20px 14px 10px 14px;
}

.meta i {
    color: #d01818;
    margin-right: 10px;
}
.side-blog .inner-side-bar .widget {
    padding: 20px 10px;
}

.widget-title {
    margin-bottom: 10px;
}

.widget-categories ul li:not(:last-child) {
    margin-bottom: 0;
}

.widget-categories ul li a {
    background-color: transparent;
    padding: 8px 17px;
    border-bottom: 1px solid #cfcfcf;
}

.form-group--home-search {
    display: flex;
}

.form-group--home-search .nice-input {
    height: 52px;
    padding: 13px 40px 13px 25px;
}

.form-group--home-search .nice-input:first-child {
    margin-right: 10px;
}

.button-search-listing {
    height: 52px;
}

.feature-car .feature-car-content {
    padding: 5em 2em;
    background-color: transparent;
}

.feature-car .feature-car-content .heading-section .title {
    color: #d01818;
}

.feature-car .feature-car-content .heading-section p {
    color: white;
}

.widget-our-ealers-h5 {
    padding: 0;
}

.widget-our-ealers-h5--padding {
    padding: 50px 0 100px;
}

.widget-new-cars {
    padding-bottom: 0;
}

.widget-icon-box {
    padding-top: 260px;
}

/* .themesflat-container{
    position: unset;
} */

.mg-take {
    margin-top: 50px;
    margin-bottom: 50px;
}

.why-choose-us-sub-title {
    padding: 1rem;
    background-color: #d01818;
    border-radius: 10px;
    text-align: center;
    color: white;
    width: 100%;
    margin-bottom: 25px;
    font-size: 2rem;
}

.why-choose-us-sub-title span {
    color: yellow;
}

.icon-box--change {
    text-align: left;
    padding: 10px;
    padding-left: 40px;
    height: 100%;
    position: relative;
}

.icon-box--change::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    background-color: #d01818;
    height: 100%;
}

.counter-wrap--change {
    background-color: black;
}

.counter-wrap--change .counter-v1 {
    border: 1px solid #eeeeee94;
    border-radius: 15px;
}

.counter-wrap--change .counter-v1 h3,
.counter-wrap--change .counter-v1 p {
    color: white;
}

.btn-icon-list {
    background-color: #d01818;
}

.tf-car-service-v2 .content {
    background-color: black;
}

.btn-main--change {
    display: flex;
    justify-content: center;
}

.input-contact-us input[type="text"] {
    padding: 15px 25px;
}

.input-contact-us input[type="text"]::placeholder {
    font-size: inherit;
}
.widget-contact-us .contact-us .contact-us-box {
    padding: 30px;
    height: 100%;
}

.widget-contact-us .contact-us .contact-us-box .des {
    font-size: 17px;
}

.contact-us-box .des span {
    font-size: 13px;
}

.sales-team {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.widget-counter-car.widget-counter-car--about {
    background-image: unset;
    padding-top: 0;
}

.main-header .main-menu .navigation > li > a {
    font-size: 15px;
}

.main-header .main-menu .navigation > li {
    margin-right: 30px;
}

.team {
    padding: 3rem;
    box-sizing: border-box;
    height: 600px;
    background-image: url("../images/page/bg8.avif");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    margin-top: 100px;
    position: relative;
}

.team img {
    position: absolute;
    width: 80%;
    top: -100px;
    left: 50%;
    transform: translateX(-51%);
    border-radius: 20px;
}

.social-team .fa {
    font-size: 1.2rem;
}

.footer-main .widget-info ul li p {
    text-transform: lowercase;
}

.footer-award {
    text-align: center;
    color: white;
    font-size: 1.2rem;
}

.awards-footer {
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    margin: 0 auto;
}

.awards-footer img {
    width: calc(100% / 5);
}

.form-buy-car input[type="text"]::placeholder {
    font-size: 16px;
}

.inner--special-offer {
    text-align: right;
}

.wrap-property-car .box-1 .icon-box-info .info:not(:last-child) {
    margin-right: 0;
}

.car-banner-style2 .group-content .sub-heading--modify::after {
    width: 50%;
}

.car-banner-style2 {
    padding: 0;
    display: flex;
}

.tf-car-banner .group-image,
.car-banner-style2 .group-image .car {
    position: unset;
}

.car-banner-style2 .group-content {
    padding: 30px 0 30px 30px;
}

.widget-new-cars--special-offer {
    padding: 75px 0 150px 0;
}

.explore-car--payment-option {
    grid-template-columns: repeat(6, 1fr);
}

.tf-slider-v3 {
    background-image: url(./../images/page/bg6.webp);
}

.take-appointement {
    background-image: url(../images/page/bg3.avif);
}

.widget-counter-car {
    background-image: url(../images/page/bg2.avif);
}

.widget-form-buy-car {
    background-image: url(../images/page/bg5.avif);
}

.widget-best-selling-car {
    background-image: url(../images/page/bg7.avif);
}

.widget-tf-video .tf-video {
    background-image: url(../images/page/video2.avif);
}

.tf-page-title .page-title {
    background-image: url(./../images/page/page-title.avif);
}

.widget-car-service--change {
    position: relative;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
}

.page-link {
    height: 100%;
    color: #d01818;
}

.page-item.active .page-link {
    background-color: #d01818;
    border-color: #d01818;
}

.price {
    font-size: 20px !important;
    font-weight: 700 !important;
}

.price--change {
    font-size: 14px !important;
    color: #181616 !important;
    text-decoration: line-through;
}

.price-offer {
    flex-grow: 2;
    margin-right: 0;
}

.price-offer .h5 {
    font-size: 1rem;
    font-weight: bold;
    margin-right: 0;
}

.regular-price {
    background: transparent;
    color: black;
    text-decoration: line-through;
    padding: 0;
    flex-grow: unset;
}

.regular-price:hover {
    color: black;
    text-decoration: line-through;
}

.regular-price .h5 {
    font-size: 0.9rem;
}

.monthly {
    color: #181616;
    font-weight: 900;
}

ul.social-icon li a i:hover {
    background-color: transparent;
}

.driver-price-wrap {
    padding: 0;
}

.inventory-icon {
    padding: 1px 10px;
    background-color: rgb(231, 231, 231);
    border-radius: 4px;
}

.inventory-icon .social-icon li a i {
    color: black;
}

.related_car_list {
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
}

.nice-select.opacity-50 {
    opacity: 0.5;
}

.feature-car--about {
    display: block;
    background-image: url(../images/page/about-banner.webp);
    background-size: cover;
    background-position: center;
}

.themesflat-container--about {
    width: 100%;
    padding: 0;
}

.themesflat-container--about .counter-car {
    background-color: black;
}

.counter-wrap--about {
    grid-template-columns: repeat(3, 1fr);
    box-shadow: none;
    background: transparent;
    transform: none;
}

.counter-wrap--about .widget-counter {
    border: 1px solid #eeeeee94;
    border-radius: 15px;
}
.counter-wrap--about .widget-counter h3,
.counter-wrap--about .widget-counter p {
    color: white;
}

.listing-fields-grid--sell-page {
    grid-template-columns: 1fr 1fr 1fr;
}

.car-image-upload {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.car-gallery .filepond--item {
    width: calc(25% - 0.5em);
}

.post-property .wrap-car-feature .tf-listing-info #tf-features {
    display: block;
}

.features-item--special {
    display: flex;
    flex-wrap: wrap;
}

.features-item--special .listing-feature-wrap {
    margin-right: 20px;
    margin-bottom: 10px;
}

.features-item--special .listing-feature-wrap i {
    margin-right: 10px;
    color: #d01818;
    vertical-align: middle;
}

.accordion-collapse {
    padding: 10px;
}

.widget-category-car--gallery {
    background-color: transparent;
    padding-top: 0;
}

.form-buy-car-form .form-buy-car .input-buy-car:not(:last-child) {
    margin-bottom: 0;
}

.form-buy-car-form .form-buy-car .input-buy-car:not(:first-child) {
    margin-top: 20px;
}

.service-action {
    margin-top: 20px;
    padding: 10px;
    background: #d01818;
    color: white;
    border-radius: 5px;
    display: inline-block;
}

.search-filter-listing-car .list-filter {
    display: block;
    position: unset;
}

[x-cloak] {
    display: none !important;
}

/* .skiptranslate.goog-te-gadget span{
    display: none !important;
} */

.goog-te-combo {
    display: none !important;
}

#google_translate_element {
    display: none !important;
}

div#google_translate_element select.goog-te-combo {
    display: none !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.button-go.show {
    bottom: 120px;
}

.explore-car .explore-car-item {
    position: relative;
}

.comming-soon-tag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #d01818;
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 0 0 5px 0;
}

.button-go::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("/web_assets/images/car.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px; /* spacing from button text */
}

.button-go::before {
    background-color: transparent;
}

.button-go {
    width: 60px;
    height: 100px;
}
@media (max-width: 1024px) {
    .best-selling .item .images {
        height: 200px;
        bottom: -70px;
    }

    .best-selling .item .name {
        bottom: -130px;
    }
    .best-selling .item {
        height: 428px;
    }

    .team {
        height: auto !important;
        margin-top: 0;
        padding: 50px;
    }

    .team img {
        position: unset;
        transform: unset;
        width: 100%;
    }
}

.hide-desktop{
    display: none;
}

@media (max-width: 820px) {
    .car-list-item {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .explore-car--payment-option {
        grid-template-columns: repeat(3, 1fr);
    }

    .counter-wrap--about {
        grid-template-columns: repeat(2, 1fr);
    }

    .hide-mobile {
        display: none;
    }

    .hide-desktop{
    display: block;
}

}

@media (max-width: 700px) {
    .car-list-item {
        grid-template-columns: 1fr 1fr;
    }
    .explore-car--payment-option {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .car-list-item {
        grid-template-columns: 1fr;
    }
    .explore-car--payment-option {
        grid-template-columns: 1fr;
    }

    .counter-wrap--about {
        grid-template-columns: 1fr;
    }
    .car-banner-style2 {
        display: block;
    }

    .clear-filter {
        flex-direction: column-reverse;
    }
}

@media (min-width: 1450px) {
    .best-selling .item .images img {
        width: 90%;
        margin: 0 auto;
    }
}