* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    letter-spacing: -.08em;
}
body{
    font-family: 'Montserrat', sans-serif;font-size: 1rem !important;
font-weight:400;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:transparent;
color: #2d2926;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}

/* Base Styles */
.header {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 40px 140px 0;
    z-index: 9999;
}
.bannerWhiteLayer, .header {
    position: absolute;
    left: 0;
    width: 100%;
}


@media only screen and (max-width: 1600px) {
    .header {
        padding: 25px 80px 0;
    }
}
@media only screen and (max-width: 1390px) {
    .header {
        padding: 25px 40px 0;
    }
}
@media only screen and (max-width: 880px) {
    .header {
        padding: 25px 20px 0;
    }
}

@media only screen and (max-width: 767px) {
    .header {
        padding: 25px 10px 0;
    }
}







.top-header {
    border-bottom: 1px solid #9fa1a680;
    padding-bottom: 24px;
}


@media only screen and (max-width: 767px) {
    .top-header .logo img {
        height: auto !important;
    }
}


.banner {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.banner:before {
    position: absolute;
    background: url(../images/banner/hero-blur-bg.svg) no-repeat;
    background-size: 100%;
    content: "";
    width: 100%;
    top: 0;
    height: 75%;
    z-index: 9;
}

.banner-txt {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    text-align: center;
    width: 100%;
}

.bnr-logo {
    margin-bottom: 24px;
}

.bnr-logo img {
    width: 374px;
    height: auto;
}

.banner-txt h1, .banner-txt h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    letter-spacing: -0.08em;
    text-transform: unset;
}

b, strong {
    font-weight: bolder;
}

.btnGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 422px;
    justify-content: center;
}

.btn, .btnGroup {
    align-items: center;
}

/* more_features_heromobile START  */
@media only screen and (min-width: 768px) {
    .more_features_heromobile {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
.more_features_heromobile{
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    transform: scale(.92);
        bottom: -540px;
            margin-top: 0;
}
}

.more_features_heromobile ul {
    text-align: center;
    padding: 0;
    margin-bottom: 38px;
    position: relative;
}
@media only screen and (max-width: 1600px) {
    .more_features_heromobile ul {
        margin-bottom: 25px;
    }
}



@media only screen and (max-width: 767px) {
    .more_features_heromobile ul {
        column-count: 2;
        column-gap: 20px; /* Optional: spacing between the two columns */
        text-align: center;
    }
}







.more_features_heromobile ul li {
    display: inline-block;
    margin: 0 9px;
    vertical-align: top;
    min-width: 152px;
    line-height: .8;
}
@media only screen and (max-width: 767px) {
    .more_features_heromobile ul li {
        width: 50%;
        text-align: left;
        margin: 0 0 10px;
    }
}
@media only screen and (max-width: 767px) {
    .more_features_heromobile li:nth-child(-n+2) {
        margin-bottom: 10px;
    }
}




.more_features_heromobile ul li p {
    color: #2d2926;
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    line-height: 22px;
}

@media only screen and (max-width: 767px) {
    .more_features_heromobile ul li p {
        font-size: 16px;
        line-height: 20.36px;
    }
}






.more_features_heromobile p.terms_txt, .more_features_heromobile ul li span {
    color: #2d2926;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    line-height: 11px;
}
@media only screen and (max-width: 767px) {
    .more_features_heromobile ul li span {
        text-align: left;
    }
}
@media only screen and (max-width: 767px) {
    .more_features_heromobile p.terms_txt, .more_features_heromobile ul li span {
        font-size: 11.47px;
        line-height: 13.98px;
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .more_features_heromobile li:nth-child(4),
    .more_features_heromobile li:nth-child(5),
    .more_features_heromobile li:nth-child(6),
    .more_features_heromobile li:nth-child(4) span,
    .more_features_heromobile li:nth-child(5) span,
    .more_features_heromobile li:nth-child(6) span {
        text-align: right;
    }
}





.more_features_heromobile ul:before {
    top: -24px;
}
 .more_features_heromobile ul:before, .more_features_heromobile ul:after {
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    left: 0;
    background: url(/images/black-border.svg) no-repeat 50%;
}
@media only screen and (max-width: 1600px) {
    .more_features_heromobile ul:before {
        top: -20px;
    }
}



.more_features_heromobile ul:after {
    bottom: -24px;
}
@media only screen and (max-width: 1600px) {
    .more_features_heromobile ul:after {
        bottom: -16px;
    }
}

@media only screen and (max-width: 767px) {
    .more_features_heromobile ul:after {
        bottom: -10px;
    }
}




/* more_features_heromobile END */



@media only screen and (max-width: 767px) {
.more_features_hero{
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    transform: scale(.92);
    bottom: -273px;
    margin-top: 0;
    display: none;
}
}



.more_features_hero {
    position: relative;
    margin-top: 64px;
}

@media only screen and (max-width: 1600px) {
    .more_features_hero {
        margin-top: 45px;
    }
}


ul.topList {
    margin-bottom: 12px;
}


.more_features_hero ul {
    text-align: center;
    padding: 0;
    /* margin-bottom: 38px; */
    position: relative;
}
@media only screen and (max-width: 1600px) {
    .more_features_hero ul {
        margin-bottom: 25px;
    }
}




.more_features_hero ul li {
    display: inline-block;
    margin: 0 9px;
    vertical-align: top;
    min-width: 152px;
    line-height: .8;
}

.more_features_hero p.terms_txt,
.more_features_hero ul li span {
    color: #2d2926;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    line-height: 11px;
}

.more_features_hero p.terms_txt {
    font-size: 10px;
    text-transform: uppercase;
}
/* NEW RESPONSIVE CSS START */


@media only screen and (max-width: 767px) {
    .bannerWhiteLayer{
        display: none !important;
    }
    .bannerCover{
        display: none !important;
    }
    .banner-img{
        display: none !important;
    }
    .mobileImg {
        background: #eee6db;
    }
    
}



@media only screen and (max-width: 767px) {
    .mobileImg:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 65%;
        content: "";
        background: url(/images/objects/mobile-blue.svg) no-repeat;
        background-size: cover;
    }
}
@media only screen and (max-width: 767px) {
    .mobileImg img {
        height: 100vh;
        width: 100%;
        object-fit: cover;
        object-position: 0 -245px;
        /* object-position: 0 -70px; */
    }
}


/* NEW RESPONSIVE CSS END */








@media screen and (max-width: 1200px) {
    
    .bnr-logo img {
        width: 320px;
    }
}

@media screen and (max-width: 992px) {
    
    .banner-txt {
        top: 120px;
    }
    .banner-txt h1, .banner-txt h2 {
        font-size: 22px;
        line-height: 27px;
    }
}

@media screen and (max-width: 768px) {
    .header {
        z-index: 9999;
        padding: 24px 32px 0;
    }
    .bnr-logo img {
        width: 260px;
    }
    
    .banner-txt h1, .banner-txt h2 {
        font-size: 20px;
        line-height: 25px;
    }
    .btnGroup {
        gap: 16px;
        flex-direction: column;
        max-width: 100%;
    }
    .more_features_hero ul li {
        margin: 8px 0;
    }
  
}

@media screen and (max-width: 480px) {
   
    .bnr-logo img {
        width: 220px;
    }
    
    .banner-txt h1, .banner-txt h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .more_features_hero p.terms_txt, 
    .more_features_hero ul li span {
        font-size: 10px;
    }
}
 
.more_features_hero .topList {
    position: relative;
  }
  
  .more_features_hero .topList::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    height: 1px;
    width: 100%;
    background: url(/images/black-border.svg) no-repeat 50%;
  }
  
  .more_features_hero .bottomList {
    position: relative;
    margin-bottom: 34px; /* creates space between border and paragraph */

  }
  
  .more_features_hero .bottomList::after {
    content: "";
    position: absolute;
    bottom: -24px; /* pushes the line 24px below the bottom of the list */
    left: 0;
    width: 100%;
    height: 1px;
    background: url(/images/black-border.svg) no-repeat 50%;
    background-size: cover; /* if needed for full-width */
    z-index: 1;
  }
  
  


.more_features_hero ul li p {
    color: #2d2926;
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    line-height: 22px;
}

.more_features_hero p.terms_txt, 
.more_features_hero ul li span {
    color: #2d2926;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    line-height: 11px;
}


.bannerCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    height: 100vh;
}


.bannerWhiteLayer {
    opacity: 1;
    transition: opacity 0.2s ease-in;
    animation: fadeOut 0.2s ease-in 0.5s forwards;
    background: #fff;
    top: 0;
    height: 100vh;
    z-index: 100;
    position: absolute;
    width: 100%;
}

.banner .banner-img {
    width: 100%;
    height: 105vh;
    object-fit: cover;
    object-position: 0px -200px;
    opacity: 0.9;
}


/* Responsive Styles */
@media only screen and (max-width: 1400px) {
    .banner, .banner .banner-img {
        height: 800px;
        object-position: 0px 5px;
        /* height: 600px; */
    }
}
@media only screen and (max-width: 880px) {
    .banner, .banner .banner-img {
        height: 840px;
    }
}

/* @media only screen and (max-width: 767px) {
    .banner {
        height: 100vh !important;
    }
} */




.container-one-text {
    position: relative;
    padding: 120px 140px 80px;
}

.container-one-text h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -0.08em;
    margin-bottom: 16px;
}

.container-one-text p {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -0.08em;
    width: 800px;
}

.container-one-text:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/banner/vector1.svg) no-repeat 100% 0;
    background-size: contain;
    width: 32%;
    height: 87%;
}

.video-block {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    flex-wrap: wrap;
}

.video-block-left-image,
.video-block-right-image {
    width: 49%;
    height: 450px;
    position: relative;
    overflow: hidden;
}

.video-block-left-image iframe,
.video-block-right-image iframe {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.footer-ridara {
    background: url(../images/banner/footer-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    /* z-index: 1000; */
    padding-bottom: 50px;
}
@media (max-width: 1024px) {
  .footer-ridara {
    z-index: 3;
  }
}

/* Mobile devices (max-width 768px) */
@media (max-width: 768px) {
  .footer-ridara {
      z-index: 20;
  }
}
/* @media only screen and (max-width: 880px) {
#mySidenav{
    width: 100% !important;
}
} */
.stickBtnCntr {
    position: fixed;
    bottom: 45px;
    left: 50%;
    transform: translate(-50%);
    z-index: 999;
    overflow: hidden;
    width: 350px;
    height: 68px;
}

/* ---------- Responsive Styles ---------- */

.ImageCarousel_slide_txt__uid9l{
    max-width: 660px;
    margin-top: 40px;
}


.ImageCarousel_slide_txt__uid9l h4 {
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -.08em;
    padding: 0;
    margin: 0;
    color: #3b4c36;
}

@media only screen and (max-width: 767px) {
    .ImageCarousel_slide_txt__uid9l h4 {
        font-size: 20px;
    }
}

.ImageCarousel_slide_txt__uid9l p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08em;
    margin-top: 24px;
    margin-bottom: 0;
}







@media only screen and (max-width: 767px) {
    .stickBtnCntr button {
        font-size: 13.76px;
        line-height: 16.77px;
        width: 274px;
        background-size: 100%;
    }}

.stickBtnCntr button {
    background: url(../images/banner/test-drive-btn-orange.svg) no-repeat;
    background-size: 100% 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    border: 0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: #fff;
}

.stickBtnCntr button:before {
    position: absolute;
    content: "";
    width: 193px;
    height: 76px;
    background: url(../images/banner/test-drive-btn-orange-top.svg) no-repeat;
    background-size: 100% 100%;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    filter: blur(16px);
    z-index: -1;
}

.stickBtnCntr button:after {
    position: absolute;
    content: "";
    width: 282px;
    height: 54px;
    background: url(../images/banner/test-drive-btn-orange-bottom.svg) no-repeat;
    background-size: 100% 100%;
    bottom: -24px;
    left: 13%;
    filter: blur(44px);
    z-index: -1;
}

.footer_container {
    padding: 0 140px;
    color: #fff;
    position: relative;
}

.footer_logo {
    width: 207px;
    padding-top: 60px;
    margin-bottom: 144px;
}

.footer_logoCntr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}


.footer_backtop{
    margin-bottom: 10px;
}

.footer_footerLinks {
    position: absolute;
    right: 140px;
    top: 60px;
}

.footer_container ul {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.footer_container ul li {
    list-style: none;
}
.footer_container ul li:hover {
    color: #ff5b00 !important;
    border-color: #ff5b00 !important;
}

@media only screen and (max-width: 880px) {
    .footer_container ul li {
        margin-left: 0;
        margin-right: 20px;
    }
}


.footer_container ul li a {
    text-decoration: none;
    color: #fff;
}

.footer_container ul li a:hover {
    color: #ff5b00 !important;
    border-color: #ff5b00 !important;
}

.footer_container li a,
.footer_container li button {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    letter-spacing: -0.08em;
    text-align: left;
    color: #fff;
    margin-left: 24px;
    border: 0;
    background: transparent;
}

.footer_copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 16px;
    margin-top: 16px;
    position: relative;
}

/* ---------- Responsive Styles ---------- */

@media screen and (max-width: 1200px) {
    .footer_container {
        padding: 0 80px;
    }

    .footer_footerLinks {
        right: 80px;
    }
}

@media only screen and (max-width: 767px) {
.footer_footerLinks{
    display: none !important;
}
}

@media screen and (max-width: 992px) {
    .footer_container {
        padding: 0 40px;
    }

    .footer_logo {
        margin-bottom: 80px;
    }

    .footer_footerLinks {
        position: static;
        margin-top: 40px;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .footer_container ul {
        justify-content: center;
    }

    .footer_container li a,
    .footer_container li button {
        margin: 8px;
    }
}

@media screen and (max-width: 768px) {
    .footer_logo {
        padding-top: 40px;
        margin-bottom: 40px;
        width: 160px;
    }

    .footer_container li a,
    .footer_container li button {
        font-size: 16px;
    }

    .stickBtnCntr button:before {
        width: 140px;
        height: 60px;
        top: -10px;
    }

    .stickBtnCntr button:after {
        width: 200px;
        height: 40px;
        bottom: -18px;
    }
}

@media screen and (max-width: 480px) {
    .footer_container {
        padding: 0 20px;
    }

    .footer_footerLinks {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer_container ul {
        flex-direction: row;
        align-items: center;
    }

    .footer_container li a,
    .footer_container li button {
        margin: 8px 0;
        font-size: 14px;
    }

    .footer_copyright {
        flex-direction: column;
        text-align: center;
        font-size: 14px;
    }

    .stickBtnCntr button {
        font-size: 14px;
    }

    .stickBtnCntr button:before,
    .stickBtnCntr button:after {
        display: none; /* Optional: hide blurred decorations for mobile clarity */
    }
}

.footer_copyright:before {
    content: "";
    position: absolute;
    bottom: 71px;
    left: 0;
    background: #fff;
    width: 100%;
    height: 1px;
    opacity: 0.1;
}

.footer_socialicons {
    position: absolute;
    right: 140px;
    bottom: 87px;
}

.ImageandCta_container {
    margin: auto;
    width: 660px;
    padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
    .ImageandCta_rd6_logo img{
        width: auto;
        height: auto;
        max-width: 100%;

    }
}
.ImageandCta_rd6_logo {
    width: 100%;
    text-align: center;
    display: inline-block;
}




.car-collection {
    height: 1000px;
    position: relative;
    background: url(../images/banner/color-car-bg.png) no-repeat bottom;
    background-size: cover;
    z-index: 9;
}

.car-collection h2 {
    position: relative;
    padding-top: 80px;
    padding-left: 156px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin: 0;
    color: #3b4c36;
    text-transform: unset !important;
    letter-spacing: -.08em !important;
}

.car-collection h3 {
    position: relative;
    padding-left: 156px;
    font-size: 40px;
    line-height: 48px;
    font-weight: 300;
    color: #2d2926;
    margin-top: 16px;
    text-transform: unset !important;
    letter-spacing: -.08em !important;
}


.rd6-logo {
    position: absolute;
    top: 350px;
    left: 50%;
    transform: translate(-50%);
}



#color-scheme {
    position: absolute;
    top: 450px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    min-height: 415px;
}

.colorScheme_swipper_slide_img {
    width: 896px;
    height: auto;
    margin: auto;
}

.car-collection .swiper-button-prev {
    left: 400px !important;
    right: auto !important;
}

.car-collection .swiper-button-next {
    right: 400px !important;
    left: auto !important;
}

.car-collection .swiper-button-next,
.car-collection .swiper-button-prev {
    width: 68px;
    height: 68px;
    bottom: 21px;
    top: auto;
}

/* ---------- Responsive Styles ---------- */
@media only screen and (max-width: 880px) {
    .rd6-logo img {
        max-width: 280px !important;
    }
}
@media only screen and (max-width: 880px) {
    .colorMarginTop {
        padding-top: 40px;
        margin-top: 0;
    }
}
@media only screen and (max-width: 880px) {
    .colorMarginTop h2 {
        padding: 0 0 0 20px;
    }
}
@media screen and (max-width: 1200px) {
    .footer_socialicons {
        right: 80px;
    }

    .ImageandCta_container {
        width: 90%;
    }

    #color-scheme {
        width: 90%;
    }

    .colorScheme_swipper_slide_img {
        width: 100%;
    }

    .car-collection .swiper-button-prev {
        left: 150px !important;
    }

    .car-collection .swiper-button-next {
        right: 150px !important;
    }

    .car-collection h2,
    .car-collection h3 {
        padding-left: 80px;
    }
}

