.font-work {
    font-family: 'Work Sans', sans-serif !important;
}

.swiper-omoda,
.swiper-tiggo {
    min-height: 700px;
}

@media (max-width: 900px) {
    .custom-swiper-button-prev-2,
    .custom-swiper-button-next-2
    {
        display: none;
    }
}

@media (min-width: 901px) {
    .custom-swiper-button-prev-2, 
    .custom-swiper-button-next-2 {
        color: #fff !important;
    }
}

.custom-swiper-button-prev-2,
.custom-swiper-button-next-2 {
    font-size: 3rem;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: transparent;   
}

.custom-swiper-button-prev-2:after,
.custom-swiper-button-next-2:after,
.swiper-rtl .custom-swiper-button-next-2:after,
.swiper-rtl .custom-swiper-button-prev-2:after {
    content: none;
}

.custom-swiper-button-prev-2 {
    left: 3.5%;
}

.custom-swiper-button-next-2 {
    right: 3.5%;
}

@media (max-width: 767px) {
    .swiper-omoda,
    .swiper-tiggo {
        min-height: 725px !important;
    }

    .custom-swiper-button-next-spec {
        top: 93.5%;
        font-size: 2.5rem !important;
        display: block !important;
        color: #000 !important;
        right: 2.5% !important;
    }

    .custom-swiper-button-prev-spec {
        top: 93.5%;
        font-size: 2.5rem !important;
        display: block !important;
        color: #000 !important;
        left: 2.5% !important;
    }

    .swiper-pagination-tiggo {
        width: 50% !important;
        top: 95% !important;
    }
}

/* @media (700px <= width <= 767px) {
    .custom-swiper-button-next-spec {
        top: 92%;
        font-size: 3.5rem !important;
        display: block !important;
        color: #000 !important;
        right: 1.5% !important;
    }

    .custom-swiper-button-prev-spec {
        top: 92%;
        font-size: 3.5rem !important;
        display: block !important;
        color: #000 !important;
        left: 1.5% !important;
    }

    .swiper-omoda {
        min-height: 750px !important;
    }
} */

@media (767px <= width <= 992px) {
    .custom-swiper-button-next-spec {
        top: 92%;
        font-size: 3.5rem !important;
        display: block !important;
        color: #000 !important;
        right: 1.5% !important;
    }

    .custom-swiper-button-prev-spec {
        top: 92%;
        font-size: 3.5rem !important;
        display: block !important;
        color: #000 !important;
        left: 1.5% !important;
    }

    .swiper-omoda,
    .swiper-tiggo {
        min-height: 750px !important;
    }
}

@media (min-width: 401px) and (max-width: 500px) {
    .swiper-button-next-2, 
    .swiper-button-prev-2 {
        top: var(--swiper-navigation-top-offset, 46%);
    }
}

@media (max-width: 400px) {
    .swiper-button-next-2, 
    .swiper-button-prev-2 {
        top: var(--swiper-navigation-top-offset, 44%);
    }
}

/* handle this later */

@media (min-width: 1024px) and (orientation: landscape) {
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 0;
    }

    .swiper-omoda,
    .swiper-tiggo {
        min-height: 500px !important;
    }
}

.spec-list {
    padding-left: 1.25rem;
}

.spec-list li {
    margin-bottom: .75rem;
}

.logo-fn::after {
    content: "";
    position: absolute;
    top: auto;
    width: 100%;
    height: 1px;
    background-color: #000;
}

