body,h1,h2,h3,h4,h5,h6,li,p,ul {
    margin: 0;
    padding: 0;
    font-family: "Nunito Sans", sans-serif;
}

.btn,a,a:focus,a:hover,input,select,textarea {
    text-decoration: none;
    outline: 0
}

body,button,li,p,ul {
    padding: 0
}

.btn-check:focus+.btn,.btn:focus,.form-control,.form-control:focus {
    box-shadow: none
}

.form-control:focus {
    background-color: #d8dffb
}

.full_width,.location_map img,.price-brand-img img,.scooter img,.testimonial_block .video_block img,.tvs-story-section img,.tvs_card img,body,video {
    width: 100%
}

body,label,option,p {
    font-weight: 400
}

.owl-carousel .owl-nav button.owl-prev,.swiper-button-prev,header {
    left: 0
}

.faq_section .accordion-item {
    border: 0;
    background: 0 0
}

.faq_section .accordion-item,.modal-content,.result_block ul li:last-child {
    margin-bottom: 0
}

.specsVideoTiles h3,nav>ul li a {
    text-transform: uppercase
}

@font-face {
    font-family: boeing-style;
    src: url(../fonts/boeing-style-webfont.eot);
    src: url(../fonts/boeing-style-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/boeing-style-webfont.woff2) format("woff2"),url(../fonts/boeing-style-webfont.woff) format("woff"),url(../fonts/boeing-style-webfont.ttf) format("truetype"),url(../fonts/boeing-style-webfont.svg#boeing-styleregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.st-anim-img,body.bodyHidden {
    overflow: hidden
}

html {
    font-size: 62.5%
}

* {
    outline: 0
}

::-moz-selection {
    background: #3079ed;
    color: #fff;
    text-shadow: none
}

body {
    height: 100%;
    font-family: Inter,Arial,sans-serif;
    font-size: 1.3rem
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

select option {
    color: #282828
}

h1,h2,h3,h4,h5,h6 {
    line-height: normal
}

li,ul {
    list-style: none
}

img {
    vertical-align: middle;
    border: none
}

/* p {
    font-size: 1.6rem;
    color: #806963;
    line-height: normal;
    display: block
} */

.btn,a,input,select,textarea {
    transition: .25s ease-in
}

/* a {
    color: #666;
    cursor: pointer
} */

a:hover {
    cursor: pointer;
    color: #212121
}

button {
    transition: .25s ease-in;
    border: none;
    background-color: transparent
}

input:focus,textarea:focus {
    outline: 0;
    transition-duration: .1s;
    box-shadow: none
}

/* .form-control {
    padding: 0 1.5rem;
    background-color: #d8dffb;
    border: none;
    height: 55px;
    border-radius: 10px;
    font-size: 14px
} */

.modal-open,.modal.in {
    padding-right: 0!important
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: #b7b7b7
}

.form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #b7b7b7
}

.app_list li,.bannerSwiper,.banner_section,.latestBlogSlider,.relative,.social_list li,.specsVideo,.story-images,.tvs125_banner .inner,.tvs_card {
    position: relative
}

.full_width {
    height: auto
}

.modal {
    z-index: 10000;
    right: -1.7rem
}

.modal-backdrop {
    z-index: 9999
}

.modal-open {
    overflow: auto
}

.modal-content {
    float: left;
    width: 100%;
    border: none;
    box-shadow: 0 11px 49px rgba(0,0,0,.35);
    border-radius: 0
}

#iframVideoModal iframe {
    display: block
}

#iframVideoModal .modal-body {
    float: left;
    width: 100%;
    padding: 0
}

.modal-backdrop.in {
    opacity: .8
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0
}

#iframVideoModal .btn-close {
    opacity: 1;
    position: absolute;
    top: -1rem;
    right: -1rem;
    z-index: 99;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px
}

.choose_your_style,.tvs_journey {
    background-size: cover;
    background-repeat: no-repeat
}

.btn,.custom_checkbox,.hamburger,.styled_select,label {
    position: relative
}

.modal-backdrop.show {
    opacity: .85
}

.custom_checkbox {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-left: 50px
}

.custom_checkbox input[type=checkbox] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.custom_checkbox label {
    color: #654138;
    line-height: normal;
    font-size: 12px;
    font-weight: 600
}

.custom_checkbox label:before {
    content: "";
    background-color: #806963;
    border: none;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 4px
}

.custom_checkbox input[type=checkbox]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    opacity: 1;
    transition: .35s
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    width: 33px
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px
}

.swiper-button-next,.swiper-button-prev {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    background-color: transparent;
    color: #0463d2;
    right: auto;
    transition: .25s;
    border: 1px solid #0463d2;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.owl-carousel .owl-nav button.owl-next,.swiper-button-next {
    right: 0
}

.swiper-button-next::after,.swiper-button-prev::after {
    font-weight: 900;
    font-size: 16px;
    width: 13px;
    height: 15px
}

.swiper-button-next::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>')
}

.swiper-button-prev::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>')
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-color: #fff;
    color: #0463d2
}

.swiper-button-next:hover,.swiper-button-prev:hover {
    background-color: #fff;
    color: #0463d2
}

.btn {
    border: none;
    font-size: 16px;
    font-weight: 700;
    border-radius: 7px;
    overflow: hidden;
    padding: 0
}

.form-control,nav ul li a {
    font-weight: 500;
    color: #000
}

.btn:hover {
    border: 1px solid #e95229
}

.styled_select {
    width: 100%
}

.styled_select:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 0;
    width: 15px;
    line-height: 55px;
    text-align: center;
    pointer-events: none;
    font-size: 20px
}

.styled_select select {
    padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0
}

.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover,.styled_select select option {
    background-color: #fff
}

/* label {
    background-color: #f6f8ff;
    color: #000;
    font-size: 11px;
    line-height: 18px;
    padding: 0 15px;
    border-radius: 11px;
    display: inline-block;
    top: 9px;
    z-index: 2;
    margin-left: 15px
} */

.flex-container {
    display: flex;
    flex-wrap: wrap
}

.header_left {
    display: flex;
    align-items: center
}

.header_left .toggle {
    margin-right: 20px
}

.header_left .logo {
    padding-right: 40px
}

nav>ul {
    display: flex;
    column-gap: 5px
}

nav ul li a {
    font-size: 12px
}

nav ul li a:hover {
    color: #0f76ef
}

.hamburger {
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.bannerSwiper:before,.explore_more,.hamburger>span,.hamburger>span>span {
    position: absolute;
    left: 0
}

.hamburger>span {
    top: 0;
    width: 20px;
    height: 20px
}

.hamburger>span>span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #000;
    border-radius: 4px;
    opacity: 1;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.hamburger>span>span:first-child {
    top: 0
}

.hamburger>span>span:nth-child(2) {
    top: 8px;
    left: 0
}

.hamburger>span>span:nth-child(3) {
    top: 16px
}

.hamburger.open>span>span {
    height: 2px
}

.hamburger.open>span>span:first-child {
    top: 9px;
    transform: rotate(135deg)
}

.hamburger.open>span>span:nth-child(2) {
    opacity: 0;
    left: -20px
}

.hamburger.open>span>span:nth-child(3) {
    top: 9px;
    transform: rotate(-135deg)
}

.header_right ul {
    display: flex;
    column-gap: 30px;
    align-items: center
}

.swiper-pagination {
    bottom: 150px;
    left: 0
}

.banner_logo,.brandColorName,.colorBrandBox,.copyright ul li:first-child:before,.cys_mobile,.location_img_mobile,.mobile_btn,.priceTable ul.priceTable-text,.spect-tab-mobile,.testimonialSwiper .swiper-pagination {
    display: none
}

.bannerSwiper:before {
    content: "";
    bottom: 0;
    width: 100%;
    height: 36%;
    background: linear-gradient(to bottom,rgba(255,181,118,0) 0,#5b3517 100%);
    z-index: 2;
    pointer-events: none
}

.explore_more {
    bottom: 60px;
    width: 100%;
    text-align: center;
    z-index: 3
}

.scooter,.scooter_heading {
    z-index: 2;
    pointer-events: none
}

.explore_more h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    padding-bottom: 15px
}

.explore_more .arrow_down {
    animation: 2s infinite pulse;
    display: inline-block
}

@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(0,10px);
        transform: translate(0,10px)
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(0,10px);
        transform: translate(0,10px)
    }
}

.main-slideWrapper {
    width: 100vw;
    background-color: #fff;
    overflow: hidden;
    height: 194vh
}

.main-slideWrapper .main-slide {
    display: flex
}

.main-slideWrapper .slide-item {
    display: flex
}

.main-slide .item {
    width: 100vw;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 80px;
    transition: .25s ease
}

.main-slideWrapper.active .item {
    margin-top: 150px;
    min-height: 70vh
}

.main-slideWrapper .item__content {
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 100%
}

.choose_your_style {
    background-image: url(../images/tvs-img/cys-bg.webp);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 60px 0
}

.choose_your_style h2 {
    font-family: boeing-style,Arial,sans-serif;
    color: #000;
    font-size: 34px;
    padding-bottom: 20px
}

.choose_your_style .flex-container {
    position: relative;
    justify-content: space-between
}

.choose_your_style .amitji {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 10
}

.choose_your_style .scooter_block {
    width: 44.5%;
    position: relative
}

.choose_your_style .video {
    position: relative;
    z-index: 1;
    height: 355px;
    overflow: hidden;
    border-radius: 20px
}

.choose_your_style .video:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,#5d6065 0,rgba(124,131,143,0) 100%);
    z-index: 1
}

.choose_your_style .jupioter125 .video:before {
    background: linear-gradient(to bottom,rgba(30,87,153,.3) 0,rgba(4,99,210,.31) 1%,#0463d2 100%)
}

.scooter_heading {
    position: absolute;
    inset: 40px 0 0 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    mix-blend-mode: lighten;
    pointer-events: none
}

.choose_your_style .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%)
}

.scooter_heading h3 {
    font-size: 34px;
    font-family: boeing-style,Arial,sans-serif;
    text-shadow: -2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;
    display: inline-block;
    position: relative;
    transition: all .5s
}

.scooter_heading h3 span {
    color: #fff;
    text-shadow: none;
    mix-blend-mode: normal;
    position: absolute;
    top: 90%;
    right: 11%;
    font-size: 24px
}

.scooter {
    position: absolute;
    left: 50%;
    top: 22%;
    transform: translateX(-50%) scale(.9);
    z-index: 2;
    width: 246px;
    transition: all .5s;
    pointer-events: none
}

.colorTab,.copyright ul li:before,.faq_section .accordion-button::after,.reach_list li img,.tvs125_banner .inner .border_box {
    top: 50%;
    transform: translateY(-50%)
}

.choose_your_style .scooter_block:hover .scooter {
    transform: translateX(-50%) scale(1)
}

.choose_your_style .scooter_block:hover .scooter_heading h3 {
    transform: scaleX(1.5) scaleY(1.2)
}

.choose_your_style .scooter_block .copy_block {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-top: 60px
}

.choose_your_style .scooter_block .copy_block ul li {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    font-style: italic;
    position: relative;
    padding: 0 0 3px 20px
}

.choose_your_style .scooter_block .copy_block ul li:before {
    content: url(../images/tvs-img/bullet.webp);
    position: absolute;
    left: 0;
    top: 0
}

.choose_your_style .scooter_block .copy_block .btn {
    line-height: 34px;
    color: #000;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 700;
    padding: 0 15px;
    border-radius: 4px
}

.choose_your_style .scooter_block .copy_block .btn:hover {
    background-color: #000;
    color: #fff
}

.jupiter_tabs {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    padding: 0 10px 5px
}

.jupiter_tabs .nav-tabs {
    border: none
}

.jupiter_tabs .nav-tabs>li {
    width: 50%
}

.jupiter_tabs .nav-tabs .nav-link {
    font-family: boeing-style,Arial,sans-serif;
    font-style: italic;
    font-size: 18px;
    padding: 5px 15px;
    border: none;
    border-radius: 0;
    background-color: #fff;
    text-align: center;
    color: rgba(43,43,43,.68);
    border-top: 1px solid #424853;
    width: 100%;
    position: relative
}

.jupiter_tabs .nav-tabs .nav-link span {
    display: block;
    font-style: normal
}

.jupiter_tabs .nav-tabs .nav-link span b {
    font-weight: 400;
    display: inline-block;
    background-color: rgba(43,43,43,.68);
    color: #fff;
    transition: .25s;
    font-size: 16px;
    padding: 0 5px;
    line-height: 20px;
    transform: skewX(-20deg)
}

.jupiter_tabs .nav-tabs>li:first-child>a {
    border-radius: 16px 0 0 46px
}

.jupiter_tabs .nav-tabs>li:last-child>a {
    border-radius: 0 16px 46px 0
}