@media screen and (max-width: 992px) {
    .footer_socialicons {
        position: static;
        margin-top: 24px;
        text-align: center;
    }

    .car-collection h2 {
        font-size: 16px;
        padding-left: 40px;
    }

    .car-collection h3 {
        font-size: 28px;
        line-height: 34px;
        padding-left: 40px;
    }

    .car-collection {
        height: auto !important;
    }

    .rd6-logo,
    #color-scheme {
        position: relative;
        top: auto !important;
        left: auto;
        transform: none;
        margin: 40px auto;
        width: 100%;
    }

    .car-collection .swiper-button-prev,
    .car-collection .swiper-button-next {
       width: 70px;
        height: 70px;
        bottom: 12px;
    }

    .car-collection .swiper-button-prev {
        left: 50px !important;
    }

    .car-collection .swiper-button-next {
        right: 50px !important;
    }
    .rd6-logo {
        top: 170px !important;
        margin-top: 20px;
        transform: translate(-50%);
        left: 50%;
    }
    .car-collection .rd6-logo img {
        height: auto !important;
    }
}
@media only screen and (max-width: 767px) {
    #color-scheme, #color-scheme .swiper-horizontal {
        height: auto;
        min-height: auto;
        padding-bottom: 30px;
    }
}

.car-collection .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 40px!important;
    /* position: static; */
    margin-top: 60px;
    z-index: 1;
}

@media screen and (max-width: 576px) {
    .ImageandCta_container {
        width: 100%;
        padding: 20px 20px 60px;
        }

    .car-collection h2 {
        padding-left: 20px;
        font-size: 14px;
    }

    .car-collection h3 {
        padding-left: 20px;
        font-size: 22px;
        line-height: 28px;
    }

    .car-collection .swiper-button-prev,
    .car-collection .swiper-button-next {
        display: none;
    }

    #color-scheme {
        min-height: auto;
        position: static !important;
    }

    .colorScheme_swipper_slide_img {
        width: 100%;
    }

    .rd6-logo {
        top: 70px !important;
    }
    .car-collection .rd6-logo img {
        height: auto !important;
    }
}



.car-collection .swiper-fade .swiper-slide {
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.car-collection .swiper-pagination-bullet {
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.car-collection .swiper-container-fade .swiper-slide:before {
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 896px;
    height: 324px;
    content: "";
    background: url(../images/banner/car-shadow.png) no-repeat;
    background-size: 100%;
    transform: translate(-50%);
    z-index: -1;
}

.car-collection .swiper-container-fade .swiper-slide {
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 65px;
}

.swiper-container-fade .swiper-slide {
    transition-property: opacity;
}

@media only screen and (max-width: 767px) {
    .video-carousel {
        padding: 0px !important;
    }   
}
.video-carousel {
    padding: 0 40px;
    min-height: 820px;
    margin: 120px 0;
}

.video-carousel .video-pagination {
    display: flex;
    justify-content: space-between;
    max-width: 1020px;
    transform: translate(-50%);
    left: 50% !important;
    bottom: 75px !important;
    z-index: 1;
    position: relative;
}

.video-carousel .swiper-pagination-bullet {
    width: 300px !important;
    background: none !important;
    height: 100%;
    cursor: pointer;
    opacity: 1 !important;
    border-bottom: 3px solid #bdb8b5;
    border-radius: 0;
    padding-bottom: 20px;
}

.video-carousel .swiper-pagination-bullet-active {
    border-bottom: 3px solid #ff5b00;
}

/* ---------- Responsive Styles ---------- */

/* Large Screens (Desktop) */
@media screen and (max-width: 1200px) {
    .video-carousel {
        padding: 0 20px;
    }

    .video-carousel .video-pagination {
        max-width: 900px;
        left: 50%;
    }

    .video-carousel .swiper-pagination-bullet {
        width: 250px !important;
    }
}

/* Tablets and smaller screens */
@media screen and (max-width: 992px) {
    .video-carousel {
        margin: 80px 0;
    }

    .video-carousel .video-pagination {
        bottom: 40px !important;
    }

    .video-carousel .swiper-pagination-bullet {
        width: 200px !important;
        padding-bottom: 15px;
    }

    .video-carousel .swiper-pagination-bullet-active {
        border-bottom: 2px solid #ff5b00;
    }
}

/* Small Screens (Mobile) */
@media screen and (max-width: 576px) {
    .video-carousel {
        padding: 0 10px;
        min-height: 600px;
    }

    .video-carousel .video-pagination {
        flex-direction: column;
        bottom: 30px !important;
        align-items: center;
    }

    .video-carousel .swiper-pagination-bullet {
        width: 150px !important;
        height: 10px !important;
        padding-bottom: 10px;
    }

    .video-carousel .swiper-pagination-bullet-active {
        border-bottom: 2px solid #ff5b00;
    }
}

.newsmedia_container {
    padding: 0 140px;
    margin-top: 120px;
    position: relative;
}
@media only screen and (max-width: 1600px) {
    .newsmedia_container {
        padding: 0 80px;
        margin-top: 80px;
    }
}

@media only screen and (max-width: 1200px) {
    .newsmedia_container {
        padding: 0 40px;
        margin-top: 60px;
    }
}




@media only screen and (max-width: 767px) {
    .newsmedia_container:before {   
        display: block !important; 
        background: url(../images/banner/news-media-svg.svg) no-repeat !important;
        height: 127px !important;
        width: 90% !important;
        top: -45px !important;
    }
}

.newsmedia_container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 150px;
    background: url(../images/banner/vector2-new.svg) no-repeat 0;
    background-size: contain;
    width: 75%;
    height: 375px;
    z-index: -1;
}

.newsmedia_container span {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    color: #3b4c36;
    letter-spacing: -.08em;
}

.newsmedia_container h2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 73.14px;
    letter-spacing: -.08em;
}

.newsmedia_view_all_btn {
    width: 239px;
    height: 51px;
    top: 150px !important;
    right: 140px;
    position: absolute !important;
    z-index: 99;
}


.btn {
    position: relative;
    display: flex;
    justify-content: center;
    width: 202px;
    letter-spacing: -.08em;
    height: 51px;
    font-size: 14px;
    line-height: 17px;
    font-style: normal;
    text-align: center;
    margin-top: 24px;
    outline: none !important;
    text-transform: uppercase;
}





@media only screen and (max-width: 1600px) {
    .newsmedia_view_all_btn {
        top: 80px !important;
        right: 80px;
    }
}
@media only screen and (max-width: 1200px) {
    .newsmedia_view_all_btn {
        top: 40px !important;
        right: 40px;
    }
}
@media only screen and (max-width: 1023px) {
    .newsmedia_view_all_btn {
        top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .newsmedia_view_all_btn {
        margin: 0 !important;
        top: 770px !important;
        /* bottom: -70px; */
        transform: translate(-50%);
        right: inherit;
        left: 50% !important;
        position: absolute;
    }
}










.newsmedia_btn_txt {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-align: center;
    color: #3b4c36;
}

.explore-btn, .test-drive-btn:hover {
    background: url(../images/banner/btn1-bg.svg) no-repeat;
    background-size: 100% 100%;
    color: #2d2926;
    border-radius: 0;
    border: 0 !important;
}



@media only screen and (max-width: 550px) {
    .threeDModel .explore-btn, .threeDModel .test-drive-btn {
        width: 150px;
    }
}

.explore-btn:hover, .test-drive-btn {
    background: url(../images/banner/btn2-bg.svg) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    border-radius: 0;
    border: 0 !important;
}

.newsarticle_article, .newsarticle_cover_img {
    width: 100%;
}

.newsarticle_cover_img img {
    height: 295px;
    object-fit: cover;
    width: 100%;
}

.newsarticle_article_txt {
    margin-top: 30px;
    width: 80%;
}


@media only screen and (max-width: 767px) {
.newsarticle_article_txt {
    width: 100%;
    padding: 20px !important;
}

}

/* ---------- Responsive Styles ---------- */

/* Large Screens (Desktop) */


.newsarticle_hdg_txt span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    letter-spacing: -.08em;
}

.newsarticle_hdg_txt h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    letter-spacing: -.08em;
    margin: 8px 0;
}

.newsarticle_short_desc p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.08em;
    margin-bottom: 24px;
}

.newsarticle_read_more {
    text-decoration: none;
    color: #ff5b00;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-align: center;
}



@media only screen and (max-width: 767px) {
.newsmedia_swiper{
    width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    overflow: hidden;
}
}

.newsmedia_swiper {
    width: 100%;
    padding-top: 176px;
    padding-bottom: 50px;
    overflow: hidden;
}







/* CUSTOM CSS FOR HOME SLIDER  START*/















/* CUSTOM CSS FOR HOME SLIDER END */














.homenews .swiper-button-prev {
    left: 30% !important;
}

.homenews .swiper-button-next,
.homenews .swiper-button-prev {
    width: 70px;
    top: inherit;
    z-index: 99;
    height: 70px;
    bottom: 1px;
}


.homenews .swiper-button-next {
    right: 30% !important;
}

.homenews .swiper-horizontal {
    padding-bottom: 90px;
}

.homenews .swiper-pagination-bullet {
    margin: 0 !important;
    width: 50px;
    height: 2px !important;
    padding: 0 !important;
    border-radius: 0;
}

.swiper-pagination-vm {
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10;

        bottom: 27px !important;
            position: relative;
}
@media (max-width: 767px) {
    .swiper-pagination-vm {
        bottom: 70px !important; /* closer to the slides on mobile */
        /* If needed, you can also adjust font-size or spacing */
    }
}


.homenews .swiper-slide {
    filter: blur(4px);
}
.homenews .swiper-slide-active {
    filter: blur(0px);
    transform: translateY(-30px) ; /* Move it up */
  z-index: 2 !important; /* Make sure it sits above others */
  }


/* -----
----- Responsive Styles ---------- */




.homenews .swiper-pagination-bullet {
    margin: 0 !important;
    width: 50px;
    height: 2px !important;
    padding: 0 !important;
    border-radius: 0;
}

.homenews .swiper-pagination-bullet-active {
    background: #ff5b00;
}

.homenews .swiper-button-prev-vm {
    left: 30% !important;
}

.homenews .swiper-button-next-vm,
.homenews .swiper-button-prev-vm {
    width: 40px;
    top: inherit;
    z-index: 99;
    height: 40px;
    bottom: 1px;
}

.swiper-button-prev-vm ,.swiper-button-next-vm {
    right: auto;

}

.swiper-button-next-vm, .swiper-button-prev-vm {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}



.homenews .swiper-button-next-vm:after,
.homenews .swiper-button-prev-vm:after {
    content: ""; /* <-- Required */
    background: url(/images/slider/swipe-right.svg) no-repeat;
    font-size: 0;
    background-size: 100%;
}


.homeNews .swiper-button-next-vm:after, .homeNews .swiper-button-prev-vm:after {
    content: "";
    width: 40px;
    height: 40px;
}




.swiper-button-next-vm:after, .swiper-button-prev-vm:after {
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1;
}

/* .homenews .swiper-slide {
    opacity: 0.5; 
    filter: blur(5px); 
} */

/* .homenews .swiper-slide.swiper-slide-active {
    opacity: 1; 
    filter: blur(0px); 
    width: auto !important; 
} */

/* 3D Model Section */
.threeDModel {
    background: url(../images/banner/model-bg.png) no-repeat;
    background-size: 100%;
    height: 100vh;
}
@media only screen and (max-width: 1400px) {
    .threeDModel {
        height: 690px;
        position: relative;
}}

@media only screen and (max-width: 1025px) {
    .threeDModel {
        height: 700px;
    }
}
@media only screen and (max-width: 880px) {
    .threeDModel {
        height: 730px;
    }
}

@media only screen and (max-width: 767px) {
    .threeDModel {
        height: auto;
        padding-bottom: 20px;
    }
}


.threeDModelnav {
    padding: 124px 140px 0 0;
    position: relative;
    z-index: 9;
}
.threeDModelnav ul {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.threeDModelnav li {
    list-style: none;
}
@media only screen and (max-width: 1600px) {
    .threeDModelnav {
        padding: 100px 80px 0 0;
    }
}
@media only screen and (max-width: 1550px) {
    .threeDModelnav {
        padding: 100px 80px 0 0;
    }
}

@media only screen and (max-width: 1300px) {
    .threeDModelnav {
        padding-right: 40px;
    }
}

@media only screen and (max-width: 880px) {
.threeDModelnav {
    padding: 100px 20px 0 0;
}
}







@media only screen and (max-width: 880px) {
.threeDModelnav ul{
    padding: 0;
}
}




.threeDModelnav button, 
.threeDModelnav li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.07px;
    text-align: left;
    margin-left: 24px;
    color: #2d2926;
    text-decoration: none;
    border: 0;
    background: transparent;
}
@media only screen and (max-width: 767px) {
    .threeDModelnav button, 
.threeDModelnav li a  {
        margin-left: 10px !important;
    }
}
@media only screen and (max-width: 400px) {
    .threeDModelnav button, 
.threeDModelnav li a   {
        font-size: 12px !important;
    }
}





/* ---------- Responsive Styles ---------- */



.threeDModellogo {
    position: absolute;
    top: 171px;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
}















.threeDModelcars {
    position: absolute;
    top: 240px;
    left: 50%;
    transform: translate(-50%);
}
@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threeDModelcars {
        position: absolute;
        top: 14%;
        left: 50%;
        transform: translate(-50%);
        width: 62% !important;
    }
}
@media only screen and (max-width: 1550px) {
    .threeDModelcars {
        width: 50% !important;
    }
}
@media only screen and (max-width: 1400px) {
    .threeDModelcars {
        top: 150px;
    }
}
@media only screen and (max-width: 880px) {
    .threeDModelcars {
        top: 190px;
    }
}



@media only screen and (max-width: 767px) {
    .threeDModelcars {
        position: relative;
        transform: inherit;
        width: 100% !important;
        padding: 0 5%;
        left: inherit;
        top: 41px;
    }
}











/* 
@media only screen and (max-width: 1550px) {
    .threeDModelcars {
        width: 50% !important;
    }
}
@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threeDModelcars  {
        position: absolute;
        top: 14%;
        left: 50%;
        transform: translate(-50%);
        width: 62% !important;
    }
}
@media only screen and (max-width: 1400px) {
    .threeDModelcars{
        top: 150px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
}}
@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threeDModelcars {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 62% !important;
    }
}

@media only screen and (max-width: 767px) {
.threeDModelcars{
    position: relative;
    transform: inherit;
    width: 100% !important;
    padding: 0 5%;
    left: inherit;
    top: 41px;

}
} */


.threeDModelcars:after {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%);
    content: "";
    background: url(../images/Logo/degree360.svg) no-repeat;
    width: 1286px;
    height: 177px;
    z-index: -1;
}

@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threeDModelcars:after {
        bottom: 8%;
    }
}
@media only screen and (max-width: 1550px) {
    .threeDModelcars:after {
        bottom: 5%;
    }
}
@media only screen and (max-width: 1400px) {
    .threeDModelcars:after {
        width: 800px;
        background-size: contain;
        bottom: -50px;
    }
}
@media only screen and (max-width: 880px) {
    .threeDModelcars:after {
        width: 100%;
        bottom: -100px;
    }
}
@media only screen and (max-width: 767px) {
    .threeDModelcars:after {
        width: 96%;
        bottom: -120px;
        z-index: -1;
    }
}












    @media only screen and (max-width: 1550px) {
        .ThreeDModelComponent_hero360View__hxTz2:after {
            bottom: 5%;
        }
    }
    @media (min-height: 800px), only screen and (min-width: 1500px) {
        .ThreeDModelComponent_hero360View__hxTz2:after {
            bottom: 8%;
        }
    }




.threedmodelcom {
    position: absolute;
    bottom: 40px;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
}

.threedmodelcom h1 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 300;
    line-height: 36.57px;
    letter-spacing: -.08em;
    color: #2d2926;
}



.threedmodelcom_coltwo span {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
    color: #3b4c36;
    margin-bottom: 16px;
    display: inline-block;
}
.modelspecifications_container {
    padding: 80px 0 124px;
    background: #f9f9f9;
    position: relative;
}

@media only screen and (max-width: 880px) {
.modelspecifications_container{
    padding: 150px 0 124px !important;
    overflow-x: scroll !important;
}
}


.modelspecifications_container:after,
.modelspecifications_container:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 280px;
    background: url(../images/bg/specs-bg.svg) no-repeat;
    height: 278px;
    background-size: 100%;
}

.specifications_acdrCntr {
    max-width: 800px;
    margin: 0 auto;
}

.specifications_hdg_txt {
    padding-bottom: 80px;
}

@media only screen and (max-width: 880px) {
    .specifications_hdg_txt {
        padding-bottom: 40px;
    }
}





.specifications_hdg_txt span {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
}

.specifications_hdg_txt h3 {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -.08em;
    margin-top: 16px;
    margin-bottom: 0;
}


@media only screen and (max-width: 880px) {
    .specifications_hdg_txt h3 {
        font-size: 24px;
        line-height: 1.3;
        margin-top: 8px;
    }
}



.modelspecifications_accHeading {
    display: flex;
    gap: 80px;
    margin-bottom: 24px;
}



