@import "../../css2-1";
@import "../../css2-2";

.overlap-group {
    position: relative;
    width: 172px;
    height: 34px;
    background-color: #14191c;
    border-radius: 1000px;
}

.text-wrapper {
    position: absolute;
    top: 8px;
    left: 39px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.mask-group-wrapper {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 5px;
    left: 7px;
    background-color: #000000;
    border-radius: 12px;
    box-shadow: 0px 4px 4px #00000040;
    border: 1px solid #C60505;
}

.mask-group {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 6px;
    left: 5px;
}

#carup {
    background-color: #fff;
}

.bg.dark {
    background-color: #121212;
}

.banner-home .bannerTextDiv {
    height: 30%;
    top: 407px;
    background-image: linear-gradient(183deg, #00000000 0%, #000000 100%);
    background-color: revert;
}

.search-filter h2 {
    margin-top: 0px !important;
}

.group-3 {
    /* position: absolute; */
    width: 97px;
    height: 7px;
    /* display: none; */
    /* top: 765px;
    left: 289px; */
}

.arrow {
    position: absolute;
    /* width: 63px; */
    height: 25px;
    /* top: 0; */
    left: 170px;
}

.arrow-2 {
    position: absolute;
    /* width: 21px; */
    height: 25px;
    /* top: 0; */
    left: 214px;
}

.ellipse {
    position: absolute;
    width: 7px;
    height: 7px;
    top: 142px;
    left: 201px;
    background-color: #ffffff;
    border-radius: 3.43px;
}

.logo-light {
    position: relative;
    /* width: 150px; */
    height: 60px;
    object-fit: cover;
}

.group-4 {
    position: relative;
    width: 210px;
    height: 36px;
    display: flex;
    align-items: center;
    /* top: 56px;
    left: 214px; */
}

.instagram-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #14191c;
}

.text-wrapper-2 {
    margin-top: -1px;
    font-size: 16px;
    position: relative;
    width: fit-content;
    font-family: "Font Awesome 6 Brands-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.text-wrapper-2 img {
    height: 18px;
}

.facebook-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 42px;
    background-color: #14191c;
}

.youtube-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 86px;
    background-color: #14191c;
}

.twitter-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 132px;
    background-color: #14191c;
}

.linked-in-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 176px;
    background-color: #14191c;
}

.navbar-dark .navbar-nav .nav-item .nav-link {
    font-size: 16px;
}

.social .socialIcon {
    color: white;
    padding: 7px;
    font-size: 24px;
    background-color: #14191c;
    border-radius: revert;
    padding-left: revert;
    padding-right: revert;
    /* padding-top: 4px; */
    padding-bottom: revert;
    display: block;
    float: left;
    width: 36px;
    height: 35px;
    margin-right: 7px;
    margin-bottom: revert;
    text-align: center;
}

.top-bar {
    border-bottom: 1px solid #C60505;
}

.navbar {
    /* top: 76px; */
    /* background-image: linear-gradient(183deg, #000000 0%, #000000d9 100%); */
    /* background-color: revert; */
    /* background: linear-gradient(180deg, #000 24%, #695959 131%); */
    /* opacity: 0.8; */
}

.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #ffffff;
}

.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: #C60505;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    max-height: 400px;
    /* overflow-x: scroll; */
    overflow-y: scroll;
}

/* Customize the appearance of the scrollbar */
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar {
    width: 10px;
    /* Set the width of the scrollbar */
}

/* Track */
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Track background color */
}

/* Handle */
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {
    background: #C60505;
    /* Scrollbar handle color */
    border-radius: 5px;
    /* Rounded scrollbar handle */
}

/* Handle on hover */
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Scrollbar handle color on hover */
}



.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    border-bottom: 2px solid;
    color: #C60505;

}

.navbar-dark .dropdown-menu .dropdown-item:hover {
    background-color: #181818;
}

.footer .social a:hover {
    background-color: #C60505;
}

.social a:hover {
    background-color: #C60505;
}


.top-bar a {
    margin-left: 0px;
    /* line-height: 3.3rem; */
}

.top-bar .phone1 {
    height: 25px;
}

.line {
    /* position: absolute; */
    border-bottom: 1px solid #C60505;
}


.card {
    border-top: none;
    border-left: none;
    border-right: none;
}

.card .card-text-body {
    /* min-height: 75px; */
    /* min-height: 87px; */
    min-height: 98px;
}

.group-14 {
    display: flex;
    align-items: center;

}

.group-14 img {
    margin-right: 5px;
    height: 18px;
}

.home-search-filter {
    position: relative;
    background: black;
    padding: 50px 0px;
}

#ContentPlaceHolder1_btnsubscribe {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 15px;
}

.navbar-dark {
    padding-top: 14px;
    padding-bottom: 11px;
}

.footer p,
footer h3,
footer a,
footer a:visited {
    color: #ffffff;
}

.footer a:hover {
    color: #C60505;
}

.btn-maroon {
    background-color: #C60505;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    border: none;
    transition: all 300ms ease-in-out;
}

.search-filter .form-select {
    background-color: #181818;
    color: #ffffff;
    border: none;
}

.fieldDiv {
    display: flex;
    border: 1px solid #C6050554;
    background-color: #181818;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
}