.jupiter_tabs .nav-tabs .nav-link:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -3px;
    background-color: #fff;
    width: 16px;
    height: 16px;
    transform: rotate(45deg) translateX(-50%);
    border-top: 1px solid #424853;
    border-left: 1px solid #424853;
    visibility: hidden;
    opacity: 0;
    transition: .25s
}

.jupiter_tabs .nav-tabs .nav-link.active:before {
    visibility: visible;
    opacity: 1
}

.jupiter_tabs .nav-tabs .nav-item.show .nav-link,.jupiter_tabs .nav-tabs .nav-link.active {
    border: none;
    background-color: #fff;
    border-top: 1px solid #424853;
    color: #000
}

.jupiter_tabs .nav-tabs .nav-link.active span b {
    background-color: #2b2b2b
}

.jupiter_tabs .nav-tabs .nav-item .nav-link:hover {
    border: none;
    background-color: #fff;
    border-top: 1px solid #424853
}

.tvs_journey {
    background-image: url(../images/tvs-img/tvs-journey-bg.webp);
    background-position: left top;
    padding: 80px 0
}

.tvs_journey .flex-container {
    align-items: center
}

.tvs_journey .amitji {
    width: 30%;
    margin-top: 12%
}

.tvs_journey .tj_details {
    width: 70%
}

.heading {
    text-align: center;
    padding-bottom: 40px
}

.heading h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #183883;
    font-family: "Nunito Sans", sans-serif;
    padding-bottom: 10px
}

.heading p {
    font-size: 22px;
    color: #030303;
    font-weight: 300
}

.tjslide_wrap {
    position: relative;
    padding: 0 40px
}

.tjSwiper {
    padding: 0 40px
}

.tvs_card {
    position: relative
}

.tvs_card img {
    transition: all .5s
}

.tvs_card .img_block {
    position: relative;
    border-radius: 12px;
    overflow: hidden
}

.tvs_card .base {
    width: 100%;
    border-radius: 12px
}

.tvs_card .back_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none
}

.tvs_card .green_back_one {
    z-index: 1;
    mix-blend-mode: multiply;
    transform: scale(1.2)
}

.tvs_card .green_back_two {
    z-index: 2;
    mix-blend-mode: multiply
}

.tvs_card .purple_back_one {
    z-index: 1
}

.tvs_card .purple_back_two {
    z-index: 2
}

.tvs_card .purple_back_three {
    z-index: 3
}

.tvs_card .aqua_back_one {
    z-index: 1;
    mix-blend-mode: multiply
}

.tvs_card .copy {
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 30px 0;
    z-index: 10;
    transition: all .5s;
    width: 100%
}

.tvs_card .copy h3 {
    font-size: 64px;
    font-weight: 900;
    line-height: 60px
}

.tvs_card .copy h5 {
    font-size: 20px;
    color: #53525a;
    font-weight: 700
}

.tvs_card .copy p {
    font-size: 16px;
    color: #5b5b5b;
    font-weight: 700
}

.colorTilesBox ul li.active h3,.testimonialSwiper .swiper-button-next:hover::after,.testimonialSwiper .swiper-button-prev:hover::after,.tvs125_banner .inner .border_box .banner_form .styled_select::after,.tvs_card.green .copy h3 {
    color: #212121;
}

.tvs_card.purple .copy h3 {
    color: #e2def2
}

.tvs_card.aqua .copy h3 {
    color: #16c4fb
}

.testimonialSwiper {
    border-radius: 16px
}

.testimonial_video {
    padding: 60px 0
}

.testimonial_block {
    cursor: pointer
}

.testimonial_block .video_block {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 247/463
}

.testimonial_block .video_block img {
    height: 100%;
    object-fit: cover
}

.testimonial_block .video_block a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.testimonial_block:focus .video_block a,.testimonial_block:hover .video_block a {
    transform: translate(-50%,-50%) scale(.95)
}

.testimonial_block .copy_block {
    text-align: center;
    padding-top: 20px
}

.testimonial_block .copy_block h4 {
    font-size: 13px;
    color: 363636;
    font-weight: 600;
    display: inline-block;
    background: rgb(0 0 0 / 30%);
    padding: 1rem;
    border-radius: 25px;
    color: #fff
}

.testimonial_block .copy_block h4 span {
    display: block;
    font-size: 11px;
    font-weight: 400
}

.testimonialSwiper .swiper-slide-next .video_block:before,.testimonialSwiper .swiper-slide-prev .video_block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 10s 10s
}

.testimonialSwiper .swiper-button-next,.testimonialSwiper .swiper-button-prev {
    border-color: #000;
    color: #000;
    background-color: rgb(255 255 255/ 30%);
    right: 10px;
    transition: .6s
}

.testimonialSwiper .swiper-button-prev {
    right: auto;
    left: 10px
}

.testimonialSwiper .swiper-button-next:hover,.testimonialSwiper .swiper-button-prev:hover {
    background-color: #fff;
    box-shadow: 0 0 10px #fff
}

.latestBlogSlider .lt-img img,.st-anim-img img,.testimonialSwiper .swiper-slide picture img {
    transform: scale(1);
    transition: .6s
}

.latestBlogSlider .lt-img:hover img,.st-anim-img:hover img,.testimonialSwiper .swiper-slide picture:focus img,.testimonialSwiper .swiper-slide picture:hover img {
    transform: scale(1.05);
    transition: .6s
}

.faq_section {
    margin-bottom: 60px;
    transform: translate3d(0,50px,0);
    transition-duration: .75s;
    transition-timing-function: ease;
    transition-delay: .1s;
    opacity: 0
}

.faq_section.active,.latest-blog-section .aos-init,.latest-blog-section.active+.faq_section,.location_dealer.active+.faq_section {
    opacity: 1;
    transform: translateZ(0)
}

.faq_section .heading h2,.newsletter_section .heading h2,.seo-text .heading h2 {
    font-size: 24px
}

.seo-text p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 1em
}

.faq_section .inner_faq {
    background-color: #f5f6f7;
    padding: 50px 180px
}

.faq_section .accordion-button:focus {
    box-shadow: none;
    z-index: -1;
    border-color: transparent
}

.faq_section .accordion-header {
    position: relative;
    z-index: 1
}

.location_form .form-group,.result_block,.result_block ul li {
    margin-bottom: 15px
}

.faq_section .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.faq_section .accordion-button.collapsed {
    border: none;
    background-color: transparent;
    color: #9e9e9e;
    border-bottom: 1px solid #e0e0e0
}

.faq_section .accordion-button {
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding: 23px 30px 23px 0;
    border-radius: 10px 10px 0 0
}

.faq_section .accordion-button:not(.collapsed) {
    border: none;
    background-color: transparent;
    font-weight: 700;
    color: #000;
    font-size: 14px
}

.faq_section .accordion-button::after {
    background-image: url(../images/tvs-img/accordion-down.webp);
    position: absolute;
    right: 20px
}

.faq_section .accordion-button:not(.collapsed)::after {
    background-image: url(../images/tvs-img/accordion-up.webp);
    transform: rotate(0) translateY(50%)
}

.faq_section .accordion-collapse {
    border: none;
    background-color: rgba(255,255,255,.7);
    position: relative;
    z-index: 3;
    border-radius: 6px
}

.faq_section .accordion-body {
    padding: 15px 30px
}

.faq_section .accordion-body p {
    color: #474747;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 20px
}

.location_dealer {
    padding-top: 60px
}

.location_dealer .heading {
    padding-bottom: 20px
}

.faq_section .heading h2,.latest-blog-section .heading h2,.location_dealer .heading h2,.testimonial_video .heading h2 {
    font-weight: 700
}

.location_search {
    width: 38.5%;
    padding-right: 30px
}

.location_map {
    width: 61.5%;
    overflow: hidden;
    border: 1px solid #0463d2;
    border-radius: 20px
}

.location_map img {
    width: 100%;
    height: 776px;
    object-fit: cover;
    border-radius: 20px 20px 0 0
}

.location_img img {
    width: 100%;
    border-radius: 20px 20px 0 0
}

.result_div {
    height: 100%
}

.result_div h5 {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px
}

.result_div h5 .btn {
    font-size: 12px;
    font-weight: 500;
    background-color: #000;
    color: #fff;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 15px;
    border: none
}

.result_div h5 .btn:hover {
    background-color: #0f76ef
}

.result_block {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 24px rgba(0,0,0,.1);
    position: relative
}

.result_block .direction {
    position: absolute;
    right: 20px;
    top: 20px
}

.result_block ul {
    display: flex;
    flex-wrap: wrap;
    padding-right: 30px
}

.result_block ul li {
    width: 100%;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #4d545b;
    padding-left: 35px
}

.result_block ul li img {
    position: absolute;
    left: 0;
    top: 0
}

.result_block.selected {
    background-color: #f3f8ff;
    border: 1px solid #0463d2
}

.location_form {
    padding: 20px 20px 10px
}

.scroller {
    max-height: 360px;
    overflow-y: scroll;
    padding: 20px
}

.country .country-dropdown::-webkit-scrollbar-track,.scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

.country .country-dropdown::-webkit-scrollbar,.scroller::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

.country .country-dropdown::-webkit-scrollbar-thumb,.scroller::-webkit-scrollbar-thumb {
    background-color: #4d545b
}

.newsletter_section {
    background-color: #f6f0e8;
    padding: 50px 0;
    text-align: center
}

.newsletter_section .heading p {
    font-size: 13px
}

.newsletter_section .form-group {
    display: inline-block;
    position: relative;
    max-width: 823px;
    width: 100%
}

.newsletter_section .form-control {
    background-color: #fff;
    padding: 0 50px 0 20px
}

.newsletter_section .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%
}

.tvs125_banner {
    position: relative;
    width: 100%;
    height: calc(100vh - 188px)
}

.tvs125_banner picture img,.tvs125_banner video {
    height: 100%;
    object-fit: cover
}

.tvs125_banner .overlay {
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.tvs125_banner .overlay .container {
    max-width: 880px
}

.tvs125_banner .inner .img_block {
    position: relative;
    z-index: 2;
    display: inline-block
}

.tvs125_banner .inner .border_box {
    position: absolute;
    right: 0;
    max-width: 430px;
    width: 100%;
    background-color: rgba(0,0,0 .25);
    border-radius: 25px;
    border: 1px solid #fff;
    z-index: 1;
    text-align: right;
    overflow: hidden;
    box-shadow: 0 0 28px #7b7b7b
}

.tvs125_banner .inner .border_box .logo {
    padding: 30px 0 60px;
    position: relative;
    right: -2px
}

.tvs125_banner .inner .border_box .banner_form {
    padding: 0 30px 30px
}

.tvs125_banner .inner .border_box .banner_form .ro {
    display: flex;
    align-items: center;
    padding-bottom: 10px
}

.tvs125_banner .inner .border_box .banner_form .form-control {
    border: 1px solid rgba(227,227,227,.35);
    border-radius: 3px;
    background-color: transparent;
    color: #fff;
    min-width: 184px
}

.colorTab ul li,.colorTab ul li span {
    color: #000;
    border-radius: 3px;
    transition: .6s
}

.tvs125_banner .inner .border_box .banner_form label {
    background-color: #393939;
    color: #d3d3d3;
    font-size: 10px;
    margin-left: 5px
}

.tvs125_banner .inner .border_box .banner_form .price {
    padding: 0 0 0 20px
}

.tvs125_banner .inner .border_box .banner_form h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.tvs125_banner .inner .border_box .banner_form .price p {
    color: #d9d7d7;
    font-size: 8px
}

.tvs125_banner .inner .border_box .banner_form .btn_list {
    display: flex;
    column-gap: 10px
}

.tvs125_banner .inner .border_box .banner_form .btn_list li {
    display: flex;
    flex: 1
}

.tvs125_banner .inner .border_box .banner_form .btn_list li a {
    text-align: center;
    background-color: rgba(121,119,119,.44);
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    line-height: 42px;
    display: inline-block;
    width: 100%
}

.tvs125_banner .inner .border_box .banner_form .btn_list li a:hover {
    background-color: #fff;
    color: #000
}

.color-section {
    background: #f4f4f4;
    padding: 50px 0;
    position: relative
}

.color-section .heading {
    padding: 0
}

.colorTab {
    position: absolute;
    left: 0;
    z-index: 3
}

.colorTab ul {
    display: flex;
    flex-direction: column
}

.colorTab ul li {
    font-size: 16px;
    font-style: normal;
    line-height: 18px;
    display: inline-block;
    align-self: flex-start;
    padding: 12px 0 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
    cursor: pointer
}

.colorTab ul li.active,.colorTab ul li:hover {
    background: #000;
    transition: .6s
}

.colorTab ul li span {
    background: #fff;
    padding: 12px 20px
}

.colorTab ul li.active span,.colorTab ul li:hover span {
    background: 0 0;
    color: #fff;
    transition: .6s;
    padding-left: 0
}

.color-brands-section {
    width: 55%;
    margin: auto;
    display: none;
    align-items: center
}

.color-brands-section.show-active {
    display: flex
}

.color-brands-section .colorBrand {
    width: 72%;
    text-align: center
}

.colorBrandBox img {
    max-width: 100%
}

.colorTilesBox {
    width: 28%;
    margin-top: 2%
}

.colorTilesBox ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 35px;
    grid-auto-flow: row
}