@media only screen and (max-width: 880px) {
    .modelspecifications_accHeading {
        gap: 20px;
        display: block;
    }
}



.modelspecifications_accHeading1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    color: #3b4c36;
}







/* RIDARA.html START*/



.ModelSafetyCarousel_container__oTxus {
    padding-left: 140px;
    margin: 120px 0;
}
@media only screen and (max-width: 1600px) {
    .ModelSafetyCarousel_container__oTxus {
        padding-left: 80px;
        margin: 80px 0;
    }
}

@media only screen and (max-width: 1390px) {
    .ModelSafetyCarousel_container__oTxus {
        padding-left: 40px;
        margin: 40px 0;
    }
}
@media only screen and (max-width: 880px) {
    .ModelSafetyCarousel_container__oTxus {
        padding-left: 20px;
    }
}


.ModelSafetyCarousel_hdg_txt__2x3a1 {
    max-width: 806px;
    margin-bottom: 80px;
}

@media only screen and (max-width: 1600px) {
    .ModelSafetyCarousel_hdg_txt__2x3a1 {
        max-width: 100%;
        margin-bottom: 50px;
    }
}




.ModelSafetyCarousel_hdg_txt__2x3a1 p {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
}

.ModelSafetyCarousel_hdg_txt__2x3a1 h2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 73.14px;
    letter-spacing: -.08em;
    margin-bottom: 16px;
}
@media only screen and (max-width: 1600px) {
    .ModelSafetyCarousel_hdg_txt__2x3a1 h2, .ModelSafetyCarousel_slide_txt__Tds7C h3 {
        font-size: 40px;
        line-height: 1.4;
    }
}
@media only screen and (max-width: 880px) {
    .ModelSafetyCarousel_hdg_txt__2x3a1 h2, .ModelSafetyCarousel_slide_txt__Tds7C h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 880px) {
    .ModelSafetyCarousel_hdg_txt__2x3a1 h2 {
        font-size: 20px;
    }
}









.ModelSafetyCarousel_slide_txt__Tds7C {
    margin-top: 27px;
    padding-bottom: 90px;
}







.ModelSafetyCarousel_slide_txt__Tds7C h3 {
    font-size: 54px;
    font-weight: 300;
    line-height: 65.83px;
    letter-spacing: -.08em;
    margin-bottom: 16px;
    min-height: 131px;
}

@media only screen and (max-width: 1600px) {
    .ModelSafetyCarousel_hdg_txt__2x3a1 h2, .ModelSafetyCarousel_slide_txt__Tds7C h3 {
        font-size: 40px;
        line-height: 1.4;
    }
}
@media only screen and (max-width: 1600px) {
    .ModelSafetyCarousel_slide_txt__Tds7C h3 {
        min-height: 100px;
    }
}
@media only screen and (max-width: 880px) {
    .ModelSafetyCarousel_hdg_txt__2x3a1 h2, .ModelSafetyCarousel_slide_txt__Tds7C h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 880px) {
    .ModelSafetyCarousel_slide_txt__Tds7C h3 {
        min-height: 60px;
        min-height: inherit;
        font-size: 20px;
    }
}






.ModelSafetyCarousel_container__oTxus {
    padding-right: 140px;
    padding-left: 140px;
    margin: 120px 0;
}
@media only screen and (max-width: 1600px) {
    .ModelSafetyCarousel_container__oTxus {
        padding-right: 80px;
        padding-left: 80px;
        margin: 80px 0;
    }
}
@media only screen and (max-width: 1390px) {
    .ModelSafetyCarousel_container__oTxus {
        padding-right: 40px;
        padding-left: 40px;
        margin: 40px 0;
    }
}

@media only screen and (max-width: 880px) {
    .ModelSafetyCarousel_container__oTxus {
        padding-right: 20px;
        padding-left: 20px;
    }
}















.ImageCarousel_container___Z_tX {
    padding: 80px 0 80px 0px;
}
@media only screen and (max-width: 1600px) {
    .ImageCarousel_container___Z_tX {
        padding: 60px 0 60px 0px;
    }
}
@media only screen and (max-width: 1200px) {
    .ImageCarousel_container___Z_tX {
        padding: 40px 0 80px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .ImageCarousel_container___Z_tX {
        padding: 40px 0 40px 0px;
    }
}









.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-horizontal {
    touch-action: pan-y;
}
.homeNews .swiper-horizontal {
    padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
    .homeNews .swiper-horizontal {
        padding-bottom: 50px;
    }
}




.homeNews .swiper-button-next, .homeNews .swiper-button-prev {
    width: 40px;
    top: inherit;
    z-index: 99;
    height: 40px;
    bottom: 1px;
}




.homeNews .swiper-button-prev {
    left: 30% !important;
}
@media only screen and (max-width: 1050px) {
    .homeNews .swiper-button-prev {
        left: 20px !important;
    }
}
@media only screen and (max-width: 767px) {
    .homeNews .swiper-button-next, .homeNews .swiper-button-prev {
        display: none;
    }
}




.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


/* RIDARA.html END*/


/* ---------- Responsive Styles ---------- */

.threedmodelcom_coltwo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

/* Large Screens (Desktop) */

@media only screen and (max-width: 1400px) {
    .modelspecifications_container:after, .modelspecifications_container:before {
        width: 175px;
    }
}
@media only screen and (max-width: 1025px) {
    .modelspecifications_container:after, .modelspecifications_container:before {
        opacity: .2;
    }
}
@media only screen and (max-width: 880px) {
    .modelspecifications_container:after, .modelspecifications_container:before {
        opacity: 1;
        width: 115px;
    }
}



@media only screen and (max-width: 880px) {
.specifications_acdrCntr{
    padding: 0 20px ;
    width: 450px ;

}
}


.modelspecifications_accHeading2,
.modeldpecifications_accHeading3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    color: #3b4c36;
}

.accordion-item {
    position: relative;
    display: flex;
    gap: 80px;
    border-top: 2px dashed #d9d3d3 !important;
    padding: 24px 0 31px;
}

.accordion-item h2 {
    min-width: 192px;
    max-width: 192px;
}
.accordionItem[data-open=true] {
    padding-bottom: 0;
}


.accBorder, .accImage {
    margin-bottom: 4px;
    height: 30px;
    position: relative;
}
.accBorder:before {
    width: 8px;
    height: 8px;
    content: "";
    border: 8px solid #53565a;
    border-radius: 50%;
    position: absolute;
    top: 4px;
}

.accImage:before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    background: url(/images/check-img.png) no-repeat;
    background-size: 100%;
}




.accordionContent {
    padding-top: 0 !important;
}
.accordionContent p{
    font-size: 24px;
    font-weight: 300;
    line-height: 29.26px;
    margin-bottom: 4px;
}


.accordionContent h5 {
    font-size: 12px;
    font-weight: 700;
    line-height: 14.63px;
    margin-bottom: 24px;
}


@media only screen and (max-width: 767px) {
    .accordionContent h5 {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 880px) {
    .accordionContent, .accordion-item {
        gap: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .accordionContent p {
        font-size: 18px;
    }
}




@media only screen and (max-width: 767px) {
    .accordion-item {
        display: block;
    }
}



.accordionTitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    color: #3b4c36;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: math-auto;
}

.accordion-button {
    display: block;
    width: 100%;
    border: 0 !important;
    background: transparent !important;
    outline: none;
    padding: 0 !important;
    position: relative;
}

.accordion-button:after {
    background: url(../images/bg/accMinus.svg) no-repeat center;
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 5px;
}

.accordion-button.collapsed:after {
    background: url(../images/bg/accPlus.svg) no-repeat center;
}

.accordion-button:not(.collapsed)::after {
    background: url(../images/bg/accMinus.svg) no-repeat center !important;
}




.accordion-button:not(.collapsed) {
    box-shadow: unset !important;
}


.modelspecifications_accHeading div {
    min-width: 192px;
}

.car_cabincontainer {
    padding: 0 140px;
    margin: 80px 0 120px;
}

.carcabin_cabin_interior {
    margin-top: 60px;
}

.carcabin_hdg_txt span {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
    color: #3b4c36;
}

.carcabin_hdg_txt h4 {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -.08em;
    margin-top: 16px;
}

.carcabin_cabin_interior h5 {
    margin-bottom: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.08em;
    color: #3b4c36;
}

.CarCabin_btm_row__Aqv_K h5 {
    margin-bottom: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.08em;
    color: #3b4c36;
}


.CarCabin_btm_row__Aqv_K .CarCabin_dasboard_img__YMMA6 img {
    height: 408px;
}
.CarCabin_dasboard_img__YMMA6 img {
    height: 476px;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 767px) {
    .CarCabin_btm_row__Aqv_K .CarCabin_dasboard_img__YMMA6 img, .CarCabin_dasboard_img__YMMA6 img {
        height: 330px;
    }
}

.car_cabin_img1 img {
    height: 476px;
    width: 100%;
    object-fit: cover;
}

.carcabin_rowcntr {
    --bs-gutter-x: 40px;
}

.carcabin_btm_row {
    margin-top: 40px;
}

/* Swiper Button */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: url(../images/bg/swipe-right.svg) no-repeat center !important;
    font-size: 0;
    width: 40px;
    height: 40px;
}

/* ---------- Responsive Styles ---------- */


.accordion{
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}


/* Large Screens */
@media (max-width: 1200px) {
   

    .car_cabincontainer {
        padding: 0 100px;
    }
}

/* Tablets */

@media only screen and (max-width: 880px) {
    .car_cabin_img1{
        margin-bottom: 50px !important;
    }
}
@media only screen and (max-width: 880px) {

.CarCabin_dasboard_img__YMMA6{
    margin-bottom: 50px !important;

}
}

@media only screen and (max-width: 767px) {
    .car_cabin_img1 img {
        height: 330px !important;
    }
}  



@media (max-width: 992px) {
  

    .car_cabincontainer {
        padding: 0 60px;
    }

  

    .carcabin_hdg_txt h4 {
        font-size: 32px;
    }
}

/* Mobile */
@media only screen and (max-width: 880px) {
    .accordionTitle {
        font-size: 16px;
        flex-direction: row;
        justify-content: space-between;
        text-transform: math-auto;
    }

    .accordion-button:after {
        top: 0;
        right: 0;
    }

    .modelspecifications_accHeading2,
    .modeldpecifications_accHeading3 {
        font-size: 16px;
        display: inline-block;    }

  

    .car_cabincontainer {
        padding: 0 24px;
        margin: 40px 0 0;
    }

    .carcabin_hdg_txt h4 {
        font-size: 24px;
        line-height: 1.3;
    }

    .carcabin_cabin_interior h5 {
        font-size: 16px;
    }
}


/* Swiper Buttons */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background: url(../images/bg/swipe-left.svg) no-repeat center !important;
    background-size: contain;
    font-size: 0;
    width: 40px;
    height: 40px;
}

/* Image with Caption */
.image_with_caption_container {
    position: relative;
    height: inherit;
}



.image_with_caption_container img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media only screen and (max-width: 880px) {
    .image_with_caption_container img {
        min-height: 300px;
    }
}

.image_with_caption_container_txt {
    position: absolute;
    bottom: 80px;
    left: 140px;
    width: 773px;
    color: #fff;
}



@media only screen and (max-width: 880px) {
    .image_with_caption_container_txt {
        left: 20px !important;;
        bottom: 20px !important;;
    }
}
@media only screen and (max-width: 1390px) {
    .image_with_caption_container_txt {
        left: 40px !important;;
    }
}
@media only screen and (max-width: 1390px) {
    .image_with_caption_container_txt {
        width: 94% !important;
    }
}
@media only screen and (max-width: 1600px) {
    .image_with_caption_container_txt {
        left: 80px ;
    }
}
@media only screen and (max-width: 1600px) {
    .image_with_caption_container_txt {
        width: 60% ;
    }
}






@media only screen and (max-width: 880px) {
    .image_with_caption_container_txt h2 {
        font-size: 16px;
    }
}

.image_with_caption_container_txt h2 {
    color: white !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -0.08em;
}




@media only screen and (max-width: 880px) {
    .image_with_caption_container_txt p {
                font-size: 14px !important;
    }
}

@media only screen and (max-width: 1390px) {
    .image_with_caption_container_txt p {
                font-size: 30px;
        line-height: 1.4 !important;
    }
}  

.image_with_caption_container_txt p {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -0.08em;
    margin-bottom: 0;
}

/* Container for full-width video or image */



.VideoWithCaption_video_txt__ip57Z p{
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -.08em;
    margin-top: 16px;
}

@media only screen and (max-width: 1600px) {
    .VideoWithCaption_video_txt__ip57Z p {
        font-size: 30px;
        line-height: 1.4;
    }
}
@media only screen and (max-width: 1250px) {
    .VideoWithCaption_video_txt__ip57Z p {
        font-size: 24px;
    }
}


@media only screen and (max-width: 767px) {
    .VideoWithCaption_video_txt__ip57Z p {
        font-size: 20px !important;
        margin-top: 12px !important;
    }
}










.videoWithvaption_container_fluid iframe {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
    scale: 1.2;
}



@media only screen and (max-width: 767px) {
    .videoWithvaption_container_fluid iframe {
        scale: 1.5;
        min-height: 300px;
    }
}





.videoWithvaption_container_fluid {
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .videoWithvaption_container_fluid {
        min-height: 300px;
    }
}






.VideoWithCaption_video_txt__ip57Z {
    position: absolute;
    left: 140px;
    bottom: 80px;
    width: 661px;
    color: #fff;
}
.VideoWithCaption_video_txt__ip57Z span{
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
    display: block;
}
@media only screen and (max-width: 1600px) {
    .VideoWithCaption_video_txt__ip57Z {
        left: 80px;
        bottom: 80px;
        width: 40% ;
    }
}
@media only screen and (max-width: 1250px) {
    .VideoWithCaption_video_txt__ip57Z {
        left: 40px;
        bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .VideoWithCaption_video_txt__ip57Z {
        left: 20px;
        width: 80%;
        bottom: 20px;
    }
}





/* Model Feature Intro */
.modelfeatureintro_container {
    padding: 0 350px;
    text-align: center;
    margin: 120px 0;
    position: relative;
}

.modelfeatureintro_container:before {
    left: 0 !important;
}
.modelfeatureintro_container:before,
.modelfeatureintro_container:after {
    content: "";
    position: absolute;
    top: 18px;
    width: 310px;
    height: 1px;
    background: #3b4c36;
}
@media only screen and (max-width: 1600px) {
    .modelfeatureintro_container:before,
    .modelfeatureintro_container:after {
        width: 80px;
    }
}
@media only screen and (max-width: 1390px) {
    .modelfeatureintro_container:before,
.modelfeatureintro_container:after {
        width: 35px !important;
    }
}








.modelfeatureintro_container:after {
    right: 0;
}
.modelfeatureintro_container h3 {
    text-transform: unset;
    font-size: 30px;
    font-weight: 700;
    line-height: 36.57px;
    letter-spacing: -0.08em;
    color: #3b4c36;
    margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
    .modelfeatureintro_container h3 {
        text-transform: unset;
        font-size: 20px !important;
    }
}


.modelfeatureintro_container h5 {
    text-transform: unset;
    font-size: 14px;
    font-weight: 700;
    line-height: 17.07px;
    letter-spacing: -0.08em;
    margin-top: 0;
    margin-bottom: 8px;
}

.modelfeatureintro_container p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    letter-spacing: -0.08em;
    margin: 0;
}

.modelfeatureintro_car_spec {
    max-width: 380px;
    margin: 0 auto;
}
@media only screen and (max-width: 880px) {
    .modelfeatureintro_car_spec {
        max-width: 100% !important;
        margin-bottom: 40px !important;
    }
}
@media only screen and (max-width: 767px) {
    .modelfeatureintro_car_spec {
        margin-bottom: 30px !important;
    }
}



@media only screen and (max-width: 767px) {
    .top-header .logo {
        max-width: 170px;
    }
}





.SplitImagesWithText_container_fluid__WGfIE {
    position: relative;
    height: 960px;
}
@media only screen and (max-width: 1600px) {
    .SplitImagesWithText_container_fluid__WGfIE {
        height: 750px;
    }
}

@media only screen and (max-width: 1390px) {
    .SplitImagesWithText_container_fluid__WGfIE {
        height: 650px;
    }
}
@media only screen and (max-width: 880px) {
    .SplitImagesWithText_container_fluid__WGfIE {
        height: 550px;
    }
}
@media only screen and (max-width: 767px) {
    .SplitImagesWithText_container_fluid__WGfIE {
        height: 400px;
    }
}

@media only screen and (max-width: 557px) {
    .SplitImagesWithText_container_fluid__WGfIE {
        height: 330px;
    }
}



.SplitImagesWithText_familycar__olQcM {
    position: relative;
    height: inherit;
    -webkit-clip-path: polygon(0 0, 52% 0, 44% 100%, 0 100%);
    clip-path: polygon(0 0, 52% 0, 44% 100%, 0 100%);
    width: 100%;
    transition: all 1s ease-in-out;
    background-size: cover;
}

.SplitImagesWithText_familycar__olQcM:hover
 {
    -webkit-clip-path: polygon(0 0, 65% 0, 56% 100%, 0 100%);
    clip-path: polygon(0 0, 65% 0, 56% 100%, 0 100%);
}


