@media (max-width: 769px){
    .ourCarCarousel-swiper .swiper-button-next:after, .ourCarCarousel-swiper .swiper-button-prev:after
    {
        font-size: 20px !important;
    }
    
    .our-car-image{
        width: 319px;
        height: 127px;
        }
    }
    
    /*.carCarousel{*/
    /*    height: 90vh;*/
    /*}*/
    
    .our-cars-title{
        color: var(--changan-blue-primary);
    /* font-family: Droid Sans; */
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 57.231px;
    border-bottom: 2px solid #126ECB;
    width: 122px;
    }
    
    .ourcar-spacing{
        margin-bottom: 39px;
        color: var(--changan-black);
    }
    .our-cars-text p {
        margin-bottom: 0;
    }
    
    .nav-item-text{
        color: var(--changan-black, #212529);
    /* font-family: Droid Sans; */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    }
    
    .car-carousel-container .carousel-tab .nav-pills.nav-link{
        /*border-radius: 0px!important;*/
    }
    .car-carousel-container .carousel-tab li.nav-item-brochure:last-child .nav-link{
        /*border: none !important;*/
    }
    
    
    .car-carousel-container .carousel-tab li.nav-item-brochure:last-child{
     /*border: none !important;*/
     
    }
    
    .nav-item-text{
        padding: 0 2rem;
    }

    @media (max-width: 769px){
    .nav-item-text{
        padding: 0 1rem;
        }
    }
    
        @media (max-width: 429px){
    .nav-item-text{
        padding: 12px;
        }
    }
    
    @media (max-width: 399px){
    .nav-item-text{
        padding: 8px;
        }
    }
    
    @media (max-width: 366px){
    .nav-item-text{
        padding: 5px;
        }
    }
    
    @media (max-width: 343px){
    .nav-item-text{
        padding: 3px;
        }
    }
    
    .our-carstext-pos{
        margin-top: 30px !important;
    }
    
    .carCarousel .p{
        margin-bottom: 0rem !important;
    }
    
    
    .car-carousel-container  .nav-pills .nav-link.active{
        /* background: white; */
        /*text-decoration: underline;*/
        border-bottom: 2px solid #126ECB !important;
        font-weight: 700 !important;
    
        background: var(--changan-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        }
    .car-carousel-container  .nav-pills .nav-link{
        color: var(--changan-black);
        border-radius: 0;
        
    }
    
    
    
    /*.brochure-image{*/
    /*    width: 100%;*/
    /*    object-fit:cover;*/
        
    }
    
    /*.brochure-button{*/
    /*    margin-top: 20px;*/
    /*    margin-bottom: 20px;*/
    /*}*/
    
    .brochure-title{
        font-size: 43.69px;
        /* font-family: Toyota_Display_BOLD; */
    }
    
    .brochure-car-description{
        font-size: 16px;
        /* font-family: Toyota_Text_REGULAR; */
    }
    
    
    /*.our-car-contents{*/
    /*    margin-top: 200px;*/
    /*    margin-bottom: 20%;*/
    /*}*/
    
    
    
    .brochure-text{
        /* font-family: Toyota_Text_REGULAR; */
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
    }
    
    /* @media screen and (max-width: 1199px) {
        .brochure-buttons{
        font-size: 16px;
        }
        
        
    } */
    
    @media screen and (max-width: 800px) {
        .nav-item-brochure{
            padding: 0 1.0rem !important;
            
        }
        
        /* .carCarousel{
        height: 80vh;
    } */
        
    /*    .button-size{*/
    /*    width: 250px !important;*/
    /*}*/
        
       .ourCarCarousel-swiper .swiper-slide .our-cars-text{
           opacity: 1;
       }
       
       .ourCarCarousel-swiper .swiper-slide{
           opacity: 1 !important;
       }
       .ourCarCarousel-swiper .swiper-slide-next .our-car-image{
            transform: unset !important;
        }
    
        .ourCarCarousel-swiper .swiper-button-next
    {
        margin-right: 0px !important;
        top: 25%;
    
    }
    
    .ourCarCarousel-swiper .swiper-button-prev{
        margin-left: 0px !important;
        top: 25%;
    
    }
    }
    
    @media screen and (max-width: 550px) {
        .nav-item-brochure{
            padding: 0 0.8rem !important;
    
        }
        
        /*.ourcar-button-text{*/
        /*    width: 300px !important;*/
        /*}*/
        .our-cars-title{
        font-size: 28px;
        width: 118px;
        }
        .ourCarCarousel-swiper .swiper-button-next,
        .ourCarCarousel-swiper .swiper-button-prev{
            top: 19% !important;
        }
    }
    
    
    
    .ourCarCarousel-swiper .swiper-button-next
    {
        margin-right: 32%;
        top: 25%;
        color: #363636;
        font-weight: 5px;
    }
    
    .ourCarCarousel-swiper .swiper-button-prev{
        margin-left: 32%;
        top: 25%;
        color: #363636;
        font-weight: 5px;
    }
    
    .ourCarCarousel-swiper .swiper-slide{
        opacity: 0.5;
    
    }
    
    .ourCarCarousel-swiper .swiper-slide-next{
        opacity: 1;
    }
    .ourCarCarousel-swiper .swiper-slide-next .our-car-image{
        transform: scale(1.2);
        transition: transform 0.5s;
    }
    
    .our-car-image{
        width: 391px;
        height: 154px;
    }
    
    .swiper-slide .our-cars-text{
        opacity: 0;
    }
    
    .swiper-slide-next .our-cars-text{
        opacity: 1;
    }
    
    .car-type-text{
        color: #333;
    
    /* font-family: Droid Sans; */
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    justify-content: center;
    }
    
    .car-price-text{
    /* color: var(--changan-blue-secondary, #1C8EE6); */
    background: var(--changan-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    justify-content: center;
    /* font-family: Droid Sans; */
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    }
    
    .car-des-text{
        color: var(--changan-black, #212529);
    
    /* font-family: Droid Sans; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.8px;
    }
    
    .ourcar-button-text{
        text-decoration: none;
        background-color: var(--changan-blue-primary);
        display: flex;
        
        height: 55px;
        align-items: center;
        gap: 13px;
        box-sizing: border-box;
        color: white;
        justify-content: center;
        border-radius: 50px;
    }
    
    .ourCarCarousel-swiper .swiper-pagination-bullet{
        margin-top: 20rem;
        width: 16px;
        height: 16px;
        background: var(--changan-gray);
        opacity: unset;
    }
    
    .button-size{
        width: 357px;
    }
    
    
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    }
    .ourCarCarousel-swiper .swiper-pagination-bullet {
        margin-top: 20rem;
        width: 16px;
        height: 16px;
    }
    
    .ourCarCarousel-swiper .swiper-pagination-bullet-active {
        background: var(--changan-blue-primary);
    }
    
    .ourCarCarousel-swiper .swiper-horizontal>.swiper-pagination-bullets, 
    .ourCarCarousel-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .ourCarCarousel-swiper .swiper-pagination-custom, .swiper-pagination-fraction 
    {
        margin-top: 20rem;
    }
    @media screen and (max-width: 500px) {
        .ourCarCarousel-swiper .swiper-slide{
            margin-right: 50px;
        }
        .our-car-image img{
            width: 80%;
        }
        /*.our-car-button-space{*/
        /*    margin-left: 10px;*/
        /*    margin-right: 20px;*/
        /*}*/
        .button-size{
            /*width: 90%;*/
            justify-content: center !important;
        }
    }
    
    .ourcar-button-text:hover{
        color: white !important;
        background: var(--changan-gradient);
    }
    
    
    @media screen and (max-width: 440px) {
    
        
        .our-cars-button-margin{
            margin-right: 30px;
            margin-left: 30px;
        }
    
    }
    
    @media screen and (max-width: 400px) {
         .our-car-image img{
            width: 75%;
        }
        
        .our-cars-button-margin{
            margin-right: 35px;
            margin-left: 35px;
        }
        .button-size{
            width: 100% !important;
        }
    
    }
    @media screen and (max-width: 375px) {
        
        .our-cars-button-margin{
            margin-right: 40px;
            margin-left: 40px;
        }
         .our-car-image img{
            width: 68%;
        }
        
        .car-price-text{
            font-size: 17px;
        }
    
    }