.colorTilesBox ul li {
    height: 90px;
    aspect-ratio: 1;
    border-radius: 10px;
    background: #fff;
    text-transform: capitalize;
    display: inline-flex;
    padding: 15px 10px 5px;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    cursor: pointer;
    transition: .6s
}

.colorTilesBox ul li span {
    width: 40px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 22px;
    transition: .6s;
    box-shadow: 0 0 20px #ddd
}

.colorTilesBox ul li.active span {
    box-shadow: none
}

.price-flex,.selectCitySection {
    justify-content: space-between;
    display: flex
}

.colorTilesBox ul li.nexa-blue span {
    background: #752330
}

.colorTilesBox ul li.titanium-grey span {
    background: #898989
}

.colorTilesBox ul li.midnight-black span {
    background: #0f0f0f
}

.colorTilesBox ul li.metallic-red span {
    background: #f75050
}

.colorTilesBox ul li.pristine-white span {
    background: #fff
}

.colorTilesBox ul li.indiblue span {
    background: #494276
}

.colorTilesBox ul li.skyblue span {
    background: #53c6e5
}

.colorTilesBox ul li.orange span {
    background: #d2833f
}

.colorTilesBox ul li.copper-bronze span {
    background: #977b7b
}

.colorTilesBox ul li.starlight-blue span {
    background: #2e4b6a
}
.colorTilesBox ul li.Purple span {
    background: #b5179e
}
.colorTilesBox ul li.grey-Mattee span {
    background: #adb5bd
}
.colorTilesBox ul li.red-gloss span {
    background: #e43d32
}
.colorTilesBox ul li.white-gloss span {
    background: #f8f9fa
}

.colorTilesBox ul li.walnut-brown span {
    background: #a7836e
}

.colorTilesBox ul li h3 {
    color: #a1a1a1;
    font-size: 13px;
    font-style: normal;
    line-height: 115%;
    margin: 3px;
}

.colorTilesBox ul li.nexa-blue.active {
    background: #d35669;
    border: 1px solid #d35669
}

.colorTilesBox ul li.titanium-grey.active {
    background: #a3a3a3;
    border: 1px solid #a3a3a3
}

.colorTilesBox ul li.midnight-black.active {
    background: #3b3b3b;
    border: 1px solid #3b3b3b
}

.colorTilesBox ul li.metallic-red.active {
    background: #bc1f1f;
    border: 1px solid #bc1f1f
}

.colorTilesBox ul li.indiblue.active {
    background: #8880b9;
    border: 1px solid #8880b9
}

.colorTilesBox ul li.skyblue.active {
    
}



.colorTilesBox ul li.pristine-white.active h3 {
    color: #000
}

@media (min-width: 1023px) {
    .colorTilesBox ul li:hover span {
        width:50px
    }
}

.color-disc {
    width: 100%;
    margin-top: 18px;
    color: #7f7f7f;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.drag-handler {
    width: 70%;
    position: relative;
    text-align: center;
    margin: 50px auto 0
}

.drag-handler span {
    cursor: pointer;
    position: absolute
}

.drag-handler::after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.3);
    display: inline-block;
    top: 23px;
    position: absolute;
    left: 0
}

.price-section {
    width: 100%;
    
}

.price-flex {
    width: 100%;
    margin: auto;
    align-items: center
}

.price-brand-img {
    width: 67%;
    margin-top: 30px
}

.price-category {
    width: 52%;
    padding-left: 5%
}

.emi-calculator .heading {
    padding: 0
}

.emi-calculator h2,.price-category h2 {
    text-align: left
}

.selectCitySection {
    width: 100%;
    margin-top: 30px
}

.selectCitySection select {
    border-radius: 4px;
    border: 1px solid #dfecf6;
    background: url(../images/tvs-img/down-arrow.webp) 95% center no-repeat #fff;
    box-shadow: 4px 4px 20px 0 #dfecf6;
    color: #4d545b;
    font-size: 14px;
    appearance: none;
    width: 49%;
    padding: 0 20px;
    height: 55px
}

.priceTable {
    width: 100%;
    border-radius: 6px;
    background: #dfecf6;
    padding: 15px 40px;
    margin-top: 20px;
    overflow: hidden
}

.priceTable ul.priceTableTab {
    display: flex;
    border-bottom: 1px solid #a8a8a8;
    justify-content: center;
}

.priceTable ul.priceTableTab li {
    width: 45%;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding: 20px 0;
    cursor: pointer;
    display: inline-flex
}

.priceTable ul.priceTable-text li {
    width: 100%;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    padding: 17px 0;
    border-bottom: 1px solid #d5dde3;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap
}

.priceTable ul.priceTable-text li span {
    width: 45%;
    color: #ffffff;
    font-weight: 500;   
}

.priceTable ul.priceTable-text li:last-child {
    padding-bottom: 0;
    border: 0
}

.priceTable ul.priceTable-text li:first-child span {
    font-size: 16px;
    font-weight: 700;
    
}


.price-table-btn {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.price-table-btn a {
    width: 48%;
    display: inline-flex;
    padding: 10px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid transparent
}

.price-table-btn a.book-now-btn {
    background: #183883;
    color: #fff;
    font-family: "Nunito Sans", sans-serif;
}

.price-table-btn a.test-ride-bnt {
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #183883;
    color: #fff;
    font-family: "Nunito Sans", sans-serif;
}
.specsVideo video,.specsVideo::after,.specsVideoTiles img {
    border-radius: 20px 20px 0 0
}

.technical-specification {
    padding: 50px 0 60px
}

.technical-specification .container {
    width: 75%
}

.specs-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0 5%
}

.specs-big-section {
    width: 63%
}

.specs-content-section {
    width: 100%;
    border-radius: 20px;
    background: #e7eeff;
    display: none
}

.select-brand-box,.specsVideoTiles {
    width: 100%;
    position: relative
}

.specsVideoTiles h3 {
    position: absolute;
    bottom: 20px;
    left: 50px;
    color: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.specsVideo video {
    width: 100%;
    height: 310px;
    object-fit: cover
}

.specsVideo::after {
    content: "";
    width: 100%;
    height: 98%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.2)
}

.specs-tab video,.specs-tab::after,.spect-tab-desktop ul li img {
    border-radius: 20px
}

.specs-tab.chassisVideo::after {
    background: linear-gradient(0deg,rgba(207,255,184,.86) 0,rgba(207,255,184,.86) 100%);
    background-blend-mode: screen
}

.specs-tab.bikesVideo::after {
    background: linear-gradient(0deg,rgba(164,252,210,.48) 0,rgba(164,252,210,.48) 100%)
}

.specsContent {
    padding: 15px 35px;
    max-height: 250px;
    overflow-y: auto
}

.specsContent ul li {
    display: flex;
    margin: 20px 0
}

.specsContent ul li p {
    width: 50%;
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.specsContent ul li strong {
    font-weight: 700
}

.spect-tab-desktop {
    width: 35%;
    max-height: 568px;
    overflow-y: auto
}

.spect-tab-desktop ul li {
    width: 100%;
    position: relative;
    cursor: pointer;
    gap: 10px;
    display: inline-flex;
    margin-bottom: 6px
}

.specs-tab {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 136px
}

.specs-tab video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.specs-tab::after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.specs-tab.engineVideo::after {
    background: linear-gradient(0deg,rgba(131,158,255,.35) 0,rgba(131,158,255,.35) 100%)
}

.specs-tab.electricalsVideo::after {
    background: linear-gradient(0deg,rgba(182,234,250,.9) 0,rgba(182,234,250,.9) 100%);
    background-blend-mode: screen
}

.spect-tab-desktop ul li h3 {
    position: absolute;
    top: 16px;
    left: 20px;
    color: #000;
    font-size: 22px;
    font-weight: 700
}

.spect-tab-desktop ul li::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 15px;
    right: 20px;
    background: url(../images/tvs-img/fe_arrow-up.webp) left top no-repeat
}

.spect-tab-desktop ul li.active:before {
    right: 100%;
    top: 50%;
    border: 13px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -10px
}

.spect-tab-desktop ul li:first-child:before {
    border-right-color: #b3bddf
}

.spect-tab-desktop ul li:nth-child(2):before {
    border-right-color: #acdbea
}

.spect-tab-desktop ul li:nth-child(3):before {
    border-right-color: #bce0ad
}

.spect-tab-desktop ul li:nth-child(4):before {
    border-right-color: #a1dcd6
}

.emi-calculator {
    position: relative;
    width: 100%;
    padding: 0;
    background: #f6f0e8;
    background-blend-mode: darken
}

.calc_wrap {
    padding-top: 30px;
    padding-bottom: 30px
}

.claculator {
    margin: 10px 0 0
}

.calc_wrap .claculator p {
    color: #424242;
    font-size: 22px;
    line-height: normal;
    padding-bottom: 10px
}

.calc_wrap .claculator .lbl_list {
    float: left;
    width: 100%;
    padding-bottom: 10px
}

.calc_wrap .claculator .lbl_list>li {
    float: left;
    color: #050505;
    font-size: 14px;
    font-weight: 400
}

.calc_wrap .claculator .lbl_list2>li:last-child,.calc_wrap .claculator .lbl_list>li:last-child {
    float: right
}

.calc_wrap .claculator input[type=text] {
    background-color: transparent;
    border: 0;
    color: inherit;
    padding: 0;
    text-align: center
}

.calc_wrap .claculator .rangeslidecontainer:nth-child(1) input[type=text] {
    width: 54px
}

.calc_wrap .claculator .rangeslidecontainer:nth-child(2) input[type=text] {
    width: 30px
}

.calc_wrap .claculator .rangeslidecontainer:nth-child(3) input[type=text] {
    width: 20px
}

.calc_wrap .claculator .lbl_list>li p {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.calc_wrap .claculator .lbl_list>li:last-child p {
    display: inline-flex;
    padding: 7px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #000
}

.calc_wrap .claculator .lbl_list>li:last-child strong {
    color: #050505;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-left: 5px
}

.calc_wrap .claculator .lbl_list2 {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 10px
}

.calc_wrap .claculator .lbl_list2>li {
    float: left;
    color: rgba(0,0,0,.7);
    font-size: 14px;
    font-weight: 300
}

.rangeslidecontainer {
    width: 100%;
    padding: 25px 0
}

.range_outer {
    position: relative;
    padding-bottom: 8px
}

.range-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px;
    border-radius: 0;
    outline: 0;
    opacity: 1;
    transition: opacity .2s
}

.range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: linear-gradient(to bottom,#676767 0,#1f1f1f 100%);
    cursor: pointer;
    border-radius: 50%;
    border: none
}

.range-slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: linear-gradient(to bottom,#676767 0,#1f1f1f 100%);
    cursor: pointer;
    border-radius: 50%;
    border: none
}

.claculator button.calculate-btn {
    width: 100%;
    display: inline-flex;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid transparent;
    margin-top: 40px;
    background: #000;
    color: #fff;
    transition: .6s
}

.tvs-story-section {
    position: relative;
    padding-top: 60px
}

.grid-masonary {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    orphans: 1;
    widows: 1
}

.grid-masonary [data-aos^=fade][data-aos^=fade].aos-animate {
    transform: none
}

.stoty-heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.stoty-heading h3 {
    color: #909090;
    font-size: 26px;
    font-weight: 300;
    line-height: 32px
}

.stoty-heading h3 strong {
    color: #000;
    font-size: 24px;
    font-weight: 700
}

.story-social a {
    display: inline-flex;
    padding: 9px 15px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 3px;
    margin-left: 5px;
    position: relative
}

.story-social a:hover {
    border-radius: 0;
    transform: scale(1.1);
    transition: .25s ease-in
}

.story-social a.storty-fb {
    background: #000
}

.story-social a.storty-tw {
    background: #e9e9e9
}