.SplitImagesWithText_fc__bBuRD {
    position: absolute;
    left: 140px;
    bottom: 80px;
}
@media only screen and (max-width: 1600px) {
    .SplitImagesWithText_fc__bBuRD {
        left: 80px;
    }
}
@media only screen and (max-width: 1390px) {
    .SplitImagesWithText_fc__bBuRD {
        left: 40px;
        bottom: 40px;
        max-width: 40%;
    }
}

@media only screen and (max-width: 880px) {
    .SplitImagesWithText_fc__bBuRD {
        left: 20px;
        bottom: 20px;
    }
}



.SplitImagesWithText_main_txt__nk347 h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48.76px;
    letter-spacing: -.08em;
    color: #fff;
}

@media only screen and (max-width: 880px) {
    .SplitImagesWithText_main_txt__nk347 h4 {
        font-size: 24px;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 767px) {
    .SplitImagesWithText_main_txt__nk347 h4 {
        font-size: 20px;
    }
}


.SplitImagesWithText_outdoor___FCkL {
    background-size: cover;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: inherit;
    z-index: -1;
}





.SplitImagesWithText_oe__9qyE_ {
    position: absolute;
    right: 140px;
    bottom: 80px;
}
@media only screen and (max-width: 1600px) {
    .SplitImagesWithText_oe__9qyE_ {
        right: 80px;
    }
}
@media only screen and (max-width: 1390px) {
    .SplitImagesWithText_oe__9qyE_ {
        right: 40px;
        bottom: 40px;
        max-width: 40%;
    }
}
@media only screen and (max-width: 880px) {
    .SplitImagesWithText_oe__9qyE_ {
        right: 20px;
        bottom: 20px;
    }
}






.cdCntr {
    position: relative;
    padding: 80px 140px 120px;
}
@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .cdCntr {
        position: relative;
        padding: 5vw;
    }
}

@media only screen and (max-width: 1050px) {
    .cdCntr {
        margin: 40px 0;
    }
}

.cdCntr img {
    width: 100%;
    height: auto;
}



.cdCntr .cdpoint.active {
    width: 5.5vw;
    height: 5.5vw;
}


.cdCntr .cdpoint1 {
    left: 60.4%;
    top: 58.8%;
}
.cdCntr .cdpoint {
    position: absolute;
    width: 2.5vw;
    height: 2.5vw;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: .6s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    border: 0;
}

@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .cdCntr .cdpoint1 {
        left: 60.7%;
        top: 60.4%;
    }
}




.cdCntr .cdpoint.active:before {
    transform: scale(.5);
    opacity: 0;
    background: #fff;
    animation: pointAnim 3s linear 1.5s infinite;
}

.cdCntr .cdpoint:after, .cdCntr .cdpoint:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    top: 0;
}





.cdCntr .cdpoint.active span {
    opacity: 1;
}

.cdCntr .cdpoint span {
    width: 50%;
    height: 50%;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.4px;
    font-style: normal;
    font-weight: 400;
    color: #ff5b00;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    transition: .6s;
    z-index: 10;
    position: relative;
    opacity: 0;
}

.active .cdtext {
    display: block;
}
.cdtext {
    position: absolute;
    top: 100px;
    background: url(/images/cdpoint-bg.png) no-repeat;
    width: 360px;
    height: 112px;
    background-size: 100%;
    padding: 24px 24px 0;
    display: none;
    color: black;
}
@media only screen and (max-width: 1050px) {
    .cdtext {
        top: 57px;
        width: 320px;
        height: 98px;
        padding: 12px 12px 0;
    }
}
@media only screen and (max-width: 767px) {
    .cdtext {
        top: 25px;
        width: 272px;
    }
}




.cdtext:before {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #d3cfcfcc;
    content: "";
    position: absolute;
    right: 155px;
    top: -24px;
}
@media only screen and (max-width: 1050px) {
    .cdtext:before {
        right: 136px;
    }
}

@media only screen and (max-width: 767px) {
    .cdtext:before {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #ffffffcc;
        right: 126px;
        top: -12px;
    }
}
@media only screen and (max-width: 767px) {
    .cdtext h3 {
        font-size: 18px;
        color: black;
    }
}







/* CDPoint2 */

.cdCntr .cdpoint2 {
    left: 19.25%;
    top: 68%;
}

@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .cdCntr .cdpoint2 {
        left: 17.9%;
        top: 69.6%;
    }
}


/* CDPoint3 */
.cdCntr .cdpoint3 {
    left: 39.4%;
    top: 50%;
}


@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .cdCntr .cdpoint3 {
        left: 38.8%;
        top: 51.5%;
    }
}


/* CDPoint4 */
.cdCntr .cdpoint4 {
    left: 59.05%;
    top: 32.5%;
}
@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .cdCntr .cdpoint4 {
        left: 59.3%;
        top: 34.4%;
    }
}



/* CDPoint5 */



.cdCntr .cdpoint5 {
    left: 85.4%;
    top: 50.1%;
}


@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .cdCntr .cdpoint5 {
        left: 86.8%;
        top: 51.7%;
    }
}














.VideoWithCaption_container_fluid__uCoCZ {
    position: relative;
    overflow: hidden;
}


@media only screen and (max-width: 767px) {
    .VideoWithCaption_container_fluid__uCoCZ {
        min-height: 300px;
    }
}






/* Side Navigation */
.sidenav ul {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 767px) {
.nav-links{
    text-align: center;
}
}

.sidenav .nav-links {
    padding: 50px 70px 0;
    position: relative;
    z-index: 99;
}

.nav-links li {
    list-style: none;
    transform: translateX(150px);
    opacity: 0;
    transition: all 0.5s ease;
}

/* Optional: when active, animate into place */
/* .nav-links li.show {
    transform: translateX(0);
    opacity: 1;
} */

/* ---------- Responsive Styles ---------- */


@media only screen and (max-width: 1600px) {
    .modelfeatureintro_container {
        padding: 0 80px;
        margin: 0 0 60px;
    }
}
@media only screen and (max-width: 1390px) {
    .modelfeatureintro_container {
        padding: 0 40px;
        margin: 0 0 50px;
    }
}

@media only screen and (max-width: 767px) {
    .modelfeatureintro_container {
        padding: 0 20px;
        margin: 0 0 30px;
    }
}







/* Sidenav Container */


.sidenav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 0; /* Toggled via JS */
    overflow-x: hidden;
    transition: 0.5s ease;
    background: radial-gradient(67.07% 64.86% at 0 0, #3b4c36 0%, #0e1c04 100%);
    z-index: 102;
    padding-top: 60px;
}

/* Nav Links */
ul.nav-links a {
    font-size: 28px;
    font-weight: 300;
    line-height: 34.13px;
    letter-spacing: -0.08em;
    text-align: left;
    display: inline-block;
    margin-bottom: 15px;
    color: #fff;
    text-decoration: none;
}

ul.nav-links li:hover a
 {
    color: #ff5b00;
}

/* Menu Footer */
.menu-footer {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 0 70px;
    text-align: center;
}

/* RD6 Logo */
.menu-rd6-logo img {
    width: 100%;
    height: auto;
    opacity: 1;
}

/* Copyright & Footer Links */
.menu-copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    padding: 16px 0 40px;
}

.menu-copyright p,
.menuTop {
    font-size: 12px;
    line-height: 14.63px;
    color: #fff;
}

.menu-copyright ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.menu-copyright ul li {
    list-style: none;
    margin-left: 16px;
}

.menu-copyright ul li a {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    letter-spacing: -0.08em;
    text-align: right;
    color: #fff;
    text-decoration: none;
}

.menu-copyright ul li a:hover, .menu-social-links ul li:hover a {
    color: #ff5b00;
    border-color: #ff5b00;
}

/* Book Button */
.menu-book-btn button {
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 65px;
    border: 0;
    background: url(../images/bg/book-btn-bg.svg) no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.menu-book-btn button:hover {
    background: url(/images/icons/nav-btn-hover.svg) no-repeat;
    background-size: 100% 100%;
}



/* Social Links */
.menu-social-links{
    margin: 40px 0 16px;
}
.menu-social-links ul {
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0;
}

.menu-social-links ul li {
    list-style: none;
    margin-left: 8px;
}

.menu-social-links ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid transparent; /* Add this if border isn't defined */
    color: #000; /* Default text color */
    transition: all 0.3s ease;
}

.menu-social-links ul li a:hover {
    color: #ff5b00 !important;
    border-color: #ff5b00 !important;
}

/* --------- Responsive Media Queries --------- */
@media only screen and (max-width: 880px) {
    .menu-footer {
        padding: 0 30px;
    }
}
@media (max-width: 992px) {
    ul.nav-links a {
        font-size: 22px;
        line-height: 28px;
    }

   

    .menu-book-btn button {
        height: 55px;
    }
}

@media (max-width: 576px) {
    ul.nav-links a {
        font-size: 20px;
        line-height: 26px;
    }

   
    .menu-copyright {
        flex-direction: column;
    }

    .menu-copyright ul {
        margin-top: 12px;
        justify-content: flex-start;
    }

    .menu-copyright ul li {
        margin: 0 10px;
    }

    .menu-book-btn button {
        height: 50px;
        font-size: 10px;
    }
}


 /* Menu Close Button */
.menu-close {
    position: absolute;
    top: 45px;
    right: 140px;
    width: 66px;
    cursor: pointer;
    z-index: 99999;
}

@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .menu-close {
        right: 40px;
        top: 25px;
    }
}



/* Top Heading in Menu */
.menuTop {
    font-weight: 700;
    margin-bottom: 40px;
    display: block;
    text-transform: uppercase;
}





/* Banner Heading Wrapper */
.herobanner_hdg_fleet {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 140px;
}


@media only screen and (max-width: 1600px) {
    .herobanner_hdg_fleet {
        padding-left: 80px;
    }
}

@media only screen and (max-width: 1200px) {
    .herobanner_hdg_fleet {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .herobanner_hdg_fleet {
        bottom: -4vw;
    }
}

@media only screen and (max-width: 768px) {
    .herobanner_hdg_fleet {
        padding-left: 0;
        bottom: 0;
    }
}




/* Banner Blur Background */
.herobanner_hdg_fleet::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 124%;
    content: "";
    background: #eee6db;
    filter: blur(90.5px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

@media only screen and (max-width: 880px) {
    .menu-close {
        top: 26px;
        right: 50px;
    }
}


@media (max-width: 576px) {
   
    .menuTop {
        font-size: 12px;
        margin-bottom: 30px;
    }
}
/* RESPONSIVE CSS TILL HERE  */
.textctaimage_container{
    padding: 76px 140px;
    background: #3b4c36;
    color: #fff;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .textctaimage_container {
        padding: 60px 80px;
    }
}
@media screen and (max-width: 1250px) {
    .textctaimage_container {
        padding: 50px 40px;
    }
}
@media screen and (max-width: 1024px) {
    .textctaimage_container {
        padding: 40px;
    }
}

@media screen and (max-width: 576px) {
    .textctaimage_container {
        padding: 40px 20px;
    }
}





.t_riddara_logo{
    position: absolute;
    right: 140px;
    top: 74px;
    width: 163.42px;
    height: 15px;
}


@media screen and (max-width: 1600px) {
    .t_riddara_logo {
        right: 80px;
    }
}
@media screen and (max-width: 1250px) {
    .t_riddara_logo {
        right: 40px;
    }
}
@media screen and (max-width: 1024px) {
    .t_riddara_logo {
        position: static;
        margin-bottom: 20px;
        right: 20px;
    }
}







.textctaimage_container p {
    width: 800px;
    font-size: 30px;
    font-weight: 300;
    line-height: 36.57px;
    letter-spacing: -.08em;
}

@media screen and (max-width: 1024px) {
    .textctaimage_container p {
        font-size: 24px;
        line-height: 1.4;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .textctaimage_container p {
        width: 100%;
        font-size: 20px;
    }
}




 .ctaimage_reg_btn {
    background: url(../images/bg/contactusSubtract.png) no-repeat;
    background-size: 100% 100%;
}

.textctaimage_container button {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-align: center;
    width: 230px;
    height: 51px;
    text-decoration: none;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    margin-top: 24px;
    border: 0;
}

.textctaimage_container button:hover {
    background: url(/images/button/reg-hover.svg) no-repeat;
    background-size: 100% 100%;
}




.herobanner_hdg_fleet h1 {
    font-size: 100px;
    font-weight: 900;
    line-height: 121.9px;
    color: #3b4c36;
    margin: 0;
    text-transform: uppercase;
    position: relative;
}




@media only screen and (max-width: 1024px) {
    .herobanner_hdg_fleet h1 {
        font-size: 10vw;
        line-height: 15vw;
    }
}
@media only screen and (max-width: 768px) {
    .herobanner_hdg_fleet h1 {
        bottom: 0;
        text-align: center;
        font-size: 40px;
    }
}


.intro_container_fleet.Intro_introright_fleet {
    padding-left: 52%;
}

.intro_container_fleet {
    position: relative;
    padding: 120px 140px 80px;
}

@media only screen and (max-width: 1600px) {
    .intro_container_fleet {
        padding: 80px 80px 50px;
    }
}
@media only screen and (max-width: 1250px) {
    .intro_container_fleet {
        padding: 40px;
    }
}
@media only screen and (max-width: 1023px) {
    .intro_container_fleet.Intro_introright_fleet {
        padding-left: 20px;
    }
}
@media only screen and (max-width: 1023px) {
    .intro_container_fleet {
        padding: 48px 24px;
    }
}

@media only screen and (max-width: 767px) {
    .intro_container_fleet {
        padding: 40px 20px;
    }
}








.intro_container_fleet h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
    margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
    .intro_container_fleet h5 {
        font-size: 12px;
    }
}




.intro_container_fleet.Intro_introright_fleet p {
    width: 100%;
}


.intro_container_fleet p {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -.08em;
    width: 800px;
}
@media only screen and (max-width: 1600px) {
    .intro_container_fleet p {
        font-size: 30px;
        line-height: 1.4;
        width: 45%;
    }
}
@media only screen and (max-width: 1250px) {
    .intro_container_fleet p {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1023px) {
    .intro_container_fleet p {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .intro_container_fleet p {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 24px;
    }
}









.Intro_introright_fleet:after, .intro_container_fleet:after {
    right: inherit;
    left: 0;
    transform: rotateY(180deg);
}

.intro_container_fleet:after, .Intro_introright_fleet:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/bg/vector1.svg) no-repeat 100% 0;
    background-size: contain;
    width: 32%;
    height: 87%;
}
@media (max-width: 1000px) {
    .intro_container_fleet:after, .Intro_introright_fleet:after {
    display: none !important;
}
}

.infographic_container_fleet{
    padding: 0 140px;
    margin: 120px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (max-width: 1600px) {
    .infographic_container_fleet {
        padding: 0 80px;
        margin: 80px 0;
    }
}
@media screen and (max-width: 1200px) {
    .infographic_container_fleet {
        padding: 0 40px;
        margin: 40px 0;
    }
}
@media screen and (max-width: 768px) {
    .infographic_container_fleet {
        padding: 0 20px;
        margin: 0 0 20px;
    }
}

.infographic_card_wrap_fleet{
    width: calc(33% - 22px);
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .infographic_card_wrap_fleet {
        width: calc(50% - 22px);
    }
}

@media screen and (max-width: 576px) {
    .infographic_card_wrap_fleet {
        width: 100%;
        margin-bottom: 16px;
    }
}



.infographicCard_card_fleet{
    width: 100%;
}

@media screen and (max-width: 767px) {
    .infographicCard_card_fleet {
        text-align: center;
    }
}



.infographicCard_icon_fleet{
    width: 80px;
    height: 80px;
}

@media screen and (max-width: 767px) {
    .infographicCard_icon_fleet {
        width: 45px;
        height: 45px;
        display: inline-block;
    }
}




.infographiccard_card_txt_fleet h2 {
    margin-top: 27px;
    font-size: 54px;
    font-weight: 300;
    line-height: 65.83px;
    letter-spacing: -.08em;
}
@media screen and (max-width: 1600px) {
    .infographiccard_card_txt_fleet h2 {
        font-size: 30px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 1200px) {
    .infographiccard_card_txt_fleet h2 {
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .infographiccard_card_txt_fleet h2 {
        margin-top: 16px;
        font-size: 20px;
    }
}





.infographiccard_card_txt_fleet p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08em;
}

.infographicCard_icon_fleet img {
    width: 100%;
}
.imagewithmultiplecaption_container_fleet{
    height: inherit;
    position: relative;
}
.imagewithmultiplecaption_container_fleet img {
    width: 100%;
    object-fit: cover;
    height: auto;
}


@media only screen and (max-width: 880px) {
    .imagewithmultiplecaption_container_fleet img {
        min-height: 300px;
    }
}



.imagewithmultiplecaption_container_fleet h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
}


@media only screen and (max-width: 880px) {
    .imagewithmultiplecaption_container_fleet h2 {
        font-size: 16px;
    }
}



.imagewithmultiplecaption_container_fleet p {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -.08em;
    margin-bottom: 0;
}

@media only screen and (max-width: 1390px) {
    .imagewithmultiplecaption_container_fleet p {
        font-size: 30px;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 880px) {
    .imagewithmultiplecaption_container_fleet p {
        font-size: 14px;
    }
}




.imageWithmultiplecaption_top_txt_fleet {
    right: 140px;
    top: 80px;
    text-align: right;
}

.imageWithmultiplecaption_top_txt_fleet {
    width: 773px;
    position: absolute;
    color: #2d2926;
}


@media only screen and (max-width: 1600px) {
    .imageWithmultiplecaption_top_txt_fleet {
        width: 60%;
        right: 80px;
    }
}
@media only screen and (max-width: 1390px) {
    .imageWithmultiplecaption_top_txt_fleet {
        width: 94%;
        right: 40px;
    }
}



@media only screen and (max-width: 880px) {
    .imageWithmultiplecaption_top_txt_fleet {
        right: 20px;
        top: 40px;
    }
}







.ContactUsForm_contactForm_fleet {
    padding: 120px 0 120px 280px;
    position: relative;
}
.ContactusForm_form_inner__fleet {
    max-width: 800px;
}

@media only screen and (max-width: 1600px) {
    .ContactUsForm_contactForm_fleet {
        padding: 60px 0 60px 80px;
    }
}
@media only screen and (max-width: 1250px) {
    .ContactUsForm_contactForm_fleet {
        padding: 40px 0 40px 40px;
    }
}
@media only screen and (max-width: 767px) {
    .ContactUsForm_contactForm_fleet {
        padding: 40px 0 40px 20px;
    }
}






.sidenav_contactus {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    background: radial-gradient(67.07% 64.86% at 0 0, #3b4c36 0, #0e1c04 100%);
    z-index: 102;
    /* display : none;
    padding: 80px 70px 0; */
  }

.contactus_contactinner {
    position: relative;
    z-index: 100;
    height: 100%;
    width: 100%;
}

.contactus_contact_txt {
    padding-left: 40px;
    padding-right: 40px;
}

.contactus_hdg_txt {
    padding-top: 0px;
}

@media (max-height: 1000px), (max-width: 1900px) {
.contactus_hdg_txt .contactus_mainhdg{
    font-size: 30px !important;
}
}

.contactus_hdg_txt .contactus_mainhdg {
    font-size: 30px;
}

.contactus_hdg_txt .contactus_mainhdg {
    font-size: 40px;
    font-weight: 700;
    line-height: 48.76px;
    letter-spacing: -.08em;
    margin-bottom: 4px;
    color: white;
}



.ContactUsForm_contactForm_fleet form {
    margin-top: 40px;
}
.contactform_fleet form select, .driveForm form select {
    background: url(../images/bg/angle-small-down.png) no-repeat 16px 16px;
    background-position: 100% 0;
}

.contactform_fleet form .form-control {
    border: 0;
    border-bottom: 1px solid #d0d3d4;
    border-radius: 0;
    padding: 0 0 24px;
    margin-bottom: 28px;
    color: #2d2926;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    outline: inherit !important;
    box-shadow: inherit !important;
}

.contactform_fleet form button, .driveForm form button {
    background: url(../images/bg/btn2-bg.svg) no-repeat;
    width: 202px;
    height: 51px;
    margin: 16px 0 60px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 17.07px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border: 0;
}

.contactform_fleet form .consent span, .driveForm form .consent span {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 8px;
    text-transform: initial;
}

.privacy-policy-field .form-checkbox+label:after {
    content: url(../images/bg/checkbox-img.svg);
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
}
.privacy-policy-field .form-checkbox+label {
    position: relative;
    padding-left: 17px;
    z-index: 3;
}
.privacy-policy-field input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cost_omparison_container_fleet {
    padding: 80px 140px;
    background: #2d2926;
    color: #fff;
    position: relative;
}

@media screen and (max-width: 1600px) {
    .cost_omparison_container_fleet {
        padding: 80px;
    }
}
@media screen and (max-width: 1200px) {
    .cost_omparison_container_fleet {
        padding: 60px 40px;
    }
}

@media screen and (max-width: 768px) {
    .cost_omparison_container_fleet {
        padding: 40px 20px;
    }
}







.contactform_fleet form .consent span a {
    color: #ff5b00;
    font-weight: 600;
    text-decoration: none;
    padding-left: 2px;
    text-transform: initial;
}








.CostComparison_compares_fleet {
    width: 74.4%;
}

@media screen and (max-width: 1200px) {
    .CostComparison_compares_fleet {
        width: 100%;
    }
}

.costcomparison_hdg_txt_fleet {
    margin-bottom: 65px;
    color: #fff;
}


@media screen and (max-width: 992px) {
    .costcomparison_hdg_txt_fleet {
        margin-bottom: 30px;
    }
}
.CostComparison_car_img_fleet {
    width: 25%;
    position: absolute;
    right: 0;
    top: 175px;
}

.CostComparison_car_img_fleet img {
    width: 100%;
    height: auto;
}


@media screen and (max-width: 1200px) {
    .CostComparison_car_img_fleet {
        width: 100%;
        position: static;
        display: flex
;
        justify-content: flex-end;
        margin-top: 40px;
    }
}
@media screen and (max-width: 1200px) {
    .CostComparison_car_img_fleet {
        display: none;
    }
}



.CostComparison_save_fleet h3{
    color: orange !important;
}



.costcomparison_hdg_txt_fleet p {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 992px) {
    .costcomparison_hdg_txt_fleet p {
        font-size: 16px;
    }
}

.costcomparison_hdg_txt_fleet h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -.08em;
    padding: 0;
    margin: 0;
    color : #fff;
}
@media screen and (max-width: 1600px) {
    .costcomparison_hdg_txt_fleet h2 {
        font-size: 30px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 992px) {
    .costcomparison_hdg_txt_fleet h2 {
        font-size: 24px;
    }
}


.CostComparison_compare_data_fleet {
    position: relative;
    margin-top: 40px;
}


@media screen and (max-width: 992px) {
    .CostComparison_ownership_cost_fleet {
        margin-bottom: 10px;
    }
}


.CostComparison_ownership_cost_fleet h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 29.26px;
    letter-spacing: -.08em;
    padding: 0;
    margin: 0;
}

.CostComparison_ownership_cost_fleet p {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    letter-spacing: -.08em;
    padding: 0;
    margin: 0;
}




.CostComparison_cost_comp_fleet {
    display: flex
;
    gap: 40px;
}

@media screen and (max-width: 1200px) {
    .CostComparison_cost_comp_fleet {
        gap: 20px;
        justify-content: space-between;
    }
}






.CostComparison_compare_data_fleet span {
    font-size: 16px;
    font-weight: 300;
    line-height: 19.5px;
    letter-spacing: -.08em;
    color: #fff;
}




@media screen and (max-width: 992px) {
    .CostComparison_compare_data_fleet h3 {
        font-size: 20px;
        color: #fff;
    }
}


@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.75rem;
    }
}
.CostComparison_compare_data_fleet:after {
    position: absolute;
    content: "";
    bottom: -24px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff no-repeat;
    opacity: .1;
}

.CostComparison_your_save_fleet {
    font-size: 24px;
    font-weight: 300;
    line-height: 29.26px;
    letter-spacing: -.08em;
}

.contactcard_container_fleet {
    padding: 224px 0 120px 142px;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 1600px) {
    .contactcard_container_fleet {
        padding: 80px 0 80px 80px;
        position: relative;
    }
}
@media only screen and (max-width: 1250px) {
    .contactcard_container_fleet {
        padding: 40px 0 40px 40px;
        position: relative;
    }
}
@media only screen and (max-width: 767px) {
    .contactcard_container_fleet {
        padding: 40px 0 40px 20px;
        position: relative;
    }
}




.Contactcard_hdg_txt_fleet {
    position: relative;
}

.Contactcard_hdg_txt_fleet span {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
}
.h2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 73.14px;
    letter-spacing: -.08em;
}


