* {
    margin: 0;
    padding: 0;
    outline: 0;
}

a {
    text-decoration: none;
}

.w-35 {
    width: 35%;
}

.w-65 {
    width: 65%;
}
.w-85{
    width: 85%;
}
.w-80{
    width: 80%;
}

.text-12 {
    font-size: 12px;
}

.text-14 {
    font-size: 14px;
}

.p-6 {
    padding: 5rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}
.pr-2 {
    padding-right: 0.5rem !important;
}
.dotless-ul {
    list-style: none;
}
.font-inter {
    font-family: "Inter", sans-serif;
}

.font-rubik {
    font-family: "Rubik", sans-serif;
}

.bg-default {
    background: #1D232B;
}

.text-default {
    color: #171C30;
}

.bg-secondary-color {
    background: #ED2528;
}

.text-secondary-color {
    color: #ED2528;
}

.bg-orange {
    background: #EE2528;
}

.text-orange {
    color: #E56A10;
}

.bg-gray {
    background: #F9FAFB;
}

.bottom-25 {
    bottom: 25% !important;
}

.btn-hover {
    background: transparent;
    border: 1px solid #1D232B;
}

.btn-hover:hover {
    background: #ED2528;
    border: 1px solid #ED2528;
    color: #ffffff !important;
}

.bg-hover:hover {
    background: #ED2528;
    border: 1px solid #ED2528;
}

.main-nav {
    color: #1D232B;
    position: relative;
}

.main-nav::after {
    content: '';
    width: 100%;
    height: 3px;
    background: #ED2528;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}


.selected-nav::before {
    content: '';
    color: #ED2528 !important;
    width: 100%;
    height: 3px;
    background: #ED2528;
    position: absolute;
    left: 0;
    bottom: 0;
}

.main-nav:hover::after {
    display: block;
}
.selected-mobile-nav,
.mobile-nav:hover {
    color: #ED2528;
}

.banner {
    background: url("/../assets/images/banner.png") no-repeat center center / cover;
    position: relative;
    z-index: 000;
}

.banner::after {
    content: '';
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.22);
    top: 0;
    z-index: 999 !important;
}

.banner-social {
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #ED2528;
}

.icon-circle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.custom-toggle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #ED2528;
}

.footer-social {
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #ED2528;
}

.input-bg {
    background: #374151;
    color: #c4c0c0;
}

.input-border {
    border: 1px solid rgb(98, 105, 119);
}

.input-border::placeholder {
    color: #c4c0c0;
    opacity: 1; /* Firefox */
}

.input-border::-ms-input-placeholder { /* Edge 12 -18 */
    color: #c4c0c0;
}
.owl-card-item{
    border: 2px solid #E9E9E9;
}
.card-item {
    border: 1px solid #E9E9E9;
    z-index: 999;
}


.owl-carousel .owl-nav button.owl-prev {
    color: rgba(255, 0, 0, 0.47);
    width: 25px;
    height: 25px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #ED2528;
    position: absolute;
    top: 55%;
    left: -3%;
    /*transform: translate(-160%, -100%);*/
    z-index: 1;

}

.owl-carousel .owl-nav button.owl-next {
    color: rgba(255, 0, 0, 0.47);
    width: 25px;
    height: 25px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #ED2528;
    position: absolute;
    top: 55%;
    right: -3%;
    /*transform: translate(160%, -100%);*/
    z-index: 1;
}

.owl-carousel .owl-nav button.owl-next span {
    position: absolute;
    top: -10px;
    left: 30%;
    font-size: 25px;
    transform: translate(10%, 0%);
}

.owl-carousel .owl-nav button.owl-prev span {
    position: absolute;
    top: -10px;
    left: 30%;
    font-size: 25px;
    transform: translate(10%, 0%);
}

.owl-carousel .owl-nav button.owl-next:hover {
    color: #ED2528;
    background-color: transparent;
}


.owl-carousel .owl-nav button.owl-prev:hover {
    color: #ED2528;
    background-color: transparent;
}

.logo-image{
    height: 100px !important;
}

.height-45{
    height: 45px;
    max-height: 45px;
}

.logo-img {
    max-height: 100px;
}

@media (max-width: 991px) {
    .w-full{
        width: 100% !important;
    }
    .w-95{
        width: 95% !important;
    }
    .text-56{
        font-size: 56px !important;
    }
    .text-xs-center{
        text-align: center !important;
    }
    .logo-image{
        height: 100px;
    }
    .p-25{
        padding-left: 25px !important;
    }

    .btn-hover {
        background: transparent;
        border: 1px solid #ffffff;
    }

    .btn-hover:hover {
        background: #ED2528;
        border: 1px solid #ED2528;
    }

    .main-nav::after {
        display: none;
    }

    .main-nav:hover::after {
        display: none;
    }
    .rounded-null{
        border-radius: 0!important;
    }

    .logo-img {
        max-height: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .w-100{
        width: 100% !important;
    }
    .rounded-null{
        border-radius: 0!important;
    }
}

.fixed-size {
    width: 100%;
    height: 315px;
    object-fit: cover;
}

#map {
    width: 100%;
    height: 500px;
}