.story-social a:before {
    bottom: -13px;
    border: 7px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.story-social a.storty-fb:before {
    border-top-color: #000;
    transition: .25s ease-in
}

.story-social a.storty-tw:before {
    border-top-color: #e9e9e9;
    transition: .25s ease-in
}

.st-image {
    margin: 0 0 25px;
    position: relative
}

.st-image .like-share {
    position: absolute;
    left: 5%;
    bottom: 20px;
    display: flex;
    align-items: center
}

.st-image .like-share button {
    height: 30px;
    width: 30px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: rgba(255,255,255,.9);
    display: grid;
    place-content: center
}

.st-image .like-share .sm-icon {
    height: 16px;
    width: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: baseline;
    background-position: center
}

.like-share .share-icon {
    background-image: url('data:image/svg+xml,<svg fill="%23000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 481.6 481.6" xml:space="preserve"><g><path d="M381.6,309.4c-27.7,0-52.4,13.2-68.2,33.6l-132.3-73.9c3.1-8.9,4.8-18.5,4.8-28.4c0-10-1.7-19.5-4.9-28.5l132.2-73.8c15.7,20.5,40.5,33.8,68.3,33.8c47.4,0,86.1-38.6,86.1-86.1S429,0,381.5,0s-86.1,38.6-86.1,86.1c0,10,1.7,19.6,4.9,28.5l-132.1,73.8c-15.7-20.6-40.5-33.8-68.3-33.8c-47.4,0-86.1,38.6-86.1,86.1s38.7,86.1,86.2,86.1c27.8,0,52.6-13.3,68.4-33.9l132.2,73.9c-3.2,9-5,18.7-5,28.7c0,47.4,38.6,86.1,86.1,86.1s86.1-38.6,86.1-86.1S429.1,309.4,381.6,309.4z M381.6,27.1c32.6,0,59.1,26.5,59.1,59.1s-26.5,59.1-59.1,59.1s-59.1-26.5-59.1-59.1S349.1,27.1,381.6,27.1z M100,299.8c-32.6,0-59.1-26.5-59.1-59.1s26.5-59.1,59.1-59.1s59.1,26.5,59.1,59.1S132.5,299.8,100,299.8z M381.6,454.5c-32.6,0-59.1-26.5-59.1-59.1c0-32.6,26.5-59.1,59.1-59.1s59.1,26.5,59.1,59.1C440.7,428,414.2,454.5,381.6,454.5z"/></g></svg>')
}

.like-share .fb-icon.sm-icon {
    background-size: 14px 16px;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg>')
}

.like-share .insta-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>')
}

.like-share .twitter-icon {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path d="M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z"/></svg>')
}

.like-share .linkedin-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg>')
}

.st-image .like-share .dropdown-menu {
    padding: 0;
    border: 0;
    margin-left: 6px!important;
    z-index: 155;
    box-shadow: 0 0 10px #cacaca
}

.st-image .like-share .dropdown-menu.show {
    display: flex
}

.st-image .like-share .dropdown-menu:before {
    content: "";
    border: 6px solid;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -6px;
    border-color: transparent #fff transparent transparent
}

.st-image .like-share .dropdown-item {
    color: #000;
    padding: 7px 9px;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
    display: block
}

.st-image .st-anim-img {
    cursor: pointer;
    position: relative
}

.st-image .enternal-link {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none
}

.latest-blog-section {
    padding: 60px 0
}

.latest-blog-section .heading {
    padding-bottom: 5px
}

.latestBlogSlider {
    padding: 0 20px
}

.latestBlogSlider .swiper-wrapper {
    padding: 20px 0 50px
}

.latestBlogSlider .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column
}

.latestBlogSlider .latest-slide-box {
    background: #fff;
    height: 100%;
    padding: 19px 12px 22px 13px;
    border-radius: 7px;
    box-shadow: 0 0 20px rgba(0,0,0,.09)
}

.latestBlogSlider .latest-slide-box img {
    width: 100%
}

.latestBlogSlider .latest-slide-box h3 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
}

.latestBlogSlider .name-date {
    color: #828282;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: flex
}

.latestBlogSlider .name-date span {
    margin: 0 10px
}

.latestBlogSlider .name-date span:first-child {
    margin-left: 0
}

.latestBlogSlider .lt-img {
    margin: 15px 0;
    overflow: hidden
}

.latestBlogSlider .swiper-pagination {
    width: 100%;
    bottom: 0;
    text-align: center
}

.latestBlogSlider .swiper-pagination span.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #d9d9d9;
    border-radius: 100%;
    margin: 0 4px
}

.latestBlogSlider .swiper-pagination span.swiper-pagination-bullet-active {
    background: #000
}

.swiper-360 {
    position: relative;
    margin-top: 24px
}

.swiper-360 .swiper-scrollbar {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    position: relative
}

.swiper-360 .drag-text {
    font-size: 12px;
    color: #000
}

.swiper-360 .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 0;
    height: 40px;
    background-color: transparent
}

.swiper-360 .swiper-scrollbar.swiper-scrollbar-horizontal::before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.3);
    display: inline-block;
    top: 20px;
    position: absolute;
    left: 0
}

.swiper-360 .swiper-scrollbar-drag {
    background: 0 0;
    cursor: grab
}

.swiper-360 .swiper-scrollbar-drag:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../images/tvs-img/drag-img.webp) center no-repeat #00f;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -20px
}

.select-tab {
    position: relative;
    border-radius: 3px;
    background-color: transparent;
    color: #fff;
    min-width: 184px;
    height: 50px;
    text-align: right;
    display: grid;
    align-items: center;
    padding: 0 16px 0 10px
}

.select-tab:after {
    display: none;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ffffff" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 0;
    width: 16px;
    line-height: 55px;
    text-align: center;
    pointer-events: none;
    font-size: 20px;
    color: #fff
}

.select-tab span {
    line-height: 18px;
    padding: 0 15px;
    border-radius: 11px;
    display: inline-block;
    position: relative;
    top: -10px;
    z-index: 2;
    background-color: #393939;
    color: #d3d3d3;
    font-size: 10px
}

.select-tab p.v-name {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 500
}

#ourVarian-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background-color: #000;
    opacity: .5;
    z-index: 990;
    display: none;
    text-align: center;
    position: fixed
}

.ourVariant-popup {
    width: 900px;
    padding: 30px 10px 0;
    position: fixed;
    z-index: 2000;
    left: 0;
    right: 0;
    top: 100px;
    margin: auto;
    background: #fff;
    transform: translateY(-100%);
    transition: .6s;
    opacity: 0;
    visibility: hidden
}

.ourVariant-popup.active {
    transform: translateY(0);
    transition: .6s;
    opacity: 1;
    visibility: visible
}

.ourVariant-scroll {
    padding: 0 20px 30px;
    background: #fff
}

.custum-scroll::-webkit-scrollbar-track {
    background-color: transparent
}

.custum-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
}

.custum-scroll::-webkit-scrollbar-thumb {
    background-color: #4d545b;
    border-radius: 8px
}

.ourVariant-popup .ov-heading {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ov-form-group,.select-brand-box ul {
    justify-content: space-between;
    display: flex
}

.ourVariant-popup .ov-heading span {
    cursor: pointer
}

.ourVariant-popup .ov-heading h3 {
    color: #000;
    font-size: 28px;
    font-weight: 300;
    line-height: 20px
}

.ov-form-group {
    width: 100%;
    position: relative;
    margin: 40px 0 20px
}

.ov-form-group select {
    width: 48%;
    height: 41px;
    padding: 6px 11px 6px 21px;
    border-radius: 8px;
    border: 1px solid rgba(171,171,171,.8);
    background: url(../images/tvs-img/down-arrow.webp) 95% center no-repeat #fff;
    box-shadow: 0 8px 9px 0 rgba(120,120,120,.1);
    appearance: none;
    margin-bottom: 15px
}

.select-brand-box ul {
    width: 100%;
    flex-flow: wrap
}

.select-brand-box ul a {
    width: 100%;
    padding: 0
}

.select-brand-box ul a:focus {
    background: #f2f2f2
}

.select-brand-box ul a {
    width: 100%;
    padding: 0
}

.select-brand-box ul a .ov-content p {
    font-weight: 600;
    font-size: 1.2em
}

.select-brand-box ul a,.select-brand-box ul li {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
    position: relative
}

.select-brand-box ul a {
    width: 100%;
    padding: 0;
    margin: 0
}

.select-brand-box ul a .ov-content p {
    font-weight: 600
}

.select-brand-box ul li {
    width: 48%
}

.select-brand-box ul a.active,.select-brand-box ul a:focus,.select-brand-box ul li.active,.select-brand-box ul li:hover {
    border-radius: 8px;
    background: #f2f2f2
}

.select-brand-box ul .checkbox {
    position: absolute;
    right: 10px;
    top: 10px
}

.select-brand-box ul .checkbox input[type=checkbox] {
    position: relative;
    border: 2px solid #b6b6b6;
    border-radius: 2px;
    background: 0 0;
    cursor: pointer;
    line-height: 0;
    outline: 0;
    padding: 0!important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    appearance: none;
    -webkit-appearance: none;
    opacity: 1
}

.select-brand-box ul .checkbox input[type=checkbox]:hover {
    opacity: 1
}

.select-brand-box ul .checkbox input[type=checkbox]:checked {
    border: 2px solid #000;
    opacity: 1
}

.select-brand-box ul .checkbox input[type=checkbox]:checked:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 11px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0;
    transform: rotate(45deg) translate(-50%,-50%);
    z-index: 2
}

.select-brand-box ul .ov-brand {
    width: 40%
}

.select-brand-box ul .ov-brand img {
    width: 100%
}

.select-brand-box ul .ov-content {
    width: 55%
}

.select-brand-box ul .ov-content p {
    color: #080808;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.select-brand-box ul .ov-content span {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    color: #000;
    font-size: 12px
}

.select-brand-box ul .ov-content span strong {
    margin-left: 5px
}

.compare-btn {
    min-width: 240px;
    max-width: 300px;
    padding: 14px 32px;
    border-radius: 4px;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    margin: 25px auto 0;
    transition: .5s
}

.claculator button.calculate-btn:hover,.compare-btn:hover,.price-table-btn a.book-now-btn:hover,.price-table-btn a.test-ride-bnt:hover {
    background: rgba(255,255,255,.44);
    color: #000;
    border: 1px solid #000
}

.bannerSection-110 {
    position: relative;
    background-color: #f4f4f4
}

.brochure-download-btn {
    display: inline-flex;
    flex-wrap: nowrap;
    text-wrap: nowrap
}

.brochure-download-btn img {
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 4px;
    object-fit: fill;
    object-position: center
}

.bannerSection-110 .banner-vid {
    width: 100%;
    position: relative;
    height: calc(76vh)
}

.bannerSection-110 .banner-vid::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 50px 50px;
    background: rgba(0,0,0,.1)
}

.bannerSection-110 .banner-vid video {
    width: 100%;
    object-position: top center;
    object-fit: cover;
    height: 100%;
    border-radius: 0 0 50px 50px
}

.bannerSection-110 .brand-logo {
    position: absolute;
    top: 60px;
    z-index: 2;
    text-align: center;
    width: 80%;
    left: 10%
}

.bannerSection-110 .brand-logo img {
    width: auto
}

.bannerSection-110 .brand-image {
    position: absolute;
    bottom: -120px;
    z-index: 2;
    text-align: center;
    width: 100%
}

.bannerSection-110 .brand-image img {
    width: auto
}

@keyframes zoom {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.25)
    }
}

.banner-slider {
    width: 100%;
    position: relative;
    height: 100%
}

.banner-slider .swiper-wrapper .swiper-slide {
    overflow: hidden;
    border-radius: 0 0 50px 50px
}

.banner-slider .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    zoom: inherit;}

.banner-slider .swiper-wrapper .swiper-slide-active img,.banner-slider .swiper-wrapper .swiper-slide-duplicate-active img,.banner-slider .swiper-wrapper .swiper-slide-prev img {
    /* animation-name:zoom; */
    /* animation-duration:9s; */
    /* animation-fill-mode:forwards; */
}

.banner-slider-pagination.swiper-horizontal>.swiper-pagination-bullets,.banner-slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 25px;
    height: fit-content;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 600;
    transform: translateY(-50%);
    right: 1rem;
    left: auto;
    display: flex;
    flex-direction: column
}

.banner-slider-pagination .swiper-pagination-bullet {
    text-align: center;
    width: 24px;
    background-color: transparent;
    height: 24px;
    position: relative
}

.banner-slider-pagination .swiper-pagination-bullet:after {
    border-radius: 100%;
    content: "";
    background-color: #ddd;
    width: 12px;
    display: block;
    height: 12px;
    position: absolute;
    top: 5px;
    border: 1px solid #fff;
    left: 5px
}

.banner-slider-pagination .swiper-pagination-bullet-active {
    width: 24px
}

.banner-slider-pagination .swiper-pagination-bullet-active:after {
    background-color: #000
}

.bookingSection {
    width: 100%;
    background-color: #f4f4f4;
    padding: 30px 0 24px
}

.booking-box {
    display: flex;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    flex-flow: wrap;
    margin: auto;
    position: relative;
    z-index: 3;
    padding-top: 20px;
    justify-content: center
}

.booking-box .book-left {
    display: flex;
    min-width: 260px;
    justify-content: flex-end
}

.book-left .feild-box {
    position: relative;
    padding-right: 1.5em
}

.book-left .feild-box h3 {
    white-space: nowrap
}

.book-left .feild-box select {
    padding: 6px 25px 6px 11px;
    border-radius: 3px;
    border: .6px solid rgba(171,171,171,.8);
    color: #000;
    font-size: 18px;
    font-weight: 700;
    background: #f4f4f4 url(../images/tvs-img/down-arrow.webp) 95% center no-repeat;
    appearance: none;
    width: 100%
}