.Contactcard_hdg_txt_fleet h2 {
font-size: 60px;
font-weight: 300;
line-height: 73.14px;
letter-spacing: -.08em;
}


@media only screen and (max-width: 1600px) {
    .Contactcard_hdg_txt_fleet h2 {
        font-size: 30px;
        line-height: 1.4;
    }
}
@media only screen and (max-width: 1250px) {
    .Contactcard_hdg_txt_fleet h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .Contactcard_hdg_txt_fleet h2 {
        font-size: 20px;
    }
}


.Contactcard_hdg_txt_fleet:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: -140px;
    width: 66.6%;
    height: 375px;
    background: url(../images/bg/visionborder.svg) no-repeat;
    background-size: 100% 100%;
}
.contactcard_card_fleet {
    display: flex;
    gap: 40px;
    margin-top: 64px;
}

@media only screen and (max-width: 767px) {
    .contactcard_card_fleet {
        display: block;
        margin-top: 30px;
    }
}


.contactcard_avatar_fleet {
    width: 157px;
    height: 157px;
    border-radius: 50%;
}
.contactcard_avatar_fleet img {
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 767px) {
    .contactcard_avatar_fleet {
        margin-bottom: 20px;
    }
}

.ContactCard_card_hdg_txt_fleet span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.ContactCard_card_hdg_txt_fleet p {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.08em;
}
.contactcard_card_txt_fleet h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08em;
    margin-top: 30px;
}
.contactcard_communicate_fleet {
    display: flex;
    gap: 24px;
}
.contactcard_way_fleet p {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    letter-spacing: -.08em;
    color: orange;
    padding: 0;
    margin: 0;
}
.contactcard_way_fleet span {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    letter-spacing: -.08em;
}
.contactcard_whatsapp_btn_fleet {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-align: center;
    width: 463px;
    height: 65px;
    text-decoration: none;
    display: flex;
    color: #2d2926;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    margin-top: 24px;
    background: url(../images/bg/whatsapp_substrat.svg) no-repeat;
    background-size: 100% 100%;
}
.contactcard_whatsapp_btn_fleet:hover {
    color: #fff;
    background: url(/images/button/whatsapp_substrat_hover.png) no-repeat;
    background-size: 100% 100%;
}



@media only screen and (max-width: 576px) {
    .contactcard_whatsapp_btn_fleet {
        width: 280px;
        height: 40px;
    }
}



.herobanner_container_fleet{
    position: relative;
}
.herobanner_bnr_fleet img {
    width: 100%;
    object-fit: cover;
    margin-bottom: -7px;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .herobanner_bnr_fleet img {
        min-height: 390px !important;
        object-position: right !important;
    }
}



.fullwidthNews_container_fleet {
    min-height: 561px;
    width: 100%;
    margin-bottom: 98px;
}


@media only screen and (max-width: 767px) {
    .fullwidthNews_container_fleet {
        min-height: auto;
        margin-bottom: 0;
        margin-top: 40px;
    }
}