/* .btnDiv {
    background-color: #C60505;
    border-radius: 4px;
} */

.viewAllBtn {
    border-radius: 4px;
}

.viewAllBtn a {
    color: #fff;
}

/* .btnDiv:hover {
    background-color: #121010;
    border-color: #121010;
} */

.vehicles-section {
    background-color: #000;
    color: #fff !important;
}

.car-inventory-parent>a {
    color: unset;
}


.figure-caption {
    display: flex;
    justify-content: center;
    font-size: 20px !important;
    padding: 30px !important;
}

.figure-caption a {
    display: flex;
    color: #ffffff;
    font-size: 24px;
    /* align-items:center; */
}

.figure-caption a>i {
    display: flex;
    align-items: center;
}

.section-welcome {
    background-color: #000000;
    padding-top: 50px;
}

.section-welcome .welcome-wrap {
    padding-left: 0px;
}

.section-welcome h4 {
    font-size: 19px;
}

.welcomeDiv {
    color: #ffffff;
}

.moreAboutBtn {
    border-radius: 4px;
}

.section-welcome .welcome-wrap h2 {
    font-family: sans-serif;
}

.inventoryBannerText {
    display: block;
    text-align-last: center;
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.inventoryBannerText p b {
    font-size: 20px;
    font-weight: 600;
    color: #C60505;
}

.inventoryBannerText p {
    font-size: 40px;
    font-weight: 300;
}


/* .slick-track {
    display: flex;
} */

.card {
    /* width: 32% !important; */
    /* width: auto !important; */
}

.socialIconHeader {
    display: flex;
}

.post-list-img {
    height: 240px;
    width: revert;
}

.blogs {
    width: 30%;
    margin-left: 25px;
}

/* .input-group .form-control, .input-group-addon, .input-group-btn {
    background-color: #eaf7f7;
} */

.btn-secondary {
    background-color: #C60505;
    color: #fff;
    font-weight: 600;
}

.searchBTn {
    background-color: #202020;
    color: #ffffff;
}

.hoverBtnShow,
.detailbtnHover {
    display: none;
}

.vehicle-card:hover .card-body {
    background-color: #202020 !important;
}

.vehicle-card:hover .card-body {
    background-color: #202020 !important;
}

.vehicle-card:hover .card-body .card-text-body h5 {
    color: #ffffff;
    /* padding-top: 25px; */
}

/* .vehicle-card .card-body .card-text-body .group-13:hover {
    display: none;
} */

.vehicle-card:hover .card-body .group-14 {
    display: none;
}

/* .vehicle-card:hover img {
    opacity: 0.8;
} */

/* .vehicle-card:hover{
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
} */

.vehicle-card:hover .card-body .hoverBtnShow {
    display: block;
    margin-top: -16px;
    margin-bottom: -2px;
}

.dlab-bnr-inr::before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 100%));
    border-radius: 0%;
    top: 0%;
    content: "";
    height: 100%;
    left: 0%;
    /* mix-blend-mode: multiply; */
    opacity: .5;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.showIconWithSelect {
    font-size: calc(1.4rem);
    height: 40px;
    padding-left: 1rem;
    border-radius: 0;
    background-image: url(../images/select-arrow.svg);
    font-family: "Open Sans";
    line-height: normal;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

.vehicle-card:hover .card-body .detailbtnHover {
    display: block;
    /* margin-top: -16px; */
    margin-bottom: -2px;
}

.vehicle-card.card .card-body h5 {
    /* min-height: 36px; */
    min-height: 50px;
    margin-top: -10px;
    /* margin-bottom: 21px; */
}

.featuredDetailCardStockDetail h5 {
    min-height: 68px !important;
}

.vehicle-card:hover .featuredDetailCardStockDetail h5 {
    min-height: 52px !important;
}

.stockDetailTextDiv {
    margin-top: 41px;
}


.sold-card.card .card-body h5 {
    /* min-height: 36px; */
    min-height: 50px;
    margin-top: -10px;
    margin-bottom: 21px;
}


.featured-vehicles {
    background-color: #000;
    color: #fff !important;
    padding: 100px 0 50px 0;
}

.search-filter .btn-primary {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 0px;
}

.vehicles-section .figure .figure-caption {
    background-image: linear-gradient(183deg, #00000000 0%, #000000 100%);
    background-color: revert;
}

.logoImg {
    width: 140px;
}

.featuredHeading {
    font-size: 3.2rem;
}

.welcomeHeading {
    font-size: 4rem;
    font-weight: 100;
    line-height: 4.1rem !important;
}

.car-features h5 {
    margin: 0px;
    align-self: center;
}

.findVehicleFormDiv {
    justify-content: center;
}

/* .car-features i {
    font-size: 25px;
} */

/* .section-full:last-child {
    margin-bottom: -90px;
} */

.used-car-dl-info li .viewAllBrand {
    background-color: #95949482;
}

.used-car-dl-info li a:hover {
    background-color: #C60505;
    color: #ffffff;
}

.featuredDetailCard {
    min-height: 95px !important;
}

.featuredDetailCardStockDetail {
    min-height: 104px !important;
}


.viewInventoryBtn:hover {
    color: #C60505;
}

.cardNameText:hover {
    color: #C60505;
}




/* .img-gradient{
    position:relative;
    display:inline-block;
} */

.vehicle-card:hover .img-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, #00000096 0%, #00000094 0%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00000094), color-stop(0%, #00000096));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00000096 0%, #00000094 0%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00000096 0%, #00000094 0%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00000096 0%, #00000094 0%);
    /* IE10+ */
    background: linear-gradient(183deg, #0000005e 0%, #0000005c 0%);
}

.featured-vehicles .featured-slide .card .card-body {
    position: relative;
    z-index: 1;
}

.featured-vehicles .featured-slide .slick-next {
    margin-top: -52px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #C60505;
    border-color: #C60505;
}

.newArrival {
    position: absolute;
    z-index: 1;
    right: 0;
    margin: 14px;
}

.newArrivalTag {
    font-weight: 600;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
}

/* .img-gradient img{
    display:block;
} */

.cardRowDiv {
    /* margin: 0px 0px; */
}

.featured-vehicles .featured-slide .card .card-body h5 {
    color: #fff;
}

/* .sold-label-frontend {
    background-color: #C60505;
    width: 19%;
    padding-top: 5px;
    padding-bottom: 5px !important;
}

.sold-label-frontend:hover {
   color: #ffffff;
} */


/* .vehicle-card:hover .soldDiv {
    display: none;
} */
.soldDiv {
    display: flex;
    justify-content: center;
    margin-top: -30px;
    margin-bottom: 20px;
}

::selection {
    background: #C60505;

}

.formInputField {
    background-color: #14191C !important;
    padding: 14px;
    height: auto !important;
    font-size: 16px !important;
    color: #fff !important;
    border-radius: 0px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
}

.searchInputField {
    background-color: #f5f8f9 !important;
}

.contact-style-1 .form-control {
    padding-right: 14px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    background-color: #14191C;
}

input[type="text"]:focus {
    border: 2px solid #C60505;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
    border: 2px solid #C60505;
    background-color: #fff;
}

input[type="radio"]:checked+label:before,
input[type="checkbox"]+label:hover:before,
input[type="radio"]+label:hover:before {
    border: 2px solid #C60505;
    background-color: #C60505;
}

.sell {
    margin-bottom: 25px
}

.car-valuation h2 {
    margin-bottom: 35px;
}

.bg-white-important {
    background-color: #fff;
}

.owl-next,
.owl-prev {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

.owl-next:active,
.owl-next:focus,
.owl-next:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-prev:hover {
    border: 2px solid #C60505;
    background-color: #C60505;
    color: #fff;
}

.post_body p span {
    font-size: 16px !important;
}

.previousNext {
    color: #000000;
}

.previousNext:hover {
    color: #C60505;
}

.stockDetailCarFeatures {
    border: none;
    outline: none;
    width: 100%;
    height: 30px;
    min-height: 40px;
    border-bottom: 1px solid;
}

.corValuesList {
    font-size: 15px;
    padding: 16px;
    /* list-style-type: "->" */

}

.corValuesList li {
    padding: 5px;
    font-weight: 600;
}

.corValuesList li::marker {
    color: #C60505;
}

.aboutUsPageContent {
    padding-bottom: 0px;
}

.modal-header {
    background-color: #C60505;
}

.site-button:active,
.current2,
.page_numeric2:hover {
    background-color: #C60505;
    border: 1px solid #C60505;
    /* border: #C60505; */
}

.imageHeaderMobile {
    display: none;
}

.sellYourCarCall {
    margin-top: 5px;
}

.numberNumberClick:hover .overlap-group .text-wrapper {
    color: #C60505;
}

.visitLocationClick:hover .overlap-group_address .text-wrapper {
    color: #C60505;
}

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

.previousNotData {
    color: gray;
}

.nextNotData {
    color: gray;
}

.previousNotData:hover {
    color: gray;
}

.nextNotData:hover {
    color: gray;
}

.overlap-group_address {
    position: relative;
    width: 105px;
    height: 34px;
    background-color: #14191c;
    border-radius: 1000px;
    margin-right: 10px;
}

.numberMainDiv {
    display: flex;
    justify-content: end;
}


.firstHeaderIconDiv {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#brandId::-webkit-scrollbar-thumb {
    background: #C60505;
    /* Scrollbar handle color */
    border-radius: 5px;
    /* Rounded scrollbar handle */
}

.intl-tel-input .flag-container {
    margin-top: -9px;
}




/* new custom css */

.about_us{padding: 70px 0px;}
.about_us .welcomeDiv img{border-radius: 12px;}
.team_card{border: 1px solid #292929;border-radius: 12px;overflow: hidden;}
.team_card .team_card_content{padding: 20px 20px 20px;}
.team_card .team_card_content h3{color: #fff;}
.team_card .team_card_content p{color: #fff;font-size: 18px;line-height: 24px;}
.team_card .team_card_content span{color: #fff;font-size: 16px;}
.team_section{padding-bottom: 70px;}
.contact_item{display: flex;align-items: center;}
.contact_item .contact_icon img{background-color: #14191C;padding: 15px;border-radius: 12px;width: 80%;}
.contact_content p{color:#fff;font-size: 20px;margin: 0;line-height: 35px;}
.contact_item{margin-bottom: 15px;}
.contact_form input,textarea{display: block;width: 100%;padding: 20px;outline: none;border: none;border-radius: 12px;margin-bottom: 10px;background-color: #191f23;color: white;}
.contact_form input:active{border: none;outline: none;}
.contact_form button{background-color: #C60505;padding: 20px;border-radius: 12px;width: 100%;color: white;font-size: 20px;border: none;}
.contact_form{background-color: #14191c;padding: 40px;border-radius: 12px;}
input[type="text"]:focus{border: none !important;}
input[type="textarea"]:focus{border: none !important;}
.contact_form input::placeholder{color: white;}
.contact_form textarea::placeholder{color: white;}
.contact_section{padding-bottom: 70px;}
.navbar-dark .navbar-nav .nav-item{margin-left: 60px;}
.footer .footer-address p{font-size: 16px;line-height: 24px;}
.footer a{font-size: 15px;}
textarea:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid transparent;
  }
.team_card img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

/* .navbar {
    background-color: #fff; 
  }
  .navbar-brand img {
    height: 50px;
  }
  .navbar-nav .nav-link {
    color: #000 !important;
    font-weight: 500;
  }
  .navbar-toggler {
    border: none;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  } */



  .navbar {
    background-color: #fff;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 1000;
  }

  .navbar-brand img {
    height: 50px;
  }

  .navbar-toggle {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    display: none;
  }

  .navbar-menu {
    display: flex;
    gap: 20px;
  }

  .navbar-menu a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s;
  }

  .navbar-menu a:hover {
    color: #fe6e00;
  }

  /* === MOBILE === */
  @media (max-width: 768px) {
    .navbar-toggle {
      display: block;
      color: #000;
    }

    .navbar-menu {
      display: none;
      flex-direction: column;
      position: absolute;
      top: 90px;
      right: 0;
      width: 100%;
      background-color: #fff;
      padding: 10px 20px;
      border-top: 1px solid #ddd;
    }

    .navbar-menu.active {
      display: flex;
    }

    .navbar-menu a {
      padding: 10px 0;
      border-bottom: 1px solid #eee;
    }

    .contact_item .contact_icon img{
        width: 65%;
    }
    .contact_content p{margin-left: -20px;}
    .contact_form{padding: 25px;}
    .contact_section{padding: 0px 0px 40px;}
    .team_section{padding: 40px 0px;}
    .about_us{padding: 40px 0px 0px;}
    .footer h3{text-align: left !important;}
    .footer .footer-address p{text-align: left !important;}
    .footer .footer-address p{justify-content: left !important;}
    .footer-links .list-unstyled{text-align: left !important;}
    .footer h3::after{left: 35px !important;}
    .footer .social{justify-content: left !important;}
  }


/* .contact_item img{width: 10%;margin: auto;} */

@media (min-width: 280px) and (max-width:340px) {
    .pill {
        font-size: 8px !important;
    }
}

@media (min-width: 280px) and (max-width:767px) {

    .new_arrival {
        left: revert;
    }

    .current {
        left: revert;
    }

    .sold {
        left: revert;
    }

    .pill {
        font-size: 10px !important;
    }

    .newArrival {
        margin: 10px;
    }

    .newArrivalTag {
        font-weight: 600;
        padding: 5px;
        border-radius: 4px;
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width:991px) {

    .newArrival {
        margin: 8px;
    }

    .newArrivalTag {
        font-weight: 600;
        padding: 5px;
        border-radius: 4px;
        font-size: 8px;
    }

    .banner-home .bannerTextDiv {
        height: 100%;
        top: 60px;
    }

    .group-3 {
        display: none;
    }

    .title-separator {
        margin: 0px !important;
        margin-bottom: revert !important;
    }

    .fieldDiv {
        margin-right: revert;
        margin: 5px;
    }

    .findVehicleFormDiv div {
        width: 25% !important;
    }

    .blogs {
        width: 45%;
    }

    .car-features {
        width: 100% !important;
    }

    .vehicles-section>.container-fluid>.row>div {
        width: 33%;
    }

    .figure-caption a {
        font-size: 15px;
    }

    .bx-style-1 h4 {
        background-color: rgb(249, 249, 249);
        padding: 10px 5px;
        margin-bottom: 10px;
    }

}

@media (min-width: 768px) {
    .new_arrival {
        left: 16px;
    }

    .current {
        left: -16px;
    }

    .sold {
        left: -46px;
    }
}

@media (max-width: 767px) {

    .top-bar a {
        margin-left: -7px;
        /* line-height: 3.3rem; */
    }

    .numberMainDiv {
        display: flex;
        justify-content: left;

    }

    .visitUsMainDiv {
        display: flex;
        justify-content: right;

    }

    .overlap-group_address {
        background-color: revert !important;
    }

    .headerIconImg {
        display: none;
    }

    .blogWithSearch {
        display: block;
    }

    .previousTextDynamic {
        display: none;
    }

    .nextTextDynamic {
        display: none;
    }

    .bx-style-1 h4 {
        background-color: rgb(249, 249, 249);
        padding: 10px 5px;
        margin-bottom: 10px;
    }

    .dlab-bnr-inr::before {
        top: 11%;
    }

    .dlab-bnr-inr-entry h2 {
        font-size: 38px;
        margin: 0;
    }

    .inventoryBannerText p b {
        font-size: 15px;
    }

    .businessHoursDiv {
        margin-bottom: 40px;
    }

    .sellYourCarCall {
        margin-top: 25px;
    }

    .group-3 {
        display: none;
    }

    .featured-vehicles .featured-slide .slick-prev {
        width: 20px;
    }

    .navbar {
        /* top: 55px; */
        /* top: 0px; */
        /* background-image: linear-gradient(183deg, #000000 0%, #000000d9 100%); */
        /* background-color: revert; */
        /* background: linear-gradient(180deg, #000 24%, #695959 131%); */
        /* opacity: 0.8; */
    }

    .imageHeaderMobile {
        display: block;
    }

    .bannerHomeText {
        background-color: rgba(0, 0, 0, 0.4) !important;
    }

    .bannerHomeText {
        background-image: linear-gradient(183deg, #00000000 0%, #000000 100%);
        text-align: center;
        /* top: 218px; */
        top: 83px;
        position: absolute;
        width: 100%;
        height: 28%;
    }

    .banner-content-parent .content {
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 100%;
    }

    .banner-home .moreAboutBtn {
        width: max-content;
    }

    .featured-vehicles .featured-slide .slick-next {
        margin-top: -40px !important;
        width: 20px;
    }

    .top-bar {
        padding: 8px 0 8px;
    }

    .section-full:last-child {
        margin-bottom: -90px;
    }

    .inventoryBannerText p {
        font-size: 21px;
        font-weight: 300;
    }

    .findVehicleFormDiv {
        justify-content: unset;
        margin: 0px;
    }

    /* .top-bar {
        height: 69px;
        display: none;
    } */

    .overlap-group {
        position: relative;
        width: 143px;
        height: 34px;
        /* background-color: #14191c; */
        background-color: revert;
        border-radius: 1000px;
    }

    .text-wrapper {
        top: 11px;
        left: 39px;
        font-size: 12px;
    }

    .logo-light {
        position: relative;
        /* width: 150px; */
        height: 33px;
        object-fit: cover;
    }

    .headerIconImg {
        padding: 0px 0px !important;
    }

    .top-bar [class*=col-] {
        padding: 0px 0px !important;
        border-bottom: 0px !important
    }

    .socialIconHeader {
        display: none;
    }

    .blogs {
        width: 90%;
        margin-left: 0px !important;
    }

    .blogRow {
        place-content: center;
    }

    .fieldDiv {
        margin-bottom: 5px;
    }

    .search-filter .title-separator {
        margin-bottom: 0px;
    }

    .section-cars-by-brand,
    .footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}





.card.slick-slide:hover .featured-vehicle-desc-wrapper .group-13 {
    display: none;
}

.card.slick-slide .card-body.new-design .featured-vehicle-desc-wrapper.card-text-body {
    padding: 1rem;
    background-color: #000;
    border: 1px solid #ddd;
    border-top: none;
}

.card.slick-slide .card-body.new-design {
    padding: 1rem 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.card.slick-slide .featured-vehicle-desc-wrapper .detailbtnHover {
    margin: 0;
}

.card.slick-slide .featured-vehicle-desc-wrapper .group-13 * {
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.card.slick-slide:hover .featured-vehicle-desc-wrapper .detailbtnHover {
    display: inline-block;
    margin-top: -25px;
}

.card.slick-slide:hover .card-body.new-design {
    background-color: #000;
}

.card.slick-slide:hover .featured-vehicle-desc-wrapper h5 {
    color: #fff;
}

.card.slick-slide .featured-vehicle-desc-wrapper .group-13 .group-14 img {
    padding: 5px;
    background-color: #e0e0e0;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}


/* Container for the image */
.img-gradient {
    position: relative;
    overflow: hidden;
}

/* Apply a dark overlay on hover */
.img-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    /* Initially transparent */
    transition: background-color 0.3s ease;
    /* Add transition effect */
}

/* Change the dark overlay on hover */
.img-gradient:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
    /* Adjust the alpha value to control darkness */
}


.mask-group-wrapper i {
    color: #C60505;
    font-size: 18px;
}

.banner-slider {
    height: 86vh;
}

.banner-slider .item {
    height: 86vh;
    width: 100%;
}

.banner-slider .item.item-1 {
    background-image: url('../images/slider/1.jpg');
    background-position: center center;
}

.banner-slider .item.item-2 {
    background-image: url('../images/slider/2.jpg');
    background-position: center center;
}

.banner-content-parent h1,
.banner-content-parent h4 {
    font-family: "Barlow Condensed", arial;
}

.banner-content-parent {
    background-color: rgba(0, 0, 0, 0.1);
}

.banner-content-parent h1 {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}

.banner-content-parent h1 span {
    border-bottom: 3px solid #C60505;
}

.banner-content-parent h4 {
    font-size: 36px;
    font-weight: 500;
    color: #ccc;
}

#bannerSearchForm {
    margin-top: 0;
    min-width: 220px;
}

#bannerSearch {
    padding: 15px;
    font-size: 18px;
    background: transparent;
    border: none;
    border: 1px solid #C60505;
    border-right: none;
    color: #fff;
    margin: 0;
    outline: none;
    transition: all 300ms ease-in-out;
}

#bannerSearch:focus {
    border: 1px solid #eee;
    border-right: none;
}

#bannerSearch::placeholder {
    color: #aaa;
}

.banner-submit {
    outline: none;
    margin: 0;
    padding: 1rem 1.6rem;
}

.banner-content-parent .moreAboutBtn {
    padding: 1.5rem 2rem;
    margin-top: 20px;
}


.car-inventory-parent {
    border: 2px solid #C60505;
    padding: 12px;
    border-radius: 6px;
}

.car-inventory-parent img {
    border-radius: 3px;
}

.car-inventory-parent .btn-secondary {
    border-radius: 4px;
}



.footer h3 {
    text-align: left;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 2rem;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 10px;
    position: relative;
}

.footer h3::after {
    content: '';
    height: 2px;
    width: 20%;
    background-color: #C60505;
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer .footer-address i.fa-map-marker {
    /* width: 66px; */
}


.scroltop {
    background-color: #1f2734;
    padding: 10px;
    border-radius: 5px;
    height: 40px;
    bottom: 15px;
}

.scroltop i {
    font-size: 24px;
    color: #C60505;
}


.map-parent {
    height: 100%;
    width: 100%;
}

.map-parent iframe {
    height: 100%;
    width: 100%;
}

.contact-single-parent {
    padding: 20px;
    background-color: #14191C;
    border-radius: 10px;
    height: 100%;
}

.contact-single-parent i {
    font-size: 50px;
    color: #C60505;
    padding: 10px;
    border: 3px solid #C60505;
    border-radius: 50%;
    transition: all 300ms ease-in-out;
}

.contact-single-parent p {
    font-size: 24px;
}

.contact-single-parent p:last-child {
    font-size: 20px;
}

.contact-single-parent p a {
    color: #fff;
    transition: all 300ms ease-in-out;
}

.contact-single-parent:hover p a {
    color: #C60505;
}






.about-card-parent {
    padding: 30px;
    background-color: #14191C;
    border-radius: 10px;
}

.about-card-parent i {
    font-size: 50px;
    margin-bottom: 20px;
    transition: all 300ms ease-in-out;
}

.about-card-parent h3 span {
    padding-bottom: 3px;
    border-bottom: 3px solid #C60505;
}

.about-card-parent:hover i {
    color: #C60505;
}

.about-card-parent.working {
    padding: 20px;
}

.about-img-cont img {
    border-radius: 10px;
}

.about-card-parent p:last-child {
    margin-bottom: 0;
}



.service-card-parent {
    padding: 30px;
    background-color: #14191C;
    border-radius: 10px;
}

.service-card-parent h3 span {
    padding-bottom: 3px;
    border-bottom: 3px solid #C60505;
}

.service-card-parent i {
    font-size: 50px;
    margin-bottom: 20px;
}

.service-card-parent .btn-primary {
    border-radius: 5px;
    transition: all 300ms ease-in-out;
}

.service-card-parent .btn-primary i {
    font-size: 22px;
    margin-bottom: 0;
    vertical-align: text-top;
}

.service-card-parent:hover .btn-primary,
.service-card-parent .btn-primary:hover {
    background-color: #C60505;
}




.inventory-page .form-select {
    background-color: #181818;
    color: #ffffff;
    font-size: 16px;
    border: none;
}

.inventory-page .nav-tabs .nav-link {
    font-size: 20px;
    color: #fff;
    transition: all 300ms ease-in-out;
}

.inventory-page .nav-tabs .nav-link:hover {
    border-color: #C60505;
    color: #C60505;
}

.inventory-page .nav-tabs .nav-link.active {
    color: #000;
}

.inventory-page .nav-tabs .nav-link.active:hover {
    border-color: #fff;
}

.inventory-page .car-inventory-parent {
    border-color: #fff;
    transition: all 300ms ease-in-out;
}

.inventory-page .car-inventory-parent:hover {
    border-color: #C60505;
}

.inventory-page .car-inventory-parent .btn-parent {
    display: flex;
    justify-content: space-between;
}

.btn-inventory {
    padding: 10px 20px;
    color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: all 300ms ease-in-out;
}

.btn-inventory:hover {
    color: #fff;
    border-color: #C60505;
    background-color: #C60505;
}



.back-btn {
    display: inline-block;
    padding: 10px 15px;
    background-color: #14191C;
    color: #ffffff;
    transition: all 300ms ease-in-out;
}

.back-btn i {
    font-size: 20px;
    vertical-align: text-bottom;
}

.back-btn:hover {
    background-color: #C60505;
    color: #ffffff;
}

.car-detail-gallery .slider-for a img {
    width: 100%;
    border-radius: 10px;
}

.car-detail-gallery .slider-nav .item-slick {
    padding: 10px;
}

.car-detail-gallery .slider-nav .item-slick img {
    border-radius: 10px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.slick-prev {
    left: 0 !important;
    z-index: 1;
    background-size: contain;
    border-radius: 50%;
    background-position: center;
    height: 30px;
    width: 30px;
}

.slick-next {
    right: 0 !important;
    background-size: contain;
    border-radius: 50%;
    background-position: center;
    height: 30px;
    width: 30px;
    margin-top: -20px;
}

.slick-slider .slider-arrow {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    /* color: maroon; */
    color: #dbb778;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    /* background: #fff; */
    padding: 5px 18px;
}

.used-car-features .car-features i {
    margin-right: 10px;
    font-size: 20px;
}


.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
}


.car-details-slider .card {
    margin: 10px;
}

.car-details-slider .card.slick-slide:hover .featured-vehicle-desc-wrapper .detailbtnHover {
    margin-top: 0;
}



.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1;
    cursor: pointer !important;
    border-width: 0 !important;
    border-style: solid !important;
    margin: -17px 0px;
    padding: 0 12px 3px !important;
    border-radius: 50%;
}

@media (min-width: 1400px) {
    .container-custom {
        max-width: 1400px;
    }

}

.car-avail-label {
    display: inline-block;
    width: max-content;
    padding: 5px 10px;
    background-color: #C60505;
    border-radius: 20px 0 0 20px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    display: none;
}

.car-avail-label p {
    font-size: 14px;
    font-weight: 500;
}

.car-inventory-parent .car-details-parent {
    text-align: center;
}




.mgmt-single-parent {
    padding: 15px;
    border-radius: 10px;
    background-color: #14191C;
}

.mgmt-team-parent .section-title h2,
.the-team-parent .section-title h2 {
    padding-bottom: 5px;
}

.mgmt-team-parent .section-title h2 span::after,
.the-team-parent .section-title h2 span::after {
    content: '';
    height: 3px;
    width: 100px;
    background-color: #C60505;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.mgmt-single-parent .team-img-parent img {
    border-radius: 7px;
}

.mgmt-single-parent .team-single-content .name {
    margin-bottom: 10px;
}

.team-single-content .designation {
    color: #ccc;
}

.other-team-members .team-single-content {
    background-color: #14191C;
    padding: 12px;
    border-radius: 8px;
}

.other-team-members .team-single-content img {
    border-radius: 5px;
}




.news-single-parent img {
    border-radius: 5px;
    aspect-ratio: 16/9;
    object-fit: fill;
}

.news-content-parent h4 {
    font-family: "Jost", sans-serif;
}

.news-content-parent a:hover {
    color: #ddd;
}




.insurance-type-parent h3 {
    padding-bottom: 8px;
    border-bottom: 4px solid #fff;
}

.insurance-type-main .col .insurance-type-parent {
    cursor: pointer;
}

.insurance-type-main .col:first-child .insurance-type-parent h3 {
    color: #C60505;
    border-color: #C60505;
}

.insurance-type-main .col .insurance-type-parent h3 {
    transition: all 300ms ease-in-out;
}

.insurance-type-main .col .insurance-type-parent:hover h3 {
    color: #C60505;
    border-color: #C60505;
}

.insurance-callback-form-parent .formInputField {
    padding: 10px;
}

.insurance-callback-form-parent {
    padding: 15px;
    border-radius: 10px;
    background-color: #14191C;
}

.insurance-advantage-single .content h3,
.insurance-advantage-single .content p {
    color: #000 !important;
}

.insurance-advantage-parent .col-md-4:not(:last-child) {
    border-right: 2px solid #ccc;
}

.insurance-advantage-section .section-title h2 span::after {
    content: '';
    height: 3px;
    width: 100px;
    background-color: #C60505;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.asst-section .btn-maroon:hover {
    color: #C60505;
}

.career-page .section-title h2 span::after {
    content: '';
    height: 3px;
    width: 100px;
    background-color: #C60505;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}


.job-details .job-type,
.job-details .job-location,
.job-details .job-experience {
    padding: 5px 10px;
    font-size: 15px;
    background-color: #14191C;
    border-radius: 5px;
}

.job-opening-single {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    transition: all 300ms ease-in-out;
}

.job-opening-single .job-title {
    font-family: 'Jost', sans-serif;
}

.job-opening-single .job-title::after {
    content: '';
    width: 0;
    height: 2px;
    background-color: #C60505;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 300ms ease-in-out;
}

.job-opening-single:hover {
    border-color: #C60505;
}

.job-opening-single:hover .job-title::after {
    width: 40px;
}


.employee-benefits-single {
    background-color: #14191C;
    border-radius: 10px;
    padding: 25px 20px;
    height: 100%;
}

.employee-benefits-single .icon i {
    font-size: 45px;
    transition: all 300ms ease-in-out;
}

.employee-benefits-single h3 {
    font-family: 'Jost', sans-serif;
}

.employee-benefits-single:hover .icon i {
    color: #C60505;
}



.error-text {
    font-family: 'Jost', sans-serif;
    font-size: 120px;
}

.error-content h5 {
    font-family: 'Jost', sans-serif;
    font-size: 40px;
}




#job-apply-form {
    background-color: #14191C;
    border-radius: 10px;
    padding: 20px;
}

.form-floating>.form-control {
    background: transparent;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    color: #fff;
    height: calc(5.25rem + 2px);
}

.form-floating>.form-control:focus {
    padding-top: 2.6rem;
    padding-bottom: .775rem;
}

.form-floating>label {
    padding-top: 1.5rem;
    margin: 0;
    font-weight: 300;
}

.form-floating>.form-control:focus~label {
    opacity: .7;
    transform: scale(.9) translateY(-0.5rem) translateX(0.15rem);
}

#job-apply-form input[type="file"] {
    padding-top: 3.4rem;
}

#job-apply-form button {
    border: 1px solid #C60505;
}

#job-apply-form button:hover {
    border: 1px solid #ddd;
}



.banner-content-parent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
}

.banner-content-parent .content {
    max-width: max-content;
}




.section-cars-by-brand {
    padding-top: 5rem;
    background-color: #14191C;
}

.section-cars-by-brand .section-title h3 {
    text-align: center;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 2rem;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 10px;
    position: relative;
}

.section-cars-by-brand .section-title h3::after {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #C60505;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.section-cars-by-brand .section-content {
    display: flex;
    flex-wrap: wrap;
}

.section-cars-by-brand .section-content p {
    font-size: 14px;
    margin-bottom: 0;
    width: max-content;
    line-height: 2;
}

.section-cars-by-brand .section-content p a {
    color: #fff;
    font-size: 14px;
    margin-right: 15px;
}

.section-cars-by-brand .section-content p a::before {
    content: "\220E";
    margin-right: 3px;
}

.section-cars-by-brand .section-content p a span {
    vertical-align: middle;
}

.section-cars-by-brand .section-content p a:hover {
    color: #C60505;
}

.section-blogs {
    padding: 100px 0;
    background-color: #000000;
}

.banner-item {
    height: 85vh;
}

.blog-single {
    color: #fff;
    display: block;
    margin-bottom: 15px;
}

.blog-single .img-parent {
    overflow: hidden;
    border-radius: 3px;
}

.blog-single img {
    transition: all 300ms ease-in-out;
}

.blog-single .blog-bottom {
    margin: auto;
    margin-top: -25px;
    padding: 10px 10px 15px;
    width: 94%;
    background-color: #14191C;
    position: relative;
    border-radius: 5px;
}

.blog-single .blog-bottom h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.blog-single .blog-bottom p {
    color: #ddd;
}

.blog-single:hover img {
    transform: scale(1.025);
}

.blog-single a.read-more {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    position: relative;
}

.blog-single a.read-more::after {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    transition: all 300ms ease-in-out;
}

.blog-single a.read-more:hover::after {
    width: 100%;
    background-color: #C60505;
}

.blog-single a.read-more:hover {
    color: #C60505;
    letter-spacing: 1px;
}

.blog-single .date {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    padding: 5px;
    color: #fff;
    background-color: #C60505;
    border-radius: 3px;
}


.banner-carousel .owl-item .fadeUp {
    transform: translateY(40px);
    opacity: 0;
    transition: all 500ms ease-in-out;
    transition-delay: calc(var(--i) * 50ms);
}

.banner-carousel .owl-item.active .fadeUp {
    transform: translateY(0);
    opacity: 1;
}

.section-testimonials {
    padding: 0 0 100px;
    background-color: #000000;
}

.testimonial-single {
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    background-color: #14191C;
    border: 1px solid #1f2734;
}

.author-parent {
    display: flex;
}

.author-parent img {
    border-radius: 50%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    width: 60px !important;
    margin-right: 15px;
}

.author-parent h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.author-parent p {
    color: #ddd;
    margin: 0;
}

.pagination .page-link:hover {
    background-color: #C60505;
}

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

.feat-img {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 15px;
}

.list-group-horizontal {
    gap: 5px;
    margin-bottom: 10px;
}

.list-group-horizontal .list-group-item {
    color: #ddd;
    background-color: #1f2734;
    border-radius: 3px;
}

.popular-tag-parent {
    padding: 20px;
    color: #ddd;
    background-color: #14191c;
    border-radius: 8px;
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.dasktop_banner_section{display: block;}
    .mobile_banner_section{display: none;}

.copyright_section span{color: white;}
.copyright_section{background-color: #111518;text-align: center;padding: 20px;}


@media (max-width: 767px) {

    .dasktop_banner_section{display: none;}
    .mobile_banner_section{display: block;}
    .team_members h2.title{text-align: left !important;}
    .about_content{padding: 7.5px !important;}

    .banner-item {
        height: 35vh;
    }
    .banner-carousel .owl-nav {
        display: none;
    }

    .banner-home {
        height: 35vh;
    }

    .banner-home img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .banner-content-parent h1 {
        font-size: 3.5rem;
    }

    .banner-content-parent h4 {
        font-size: 2rem;
    }

    .btnDiv .btn-primary {
        padding: 1rem 2rem;
        width: max-content !important;
    }

    .footer h3 {
        text-align: center;
    }

    .footer h3::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .footer .footer-address p {
        justify-content: center;
        text-align: center;
    }

    .footer-links .list-unstyled {
        text-align: center;
    }

    .footer .social {
        justify-content: center;
    }

    .footer .social~p {
        text-align: center !important;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .btnDiv .btn-primary {
        margin: 5px;
    }
}