.book-left .feild-box label {
    position: absolute;
    color: #434343;
    font-size: 10px;
    font-weight: 500;
    top: -8px;
    left: 10px;
    padding: 0 7px;
    background-color: #f4f4f4
}

.book-left .price-box {
    width: 40%
}

.book-left .price-box h4 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.book-left .price-box h4 p {
    color: #5c5c5c;
    font-size: 10px;
    font-weight: 400;
    margin: 0
}

.booking-btn {
    display: flex;
    width: 90%;
    max-width: 320px;
    margin-top: 1rem;
    justify-content: space-between
}

.booking-btn a {
    display: inline-flex;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
    border: 1px solid transparent
}

.booking-btn a.book-now-btn {
    background: #000;
    color: #fff
}

.booking-btn a.book-now-btn:hover {
    background: rgba(255,255,255,.94);
    color: #000;
    border: 1px solid #000
}

.booking-btn a.test-ride-bnt {
    background: rgba(255,255,255,.94);
    color: #000;
    border: 1px solid #000
}

.booking-btn a.test-ride-bnt:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000
}

@media (min-width: 992px) {
    .banner_section-clp {
        height:calc(100vh - 120px);
        overflow: hidden
    }

    .banner_section-clp video {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
}

@media (max-width: 1680px) {
    .tvs125_banner .inner .img_block img {
        height:auto
    }

    .swiper-360 {
        margin-top: 12px
    }
}

@media (max-width: 1540px) {
    .color-brands-section {
        max-width:1140px;
        width: 100%;
        padding: 0 10px
    }

    .technical-specification .container {
        width: 100%
    }
}

@media (max-width: 1280px) {
    .header_left .toggle {
        margin-right:10px
    }

    .header_left .logo {
        padding-right: 10px
    }

    .header_right ul {
        column-gap: 10px
    }

    .swiper-pagination {
        bottom: 80px
    }

    .explore_more {
        bottom: 15px
    }

    .explore_more h3 {
        font-size: 20px;
        padding-bottom: 5px
    }
}

@media (max-width: 1023px) {
    .banner_section .swiper-slide video,.cys_block_mobile video {
        object-fit:cover;
        height: 100%;
        width: 100%
    }

    .faq_section {
        margin-bottom: 0
    }

    .bannerSwiper::before,.cys_desktop,.header_left .toggle,.header_right ul li.cart,.heading p br,.location_dealer .heading,.location_dealer .mobile_btn .btn .active,.location_dealer .mobile_btn .btn.btn_active .default,.location_dealer .result_div,.location_img,.location_map,nav ul {
        display: none
    }

    .heading {
        padding: 20px 0;
        width: 100%
    }

    .heading h2 {
        font-size: 24px;
        margin: 0;
        padding: 0;
        text-align: center
    }

    .followus h3,.heading p {
        font-size: 18px
    }

    .choose_your_style .scooter_block .copy_block ul li,.cys_list li {
        font-size: 12px
    }

    .scooter {
        top: 20%
    }

    .choose_your_style .scooter_block:hover .scooter {
        transform: translateX(-50%) scale(.9)
    }

    .choose_your_style .scooter_block:hover .scooter_heading h3 {
        transform: scaleX(1) scaleY(1)
    }

    .choose_your_style .scooter_block .copy_block {
        padding-top: 70px
    }

    .choose_your_style .scooter_block .copy_block .btn {
        font-size: 14px
    }

    .testimonial_video,.tvs_journey {
        padding: 40px 0
    }

    .tvs_journey .amitji {
        width: 100%;
        text-align: center
    }

    .location_img_mobile img,.tvs_journey .tj_details {
        width: 100%
    }

    .choose_your_style {
        padding: 0;
        background-image: none
    }

    .cys_mobile,.location_dealer .mobile_btn,.location_dealer .mobile_btn .btn.btn_active .active {
        display: block
    }

    .banner_section {
        background-image: url(../images/tvs-img/banner-bg.webp);
        background-size: 100% 100%;
        background-position: center top;
        background-repeat: no-repeat;
        padding: 10px 20px
    }

    .banner_section .banner_logo {
        display: block;
        text-align: center;
        padding: 30px 15px
    }

    .banner_section .banner_logo img {
        max-width: 295px;
        width: 100%
    }

    .banner_section .swiper-slide {
        border-radius: 20px;
        height: 65vh;
        overflow: hidden
    }

    .banner_section .swiper-pagination {
        position: static;
        margin-top: 20px
    }

    .banner_section .swiper-pagination-bullet {
        background-color: #acacac
    }

    .banner_section .swiper-pagination-bullet-active {
        background-color: #000
    }

    .explore_more {
        position: static;
        padding: 15px 0
    }

    .explore_more h3 {
        color: #000
    }

    .arrow_down img {
        filter: invert(100%)
    }

    .cys_block_mobile {
        position: relative
    }

    .cys_block_mobile video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(100%)
    }

    .cys_block_mobile .video_block {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        transition: all .8s;
        transform-origin: top;
        overflow: hidden
    }

    .cys_block_mobile .video_block:before {
        content: "";
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,#5d6065 0,rgba(124,131,143,.6) 100%);
        z-index: 1
    }

    .cys_block_mobile.jupioter125 .video_block:before {
        background: linear-gradient(to bottom,rgba(30,87,153,.3) 0,rgba(4,99,210,.31) 1%,#0463d2 100%)
    }

    .cys_block_mobile .overlay {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 2;
        padding: 40px 0
    }

    .cys_block_mobile .overlay .logo {
        text-align: right
    }

    .cys_block_mobile .scooter_mobile {
        text-align: center;
        padding: 0;
        position: relative;
        bottom: -40px;
        transition: all 1s
    }

    .cys_block_mobile .scooter_mobile img {
        max-width: 187px;
        width: 100%
    }

    .cys_block_mobile h4 {
        padding: 0 20px 20px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        line-height: normal
    }

    .cys_block_mobile h4 span {
        display: block;
        font-size: 16px;
        font-weight: 700
    }

    .cys_list {
        padding: 0 20px 20px;
        display: flex;
        flex-wrap: wrap
    }

    .cys_list li {
        font-size: 12px;
        color: #fff;
        font-weight: 700;
        font-style: italic;
        position: relative;
        padding: 0 0 3px 20px;
        width: 50%
    }

    .cys_list li:before {
        content: url(../images/tvs-img/bullet-white.webp);
        position: absolute;
        left: 0;
        top: 0
    }

    .cys_block_mobile .btn_list {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px
    }

    .cys_block_mobile .btn_list li {
        width: 50%;
        padding: 0 10px
    }

    .cys_block_mobile .btn_list li a {
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        background-color: rgba(255,255,255.05);
        border: 1px solid #fff;
        margin-bottom: 10px;
        border-radius: 4px;
        line-height: 34px
    }

    .cys_block_mobile .btn_list li .line {
        width: 100%;
        height: 4px;
        background-color: rgba(255,255,255,.44);
        position: relative;
        display: inline-block
    }

    .cys_block_mobile .btn_list li:first-child .line:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 70%;
        height: 100%;
        background-color: #fff
    }

    .zoomOut .cys_block_mobile .video_block {
        transform: scaleX(.88) scaleY(.6);
        border-radius: 16px
    }

    .zoomOut .cys_block_mobile .scooter_mobile {
        bottom: -60px
    }

    .zoomOut .cys_block_mobile h4,.zoomOut .cys_list li {
        color: #000;
        transition: all .85s
    }

    .zoomOut .cys_list li::before {
        content: url(../images/tvs-img/bullet.webp);
        transition: all .85s
    }

    .zoomOut .cys_block_mobile .btn_list li a {
        color: #000;
        border-color: #000;
        transition: all .85s
    }

    .zoomOut .cys_block_mobile .btn_list li .line {
        background-color: rgba(0,0,0,.4);
        transition: all .85s
    }

    .zoomOut .cys_block_mobile .btn_list li:first-child .line::before {
        background-color: #000;
        transition: all .85s
    }

    .zoomOut .cys_block_mobile .overlay .logo {
        transform: scale(.88);
        transition: all .85s
    }

    .item-2-animate .cys_block_mobile .video_block {
        transform: scaleX(.88) scaleY(.6);
        border-radius: 16px
    }

    .item-2-animate .cys_block_mobile .scooter_mobile {
        bottom: -60px
    }

    .item-2-animate .cys_block_mobile h4,.item-2-animate .cys_list li {
        color: #000;
        transition: all .85s
    }

    .item-2-animate .cys_list li::before {
        content: url(../images/tvs-img/bullet.webp);
        transition: all .85s
    }

    .item-2-animate .cys_block_mobile .btn_list li a {
        color: #000;
        border-color: #000;
        transition: all .85s
    }

    .item-2-animate .cys_block_mobile .btn_list li .line {
        background-color: rgba(0,0,0,.4);
        transition: all .85s
    }

    .item-2-animate .cys_block_mobile .btn_list li:first-child .line::before {
        background-color: #000;
        transition: all .85s
    }

    .item-2-animate .cys_block_mobile .overlay .logo {
        transform: scale(.88);
        transition: all .85s
    }

    .location_dealer {
        background-color: #e9ecff;
        padding-bottom: 20px;
        padding-top: 0
    }

    .location_search {
        width: 100%;
        padding-right: 0
    }

    .location_img_mobile {
        display: block;
        position: relative;
        width: 100%
    }

    .location_dealer .heading.mobile {
        display: block;
        padding: 20px 0
    }

    .location_dealer .heading.mobile h2 {
        padding-bottom: 0
    }

    .location_form {
        padding: 0 0 20px
    }

    .location_dealer .mobile_btn .btn {
        background-color: #000;
        color: #fff;
        width: 100%;
        line-height: 50px;
        border: 1px solid #000;
        padding: 0 10px
    }

    .location_dealer .mobile_btn .btn:hover,.location_dealer .mobile_btn .btn_active {
        background-color: transparent;
        color: #000
    }

    .faq_section .container,.result_div h5 {
        padding: 0
    }

    .result_div .scroller {
        padding: 20px 0
    }

    .faq_section .inner_faq {
        padding: 40px 15px
    }

    .jupiter_tabs {
        transform: translateY(150%);
        transition: .5s
    }

    .jupiter_tabs.active {
        transform: translateY(0)
    }
}

@media (min-width: 576px) {
    .emi-overlayer {
        inset:0
    }
}