.fullwidthNews_news_fleet {
    padding: 0 140px;
    min-height: 338px;
    background: #3b4c36;
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 1600px) {
    .fullwidthNews_news_fleet {
        padding: 80px 80px 50px;
    }
}
@media only screen and (max-width: 1200px) {
    .fullwidthNews_news_fleet {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .fullwidthNews_news_fleet {
        padding: 50px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .fullwidthNews_news_fleet {
        padding: 0 0 40px;
        background: transparent;
        display: flex
;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}




.fullwidthNews_logo_fleet{
    position: absolute;
    width: 163.42px;
    height: 15px;
    right: 140px;
    top: 36px;
}

@media only screen and (max-width: 1200px) {
    
.fullwidthNews_logo_fleet {
        right: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .fullwidthNews_logo_fleet {
        right: 10px;
        top: 15px;
    }
}


@media only screen and (max-width: 767px) {
    
.fullwidthNews_logo_fleet,
.fullwidthNews_news_fleet:after {
        display: none;
    }
}






.FullWidthNews_cover_fleet {
    width: 40%;
    position: absolute;
    right: 140px;
    top: 111px;
}

@media only screen and (max-width: 1600px) {
    .FullWidthNews_cover_fleet {
        right: 80px;
    }
}
@media only screen and (max-width: 1200px) {
    .FullWidthNews_cover_fleet, .fullwidthNews_logo_fleet {
        right: 40px;
    }
}
@media only screen and (max-width: 1024px) {
    .FullWidthNews_cover_fleet, .FullWidthNews_news_txt_fleet {
        position: static;
        width: 100%;
        padding: 0 10px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .FullWidthNews_cover_fleet {
        padding: 0;
        margin-bottom: 30px;
    }
}














.FullWidthNews_cover_fleet img {
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 1024px) {
    .FullWidthNews_cover_fleet img {
        object-fit: contain;
        height: 100%;
    }
}


.FullWidthNews_news_txt_fleet {
    width: 40%;
    top: 193px;
    position: absolute;
}
@media only screen and (max-width: 1024px) {
    .FullWidthNews_cover_fleet, .FullWidthNews_news_txt_fleet {
        position: static;
        width: 100%;
        padding: 0 10px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .FullWidthNews_news_txt_fleet {
        padding: 0 20px;
    }
}




.FullWidthNews_hdg_txt_fleet {
    color: #fff;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 767px) {
    .FullWidthNews_hdg_txt_fleet, .FullWidthNews_btn_fleet p {
        color: #2d2926;
    }
}





.FullWidthNews_hdg_txt_fleet span {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    letter-spacing: -.08em;
}
.FullWidthNews_short_desc_fleet {
    margin-top: 40px;
    width: 520px;
}

@media only screen and (max-width: 1024px) {
    .FullWidthNews_short_desc_fleet {
        margin-top: 20px;
        color: white;
        width: 100%;
    }
}

.FullWidthNews_hdg_txt_fleet h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 36.57px;
    letter-spacing: -.08em;
    min-height: 108px;
    color : #fff;
}
@media only screen and (max-width: 1800px) {
    .FullWidthNews_hdg_txt_fleet h2 {
        font-size: 22px;
        line-height: 1.3;
    }
}
@media only screen and (max-width: 1024px) {
    .FullWidthNews_hdg_txt_fleet h2 {
        min-height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .FullWidthNews_hdg_txt_fleet h2 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
        color: #2d2926;
    }
}





.FullWidthNews_short_desc_fleet p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.08em;
}

@media only screen and (max-width: 767px) {
    .FullWidthNews_short_desc_fleet p {
        font-size: 12px;
    }
}


.FullWidthNews_btn_fleet {
    display: flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-decoration: none;
}

.FullWidthNews_explore_btn_fleet {
    background: url(../images/bg/btn1-bg.svg) no-repeat;
    width: 202px;
    height: 51px;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3b4c36;
}
@media only screen and (max-width: 1024px) {
    .FullWidthNews_explore_btn_fleet {
        color: white;
    }
}
.FullWidthNews_explore_btn_fleet:hover  {
    background: url(/images/button/btn2-bg.svg) no-repeat;
    color: #fff;
}




@media only screen and (max-width: 767px) {
    .FullWidthNews_explore_btn_fleet {
        border: 0;
        background: transparent;
        color: #ff5b00;
        font-size: 12px;
        font-weight: 600;
        line-height: 14.63px;
        width: auto;
        height: auto;
        justify-content: left;
    }
}



.allnews_container_newsletter {
    padding: 0 140px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 120px;
}


@media only screen and (max-width: 1600px) {
    .allnews_container_newsletter {
        padding: 80px 80px 50px;
    }
}
@media only screen and (max-width: 1200px) {
    .allnews_container_newsletter {
        padding: 0 40px;
        flex-wrap: nowrap;

    }
}
@media only screen and (max-width: 768px) {
    .allnews_container_newsletter {
        padding: 0 20px;
        margin-bottom: 65px;
        flex-wrap: nowrap;

    }
}

@media only screen and (max-width: 767px) {
    .allnews_container_newsletter {
        padding: 0;
            flex-wrap: wrap;

    }
}





.allnews_container_newsletter .allnews_newsarticalwrap_newsletter {
    width: calc(33% - 23px);
    margin: 0 40px 40px 0;
}

@media only screen and (max-width: 1920px) {
    .allnews_newsarticalwrap_newsletter {
        width: calc(33% - 24px) !important;
    }
}
@media only screen and (max-width: 1200px) {
    .allnews_newsarticalwrap_newsletter {
        margin: 0 20px 40px 0 !important;
        width: calc(50% - 10px) !important;
    }
}
@media only screen and (max-width: 767px) {
    .allnews_newsarticalwrap_newsletter {
        width: 100% !important;
        margin-right: 0 !important;
    }
}





.newsarticle_article_newsletter, .newsarticle_cover_img_newsletter {
    width: 100%;
    margin: 0 40px 40px 0;
}

@media only screen and (max-width: 1920px) {
    .newsarticle_article_newsletter {
        width: calc(33% - 24px) !important;
    }
}
@media only screen and (max-width: 1200px) {
    .newsarticle_article_newsletter {
        margin: 0 20px 40px 0 !important;
        width: calc(50% - 10px) !important;
    }
}

@media only screen and (max-width: 767px) {
    .newsarticle_article_newsletter {
        width: 100% !important;
        margin-right: 0 !important;
    }
}





.newsarticle_cover_img_newsletter img{
    width: 100%;
    height: 295px;
    object-fit: cover;
}


.newsarticle_article_txt_newsletter{
    margin-top: 30px;
}
@media only screen and (max-width: 767px) {
    .newsarticle_article_txt_newsletter {
        padding: 0 20px;
    }
}


.NewsArticle_hdg_txt_newsletter span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    letter-spacing: -.08em;
}
.NewsArticle_hdg_txt_newsletter h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    letter-spacing: -.08em;
    margin: 8px 0;
}
.NewsArticle_short_desc_newsletter p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.08em;
    margin-bottom: 24px;
}
.NewsArticle_read_more_newsletter {
    text-decoration: none;
    color: #ff5b00;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-align: center;
}

.videomasktext_aboutCntr_about_ridara {
    position: relative;
    overflow: hidden;
}
.videomasktext_aboutToplinks_about_ridara {
    position: absolute;
    padding: 124px 140px 0 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    z-index: 9;
}


@media only screen and (max-width: 880px) {
    .videomasktext_aboutToplinks_about_ridara {
        padding: 95px 20px 0 0 !important;
    }
}
@media only screen and (max-width: 1390px) {
    .videomasktext_aboutToplinks_about_ridara {
        padding: 95px 40px 0 0;
    }
}
@media only screen and (max-width: 1600px) {
    .videomasktext_aboutToplinks_about_ridara {
        padding: 124px 80px 0 0;
    }
}




.videomasktext_aboutCntr_about_ridara .videomasktext_maskcntr_about_ridara {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    object-fit: cover;
}

.videomasktext_maskcntr_about_ridara .videomasktext_maskLogo_about_ridara {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    object-fit: cover;
}
.videomasktext_aboutToplinks_about_ridara li {
    margin-left: 24px;
    list-style: none;
}


.videomasktext_aboutToplinks_about_ridara li button {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.07px;
    letter-spacing: -.08em;
    color: #fff;
    text-decoration: none;
    background: transparent;
    border: 0;
}
.videomasktext_aboutCntr_about_ridara h1 {
    position: absolute;
    bottom: 90px;
    left: 140px;
    font-size: 29px;
    font-weight: 300;
    line-height: 35.35px;
    letter-spacing: -.08em;
    color: #fff;
    text-transform: unset;
}

@media only screen and (max-width: 880px) {
.videomasktext_aboutCntr_about_ridara h1 {
    font-size: 20px !important;
    padding-right: 20px !important;
    line-height: 1.3 !important;
    bottom: 20px !important;
    left: 20px !important;
}
}


@media only screen and (max-width: 880px) {
    .videomasktext_aboutCntr_about_ridara h1 {
        bottom: 20px;
        left: 20px;
    }
}
@media only screen and (max-width: 1390px) {
    .videomasktext_aboutCntr_about_ridara h1 {
        bottom: 40px;
        left: 40px;
        font-size: 24px;
    }
}
@media only screen and (max-width: 1600px) {
    .videomasktext_aboutCntr_about_ridara h1 {
        bottom: 80px;
        left: 80px;
    }
}







.videomasktext_maskLogo_about_ridara {
    width: 100%;
    border-top: 50px solid #0e1c04;
    border-bottom: 50px solid #0e1c04;
}

@media only screen and (max-width: 880px) {
    .videomasktext_maskLogo_about_ridara {
        border-top: 120px solid #0e1c04;
        border-bottom: 110px solid #0e1c04;
    }
}

.videomasktext_maskLogo_about_ridara img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.brandvision_container_about {
    margin: 0 140px;
    position: relative;
    min-height: 670px;
}

@media only screen and (max-width: 880px) {
    .brandvision_container_about {
        margin: 0 20px !important;
        min-height: inherit !important;
    }
}

@media only screen and (max-width: 1390px) {
    .brandvision_container_about {
        margin: 0 40px;
    }
}
@media only screen and (max-width: 1600px) {
    .brandvision_container_about {
        margin: 0 80px;
        min-height: 520px;
    }
}
@media only screen and (max-width: 1800px) {
    .brandvision_container_about {
        min-height: 610px;
    }
}





.brandvision_hdg_txt_about {
    padding-top: 224px;
    position: relative;
}

@media only screen and (max-width: 1800px) {
    .brandvision_hdg_txt_about {
        padding-top: 160px;
    }
}
@media only screen and (max-width: 1600px) {
    .brandvision_hdg_txt_about {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 880px) {
    .brandvision_hdg_txt_about {
        padding-top: 40px !important;
    }
}







.brandvision_hdg_txt_about span {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
    color: #3b4c36;
}
.brandvision_hdg_txt_about h2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 73.14px;
    letter-spacing: -.08em;
    margin-top: 16px;
    text-transform: unset;
}


@media only screen and (max-width: 880px) {
    .brandvision_hdg_txt_about h2 {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
}
@media only screen and (max-width: 1600px) {
    .brandvision_hdg_txt_about h2 {
        font-size: 40px;
        line-height: 1.4;
    }
}



.brandvision_hdg_txt_about:after {
    content: "";
    position: absolute;
    left: -140px;
    top: 0;
    width: 72%;
    height: 117%;
    background: url(../images/bg/visionborder.svg) no-repeat;
    background-size: contain;
}
@media (max-width: 1000px) {
    .brandvision_hdg_txt_about::after {
        display: none !important;
    }
}
.brandvision_windmill_about {
    width: 520px;
    height: 482px;
    position: absolute;
    right: 0;
    bottom: 0;
}


@media only screen and (max-width: 880px) {
    .brandvision_windmill_about {
        position: static !important;
    }
}
@media only screen and (max-width: 1600px) {
    .brandvision_windmill_about {
        width: 30%;
        height: auto;
    }
}

.brandvision_windmill_about img{
    width: 100%;
    height: auto;
}

.brandvision_abt_vision_about {
    padding-top: 80px;
    width: 549px;
    margin-bottom: 120px;
}
.brandvision_abt_vision_about p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08em;
}

@media only screen and (max-width: 880px) {
    .brandvision_abt_vision_about {
        padding-top: 20px !important;
        width: 100% !important;
        margin-bottom: 40px !important;
    }
}


.brandmission_container{
    margin: 0 140px;
    position: relative;
}



@media only screen and (max-width: 880px) {
    .brandmission_container {
        margin: 0 20px !important;
        min-height: inherit !important;
    }
}

@media only screen and (max-width: 1390px) {
    .brandmission_container {
        margin: 0 40px;
    }
}
@media only screen and (max-width: 1600px) {
    .brandmission_container {
        margin: 0 80px;
    }
}



.brandmission_bnr_img{
    height: auto;
}
.brandmission_bnr_img img{
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 880px) {
    .brandmission_bnr_img img {
        min-height: 270px !important;
        object-fit: cover !important;
    }
}


.brandmission_hdg_txt {
    position: absolute;
    right: 80px;
    top: 80px;
    width: 40%;
    text-align: right;
}

@media only screen and (max-width: 880px) {
    .brandmission_hdg_txt {
        right: 20px !important;
        top: 20px !important;
        width: 100% !important;
        position: static !important;
        margin-top: 30px !important;
    }
}

@media only screen and (max-width: 1390px) {
    .brandmission_hdg_txt {
        right: 40px;
        top: 40px;
        width: 70%;
    }
}



.brandmission_hdg_txt h2{
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 21.94px !important;
    letter-spacing: -.08em !important;
    display: block !important;
    color: #3b4c36 !important;
}
.brandmission_hdg_txt p{
    font-size: 40px !important;
    font-weight: 300 !important;
    line-height: 48.76px !important;
    letter-spacing: -.08em !important;
    text-align: right !important;
}

@media only screen and (max-width: 880px) {
    .brandmission_hdg_txt p {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
}
@media only screen and (max-width: 1390px) {
    .brandmission_hdg_txt p {
        font-size: 30px;
        line-height: 1.4;
    }
}

.brandmission_mision {
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

@media only screen and (max-width: 880px) {
    .brandmission_mision {
        display: block !important;
        width: 100% !important;
    }
}



.brandmission_abt_mission {
    width: 520px;
}


@media only screen and (max-width: 880px) {
    .brandmission_abt_mission {
        width: 100%;
    }
}


.brandmission_abt_mission h3 {
    font-size: 24px;
    font-weight: 800 !important;
    line-height: 24px;
    letter-spacing: -.08em;
    color: #3b4c36;
    text-transform: unset;
}

@media only screen and (max-width: 880px) {
    .brandmission_abt_mission h3 {
        font-size: 20px;
    }
}


.brandmission_abt_mission p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08em;
}

.image_eco_friendly{
    height: inherit;
    position: relative;
}
.image_eco_friendly img {
    width: 100%;
    height: 100%;
}
.brandValue_container {
    margin-right: 140px;
    margin-top: 120px;
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;
}


@media only screen and (max-width: 880px) {
    .brandValue_container {
        margin-right: 0 !important;
        margin-top: 20px !important;
        display: block !important;
    }
}

@media only screen and (max-width: 1390px) {
    .brandValue_container {
        margin-right: 40px;
        margin-top: 60px;
    }
}
@media only screen and (max-width: 1600px) {
    .brandValue_container {
        margin-right: 80px;
        margin-top: 80px;
    }
}

@media only screen and (max-width: 1390px) {
    .brandvalue_bnr {
        width: 100% !important;
        margin-bottom: 40px !important;
    }
}



@media only screen and (max-width: 880px) {
    .brandvalue_value_point {
        padding: 0 20px !important;
        width: 100% !important;
    }
}
@media only screen and (max-width: 1390px) {
    .brandvalue_value_point {
        width: 100%;
        padding: 0 40px;
    }
}



.brandvalue_bnr {
    width: 1280px;
    position: relative;
}
.brandvalue_bnr img {
    height: auto;
    width: 100%;
}
.brandvalue_hdg_txt {
    left: 140px;
    bottom: 80px;
    position: absolute;
    color: #fff;
}


@media only screen and (max-width: 880px) {
    .brandvalue_hdg_txt {
        left: 20px !important;
        bottom: 20px !important;
    }
}
@media only screen and (max-width: 1390px) {
    .brandvalue_hdg_txt {
        left: 40px;
    }
}
@media only screen and (max-width: 1600px) {
    .brandvalue_hdg_txt {
        left: 80px;
    }
}







.brandvalue_value_point {
    width: 520px;
}
.brandvalue_hdg_txt h2, .brandvalue_hdg_txt h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    letter-spacing: -.08em;
    color: #fff;
}

.brandvalue_hdg_txt p {
    font-size: 40px;
    font-weight: 300;
    line-height: 48.76px;
    letter-spacing: -.08em;
}


@media only screen and (max-width: 880px) {
    .brandvalue_hdg_txt p {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
}

@media only screen and (max-width: 1390px) {
    .brandvalue_hdg_txt p {
        font-size: 30px;
        line-height: 1.4;
    }
}



.brandvalue_value_point h2, .brandvalue_value_point h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -.08em;
    margin-bottom: 16px;
    text-transform: unset;
}
.brandvalue_value_point p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px;
    letter-spacing: -.08em;
}
.ext_txt_block{
    display: flex;
    width: 1080px;
    gap: 40px;
    padding: 180px 0;
    margin: auto;
}




@media only screen and (max-width: 880px) {
    .ext_txt_block {
        padding: 20px !important;
        display: block ;
    }
}

@media only screen and (max-width: 1390px) {
    .ext_txt_block {
        padding: 40px !important;
        width: 100%;
    }
}
@media only screen and (max-width: 1600px) {
    .ext_txt_block {
        padding: 80px 0;
    }
}




.ext_txt_block p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08em;
}
.video-block-right-image {
    margin-top: 158px;
}

@media only screen and (max-width: 767px) {
    .video-block-left-image {
        margin-bottom: 8px;
    }
}


@media screen and(max-width: 1600px) {
    .container-one-text{ padding: 80px 80px 50px !important;
        width: 45% !important;
    }
}
@media screen and (max-width: 1200px) {
    .container-one-text {
        padding: 100px 80px 60px;
    }

    .container-one-text p {
        font-size: 36px;
        width: 65%;    }

    .container-one-text:after {
        width: 35%;
    }

    
}

@media screen and (max-width: 992px) {
    .container-one-text {
        padding: 80px 40px 40px;
    }

    .container-one-text p {
        font-size: 30px;
        line-height: 42px;
        width: 100%;

    }

    .container-one-text:after {
        display: none;
    }

    .video-block {
        display: block;
        }

    .video-block-left-image,
    .video-block-right-image {
        width: 100%;
        height: 560px;
        margin-top: 40px;
    }

    .stickBtnCntr {
        width: 300px;
        height: 60px;
    }
}

@media screen and (max-width: 768px) {
    .container-one-text {
        padding: 60px 24px 40px;
    }

    .container-one-text h5 {
        font-size: 16px;
    }

    .container-one-text p {
        width: 100%;
        font-size: 24px;
        line-height: 34px;
    }

    .video-block-left-image,
    .video-block-right-image {
        height: 420px;
    }

    .stickBtnCntr {
        width: 260px;
        height: 56px;
        z-index: 15;
    }
}

@media screen and (max-width: 480px) {
    .container-one-text {
        padding: 40px 16px 0px;
    }

    .container-one-text h5 {
        font-size: 14px;
    }

    .container-one-text p {
        font-size: 20px;
        line-height: 30px;
    }

    .more_features_hero ul li p {
        font-size: 18px;
        line-height: 24px;
    }

    .video-block-left-image,
    .video-block-right-image {
        height: 194px;
    }
    .video-block-right-image {
        margin-top: 0px !important;
    }

  
}
.contactus_hdg_txt span {
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    letter-spacing: -.08em;
}
.contactus_contact_info {
    margin-top: 20px;
    width: 100%;
}

.ContactUs_dialing_no, .ContactUs_dialing_no p {

    letter-spacing: -.08em;
    position: relative;
}
.contactus_timing {
    margin-top: 12px;
}
.contactus_btn_grp {
    width: 476px;
    display: flex
;
    gap: 18px;
    margin-top: 32px;
}
.contactus_visit_txt p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 24px;
    letter-spacing: -.08em;
    color: white;
}
.ContactUs_dialing_no span {
    color: #ff5b00;
    margin-right: 16px;
}
.ContactUs_dialing_no p:after {
    width: 30px;
    top: 5px;
    height: 30px;
    left: 184px;
    bottom: 6px;
}
.ContactUs_dialing_no, .ContactUs_dialing_no p {
    font-size: 60px;
    font-weight: 400;
    line-height: 73.14px;
    letter-spacing: -.08em;
    position: relative;
}
.ContactUs_dialing_no p:after {
    content: "";
    position: absolute;
    background: url(../images/bg/call_icon.svg) no-repeat;
    background-size: 100% 100%;
}

.contactus_timing p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08em;
    margin-bottom: 0;
    color: white;
}

.contactus_timing ul {
    display: flex
;
    flex-wrap: wrap;
    padding: 0;
}
.contactus_timing ul li {
    position: relative;
    list-style: none;
    margin-right: 24px;
}

.contactus_timing ul li:before {
    position: absolute;
    right: -13px;
    top: 5px;
    width: 1px;
    height: 60%;
    content: "";
    background: #fff;
}
.contactus_timing ul li a {
    color: #ff5b00;
    font-size: 16px;
    font-weight: 600;
}

.contactus_btn_grp {
    width: 476px;
    display: flex
;
    gap: 18px;
    margin-top: 32px;
}
.contactus_btn {
    width: 232px;
    height: 53px;
    background: url(../images/bg/contactusSubtract.svg) no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-align: center;
    color: #d0d3d4;
    text-decoration: none;
    padding-top: 18px;
    text-transform: uppercase;
}

.contactus_btn:hover {
    background: url(/images/button/btn2-bg.svg) no-repeat;
    background-size: 100%;
    color: #d0d3d4 !important;
}