/* #hero-video {
    width: 100%;
    max-height: max-content;
} */


#hero-video {
    width: 100%;
    max-height: max-content;
    @media (width <= 768px) {
        width: 100%;
        max-height: 600px;
    }
}

#section-video {
    max-height: 600px;
}

#section-content {
    @media (width <= 768px) {
       max-height: 230px;
    }
    @media (max-width: 768px) and (max-width: 1023px){
        max-height: 430px;
    }
}


.featured-stock .card {
    height: 250px !important;
}
.featured-stock .card img {
    aspect-ratio: 4/3;
    height: 100%;
}
.featured-stock .card .price  {
    font-size: 20px;
    color: red;
}
.featured-stock .d-lg-block {
    font-size: 54px;
    line-height: 81px;
}
.featured-stock .d-block {
    font-size: 40px;
    line-height: 60px;
    width: 310px;
    margin-bottom: 20px;
}
@media (max-width: 750px) {
    .featured-stock .card {
        height: 146px !important;
    }
    .featured-stock .card .card-body {
        padding: 10px !important;
    }
    .featured-stock .card .card-title {
        font-size: 12px;
    }
    .featured-stock .card .text-secondary {
        font-size: 10px;
    }
    .featured-stock .card .price  {
        font-size: 14px;
    }
    .featured-stock .owl-carousel {
        margin-top: 60px;
    }

    .recent-vehicles .card img {
        height: 266px;
    }
}

.recent-vehicles h2 {
    font-size: 40px;
    line-height: 60px;
}

.social-networks {
    gap: 15px;
}

.social-icon a {
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

.social-icon a i {
    font-size: 18px;
}

/* .mobile-nav .social-icon {
    color: #ED2528;
} */

.about-us .left p {
    padding-bottom: 40px;
    padding-right: 20px;
}
.about-us .right   {
    padding-left: 40px;
}
.about-us a.mobile {
    font-size: 12px;
    line-height: 18px;
    display: none;
}
.about-us .title {
    font-size: 45px;
    line-height: 56px;
}

@media (max-width: 1200px) {
    .about-us .left a {
        display: none;
    }

    .about-us a.mobile {
        display: inline-block !important;
    }
}
@media (max-width: 520px) {
    .about-us .sub-title {
        font-size: 15px !important;
        line-height: 22px;
    }
}


.questions {
    padding-top: 48px;
    padding-bottom: 48px;
}
.contact-form h5,
.questions h5 {
    font-size: 38px;
    line-height: 45px;
}

@media (max-width: 575px) {
    .contact-form h5,
    .questions h5 {
        font-size: 27px;
        line-height: 33px;
    }
    .review {
        background-color: #F9FAFB;
    }
}

.overlay {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.hero-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.hero-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 8;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner-section .divider{
    width: 25%;
}
.search-stock-bar{
    width: 25%;
}
@media (max-width: 767px) {
    .hero-section{
        max-height: 180px;
        padding: 0 !important;
        height: 100%;
    }
    .banner-section .divider {
        width: 100%
    }

}

@media (max-width: 1042px) {
    .banner-section .divider {
        width: 100%
    }
    .search-stock-bar {
        width: 100%;
    }
    #classic-stock-filter{
        padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hero-section{
        max-height: 440px;
        padding: 0 !important;
        height: 100%;
    }
}

.header-buttons a:first-child {
    background-color: inherit !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.footer-nav {
    border-top: 1px solid #D9D9D9
}
.header {
    border-bottom: 1px solid #D9D9D9;
}


.banner-section {
    max-height: 700px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background-color: inherit;
    border: 1px solid #4B5563;
    color: #9CA3AF !important;
}
#filter-form input::placeholder,
input.select2-search__field,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-search__field {
    color: #9CA3AF !important;
}
.select2-container--default .select2-results>.select2-results__options {
    background: #1D232B !important;
    color: #9CA3AF;
    font-family: "Rubik", sans-serif;
    font-weight: 400 !important;
}
@media (max-width: 600px) {
    #filter-form {
        width: 100%;
    }
    .banner-section h2 {
        font-size: 40px !important;
        line-height: 51px;
    }
    .banner-section .banner {
        height: 366px !important;
    }
}


.stock-filter #filter-form > div > div:nth-child(1) > span > span.selection > span{
    padding: 10px!important;
    background: #374151;
}

#classic-stock-filter #filter-form > div span.selection > span{
    padding: 10px;
    background: #374151;

}

#classic-stock-filter .select2.select2-container .select2-selection{
    min-height: 47px !important;
}
#classic-stock-filter #classic-filter-btn{
    height: 47px;
    min-height: 47px !important;
}


.max-w-48 { 
    max-width: 12rem; /* 192px */ 
}

.max-w-52 { 
    max-width: 13rem; /* 208px */ 
}

.max-w-full { 
    max-width: 100%; 
}

.max-w-min { 
    max-width: min-content; 
}

.max-w-max { 
    max-width: max-content; 
}

.max-w-fit { 
    max-width: fit-content; 
}
  

.aspect-ratio-square {
    aspect-ratio: 2 / 2;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}