@media (max-width: 979px) {
    .colorTilesBox ul {
        display:flex;
        justify-content: center
    }

    .colorTilesBox ul li.active {
        background: unset!important;
        box-shadow: 0 -16px 130px 0 rgba(207,207,207,.55)
    }

    .color-section,.testimonial_video .container,.tjSwiper,.tvs_journey .container {
        padding: 0
    }

    .tvs_journey .amitji {
        padding: 0 15px
    }

    .testimonial_video .heading,.tvs_journey .heading {
        padding: 0 15px 20px
    }

    .tvs_journey .amitji {
        width: 75%;
        margin-top: 0
    }

    .tjSwiper {
        padding: 0
    }

    .tvs_card {
        padding-left: 12px;
        transition: all .5s
    }

    .tjslide_wrap {
        padding: 0
    }

    .tjslide_wrap .swiper-button-next,.tjslide_wrap .swiper-button-prev {
        display: none
    }

    .swiper-slide-next .tvs_card,.swiper-slide-prev .tvs_card {
        transform: scale(.87);
        transform-origin: bottom
    }

    .tjslide_wrap .swiper-pagination {
        position: static;
        margin-top: 10px
    }

    .tjslide_wrap .swiper-pagination-bullet {
        background-color: #c1c1c1
    }

    .tjslide_wrap .swiper-pagination-bullet-active {
        background-color: #16c4fb
    }

    .tjslide_wrap .swiper-slide-next .tvs_card .copy {
        opacity: .4;
        transform: translateX(20px)
    }

    .tjslide_wrap .swiper-slide-next .tvs_card .purple_back_one,.tjslide_wrap .swiper-slide-next .tvs_card .purple_back_two {
        opacity: 0;
        transform: translateX(-30px)
    }

    .tjslide_wrap .swiper-slide-next .tvs_card .aqua_back_one {
        transform: scale(.8)
    }

    .tjslide_wrap .swiper-slide-next .tvs_card .green_back_one {
        transform: scale(1)
    }

    .tjslide_wrap .swiper-slide-next .tvs_card .green_back_two {
        transform: translateX(15px) scale(.9)
    }

    .tjslide_wrap .swiper-slide-active .tvs_card .green_back_one {
        transform: scale(1.7)
    }

    .tjslide_wrap .swiper-slide-active .tvs_card .green_back_two {
        transform: translateX(-10px) scale(1)
    }

    .color-section .heading,.colorTab,.colorTilesBox ul li h3,.copyright ul li:nth-child(2):before,.no-displayMb,.price-brand-img,.spect-tab-desktop,.spect-tab-mobile.active,.testimonialSwiper .swiper-button-next,.testimonialSwiper .swiper-button-prev {
        display: none
    }

    .testimonialSwiper .swiper-pagination {
        display: block;
        position: static;
        padding-top: 20px
    }

    .testimonialSwiper .swiper-pagination-bullet {
        background-color: #c1c1c1
    }

    .testimonialSwiper .swiper-pagination-bullet-active {
        background-color: #16c4fb
    }

    .location_dealer .heading.mobile {
        bottom: 20px
    }

    .faq_section .accordion-body {
        padding: 15px 15px 5px
    }

    .copyright ul {
        flex-wrap: wrap;
        justify-content: center
    }

    .copyright ul li:first-child {
        width: 100%;
        text-align: center;
        padding-bottom: 10px
    }

    .reach_list {
        column-gap: 20px
    }

    .reach_list li {
        padding-left: 26px
    }

    .reach_list li a {
        padding-top: 6px;
        padding-bottom: 6px;
        display: block
    }

    .reach_list li img {
        width: 20px
    }

    .grid-masonary {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 15px;
        orphans: 1;
        widows: 1
    }

    .seo-text {
        padding-top: 2em
    }

    .tvs125_banner .inner .border_box {
        right: 0;
        max-width: 100%;
        width: 84%;
        margin: 70px 8%;
        overflow: inherit;
        padding: 0;
        position: relative;
        transform: unset;
        top: auto;
        bottom: 2rem
    }

    .tvs125_banner .inner .border_box .logo {
        padding: 35px 0 50px;
        text-align: right
    }

    .tvs125_banner .inner .border_box .logo img {
        width: 70%
    }

    .tvs125_banner .overlay {
        align-items: start;
        top: 70px
    }

    .tvs125_banner .img_block {
        width: 75%;
        top: 180px
    }

    .color-brands-section .colorBrand,.ov-form-group select,.select-brand-box ul li,.specs-big-section,.specsContent ul li,.sticky-nav-mobile,.tvs125_banner .img_block img {
        width: 100%
    }

    .tvs125_banner {
        background: #232323;
        position: relative
    }

    .color-brands-section,.specs-section {
        flex-direction: column;
        padding: 0
    }

    .color-brands-section .colorBrandBox {
        padding: 40px 5% 30px
    }

    .colorBrandBox.metallic-red,.colorBrandBox.midnight-black,.colorBrandBox.nexa-blue,.colorBrandBox.pristine-white,.colorBrandBox.titanium-grey,.colorBrandBox.walnut-brown {
        background: #ffecf1
    }

    .brandColorName {
        display: block;
        text-align: center;
        font-size: 36px;
        text-transform: capitalize;
        font-weight: 600;
        color: #000;
        line-height: 114%;
        padding-bottom: 20px;
        text-shadow: 0 0 50px #8b8b8b
    }

    .colorTilesBox {
        width: 100%;
        border-radius: 30px 30px 0 0;
        background: #f9f9f9;
        box-shadow: 0 -75px 180px 0 rgba(113,26,40,.55);
        position: relative;
        padding: 30px 6%;
        margin-top: -15px
    }

    .colorTilesBox ul li {
        width: 50px;
        height: 50px;
        border-radius: 31px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0
    }

    .colorTilesBox ul li span {
        width: 35px;
        height: 34px;
        border-radius: 22px
    }

    .colorTilesBox ul li.active span {
        width: 35px;
        box-shadow: 0 14px 23px 0 rgba(155,155,155,.45)
    }

    .color-disc {
        margin-top: 30px
    }

    .swiper-360 {
        margin-top: 0
    }

    .price-category {
        width: 100%;
        padding-left: 0
    }

    .selectCitySection {
        margin-top: 10px;
        flex-direction: column
    }

    .selectCitySection select {
        width: 100%;
        margin: 10px 0
    }

    .priceTable {
        padding: 10px 15px
    }

    .priceTable ul.priceTable-text li:first-child span {
        font-size: 14px
    }

    .priceTable ul.priceTableTab li {
        font-size: 14px;
        width: 47%
    }

    .priceTable ul.priceTable-text li {
        font-size: 14px;
        padding: 15px 0
    }

    .price-section {
        
    }

    .stoty-heading h3 {
        font-size: 20px
    }

    .emi-calculator {
        background: #f6f0e8;
        margin-bottom: 30px
    }

    .st-image {
        margin-bottom: 15px
    }

    .latest-blog-section {
        padding: 30px 0
    }

    .latestBlogSlider .owl-dots {
        margin-top: -20px;
        position: absolute;
        z-index: 9
    }

    .specs-mobile-accordion {
        margin-bottom: 10px
    }

    .specsVideo::after {
        height: 98%
    }

    .specs-content-section {
        width: 100%;
        margin-top: 10px;
        position: relative
    }

    .specsVideoTiles h3 {
        left: 20px;
        font-size: 30px;
        font-weight: 600
    }

    .spect-tab-mobile {
        position: relative;
        width: 100%;
        display: block;
        opacity: 1;
        transition: .6s;
        height: 64px;
        border-radius: 20px;
    }
    
    .dimensions{
        background: linear-gradient(0deg, rgba(182, 234, 250, .9) 0, rgba(182, 234, 250, .9) 100%);
    }

    .suspension{
        background: linear-gradient(0deg, rgba(207, 255, 184, .86) 0, rgba(207, 255, 184, .86) 100%);
    }

    .brake{
        background: linear-gradient(0deg, rgba(164, 252, 210, .48) 0, rgba(164, 252, 210, .48) 100%);
    }

    .electricals{
        background: linear-gradient(0deg, rgba(182, 234, 250, .9) 0, rgba(182, 234, 250, .9) 100%);
    }

    .capacities{
        background: linear-gradient(0deg, rgba(207, 255, 184, .86) 0, rgba(207, 255, 184, .86) 100%);
    }

    .spect-tab-mobile video {
        margin-top: 2px;
        width: calc(100% - 2px);
        height: calc(100% - 4px);
        border-radius: 20px;
        object-fit: cover
    }

    .spect-tab-mobile .video-overlay {
        width: 100%;
        text-align: center;
        overflow: hidden;
        position: relative;
        height: 120px;
        border-radius: 20px
    }

    .spect-tab-mobile .video-overlay::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0
    }

    .spect-tab-mobile .video-overlay.enginevideo::after {
        background: linear-gradient(0deg,rgba(131,158,255,.35) 0,rgba(131,158,255,.35) 100%)
    }

    .spect-tab-mobile .video-overlay.electricalsVideo::after {
        background: linear-gradient(0deg,rgba(182,234,250,.9) 0,rgba(182,234,250,.9) 100%);
        background-blend-mode: screen
    }

    .spect-tab-mobile .video-overlay.chassisVideo::after {
        background: linear-gradient(0deg,rgba(207,255,184,.86) 0,rgba(207,255,184,.86) 100%);
        background-blend-mode: screen
    }

    .spect-tab-mobile .video-overlay.bikesVideo::after {
        background: linear-gradient(0deg,rgba(164,252,210,.48) 0,rgba(164,252,210,.48) 100%)
    }

    .spect-tab-mobile h3 {
        position: absolute;
        bottom: 10px;
        left: 20px;
        color: #000;
        font-size: 24px;
        font-weight: 700
    }

    .spect-tab-mobile img {
        border-radius: 20px
    }

    .specsContent {
        padding: 15px 20px
    }

    .specs-crose {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 1
    }

    .technical-specification {
        padding: 50px 0 30px
    }

    .sticky-navigation {
        border: 0;
        overflow: unset
    }

    .sticky-dropdown {
        width: 100%;
        border-bottom: .5px solid #d6d6d6;
        background-color: #fcfcfc;
        background-image: url(../images/tvs-img/down-arrow.webp);
        background-position: 95% center;
        background-repeat: no-repeat;
        backdrop-filter: blur(2px);
        padding: 20px 22px
    }

    .sticky-dropdown.active {
        background-image: url(../images/tvs-img/specs-crose-blk.webp)
    }

    .sticky-dropdown h3 {
        color: #000;
        font-size: 19px;
        font-weight: 400;
        line-height: 20px
    }

    .sticky-nav-mobile .mobile-nav-box {
        width: 100%;
        background: #fff;
        height: 0;
        overflow: auto;
        position: absolute;
        z-index: 1;
        animation-name: drownLine;
        transition: .5s
    }

    .sticky-nav-mobile .mobile-nav-box.active {
        padding: 10px 30px;
        height: calc(100svh - 170px);
        padding-bottom: 24px;
        animation-name: drownLine;
        transition: .3s ease-in-out
    }

    @keyframes drownLine {
        0% {
            height: 2px
        }

        100% {
            height: 100vh
        }
    }

    .sticky-nav-mobile .mobile-nav-box>ul {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: space-between
    }

    .sticky-nav-mobile .mobile-nav-box>ul>li {
        width: 47%;
        border-radius: 8px;
        height: 130px;
        margin: 2.5% 0;
        display: flex;
        align-items: baseline;
        flex-direction: column;
        justify-content: space-between;
        transition: .6s
    }

    .sticky-nav-mobile .mobile-nav-box ul>li a {
        display: block;
        padding: 20px
    }

    .sticky-nav-mobile .mobile-nav-box ul>li p {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        display: block;
        padding-top: 20px
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:first-child {
        animation-delay: .2s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(2) {
        animation-delay: .4s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(3) {
        animation-delay: .6s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(4) {
        animation-delay: .8s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(5) {
        animation-delay: 1s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(6) {
        animation-delay: 1.2s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(7) {
        animation-delay: 1.4s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(8) {
        animation-delay: 1.6s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(9) {
        animation-delay: 1.8s
    }

    .sticky-nav-mobile .mobile-nav-box.active.active ul li:nth-child(10) {
        animation-delay: 2s
    }

    .sticky-nav-mobile .mobile-nav-box ul li.boxBg1,.sticky-nav-mobile .mobile-nav-box ul li.boxBg9 {
        background: #ffeaea
    }

    .sticky-nav-mobile .mobile-nav-box ul li.boxBg2,.sticky-nav-mobile .mobile-nav-box ul li.boxBg7 {
        background: #e3ffe8
    }

    .sticky-nav-mobile .mobile-nav-box ul li.boxBg3 {
        background: #ebf1ff
    }

    .sticky-nav-mobile .mobile-nav-box ul li.boxBg4 {
        background: #dfecf6
    }

    .sticky-nav-mobile .mobile-nav-box ul li.boxBg10,.sticky-nav-mobile .mobile-nav-box ul li.boxBg5 {
        background: #daf3f5
    }

    .sticky-nav-mobile .mobile-nav-box ul li.boxBg6 {
        background: #f1e7ff
    }

    .sticky-nav-mobile .mobile-nav-box ul li.boxBg8 {
        background: #f6f0e8
    }

    .sticky-nav-mobile .mobile-nav-box .dropdown button {
        padding: 4px 8px;
        position: relative;
        width: 100%;
        font-size: 16px;
        text-align: left;
        border: 1px solid #ddd
    }

    .sticky-nav-mobile .mobile-nav-box .dropdown ul {
        width: 100%
    }

    .sticky-nav-mobile .mobile-nav-box .dropdown ul li {
        height: auto;
        width: 100%
    }

    .sticky-nav-mobile .mobile-nav-box .dropdown ul li a {
        padding: 6px 8px
    }

    .sticky-nav-mobile .mobile-nav-box .dropdown-menu {
        box-shadow: 0 10px 20px #eee;
        left: 0
    }

    .ourVariant-popup {
        width: 100%;
        transform: translateY(100%);
        transition: .6s;
        top: 0
    }

    .ourVariant-scroll {
        height: 100vh;
        overflow-y: scroll;
        padding: 0 20px 130px
    }

    .ov-form-group {
        display: flex;
        flex-direction: column;
        margin: 40px 0 15px
    }

    .select-brand-box ul {
        flex-direction: column
    }

    .compare-btn {
        width: 100%;
        margin-top: 20px
    }

    .variant-table {
        width: 100%;
        overflow-y: scroll;
        height: 80vh;
        padding-right: 0
    }

    .ourVariant-popup .ov-heading h3 {
        font-size: 26px
    }

    .variant-table-section {
        height: 100vh
    }

    .tvs125_banner picture img {
        height: calc(100vh)
    }

    .tvs125_banner {
        height: calc(100vh - 95px)
    }

    .variant-table-section table {
        table-layout: fixed;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        flex-direction: column
    }

    .tvs125_banner .overlay .container {
        height: 100%;
        display: flex;
        justify-content: end;
        flex-direction: column
    }
}

@media (max-width: 576px) {
    .specsVideo video {
        height:230px
    }

    .color-brands-section .colorBrandBox {
        padding: 40px 0 30px
    }

    .brandColorName {
        font-size: 25px
    }
}

@media (max-width: 639px) {
    .cys_block_mobile .overlay .logo img {
        width:280px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .spect-tab-mobile .video-overlay,.spect-tab-mobile video {
        height:144px
    }

    .spect-tab-mobile .video-overlay::after {
        height: 147px
    }

    .calc_wrap {
        padding: 0 10px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    nav ul {
        column-gap: 10px
    }

    .tvs125_banner,.tvs125_banner picture img {
        height: calc(70vh - 143px)
    }

    .tvs125_banner .inner .border_box .banner_form {
        top: unset;
        left: unset;
        right: 5%;
        z-index: 1
    }

    .tvs125_banner .inner .img_block {
        width: auto
    }

    .tvs125_banner .inner .img_block img {
        width: 65%
    }

    .tvs_card .copy {
        padding: 15px 15px 0
    }
}

@media (min-width: 800px) and (max-width:979px) {
    .tvs125_banner .inner .img_block img {
        width:75%
    }
}

@media (max-width: 375px) {
    .tvs125_banner .inner .border_box {
        height:275px;
        margin: 0 8%;
        top: 85px
    }

    .tvs125_banner .img_block {
        top: 145px
    }

    .tvs125_banner .inner .border_box .banner_form {
        top: 58svh
    }

    .tvs125_banner .inner .img_block img {
        width: 100%;
        height: auto
    }
}

@media (min-height: 600px) and (max-height:680px) {
    .sticky-nav-mobile .mobile-nav-box ul li {
        height:90px
    }

    .sticky-nav-mobile .mobile-nav-box ul li a {
        padding: 10px
    }

    .sticky-nav-mobile .mobile-nav-box ul li p {
        font-size: 14px;
        line-height: 17px;
        padding-top: 12px
    }
}

@media (min-width: 768px) {
    .bookingSection {
        width:100%;
        background-color: #f4f4f4;
        padding: 0 0 32px
    }

    .book-left .price-box h4 {
        font-size: 20px
    }

    .booking-box {
        width: 42%;
        align-items: center;
        min-width: 700px;
        justify-content: space-between
    }

    .booking-box .book-left {
        width: 47%;
        justify-content: space-between
    }

    .booking-btn {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .book-left .price-box h4 {
        font-size:24px
    }
}

@media (max-width: 360px) {
    .booking-btn a {
        padding:10px;
        width: 100%
    }

    .colorTilesBox ul li {
        width: 30px;
        height: 30px
    }

    .select-tab {
        min-width: 146px
    }

    .price-table-btn a {
        padding: 10px 20px
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    .tvs_card .copy {
        padding:15px 15px 0
    }

    .tvs_card .copy h3 {
        font-size: 50px
    }

    .tvs_card .copy h5 {
        font-size: 18px
    }

    .tvs_card .copy p {
        font-size: 14px
    }
}

.img_block {
    animation: 2s cubic-bezier(.1,0,.42,1) forwards carAnimTwo;
    -webkit-animation: 2s cubic-bezier(.1,0,.42,1) forwards carAnimTwo
}

@keyframes carAnimTwo {
    from {
        left: -5%
    }

    to {
        left: 0
    }
}

.swing-in-right-fwd {
    -webkit-animation: 2s cubic-bezier(.175,.885,.32,1.275) both swing-in-right-fwd;
    animation: 2s cubic-bezier(.175,.885,.32,1.275) both swing-in-right-fwd
}

@keyframes swing-in-right-fwd {
    0% {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

.stoty-heading h3.aos-animate.tracking-in-contract,h2.aos-animate.tracking-in-contract {
    -webkit-animation: .8s cubic-bezier(.215,.61,.355,1) both tracking-in-contract;
    animation: .8s cubic-bezier(.215,.61,.355,1) both tracking-in-contract
}

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        letter-spacing: normal;
        opacity: 1
    }
}

h2.aos-animate.tracking-in-expand {
    -webkit-animation: .7s cubic-bezier(.215,.61,.355,1) both tracking-in-expand;
    animation: .7s cubic-bezier(.215,.61,.355,1) both tracking-in-expand
}

@keyframes tracking-in-expand {
    0% {
        letter-spacing: -.5em;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        opacity: 1
    }
}

.priceTable.aos-animate.scale-in-ver-top {
    -webkit-animation: .5s cubic-bezier(.25,.46,.45,.94) both scale-in-ver-top;
    animation: .5s cubic-bezier(.25,.46,.45,.94) both scale-in-ver-top
}

@keyframes scale-in-ver-top {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

.kenburns-left {
    -webkit-animation: 5s ease-out both kenburns-left;
    animation: 5s ease-out both kenburns-left
}

@keyframes kenburns-left {
    0% {
        -webkit-transform: scale(1) translate(0,0);
        transform: scale(1) translate(0,0);
        -webkit-transform-origin: 16% 50%;
        transform-origin: 16% 50%
    }

    100% {
        -webkit-transform: scale(1.25) translate(-20px,15px);
        transform: scale(1.25) translate(-20px,15px);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

.colorTilesBox ul li.active,.colorTilesBox ul li:hover {
    z-index: 1;
    box-shadow: 0 40px 60px rgba(0,0,0,.2)
}

.colorTilesBox ul li {
    transition-property: .5s ease all!important;
    z-index: 2
}

.colorTilesBox ul li:hover * {
    color: #000
}

@keyframes shadow-drop-lr {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    100% {
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35);
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}

.sticky-nav-mobile .mobile-nav-box.active ul li {
    -webkit-animation: .5s cubic-bezier(.25,.46,.45,.94) both scale-in-center;
    animation: .5s cubic-bezier(.25,.46,.45,.94) both scale-in-center
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media (max-width: 991px) {
    header .navbar-nav>li {
        opacity:0;
        transition-property: opacity,transform;
        transition-timing-function: ease;
        transition-duration: .6s;
        transform: translate3d(0,30px,0)
    }
}

.banner_form .btn_list,.banner_form .ro,.sticky-navigation .navbar-nav li,.sticky-navigation a.navbar-brand {
    opacity: 0;
    transition-property: opacity,transform;
    transition-timing-function: ease;
    transition-duration: .6s;
    transform: translate3d(0,30px,0)
}

.banner_form.activeAnim .btn_list,.banner_form.activeAnim .ro,.sticky-navigation .navbar.activeAnim .navbar-nav li,.sticky-navigation .navbar.activeAnim a.navbar-brand,header .show .navbar-nav>li {
    opacity: 1;
    transform: translateZ(0)
}

.banner_form.activeAnim .ro,.sticky-navigation .navbar.activeAnim .navbar-nav li:first-child,header .show .navbar-nav>li:nth-child(1) {
    transition-delay: .2s
}

.banner_form.activeAnim .btn_list,.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(2),header .show .navbar-nav>li:nth-child(2) {
    transition-delay: .3s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(3),header .show .navbar-nav>li:nth-child(3) {
    transition-delay: .4s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(4),header .show .navbar-nav>li:nth-child(4) {
    transition-delay: .5s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(5),header .show .navbar-nav>li:nth-child(5) {
    transition-delay: .6s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(6),header .show .navbar-nav>li:nth-child(6) {
    transition-delay: .7s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(7),header .show .navbar-nav>li:nth-child(7) {
    transition-delay: .8s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(8),header .show .navbar-nav>li:nth-child(8) {
    transition-delay: .9s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(9),header .show .navbar-nav>li:nth-child(9) {
    transition-delay: 1s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(10),header .show .navbar-nav>li:nth-child(10) {
    transition-delay: 1.1s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(10),header .show .navbar-nav>li:nth-child(11) {
    transition-delay: 1.2s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(10),header .show .navbar-nav>li:nth-child(12) {
    transition-delay: 1.3s
}

.sticky-navigation .navbar.activeAnim .navbar-nav li:nth-child(10),header .show .navbar-nav>li:nth-child(13) {
    transition-delay: 1.4s
}

.expanded-block,.expanded-block .child-slider .swiper-slide,.shrinked-block,.swiper-360 {
    position: relative
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 0;
    height: 40px;
    background-color: transparent
}

.swiper-scrollbar.swiper-scrollbar-horizontal::before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.3);
    display: inline-block;
    top: 20px;
    position: absolute;
    left: 0
}

.swiper-scrollbar-drag {
    background: 0 0
}

.swiper-scrollbar-drag:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../images/tvs-img/drag-img.webp) center no-repeat #00f;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -20px
}

.variants-features-section img {
    max-width: 100%;
    width: auto
}

.parent-slider {
    position: relative;
    padding: 0 1rem
}

.variants-features-section>.heading {
    padding: 0
}

.parent-slider>.swiper-wrapper {
    padding-top: 40px
}

.parent-slider>.swiper-wrapper>.swiper-slide {
    width: 220px;
    height: 320px;
    border-radius: 1.5em;
    overflow: hidden;
    transition: width 1s
}

@media (min-width: 320px) {
    .parent-slider>.swiper-wrapper>.swiper-slide {
        width:300px;
        height: 400px
    }
}

@media (min-width: 420px) {
    .parent-slider>.swiper-wrapper>.swiper-slide {
        width:350px;
        height: 480px
    }
}

@media (min-width: 576px) {
    .parent-slider>.swiper-wrapper>.swiper-slide {
        width:300px;
        height: 400px
    }
}

@media (min-width: 1200px) {
    .parent-slider>.swiper-wrapper>.swiper-slide {
        width:300px;
        height: 400px
    }
}

@media (min-width: 1520px) {
    .parent-slider>.swiper-wrapper>.swiper-slide {
        width:380px;
        height: 460px
    }
}

@media (min-width: 1700px) {
    .parent-slider>.swiper-wrapper>.swiper-slide {
        width:400px;
        height: 490px
    }
}

.parent-slider>.swiper-pagination {
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 20px 0 0
}

.parent-slider>.swiper-pagination span {
    width: 12px;
    height: 12px;
    margin: 0 3px;
    display: inline-flex;
    border-radius: 20px;
    background: #d9d9d9;
    transition: .6s;
    opacity: 1
}

.parent-slider>.swiper-pagination span.swiper-pagination-bullet-active {
    background: #000;
    width: 50px
}

.child-slider .child-swiper-pagination-fraction {
    width: 85px;
    position: absolute;
    bottom: 20px;
    right: 5%;
    border-radius: 21px;
    background: #4d4d4d;
    padding: 11px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    left: inherit;
    color: #fff
}

.child-slider .child-swiper-pagination-fraction span {
    width: auto;
    height: auto;
    background: unset;
    color: #fff
}

.expand-icon,.langs a,.shrinked-icon {
    background-repeat: no-repeat
}

.child-slider .child-swiper-pagination-fraction span::before {
    content: "0";
    display: inline
}

.expand-icon,.shrinked-icon {
    width: 30px;
    height: 30px;
    border: 0;
    background-color: transparent;
    border-radius: 100%;
    position: absolute;
    top: 22px;
    z-index: 50;
    cursor: pointer;
    background-position: center;
    transition: .3s
}

.expand-icon {
    background-image: url(../images/tvs-img/vf-zoom.webp);
    right: 19px
}

.shrinked-icon {
    right: 27px;
    filter: drop-shadow(0 0 0 #000);
    background-image: url(../images/tvs-img/close-circle.webp)
}

.expand-icon:hover,.shrinked-icon:hover {
    scale: 1.1
}

.parent-slider .swiper-wrapper .varient-item:nth-child(odd) {
    background-color: #000
}

.varient-item .item-heading,.varient-item-popup .item-heading {
    position: absolute;
    z-index: 10;
    font-size: calc(1.5em + 1vw);
    text-transform: capitalize;
    font-weight: 700;
    padding-left: 25px;
    top: 10px;
    transition: .75s
}

.parent-slider .swiper-wrapper .varient-item:nth-child(2n) .expand-icon {
    filter: invert(1) drop-shadow(0 0 0 #000)
}

.parent-slider .swiper-wrapper .varient-item:nth-child(odd) .item-heading {
    color: #fff;
    text-shadow: 0 0 2px #000
}

.parent-slider .swiper-wrapper .varient-item:nth-child(2n) .item-heading {
    color: #000;
    text-shadow: 0 0 2px #fff
}

@media (min-width: 576px) {
    .parent-slider .swiper-wrapper .varient-item .item-heading {
        font-size:calc(1.5em + 1.25vw)
    }

    .varient-item .expanded-block {
        position: absolute;
        inset: 0;
        height: 100%
    }

    .varient-item .expanded-block,.varient-item.expanded .shrinked-block {
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        transition: .5s
    }

    .varient-item .shrinked-block,.varient-item.expanded .expanded-block {
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: .5s
    }
}

.varient-item.expanded .child-slider {
    width: 100%
}

.expanded-block .child-slider {
    height: 100%;
    width: 200%;
    position: absolute;
    left: 0;
    top: 0
}

.desk-vid,.mob-vid {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mob-vid {
    display: none
}

.desk-vid {
    display: block
}

@media (max-width: 575.9px) {
    .desk-vid {
        display:none
    }

    .mob-vid {
        display: block
    }
}

.expanded-block img,.expanded-block video,.varient-item .shrinked-block .box-img img {
    width: 100%;
    height: 100%;
    object-position: bottom center;
    object-fit: cover
}

.varient-item .shrinked-block .box-img img {
    max-height: 330px
}

.expanded-block .child-slider .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    display: flex;
    padding: 0 26px 20px;
    flex-direction: column;
    background-image: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 100%);
    justify-content: end
}

.child-slider .caption .caption-heading {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

.child-slider .caption p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #fff
}

.child-slider .caption a {
    font-size: 13px;
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-wrap: nowrap;
    display: inline-block
}

.child-slider .caption a.fill {
    background-color: #fff;
    color: #000
}

.child-slider .caption a.fill:hover {
    background-color: #000;
    color: #fff
}

.child-slider .caption a.outline {
    border-color: #ccc;
    color: #7b7b7b
}

.varient-mileage {
    background-color: #ffeaea
}

.varient-convenience {
    background-color: #ddd
}

.varient-item .shrinked-block {
    height: 100%
}

.varient-item .shrinked-block .box-img {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    border-radius: 1.5rem
}

.varient-item .shrinked-block .box-img video {
    width: 100%;
    border-radius: 1.5rem
}

.child-slider .child-swiper-pagination-dots {
    position: absolute;
    bottom: 20px;
    z-index: 15
}

.child-swiper-pagination-dots span.swiper-pagination-bullet {
    position: relative;
    height: 20px;
    width: 40px;
    margin-right: 12px;
    opacity: .5;
    background-color: transparent;
    border-radius: 0
}

.child-swiper-pagination-dots span.swiper-pagination-bullet:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 4px;
    background-color: #fff
}

.child-swiper-pagination-dots span.swiper-pagination-bullet-active {
    opacity: 1
}

@media (min-width: 576px) {
    .child-slider.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.child-slider.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin:2px 0
    }

    .expanded-block .child-slider .caption .col-sm-3 {
        text-align: right
    }

    .child-swiper-pagination-dots span.swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        opacity: 1
    }

    .child-swiper-pagination-dots span.swiper-pagination-bullet:after {
        height: 9px;
        width: 9px;
        border-radius: 100%;
        border: 1px solid #d9d9d9;
        background-color: #d9d9d9;
        left: 4px
    }

    .child-slider .child-swiper-pagination-dots {
        position: absolute;
        bottom: 50%;
        transform: translateY(50%);
        right: 27px;
        width: 20px;
        z-index: 15;
        left: auto;
        display: flex;
        flex-direction: column
    }

    .child-swiper-pagination-dots span.swiper-pagination-bullet-active:after {
        border: 1px solid #fff;
        background-color: #000
    }
}

@media (max-width: 575.99px) {
    .bannerSection-110 .banner-vid {
        height:calc(72svh)
    }

    .child-slider .caption .caption-heading {
        margin-bottom: 6px;
        font-size: 18px
    }

    .child-slider .caption a {
        padding: 6px 14px
    }

    .varient-item .item-heading,.varient-item-popup .item-heading {
        padding-left: 20px;
        text-shadow: 0 0 2px #000
    }

    .varient-item .expanded-block {
        opacity: 0;
        visibility: hidden
    }

    .varient-item-popup {
        background-color: #000;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        z-index: 20000
    }

    .varient-item-popup .slide-content .shrinked-icon {
        display: none
    }

    .expanded-block .child-slider .caption {
        padding: 0 20px 40px
    }

    .child-slider .child-swiper-pagination-dots {
        left: 20px;
        bottom: 12px;
        z-index: 23
    }
}

.varient-item-popup .item-heading {
    color: #fff;
    top: 26px
}

.varient-item-popup .expanded-block,.varient-item-popup .slide-content {
    height: 100%;
    position: relative
}

@media (min-width: 576px) and (max-width:1199px) {
    .expanded-block .child-slider .caption {
        padding:0 26px 30px
    }

    .varient-item .item-heading,.varient-item-popup .item-heading {
        padding-left: 26px
    }

    .child-slider .caption a {
        padding: 6px 10px
    }

    .child-slider .caption .caption-heading {
        font-size: 18px
    }

    .child-slider .caption p {
        font-size: 12px
    }
}

@media (max-width: 1500px) {
    .varient-item .shrinked-block .box-img img {
        max-height:260px
    }
}

.zyada-sapce-section {
    position: relative;
    height: calc(300svh - 440px)
}

.zyada-sapce-section .zyada-wrapper {
    flex-direction: column;
    position: relative
}

.zyada-sapce-section .zyada-slide {
    width: 100%;
    height: calc(100svh - 190px);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden
}

.zyada-sapce-section .zyada-slide:first-child {
    z-index: 10
}

.zyada-sapce-section .zyada-slide:nth-child(2) {
    z-index: 9
}

.zyada-sapce-section .zyada-slide:nth-child(3) {
    z-index: 8
}

.zyada-sapce-section .zyada-slide:nth-child(4) {
    z-index: 7
}

.zyada-sapce-section .zyada-slide:nth-child(5) {
    z-index: 6
}

.zyada-sapce-section .zyada-slide:nth-child(6) {
    z-index: 5
}

.zyada-sapce-section .zyada-container {
    width: 100%;
    height: calc(100svh - 2rem);
    transition: opacity .6s,transform .3s
}

.zyada-sapce-section .zyada-slide .slide-bgimg {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.zyada-sapce-section .zyada-slide .cover-img {
    background-position: center;
    height: 100%;
    width: 100%;
    aspect-ratio: 1921/1099;
    background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.cover-img-mob {
    display: block
}

.cover-img-desktop,.cover-img-ipad {
    display: none
}

@media (max-width: 480px) {
    .zyada-sapce-section .zyada-slide .cover-img {
        height:100%;
        width: 100%
    }
}

@media (min-width: 481px) {
    .cover-img-desktop,.cover-img-mob {
        display:none
    }

    .cover-img-ipad {
        display: block
    }
}

@media (min-width: 980px) {
    .zyada-sapce-section .zyada-slide .cover-img {
        background-position:bottom center
    }

    .zyada-sapce-section .heading {
        position: sticky;
        position: -webkit-sticky;
        left: 0;
        right: 0;
        top: 120px;
        padding: 20px 40px;
        z-index: 20;
        background-color: #fff
    }

    .cover-img-ipad,.cover-img-mob {
        display: none
    }

    .cover-img-desktop {
        display: block
    }
}

.zyada-sapce-section .zyada-slide .slide-bgimg img {
    opacity: 0;
    display: none
}

.zyada-sapce-section .zyada-slide .content {
    width: 319px;
    border-radius: 11px;
    background: #edf7ff;
    padding: 30px 20px;
    box-shadow: 0 15px 60px rgba(0,0,0,.5);
    text-align: center;
    color: #000;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%);
    display: none
}

.zyada-sapce-section .zyada-slide:nth-child(1) .content,.zyada-sapce-section .zyada-slide:nth-child(4) .content {
    background: #edf7ff
}

.zyada-sapce-section .zyada-slide:nth-child(2) .content,.zyada-sapce-section .zyada-slide:nth-child(5) .content {
    background: #fff9ed
}

.zyada-sapce-section .zyada-slide:nth-child(3) .content,.zyada-sapce-section .zyada-slide:nth-child(6) .content {
    background: #fbedff
}

.zyada-sapce-section .zyada-slide:nth-child(1) .content:before,.zyada-sapce-section .zyada-slide:nth-child(4) .content:before {
    border-top-color: #edf7ff
}

.zyada-sapce-section .zyada-slide:nth-child(2) .content:before,.zyada-sapce-section .zyada-slide:nth-child(5) .content:before {
    border-top-color: #fff9ed
}

.zyada-sapce-section .zyada-slide:nth-child(3) .content:before,.zyada-sapce-section .zyada-slide:nth-child(6) .content:before {
    border-top-color: #fbedff
}

.zyada-sapce-section .zyada-slide:nth-child(1) .content {
    opacity: 0
}

.zyada-sapce-section.active .zyada-slide:nth-child(1) .content {
    opacity: 1;
    transform: translateY(-150%);
    transition: transform,opacity .5s
}

.zyada-sapce-section .zyada-slide .content:before {
    left: 50%;
    bottom: -43px;
    border: 22px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #edf7ff;
    transform: translateX(-50%)
}

.zyada-sapce-section .zyada-slide .content h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px
}

.zyada-sapce-section .zyada-slide .content .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 15px
}

.zyada-sapce-section .zyada-slide .content .caption {
    display: block;
    color: #696969;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media (max-width: 979px) {
    .zyada-sapce-section {
        height:calc(300svh - 40px)
    }

    .zyada-sapce-section .zyada-slide .slide-bgimg {
        width: 100%;
        left: 0
    }

    .zyada-sapce-section .zyada-slide .content {
        left: 50%;
        top: 14%;
        padding: 16px 10px 20px;
        transform: translate(-50%,0)
    }

    .zyada-sapce-section.active .zyada-slide:nth-child(1) .content {
        transform: translate(-50%,25%)
    }

    .zyada-sapce-section .zyada-slide .content .title {
        font-size: 14px;
        margin-bottom: 1rem;
        line-height: 1
    }

    .zyada-sapce-section .zyada-slide .content h3 {
        font-size: 16px;
        line-height: 1
    }

    .zyada-sapce-section .zyada-slide {
        height: 100%
    }

    .banner-slider-pagination {
        right: 0
    }

    .banner-slider-pagination .swiper-pagination-bullet {
        width: 18px;
        height: 18px
    }

    .banner-slider-pagination .swiper-pagination-bullet:after {
        width: 8px;
        height: 8px
    }
}

@media (max-width: 1600px) {
    .bannerSection-110 .brand-image {
        bottom:-60px
    }

    .bannerSection-110 .brand-logo {
        top: 50px
    }

    .bannerSection-110 .brand-image img {
        max-width: 250px
    }
}

@media (min-width: 600px) and (max-width:800px) {
    .bannerSection-110 .brand-image img {
        max-width:350px
    }
}

@media (min-width: 980px) and (max-width:1500px) {
    .zyada-sapce-section .zyada-slide .content {
        right:6%
    }

    .child-slider .caption a {
        padding: 4px 5px;
        font-size: 12px
    }
}

.testimonialSwiper .swiper-wrapper {
    justify-content: center
}

.testimonialSwiper .swiper-slide .copy_block {
    position: absolute;
    bottom: 0;
    padding: 1em;
    left: 1rem;
    right: 1rem
}

.testimonialSwiper .swiper-slide.swiper-slide-active .copy_block {
    display: block
}

.swiper-360 {
    overflow: hidden
}

.swiper-360 .swiper-slide {
    transition: none!important
}

.swiper-360 .swiper-slide.swiper-slide-next,.swiper-360 .swiper-slide.swiper-slide-prev {
    display: none
}

.swiper-360 .swiper-slide.swiper-slide-active {
    display: block;
    opacity: 1!important
}

@media (min-width: 992px) {
    .no-displayMb {
        display:block
    }
}

@media (max-width: 360px) {
    .zyada-sapce-section .zyada-slide .content {
        max-width:315px
    }
}

@media (min-width: 1200px) {
    .ratio-21x9 {
        --bs-aspect-ratio:33%
    }
}

@media (max-width: 520px) {
    .ourVariant-scroll {
        padding:0 8px 130px
    }

    .select-brand-box ul li .ov-brand {
        width: 30%
    }

    .select-brand-box ul li .ov-content {
        width: 65%
    }

    .select-brand-box ul li .ov-content p {
        font-size: 14px;
        line-height: 1
    }
}

@media (max-width: 991.9px) {
    footer {
        padding-bottom:84px
    }
}

@media (min-width: 1801px) {
    .bannerSection-110 .banner-vid {
        height:calc(76vh)
    }

    .bannerSection-110 .brand-image {
        position: absolute;
        bottom: -100px
    }
}

@media (min-width: 1400px) {
    .swiper-button-next,.swiper-button-prev {
        width:44px;
        height: 44px
    }

    .bookingSection {
        padding: 0 0 20px
    }

    .faq_section .accordion-body p {
        font-size: 14px
    }
}

@media (max-width: 1199px) {
    .brochure-download-banner-btn {
        width:100%;
        text-align: center;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .brochure-download-banner-btn {
        position:absolute;
        left: calc(100% + 20px);
        transform: translateY(-50%);
        top: 50%;
        gap: 0 4px;
        margin-top: 10px
    }
}

@media (max-width: 576px) {
    .child-swiper-pagination-dots span.swiper-pagination-bullet {
        width:30px
    }

    .sticky-dropdown {
        padding: 12px 22px
    }

    header .navbar-nav .nav-link {
        padding: 12px 20px;
        font-size: 17px
    }
}

#csprice {
    font-size: 12px
}


.hero-section{
    margin-top: 55px;
}