.contactus_contus_footer {
    height: 372px;
    background: #3b4c36;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}




@media (max-height: 1000px), (max-width: 1900px) {
    .contactus_contus_footer {
        height: 230px;
    }
}
@media only screen and (max-width: 1650px) {
    .contactus_contus_footer {
        height: 200px;
    }
}
@media only screen and (max-width: 1350px) {
    .contactus_contus_footer {
        display: none;
    }
}







.contactus_contUs_logo {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0 70px;
}
.contactus_social_icon {
    position: absolute;
    bottom: 40px;
}


@media (max-height: 1000px), (max-width: 1900px) {
    .contactus_social_icon {
        left: 40px;
    }
}



.contactus_social_icon ul {
    margin: 0;
    padding: 0;
    display: flex
;
    gap: 8px;
    width: 184px;
}
.contactus_social_icon li {
    list-style: none;
}
.contactus_contUs_btm img, .contactus_contUs_btm img {
    height: auto;
    max-width: 100%;
}

.contactus_contUs_btm {
    position: absolute;
    right: 0;
    bottom: 0;

}

.contactus_social_icon li img {
    width: 40px;
    height: 40px;
}
@media (max-height: 1000px), (max-width: 1900px) {
    .ContactUs_dialing_no p:after {
        width: 30px;
        top: -36px;
        height: 30px;
        right: -57px;
    }
}

@media (max-height: 1000px), (max-width: 1900px) {
    .ContactUs_dialing_no {
        font-size: 30px;
        line-height: 1.4;
        margin-top: 20px;
    }
}

@media (max-height: 1000px), (max-width: 1900px) {
    .contactus_contact_txt {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (max-height: 1000px), (max-width: 1900px) {
    .contactus_contus_footer {
        height: 230px;
    }
}

@media (max-height: 1000px), (max-width: 1900px) {
    .contactus_contUs_logo {
        height: auto;
        top: 40px;
    }
}
@media (max-height: 1000px), (max-width: 1900px) {
    .contactus_contUs_logo img {
        height: 80px;
        width: auto;
    }
}

@media (max-height: 1000px), (max-width: 1900px) {
    .contactus_contUs_btm {
        width: 350px;
        height: auto;
    }
}
@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threedmodelcom {
        bottom: 25px;
    }
}

@media only screen and (max-width: 1400px) {
    .threedmodelcom {
        bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
.threedmodelcom {
    width: 100%;
        padding: 0 15px;
        position: static;
        transform: inherit;
        margin-top: 85px;
}
}








.threedmodelcom_coltwo p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: -.08em;
    text-align: center;
    color: #2d2926;
    margin-bottom: 24px;
}
@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threedmodelcom_coltwo p {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1550px) {
    .threedmodelcom_coltwo p {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .threedmodelcom_coltwo p {
        min-height: 39px;
        margin-bottom: 0;
    }
}








.threedmodelcom_coltwo h2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 73.14px;
    letter-spacing: -.08em;
    color: #2d2926;
    margin-bottom: 5px;
}
@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threedmodelcom_coltwo h2 {
        font-size: 40px;
        line-height: 1.1;
    }
}
@media only screen and (max-width: 1550px) {
    .threedmodelcom_coltwo h2 {
        font-size: 30px;
        line-height: 1.1;
    }
}
@media only screen and (max-width: 880px) {
    .threedmodelcom_coltwo h2 {
        font-size: 30px;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 767px) {
    .threedmodelcom_coltwo h2 {
        font-size: 24px;
    }
}

















@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threedmodelcom h1 {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 1.3;
    }
}
@media only screen and (max-width: 1550px) {
    .threedmodelcom h1 {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 880px) {
    .threedmodelcom h1 {
        font-size: 24px;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 767px) {
    .threedmodelcom h1 {
        font-size: 20px;
        margin-bottom: 12px;
    }
}















@media only screen and (max-width: 1550px) {
    .threeDModellogo {
        top: 120px;
    }
}
@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threeDModellogo {
        top: 140px;
    }
}
@media only screen and (max-width: 1400px) {
    .threeDModellogo {
        top: 120px;
    }
}
@media only screen and (max-width: 1025px) {
    .threeDModellogo {
        top: 135px;
    }
}

@media only screen and (max-width: 880px) {
    .threeDModellogo {
        top: 150px;
    }
}






.threeDModellogo img {
            height: auto;

}

@media (min-height: 800px), only screen and (min-width: 1500px) {
    .threeDModellogo img {
        height: auto;
        width: 70%;
        display: inline-block;
    }
}

@media only screen and (max-width: 1400px) {
.threeDModellogo img {
        width: 200px;
    }
}






@media only screen and (min-width: 1800px) {
    .banner-txt {
        top: 17%;
    }
}

@media screen and (min-width: 1600px) {
    .video-carousel {
        padding: 0 140px;
    }
}

@media screen and (min-width: 1600px) {
    .video-carousel iframe, .video-carousel video {
        width: 100%;
        height: 1000px !important;
        
    }
}


/* TEST DRIVE SIDE BAR */

.sidenav_testdrive {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
    /* padding-top: 60px;  */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    background: white;
    z-index: 102;
    /* display : none;
    padding: 80px 70px 0; */
  }


.driveForm.openForm {
    transition: all .8s ease-in-out;
}

.driveForm {
    position: fixed;
    width: 45%;
    height: 100vh;
    z-index: 1000;
    transition: all .8s ease-in-out;
}
@media only screen and (max-width: 880px) {
    .driveForm {
        width: 100%;
        overflow-y: scroll;
    }
}

.formInner {
    position: relative;
    width: 100%;
    z-index: 99;
    background: #fff;
}
.bookTestDrive {
height: 100vh;
    padding-left: 80px;
    top: 0;
    padding-right: 80px;
    width: 100%;}


.bookTestDrive, .intro-txt {
    padding: 120px 0 0 156px;
    position: relative;
    min-height: 607px;
}   



@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .bookTestDrive {
        padding: 40px 40px 0;
    }
}
@media only screen and (max-width: 1250px) {
    .bookTestDrive {
        padding: 40px 0 0 40px;
    }
}
@media only screen and (max-width: 1200px) {
    .bookTestDrive, .intro-txt {
        padding: 60px 0 0 40px;
    }
}
@media only screen and (max-width: 880px) {
    .bookTestDrive, .intro-txt, [lang=ar] .bookTestDrive, [lang=ar] .intro-txt {
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 880px) {
    .bookTestDrive {
        height: auto;
        padding-bottom: 0;
        padding-top: 60px;
    }
}




    .btd-hdg h2 {
        font-size: 35px;
        line-height: 35px !important;
        font-weight: 800;
    }

    .btd-hdg h2, .btd-hdg p {
        line-height: 35px;
        text-align: left;
    }
    .btd-hdg p {
        font-size: 24px;
        font-weight: 400;
        margin: 0;
        color: #212529;
    }
    .btd-hdg{
        box-sizing: border-box;
    padding: 0;
    margin: 0;
    letter-spacing: -.08em;
    }

    @media (max-height: 1000px), only screen and (max-width: 1900px) {
        .btd-hdg h2 {
            font-size: 35px;
            line-height: 30px;
        }
    }
    @media only screen and (max-width: 880px) {
        .btd-hdg h2 {
            font-size: 40px;
            line-height: 40px;
        }
    }
   
    @media only screen and (max-width: 767px) {
        .btd-hdg h2 {
            font-size: 30px;
            line-height: 30px;
        }
    }
    
   

  .driveForm form {
        position: relative;
        z-index: 999;
        max-width: 896px;
        margin-top: 50px;
    }

    @media (max-height: 1000px), only screen and (max-width: 1900px) {
    .driveForm form {
        margin-top: 25px;
    }
}
@media only screen and (max-width: 1050px) {
    .driveForm form {
        max-width: 75%;
    }
}
@media only screen and (max-width: 880px) {
    .bookTestDrive form {
        margin-top: 40px;
        max-width: 100%;
    }
}

   @media only screen and (max-width: 767px) {
    .bookTestDrive form {
        margin-top: 20px;
    }
}



  
    .error-field, .form-group {
        position: relative;
    }
    .contactFormOtr form select, .driveForm form select {
        background: url(/images/objects/angle-small-down.png) no-repeat 16px 16px;
        background-position: 100% 0;
    }
    .form-control {
        border: 0;
        border-bottom: 1px solid #d0d3d4 !important;
        border-radius: 0;
        padding: 0 0 24px;
        margin-bottom: 28px;
        color: #2d2926;
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        outline: inherit !important;
        box-shadow: inherit !important;
    
        display: block;
        width: 100%;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .error-field {
        font-size: 12px;
        margin-bottom: 20px;
        color: red;
    }
    
    .privacy-policy-field input[type=checkbox] {
        -moz-appearance: none;
        appearance: none;
    }
    button, input, optgroup, select, textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }
    .privacy-policy-field .form-checkbox+label {
        position: relative;
        padding-left: 17px;
        z-index: 3;
    }
    label {
        display: inline-block;
    }
    .contactFormOtr form .consent span, .driveForm form .consent span {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin-left: 8px;
    }
    .contactFormOtr form .consent span a, .driveForm form .consent span a {
        color: #ff5b00;
        font-weight: 600;
        text-decoration: none;
        padding-left: 2px;
    }
    .checked-true {
        z-index: 2;
        position: absolute;
        left: 0;
        top: 4px;
        width: 16px;
        height: 16px;
    }
    .privacy-policy-field .form-checkbox+label:after {
        content: url(/images/objects/checkbox-img.svg);
        position: absolute;
        left: 0;
        top: 1px;
        width: 16px;
        height: 16px;
    }
    .d-none {
        display: none !important;
    }

    .contactFormOtr form button, .driveForm form button {
        background: url(/images/objects/btn2-bg.svg) no-repeat;
        width: 202px;
        height: 51px;
        margin: 16px 0 60px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        line-height: 17.07px;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        border: 0;
    }
    [type=button], [type=reset], [type=submit], button {
        -webkit-appearance: button;
    }

    .contactFormOtr form button:hover, .driveForm form button:hover {
        background: url(/images/objects/btn1-bg.svg) no-repeat;
        background-size: 100%;
        color: #2d2d2d;
    }
    .formFtr {
        height: 372px;
        background: #3b4c36;
        bottom: 0;
        right: 0;
        z-index: 99;
    }


@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .formFtr {
        height: 230px;
    }
}
@media only screen and (max-width: 1600px) {
    .formFtr {
        height: 210px;
    }
}
@media only screen and (max-width: 1390px) {
    .formFtr {
        display: none;
    }
}
@media only screen and (max-width: 1250px) {
    .formFtr, .menu-copyright p, .menu-social-links {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .menu-copyright p,
    .menu-social-links {
        display: block;
    }
}

@media only screen and (max-width: 880px) {
    .formFtr {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .formFtr {
        display: none;
    }
}

.formFtr, .formFtrLogo {
    position: absolute;
    width: 100%;
}





    .formFtrLogo {
        top: 66px;
        text-align: center;
        height: 134px;
        padding: 0 70px;
    }

@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .formFtrLogo {
        top: 30px;
    }
}


    .formFtrCar img, .formFtrLogo img {
        height: auto;
        max-width: 100%;
        color: transparent;
    }
    .formFtrCar {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 484px;
        height: 213px;
    }

@media (max-height: 1000px), only screen and (max-width: 1900px) {
    .formFtrCar {
        width: 360px;
        height: auto;
    }
}

    .swiper-pagination-bullet{
        opacity: 1 !important;
    }


    .ImageWithMultipleCaption_container__dfpuT {
        height: inherit;
        position: relative;
    }
    .ImageWithMultipleCaption_container__dfpuT img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }




    @media only screen and (max-width: 1390px) {
        .ImageWithMultipleCaption_txt_lft__yIubL {
            left: 40px;
        }
    }
    @media only screen and (max-width: 1390px) {
        .ImageWithMultipleCaption_top_txt__sFH2B, .ImageWithMultipleCaption_txt_lft__yIubL, .ImageWithMultipleCaption_txt_rt__tlvyy {
            width: 94%;
        }
    }
    @media only screen and (max-width: 1600px) {
        .ImageWithMultipleCaption_txt_lft__yIubL {
            left: 80px;
        }
    }
    @media only screen and (max-width: 1600px) {
        .ImageWithMultipleCaption_txt_lft__yIubL, .ImageWithMultipleCaption_txt_rt__tlvyy {
            width: 60%;
        }
    }
    .ImageWithMultipleCaption_txt_lft__yIubL {
        left: 140px;
        bottom: 80px;
    }
    .ImageWithMultipleCaption_top_txt__sFH2B, .ImageWithMultipleCaption_txt_lft__yIubL, .ImageWithMultipleCaption_txt_rt__tlvyy {
        position: absolute;
        color: #fff;
    }
    .ImageWithMultipleCaption_container__dfpuT h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 21.94px;
        letter-spacing: -.08em;
        color: #ffffff !important;
    }
    
    @media (min-width: 1200px) {
        .h2, h2 {
            font-size: 2rem;
        }
    }

    @media only screen and (max-width: 1390px) {
        .ImageWithMultipleCaption_container__dfpuT p {
            font-size: 30px;
            line-height: 1.4;
        }
    }
    .ImageWithMultipleCaption_container__dfpuT p {
        font-size: 40px;
        font-weight: 300;
        line-height: 48.76px;
        letter-spacing: -.08em;
        margin-bottom: 0;
    }
    @media only screen and (max-width: 880px) {
        .ImageWithMultipleCaption_txt_lft__yIubL {
            left: 20px;
            bottom: 20px;
        }
    }
    @media only screen and (max-width: 880px) {
        .ImageWithMultipleCaption_container__dfpuT h2 {
            font-size: 16px;
        }
    }
    @media only screen and (max-width: 880px) {
        .ImageWithMultipleCaption_container__dfpuT p {
            font-size: 14px;
            line-height: 1.4;

        }
    }
    @media only screen and (max-width: 880px) {
        .ImageWithMultipleCaption_container__dfpuT img {
            min-height: 300px;
        }
    }

    @media only screen and (max-width: 767px) {
        .homeNews {
            position: relative;
        }
    }
    @media only screen and (max-width: 767px) {
        .NewsAndMedia_container__mYpl1 {
            padding: 0 20px;
            margin-top: 40px;
            position: static;
        }
    }
    @media only screen and (max-width: 1200px) {
        .NewsAndMedia_container__mYpl1 {
            padding: 0 40px;
            margin-top: 60px;
        }
    }
    @media only screen and (max-width: 1600px) {
        .NewsAndMedia_container__mYpl1 {
            padding: 0 80px;
            margin-top: 80px;
        }
    }
    .NewsAndMedia_container__mYpl1 {
        padding: 0 140px;
        margin-top: 120px;
        position: relative;
    }
    @media only screen and (max-width: 767px) {
        .NewsAndMedia_container__mYpl1:before {
            display: block;
            background: url(/images/banner/vector2-new.svg) no-repeat;
            height: 127px;
            width: 90%;
            top: -45px;
        }
    }
    @media only screen and (max-width: 1023px) {
        .NewsAndMedia_container__mYpl1:before {
            display: none;
        }
    }
    @media only screen and (max-width: 1600px) {
        .NewsAndMedia_container__mYpl1:before {
            top: 40px;
        }
    }
    @media only screen and (max-width: 767px) {
        .newsmedia_container span {
            font-size: 12px;
        }
    }
    @media only screen and (max-width: 767px) {
        .NewsAndMedia_heading__MyQnw h2 {
            margin-bottom: 80px;
            font-size: 20px !important;
        }
    }
    @media only screen and (max-width: 1023px) {
        .NewsAndMedia_heading__MyQnw h2 {
            margin-bottom: 40px;
        }
    }
    @media only screen and (max-width: 1600px) {
        .NewsAndMedia_heading__MyQnw h2 {
            font-size: 30px;
            line-height: 1.4;
            margin-bottom: 60px;
        }
    }
    @media only screen and (max-width: 767px) {
        .NewsAndMedia_view_all_btn__FbmDW {
            margin: 0 !important;
            top: inherit !important;
            bottom: -70px;
            transform: translate(-50%);
            right: inherit;
            left: 50% !important;
        }
    }
    @media only screen and (max-width: 1023px) {
        .NewsAndMedia_view_all_btn__FbmDW {
            top: 0 !important;
        }
    }
    @media only screen and (max-width: 1200px) {
        .NewsAndMedia_view_all_btn__FbmDW {
            top: 40px !important;
            right: 40px;
        }
    }
    @media only screen and (max-width: 1600px) {
        .NewsAndMedia_view_all_btn__FbmDW {
            top: 80px !important;
            right: 80px;
        }
    }
    @media only screen and (max-width: 767px) {
        .homeNews .swiper-horizontal {
            padding-bottom: 50px;
        }
    }
    .homeNews .swiper-horizontal {
        padding-bottom: 90px;
    }
    @media only screen and (max-width: 767px) {
        .NewsAndMedia_swiper__RwXCs {
            padding-top: 20px;
            margin-bottom: 120px;
        }
    }
    @media only screen and (max-width: 1600px) {
        .NewsAndMedia_swiper__RwXCs {
            padding-top: 80px;
        }
    }



    /* NEW SLIDER NEWS CSS */

    @media only screen and (max-width: 767px) {
        .video-carousel h2{
            font-size: 20px !important;
        line-height: 1.4 !important;
            padding-left: 20px !important;
        }   
    }


.video-carousel h2{
text-transform: unset;
    font-size: 40px ;
    line-height: 48px !important;
    font-weight: 700 !important;
    margin: 0 !important;
   color: #2d2926;
   letter-spacing: -.08em !important;

}
@media only screen and (max-width: 767px) {
.video-carousel h3{
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-bottom: 24px !important;
        padding-left: 20px !important;
    }
}
.video-carousel h3{
    text-transform: unset;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 50px;
       color: #2d2926;
       letter-spacing: -.08em !important;
    
    }
    .video-carousel h3 span {
        color: #ff5b00;
        border-bottom: 1px solid #ff5b00;
    }

    .video-swiper{
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block;
    }

    @media only screen and (max-width: 767px) {
        .homeNews {
            position: relative !important;
        }
    }
    @media only screen and (max-width: 767px) { .newsmedia_container{
        padding: 0 20px;
        margin-top: 40px;
    }
    }


    @media only screen and (max-width: 600px) {
    .car-collection .swiper-container-fade .swiper-slide:before{
        position: absolute;
        top: 5px;
        left: 50%;
        width: 100%;
        height: 324px;
        content: "";
        background: url(../images/banner/car-shadow.png) no-repeat;
        background-size: 100%;
        transform: translate(-50%);
        z-index: -1;
    }
}





/* NEW VIDEO SLIDER  */
.videoCarousel {
    padding: 0 40px;
    min-height: 820px;
    margin: 120px 0;
}
@media screen and (min-width: 1600px) {
    .videoCarousel {
        padding: 0 140px;
    }
}
@media only screen and (max-width: 1200px) {
    .videoCarousel {
        padding: 0 20px;
        min-height: 620px;
        margin: 60px 0;
    }
}
@media only screen and (max-width: 880px) {
    .videoCarousel {
        padding: 0 20px;
        min-height: inherit;
        margin: 40px 0;
    }
}

@media only screen and (max-width: 767px) {
    .videoCarousel {
        padding: 50px 0px 0px 0px;;
    }
}





.videoCarousel h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 50px;
}