.button-slash-black {
    display: flex;
    /* width: 200px;
    height: 50px; */
    border: 2px solid black;
    background: linear-gradient(-60deg, #000 50%, #fff 50%);
    cursor: pointer;
    background-size: 250% 100%;
    background-position: bottom left;
    transition: all 0.1s ease-out;
    text-decoration: none;
    margin: auto;
}

.button-slash-black span {
    color: black;
    margin: auto;
    letter-spacing: 1px;
}

.button-slash-black:hover {
    text-decoration: none;
    background-position: bottom right;
    color: #fff;
}

.button-slash-black:hover span {
    color: #fff;
}


.car-logo {
    left: 12rem;
}

.car-img {
    right: 12rem;
}

.gap-row {
    flex-wrap: nowrap !important;
    gap: 5rem;
}

.gap-row-2 {
    flex-wrap: nowrap!important;
    gap: 1.5rem;
}

.button-padding {
    padding: .625em .25rem;
    z-index: 999;
}

.border-rounded {
    border-radius: 35px;
    background-color: rgb(192, 11, 32) !important;
    color: #fff !important;
}

.border-rounded-green {
    border-radius: 35px;
    background-color: rgb(9, 121, 105) !important;
    color: #fff !important;
}

.border-rounded-orange {
    border-radius: 35px;
    background-color: #FF6200 !important;
    color: #fff !important;
}


.border-rounded:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.border-rounded-green:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.border-rounded-orange:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.work-font {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 14px !important;
}

.font-base {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.nav-pills .nav-link {
    color: #000 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color:rgb(192, 11, 32) !important;
    color: #fff !important;
}

.nav-link {
    padding: .875rem .875rem !important;
}

@media (max-width:768px) {
    .car-logo {
        left: 0rem !important;
    }

    .gap-row {
        flex-wrap: wrap !important;
        gap: 1.5rem;
    }

    .gap-row-2 {
        flex-wrap: wrap!important;
    }

    .fs50-scaled {
        font-size: 50px !important;
    }

    .px-mobile-5 {
        padding-right: 3rem !important;
        padding-left: 3rem!important;
    }

}

@media (max-width: 768px) {
    .nav ul {
        flex-direction: column;
    }

    .border-orange-84 {
        width: 15.5rem !important;
    }
}

@media (max-width: 600px) {
    .bg-pricelist {
        margin-top: 3rem;
        width: 100vw !important;
        height: 25vh !important;
        background: url('img/bg-pricelist-mobile.webp') no-repeat center center !important;
        background-size: contain !important;
        transform: scale(1.2) !important;
    }
}

@media (max-width: 1024px) {
    .mobile-nav {
        display: block !important;
        background-color: #fff !important;
        
    }

    .nav-pills .nav-link {
        border: 1px solid #000 !important;
        color: #000 !important;
    }

    /* .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff !important;
        background-color: rgb(192, 11, 32) !important;
    } */
}

.bg-pricelist {
    background: url('img/bg-pricelist.webp') no-repeat center center;
    /* object-fit:cover; */
    background-size: cover;
    width: 100%;
    height: 680px;
    padding-left: 3rem;
    padding-right: 3rem;
}

.background-black {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(16, 16, 16, 1) 50%, rgba(87,87,91,1) 80%, rgba(255, 255, 255, 1) 100%);
}

.brosur-margin {
    margin-top: -10px;
}

@media (min-width: 600px) {
    .brosur-margin {
        margin-top: -3rem;
    }
}

@media (max-width: 400px) and (max-height: 700px) {
    .brosur-margin {
        margin-top: 1px;
    }
}

@media (max-width: 500px) and ((min-height: 760px)) {
    .brosur-margin {
        margin-top: -13px;
    }
}

@media (max-width: 500px) and ((max-height: 761px) and (max-height: 920px)) {
    .brosur-margin {
        margin-top: 3px;
    }
}

/* @media (min-width: 361px) and (max-width: 400px) {
    .brosur-margin {
        margin-top: -9px;
    }
} */

@media (max-width: 360px) and ((min-height: 700px) and (max-height: 920px)) {
    .brosur-margin {
        margin-top: -13px;
    }
}

.border-orange-84 {
    border-bottom:5px solid #FF6200;
    width: 26rem;
}

.desktop-nav > .container > .nav {
    flex-wrap: wrap !important;
}