.videoCarousel h2, .videoCarousel h3 {
    color: #2d2926;
    padding-left: 0;
    letter-spacing: -.08em;
}
.videoCarousel h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    margin: 0;
}
@media only screen and (max-width: 1600px) {
    .videoCarousel h2, .videoCarousel h3 {
        padding-left: 0;
    }
}
@media only screen and (max-width: 1200px) {
    .videoCarousel h2, .videoCarousel h3 {
        padding-left: 40px;
    }
}
@media only screen and (max-width: 880px) {
    .videoCarousel h2, .videoCarousel h3 {
        padding-left: 0;
    }
}
@media only screen and (max-width: 767px) {
    .videoCarousel h2, .videoCarousel h3 {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .videoCarousel h2 {
        font-size: 20px;
        line-height: 1.4;
    }
}










@media only screen and (max-width: 767px) {
    .videoCarousel h3 {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 24px;
    }
}


@media only screen and (max-width: 1200px) {
    .videoCarousel h3 {
        margin-bottom: 40px;
    }
}









@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 2rem;
    }
}
.videoCarousel h3 span {
    color: #ff5b00;
    border-bottom: 1px solid #ff5b00;
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0);
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
/* .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
} */
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.videoCarousel iframe, .videoCarousel video {
    width: 100%;
    background-size: cover;
    object-fit: cover;
    object-position: top;
    vertical-align: top;
}


iframe {
    border: 0;
}






.videoCarousel .swiper-pagination {
    display: flex !important;
    justify-content: space-between !important;
    bottom: 40px !important;
    max-width: 1020px !important ;
    transform: translate(-50%) !important;
    left: 50% !important;
}




.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.videoCarousel .swiper-pagination-bullet-active {
    border-bottom: 3px solid #ff5b00 !important;
}
.videoCarousel .swiper-pagination-bullet {
    width: 300px ;
    background: none ;
    height: 100% ;
    cursor: pointer ;
    opacity: 1 ;
    border-bottom: 3px solid #bdb8b5;
    border-radius: 0 ;
    padding-bottom: 20px ;
}

@media only screen and (max-width: 880px) {
    .videoCarousel .swiper-pagination-bullet-active h4,
    .videoCarousel .swiper-pagination-bullet-active p {
        color: #ff5b00 !important;
    }
}
/* .videoCarousel .swiper-pagination-bullet-active h4, .videoCarousel .swiper-pagination-bullet-active p {
    color: #ff5b00 !important;
}  */

.videoCarousel .swiper-pagination-bullet h4, .videoCarousel .swiper-pagination-bullet p {
    font-size: 20px ;
    line-height: 24px ;
    font-weight: 600 ;
    letter-spacing: -.08em ;
    color: #bdb8b5;
    margin: 0 ; 
}



@media only screen and (max-width: 880px) {
    .videoCarousel .swiper-pagination-bullet h4, .videoCarousel .swiper-pagination-bullet p {
        font-size: 17px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 550px) {
    .videoCarousel .swiper-pagination-bullet h4, .videoCarousel .swiper-pagination-bullet p {
        font-size: 13px;
        line-height: 17px;
    }
}







.swiper-button-next:after, .swiper-button-prev:after{
    display: none !important;
}





@keyframes slideLeft {
    from {
      transform: translateX(0);
      opacity: 1;
    }
    to {
      transform: translateX(-2000px);
      opacity: 0;
    }
  }
  
  @keyframes slideIn {
    from {
      transform: translateX(-2000px);
      opacity: 0;
    }
    to {
        transform: translate(-50%, 0%) translate(-0.014%, 0px);
              opacity: 1;
    }
  }
  
  .banner-txt.slide-left {
    animation: slideLeft 0.9s ease forwards;
  }
  
  .banner-txt.slide-in {
    animation: slideIn 0.9s ease forwards;
  }
  

  .canvas{
    width: 100% !important;
    font-size: 37px !important;
    height: 100% !important;
  }






  .ImageCarousel_swiper_slide__ZbKT4 {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}


  .ImageCarousel_swiper_slide__ZbKT4 img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 500px;
}

@media only screen and (max-width: 1600px) {
    .ImageCarousel_swiper_slide__ZbKT4 img {
        height: 370px;
    }
}
  @media only screen and (max-width: 767px) {
    .ImageCarousel_swiper_item__EqW9J, .ImageCarousel_swiper_slide__ZbKT4 img {
        height: auto;
        min-height: auto;
    }
}











.homeNews.carSafetyFtr .swiper-slide, .homeNews.imgCarousel .swiper-slide {
    filter: blur(0) !important;
}
.homeNews.carSafetyFtr .swiper-slide-active, .homeNews.imgCarousel .swiper-slide-active {
    scale: 1;
    margin-top: 0;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.homeNews .swiper-slide-active {
    scale: 1.05;
    margin-top: -30px;
    filter: blur(0);
}
.homeNews .swiper-slide {
    filter: blur(4px);
}
@media only screen and (max-width: 767px) {
    .homeNews .swiper-slide-active {
        scale: 1;
        margin-top: 0;
        filter: blur(0);
    }
}
@media only screen and (max-width: 767px) {
    .homeNews .swiper-slide {
        filter: blur(0);
    }
}


.ImageCarousel_swiper_item__EqW9J {
    min-height: 636px;
}
@media only screen and (max-width: 1600px) {
    .ImageCarousel_swiper_item__EqW9J {
        min-height: 530px;
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .ImageCarousel_swiper_item__EqW9J, .ImageCarousel_swiper_slide__ZbKT4 img {
        height: auto;
        min-height: auto;
    }
}


















/*NEWS Details page */
.NewsDetail_cover__yIp4W {
    width: 1080px;
    height: auto;
}

@media only screen and (max-width: 1200px) {
    .NewsDetail_cover__yIp4W {
        width: auto;
    }
}
.NewsDetail_detail__luzpk img {
    margin-bottom: 40px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.NewsDetail_container_sm__zX84K img {
    width: 100%;
    height: 100%;
}

.NewsArticle_cover_img__ewdog img {
    width: 100%;
    height: 295px;
    object-fit: cover;
}




@media only screen and (max-width: 1200px) {
    .NewsDetail_container_sm__zX84K {
        padding: 100px 20px 0;
    }
}
@media only screen and (max-width: 767px) {
    .NewsDetail_container_sm__zX84K {
        padding: 100px 0 0;
    }
}


.NewsDetail_container_sm__zX84K {
    position: relative;
    padding-top: 160px;
}

@media only screen and (max-width: 1700px) {
    .NewsDetail_container_sm__zX84K:before {
        width: 80%;
        height: 150px;
        background-size: contain;
    }
}
@media only screen and (max-width: 1200px) {
    .NewsDetail_container_sm__zX84K:before {
        top: 130px;
    }
}
@media only screen and (max-width: 767px) {
    .NewsDetail_container_sm__zX84K:before {
        width: 98%;
        position: static;
        background-size: contain;
        background-position: 50%;
        opacity: .3;
        display: block;
        height: 29px;
        padding: 0;
        transform: inherit;
        margin: 30px 0 0 2%;
    }
}



.NewsDetail_container_sm__zX84K:before {
    content: "";
    position: absolute;
    width: 1640px;
    height: 150px;
    left: 50%;
    top: 275px;
    background: url(/images/riddara_logo.svg) no-repeat;
    background-size: 100% 100%;
    opacity: .05;
    transform: translate(-50%);
}



@media only screen and (max-width: 767px) {
    .NewsDetail_detail__luzpk {
        margin-top: 120px;
    }
}
.NewsDetail_detail__luzpk {
    max-width: 1080px;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .NewsDetail_detail_desc__iUqkV, .NewsDetail_hdg_txt__piExr {
        padding: 0 20px;
    }
}

.NewsDetail_hdg_txt__piExr {
    margin-bottom: 40px;
    position: relative;
    z-index: 99;
}

.NewsDetail_hdg_txt__piExr span {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    letter-spacing: -.08em;
    color: #ff5b00;
}


@media only screen and (max-width: 1200px) {
    .NewsDetail_hdg_txt__piExr h1 {
        font-size: 40px;
        line-height: 46px;
    }
}
@media only screen and (max-width: 767px) {
    .NewsDetail_hdg_txt__piExr h1 {
        font-size: 22px;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 767px) {
    .NewsDetail_hdg_txt__piExr h1 {
        font-size: 18px;
        font-weight: 600;
        line-height: 21.94px;
        color: #3b4c36;
    }
}

.NewsDetail_hdg_txt__piExr h1 {
    font-size: 60px;
    font-weight: 300;
    line-height: 73.14px;
    letter-spacing: -.08em;
    color: #fff;
}

.RecentNews_container__sEtRl {
    margin: 120px 140px 0;
    position: relative;
}

@media only screen and (max-width: 1600px) {
    .RecentNews_container__sEtRl {
        margin: 60px 80px 0;
    }
}
@media only screen and (max-width: 1200px) {
    .RecentNews_container__sEtRl {
        margin: 30px 40px 0;
    }
}
@media only screen and (max-width: 768px) {
    .RecentNews_container__sEtRl {
        margin: 0;
    }
}

.RecentNews_btn__6OIiO {
    display: flex
;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0;
}
.RecentNews_explore_btn__Ezshz {
    background: url(/images/newssubtract.png) no-repeat;
    width: 239px;
    height: 51px;
    background-size: 100% 100%;
    display: flex
;
    justify-content: center;
    align-items: center;
    color: #3b4c36;
}

@media only screen and (max-width: 768px) {
    .RecentNews_explore_btn__Ezshz {
        width: 130px;
        height: 40px;
        font-size: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .RecentNews_explore_btn__Ezshz {
        position: absolute;
        bottom: -40px;
        width: 200px;
        left: 50% !important;
        transform: translate(-50%);
        top: inherit;
    }
}





.RecentNews_news_articles__2qVl6 {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
}


.RecentNews_container__sEtRl .RecentNews_newsArticalwrap__Zhx4q {
    width: calc(33% - 23px);
    margin: 0 40px 40px 0;
}
@media only screen and (min-width: 1377px) {
    .RecentNews_container__sEtRl .RecentNews_newsArticalwrap__Zhx4q:nth-child(3n) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 1377px) {
    .RecentNews_newsArticalwrap__Zhx4q {
        width: calc(50% - 20px) !important;
    }
}
@media only screen and (max-width: 1024px) {
    .RecentNews_newsArticalwrap__Zhx4q {
        margin: 0 20px 45px 0 !important;
        width: calc(50% - 10px) !important;
    }
}
@media only screen and (max-width: 1024px) {
    .RecentNews_newsArticalwrap__Zhx4q {
        margin: 0 20px 45px 0 !important;
        width: calc(50% - 10px) !important;
    }
}




@media only screen and (max-width: 767px) {
    .NewsArticle_article_txt__0O0P1 {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 576px) {
    .RecentNews_newsArticalwrap__Zhx4q {
        width: 100% !important;
        margin-right: 0 !important;
    }
}
.NewsArticle_article_txt__0O0P1 {
    margin-top: 30px;
}

.NewsArticle_hdg_txt__LNQgp span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    letter-spacing: -.08em;
}


@media only screen and (max-width: 768px) {
    .RecentNews_container__sEtRl .RecentNews_newsArticalwrap__Zhx4q h2 {
        padding-left: 0;
    }
}
.RecentNews_container__sEtRl h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48.76px;
    letter-spacing: -.08em;
    color: #3b4c36;
}
@media only screen and (max-width: 768px) {
    .RecentNews_container__sEtRl h2 {
        font-size: 30px;
        padding-left: 20px;
    }
}
.NewsArticle_hdg_txt__LNQgp h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    letter-spacing: -.08em;
    margin: 8px 0;
}




.NewsArticle_short_desc__JOdr4 p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.08em;
    margin-bottom: 24px;
}

.NewsArticle_read_more__5J9PO {
    text-decoration: none;
    color: #ff5b00;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .NewsDetail_container_sm__zX84K:after {
        height: 510px;
    }
}
@media only screen and (max-width: 767px) {
    .NewsDetail_container_sm__zX84K:after {
        background-size: 180px 178px;
    }
}
@media only screen and (max-width: 767px) {
    .NewsDetail_container_sm__zX84K:after {
        height: 250px;
        background-size: 60px 60px;
    }
}


.NewsDetail_container_sm__zX84K:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 700px;
    background-color: #3b4c36;
    background-image: url(/images/tri2-new.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 250px 249px;
    left: 0;
    top: 0;
    z-index: -1;
}



.videoCarousel .swiper-pagination-Technologies {
    display: flex;
    justify-content: space-between;
    bottom: 80px !important;
    max-width: 1020px;
    transform: translate(-50%);
    left: 50% !important;
}


@media only screen and (max-width: 880px) {
.videoCarousel .swiper-pagination-Technologies {
        position: static;
        transform: inherit;
        margin-top: 25px;
    }
}


.swiper-pagination-Technologies {
    position: relative;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10;
}


.accordion .accordion-item .accordion-collapse .accordion-body{
        border: unset !important;
    padding: unset !important;
    background: unset !important;
}



.form-check .form-check-label
 {
    padding-left: unset !important;
}

.form-group label {
   
    margin-top: unset !important;
  
}







.homenews .swiper-button-next-NEWS, .homenews .swiper-button-prev-NEWS {
    width: 70px;
    top: inherit;
    z-index: 99;
    height: 70px;
    bottom: 1px;
}
.homenews .swiper-button-prev-NEWS {
    left: 30% !important;
}

.swiper-button-next-NEWS, .swiper-button-prev-NEWS {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev-NEWS, .swiper-container-rtl .swiper-button-next-NEWS {
    background: url(../images/bg/swipe-left.svg) no-repeat center !important;
    background-size: contain;
    font-size: 0;
    width: 40px;
    height: 40px;
}
.swiper-button-next-NEWS, .swiper-button-prev-NEWS {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev-NEWS, .swiper-rtl .swiper-button-next-NEWS {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}





.swiper-button-next-NEWS, .swiper-container-rtl .swiper-button-prev-NEWS
 {
    background: url(../images/bg/swipe-right.svg) no-repeat center !important;
    font-size: 0;
    width: 40px;
    height: 40px;
}



@media (max-width: 767px) {
    .homenews .swiper-button-next{
display: none !important;
    }
}
@media (max-width: 767px) {
.homenews .swiper-button-prev{
display: none !important;
    }
}


@media only screen and (max-width: 550px) {
    .videoCarousel .swiper-pagination-bullet {
        min-height: 75px !important;
    }
}



.accordion .accordion-header .accordion-button.collapsed{
    margin-top: 0px !important;
}
.accordion-button:not(.collapsed)::after
 {
    transform: unset !important;
}



/* Terms & Conditions */

.innerPage {
    margin: 0 auto;
    max-width: 666px;
    padding: 124px 0 80px;
}
@media only screen and (max-width: 880px) {
    .innerPage {
        padding: 100px 20px 80px;
    }
}



.innerPage h1, .updatedAt
 {
    letter-spacing: -.08em;
    text-align: center;
}

.innerPage h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48.76px;
    color: #3b4c36;
    margin-bottom: 4px;
}

.updatedAt
 {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    color: #53565a;
    margin-bottom: 34px;
}

.innerPage h1, .updatedAt {
    letter-spacing: -.08em;
    text-align: center;
}

.innerPage ol li, .innerPage p, .innerPage ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    color: #2d2926;
    padding: 6px 0 24px;
}
.innerPage p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 6px 0 24px;
}

.innerPage h3, .innerPage p {
    line-height: 20px;
    color: #2d2926;
}

.innerPage h3, .innerPage p {
    line-height: 20px;
    color: #2d2926;
}

.innerPage h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.08em;
    margin: 10px 0;
}





@keyframes slideInFromRight {
  0% {
    transform: translateX(500px);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
  }
}

/* Initially hidden and off-screen */
.nav-links li {
  opacity: 0;
  transform: translateX(500px);
  visibility: hidden; /* Hide from layout and screen readers */
}

/* Trigger animation + make visible */
.nav-links li.animate-in {
  animation: slideInFromRight 0.6s ease forwards;
  visibility: hidden; /* becomes visible during animation */
}

.nav-links li.animate-in:nth-child(1) { animation-delay: 0.1s; }
.nav-links li.animate-in:nth-child(2) { animation-delay: 0.2s; }
.nav-links li.animate-in:nth-child(3) { animation-delay: 0.3s; }
.nav-links li.animate-in:nth-child(4) { animation-delay: 0.4s; }
.nav-links li.animate-in:nth-child(5) { animation-delay: 0.5s; }






@keyframes slideUpFadeIn {
  0% {
    transform: translateY(500px);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

/* Initially hidden and offset */
.anim-menu {
  opacity: 0;
  transform: translateY(100px);
  visibility: hidden;
}

/* When activated */
.anim-menu.animate-in {
  animation: slideInFromRight 0.6s ease forwards;
  visibility: hidden;
}






::selection
 {
    background: #3b4c36 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}






        /* Default: closed */
#mySidenav,
#myContactus,
#myTestdrive {
  width: 0;
  overflow-x: hidden;
  transition: width 0.4s ease;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 999;
}

/* When open */
#mySidenav.open,
#myContactus.open,
#myTestdrive.open {
  width: 45%;
}

/* Mobile override */
@media (max-width: 768px) {
  #mySidenav.open,
  #myContactus.open,
  #myTestdrive.open {
    width: 100%;
  }
}