@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600&display=swap');

.ather-navbar, .ather-navbar.new-450x-navbar .header-mobile-section.active {
    z-index: 99999
}

.cxrkFQ {
    height: 4px;
    width: 32px;
    background-color: rgb(36, 187, 59);
    display: block;
    margin-bottom: 16px;
}

.sidebar {
    background-color: #191919;
    flex: 1;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 2em 2em .5em;
    position: fixed;
    width: 436px;
    height: 100vh
}

.sidebar ul {
    /* font-family: 'Unica One', sans-serif; */
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2rem;
    padding: 0
}

.sidebar ul li {
    color: #fff;
    text-decoration: none;
    padding: 1em;
    border: 1px solid #ff4726;
    list-style-type: none
}

.style-layout-table table tbody tr, .style-layout-table table thead tr, .style-space-table table tbody tr, .style-space-table table thead tr {
    border-bottom: 1px solid #ccc
}

.sidebar ul li.active {
    background: #fff;
    cursor: pointer
}

.sidebar ul li:hover {
    background: #ff5537;
    cursor: pointer
}

.main {
    position: relative;
    float: right;
    width: calc(100% - 437px);
    min-height: 100vh;
    padding: 3rem
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.animatedFadeInUp, .fadeInUp {
    opacity: 0
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.fadeInUp {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp
}

.style-heading h1 {
    padding-bottom: 2rem
}

.style-color-section ul li {
    list-style-type: none;
    display: inline-block;
    width: 15%;
    height: 135px;
    margin-bottom: 70px
}

.style-color-section ul li span {
    display: block;
    text-align: center
}

.style-color-section ul li label {
    display: block;
    height: 100%;
    width: 100%;
    margin-bottom: 10px
}

.ather-black {
    background-color: #191919
}

.ather-grey-09 {
    background-color: #202123
}

.ather-grey-08 {
    background-color: #292A2D
}

.ather-grey-07 {
    background-color: #37393D
}

.ather-grey-06 {
    background-color: #53565A
}

.ather-grey-05 {
    background-color: #75787B
}

.ather-grey-04 {
    background-color: #97999B
}

.ather-grey-03 {
    background-color: #C7C7C7
}

.ather-grey-02 {
    background-color: #E6E6E6
}

.ather-green {
    background-color: #24BB3B
}

.ather-alert {
    background-color: #EB4C4C
}

.ather-warning {
    background-color: #FCD2A0
}

.ather-white {
    background-color: #FFF
}

.space-ex-01, .space-ex-02, .space-ex-03, .space-ex-04, .space-ex-05, .space-ex-06, .space-ex-07, .space-ex-08 {
    background-color: #39cccc
}

.style-layout-table table, .style-space-table table {
    width: 100%;
    margin-bottom: 5rem
}

.style-layout-table table thead tr, .style-space-table table tbody tr, .style-space-table table thead tr {
    height: 5rem
}

.style-layout-table table tbody tr {
    height: 9rem
}

.style-layout-table table tbody tr td, .style-layout-table table thead tr th, .style-space-table table tbody tr td, .style-space-table table thead tr th {
    width: 25%
}

.space-ex-01 {
    height: 4px;
    width: 4px
}

.space-ex-02 {
    height: 8px;
    width: 8px
}

.space-ex-03 {
    height: 12px;
    width: 12px
}

.space-ex-04 {
    height: 16px;
    width: 16px
}

.space-ex-05 {
    height: 24px;
    width: 24px
}

.space-ex-06 {
    height: 32px;
    width: 32px
}

.space-ex-07 {
    height: 40px;
    width: 40px
}

.space-ex-08 {
    height: 48px;
    width: 48px
}

.layout-ex-01, .layout-ex-02, .layout-ex-03, .layout-ex-04, .layout-ex-05, .layout-ex-06, .layout-ex-07 {
    background-color: #233e5b
}

.layout-ex-01 {
    height: 16px;
    width: 16px
}

.layout-ex-02 {
    height: 24px;
    width: 24px
}

.layout-ex-03 {
    height: 32px;
    width: 32px
}

.layout-ex-04 {
    height: 48px;
    width: 48px
}

.layout-ex-05 {
    height: 64px;
    width: 64px
}

.layout-ex-06 {
    height: 96px;
    width: 96px
}

.layout-ex-07 {
    height: 160px;
    width: 160px
}

.style-space-example .conetnt-section {
    border: 1px solid #ccc;
    margin-bottom: 5rem
}

.style-space-example .conetnt-section span {
    display: block;
    width: 100%;
    height: 24px;
    background-color: #39cccc
}

.style-space-example .content-section-inner {
    border: 48px solid #233e5b
}

.style-btn-inner {
    margin-bottom: 3rem
}

.ather-navbar .header-section .header-container, .ather-navbar .sub-header .header-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.ather-navbar .header-section .header-container .header-main-links ul li, .ather-navbar .sub-header .header-container .header-other-links ul li {
    display: inline-block;
    margin: 0 16px
}

.height::-webkit-scrollbar {
    width: 3px
}

.height::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px #B6B6B6;
    border-radius: 10px
}

body.open {
    overflow: hidden
}

.test-ride-btn {
    display: none
}

@media only screen and (max-width:1024px) {
    .test-ride-btn {
        display: inline-block;
        padding: 2px 6px;
        border: 1px solid #000;
        font-size: 12px;
        line-height: 18px
    }
}

.october-banner {
    background-color: #EEE2B8;
    padding: 12px 0;
    height: 44px
}

.october-banner .october-banner-content {
    display: flex;
    justify-content: center
}

.october-banner .october-banner-content .october-banner-content-img {
    margin-right: 10px
}

.october-banner .october-banner-content p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

@media only screen and (max-width:830px) {
    .october-banner .october-banner-content p {
        font-size: 13px
    }
}

.october-banner .october-banner-content a {
    color: #000;
    border-bottom: 1px solid #000;
    font-size: 14px;
    line-height: 20px;
    margin-left: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    cursor: pointer
}

.october-banner .october-banner-content .icon {
    margin-left: 10px
}

.october-banner .october-banner-content span {
    margin-top: 1px
}

@media only screen and (max-width:1024px) {
    .october-banner {
        display: none
    }
}

.price-banner, .top-header-banner {
    background-color: #fff;
    text-align: center;
    padding: 11px
}

.price-banner .top-icon, .top-header-banner .top-icon {
    height: 14px;
    width: 14px;
    line-height: 14px;
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.price-banner .top-icon img, .top-header-banner .top-icon img {
    max-width: 100%;
    max-height: 100%
}

.price-banner p, .top-header-banner p {
    color: #191919;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.price-banner p label, .price-banner p span, .top-header-banner p label, .top-header-banner p span {
    font-size: 14px;
    line-height: 15px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-weight: 400
}

.price-banner p b, .price-banner p strong, .top-header-banner p b, .top-header-banner p strong {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    display: inline-block
}

.price-banner p i, .top-header-banner p i {
    margin-right: 4px;
    font-style: normal
}

.price-banner p a, .top-header-banner p a {
    color: #191919;
    font-size: 16px;
    line-height: 23px;
    cursor: pointer;
    margin-left: 24px;
    padding-bottom: 1px;
    border-bottom: 1px solid #191919
}

@media only screen and (max-width:1120px) {
    .price-banner, .top-header-banner {
        padding: 16px
    }

    .price-banner p, .price-banner p a, .top-header-banner p, .top-header-banner p a {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .price-banner, .top-header-banner {
        padding: 16px;
        position: absolute;
        width: 100%;
        text-align: left
    }

    .price-banner .top-icon, .top-header-banner .top-icon {
        line-height: 10px;
        height: 10px;
        width: 10px
    }

    .price-banner p, .price-banner p span, .price-banner p strong, .top-header-banner p, .top-header-banner p span, .top-header-banner p strong {
        font-size: 10px;
        line-height: 15px
    }

    .price-banner p a, .top-header-banner p a {
        font-size: 10px;
        line-height: 15px;
        margin-left: 10px
    }

    .price-banner p .price, .top-header-banner p .price {
        display: none
    }
}

.top-header-banner {
    padding: 0
}

.top-header-banner p {
    font-size: 14px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.top-header-banner p:first-child {
    padding: 14px
}

.top-header-banner p a {
    font-size: 14px;
    line-height: 15px;
    margin: 0;
    border: none;
    padding: 0;
    text-decoration: underline
}

@media only screen and (max-width:1120px) {
    .top-header-banner {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .top-header-banner {
        padding: 0
    }

    .top-header-banner p:first-child {
        padding: 16px
    }

    .top-header-banner p {
        justify-content: flex-start
    }

    .top-header-banner p a {
        margin: 0;
        font-size: inherit;
        line-height: inherit
    }
}

.ather-navbar {
    position: fixed;
    width: 100%;
    top: 0;
    height: 46px
}

.ather-navbar .header-section {
    background-color: #f5f4f5;
    width: 100%;
    z-index: 99;
    height: 46px;
    transition: top .3s;
    position: fixed;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.ather-navbar .header-section .header-container {
    padding: 0 40px;
}

.ather-navbar .header-section .header-container .logo-section {
    flex-grow: 0;
    margin-top: 6px;
}

.ather-navbar .header-section .header-container .logo-section a.logo-icon img {
    width: 28px;
}

.ather-navbar .header-section .header-container .header-main-links {
    text-align: center;
    flex-grow: 1
}

.ather-navbar .header-section .header-container .header-main-links ul li {
    /* max-width: 100px; */
    width: 100px;
    position: relative
}

.ather-navbar .header-section .header-container .header-main-links ul li a {
    color: #191919;
    font-size: 16px;
    line-height: 24px !important;
    text-decoration: none
}

.ather-navbar .header-section .header-container .header-main-links ul li.active:after {
    content: "";
    height: 2px;
    display: block;
    width: 24px;
    background: #24BB3B;
    border-right: 1px #FFF;
    margin: 0 auto;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0
}

.ather-navbar .header-section .header-container .hambur-menu {
    flex-grow: 0;
    cursor: pointer
}

.ather-navbar .header-section .header-container .hambur-menu div {
    width: 17px;
    height: 2px;
    background-color: #191919;
    margin: 3px 0
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0 auto;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    height: 100%;
    width: 32px
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile div {
    display: block;
    position: absolute;
    width: 17px;
    height: 2px;
    background-color: #191919;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin: 17px 7px
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile div:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile div:nth-child(2) {
    top: 5px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile div:nth-child(3) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile.open div {
    margin: 17px 1px
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile.open div:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    left: 8px
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile.open div:nth-child(2) {
    width: 0%;
    opacity: 0
}

.ather-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile.open div:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
    left: 8px
}

.ather-navbar .header-section.inverse-header {
    background-color: #282a2d;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.ather-navbar .header-section.inverse-header .header-container .header-main-links {
    text-align: center;
    flex-grow: 1
}

.ather-navbar .header-section.inverse-header .header-container .header-main-links ul li a {
    color: #FFF
}

.ather-navbar .header-section.inverse-header .header-container .header-main-links ul li.active:after {
    background: #24BB3B;
    border-right: 1px #FFF
}

.ather-navbar .header-section.inverse-header .header-container .hambur-menu div, .ather-navbar .header-section.inverse-header .header-container .hambur-menu.hambur-menu-mobile div {
    background-color: #fff
}

.ather-navbar .secondary-header {
    position: fixed;
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    background-color: #f5f4f5;
    height: 62px;
    align-items: center;
    top: 8vh;
    left: 0;
    z-index: 9;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0 3% 0 2%;
    transition: top .3s;

    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.ather-navbar .secondary-header .secondary-header-left {
    position: relative
}

.ather-navbar .secondary-header .secondary-header-left .fal {
    margin-left: 10px;
    font-size: 20px
}

.ather-navbar .secondary-header .secondary-header-left ul {
    display: flex;
    justify-content: space-between
}

.ather-navbar .secondary-header .secondary-header-left ul li {
    flex-basis: 50%;
    text-align: center;
    position: relative
}

.ather-navbar .secondary-header .secondary-header-left ul li a {
    color: #191919;
    font-size: 16px;
    line-height: 26px
}

.ather-navbar .secondary-header .secondary-header-left ul li a:hover {
    cursor: pointer
}

.ather-navbar .secondary-header .secondary-header-left ul li.active a {
    color: #191919;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather-navbar .secondary-header .secondary-header-left ul li.active a:hover {
    color: #191919
}

.ather-navbar .secondary-header .secondary-header-left ul li.active:after {
    content: "";
    height: 2px;
    width: 80%;
    background-color: #2daf3c;
    position: absolute;
    left: 0;
    bottom: -18px;
    right: 0;
    margin: 0 auto
}

.ather-navbar .secondary-header .secondary-header-left .divider {
    height: 39px;
    width: 1px;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.ather-navbar .secondary-header .secondary-header-center {
    position: relative;
    display: flex;
    align-items: center
}

.ather-navbar .secondary-header .secondary-header-center ul {
    display: flex
}

.ather-navbar .secondary-header .secondary-header-center ul li a {
    color: #c7c7c7;
    font-size: 12px;
    line-height: 20px !important;
    padding: 18px 16px
}

.ather-navbar .secondary-header .secondary-header-center ul li a.active {
    color: #191919
}

.ather-navbar .secondary-header .secondary-header-right {
    position: relative;
    display: flex;
    align-items: center;
    flex-basis: 30%;
    justify-content: flex-end
}

.ather-navbar .secondary-header .secondary-header-right a {
    color: #191919;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    cursor: pointer
}

.ather-navbar .secondary-header .secondary-header-right a.test-ride-450-link {
    border: 1px solid #000;
    padding: 6px 16px;
    line-height: 18px;
    margin-right: 20px
}

.ather-navbar .secondary-header .secondary-header-right.new450-link:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    left: 48%;
    right: 0;
    height: 100%;
    width: 1px
}

.ather-navbar .secondary-header.inverse-secondary-header {
    background-color: #282a2d;
    border-bottom: none;
    padding: 0
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 40px 0 46px
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left ul li a {
    color: rgba(255, 255, 255, .2)
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left ul li a:hover {
    color: rgba(255, 255, 255, .65)
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left ul li.active a, .ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left ul li.active a:hover {
    color: #fff
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left ul li.active:after {
    background-color: #2daf3c;
    width: 91%;
    right: -10px;
    left: initial
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left ul li:nth-child(1) {
    text-align: left
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left ul li:nth-child(2) {
    text-align: right
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-left .divider {
    background-color: rgba(255, 255, 255, .3);
    left: 53%;
    right: initial
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-right a {
    color: #ffde55
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-right a.test-ride-450x-link {
    padding-right: 32px
}

.ather-navbar .secondary-header.inverse-secondary-header .secondary-header-container .secondary-header-right.new450-link:before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, .3);
    left: 48%;
    right: 0;
    height: 100%;
    width: 1px
}

.ather-navbar .sub-header {
    width: 100%;
    height: 48px;
    background-color: #FFF;
    transition: top .3s;
    position: relative;
    top: -100px
}

.ather-navbar .sub-header .header-container {
    padding: 0 3%;
    position: relative
}

.ather-navbar .sub-header .header-container .bike-type {
    flex-grow: 0
}

.ather-navbar .sub-header .header-container .header-scroll-links {
    text-align: center;
    width: 100%
}

.ather-navbar .sub-header .header-container .header-scroll-links ul li {
    display: inline-block
}

.ather-navbar .sub-header .header-container .header-scroll-links ul li a {
    color: #C7C7C7;
    font-size: 12px;
    line-height: 20px !important;
    padding: 18px 16px
}

.ather-navbar .sub-header .header-container .header-scroll-links ul li a:hover {
    color: #97999B
}

.ather-navbar .sub-header .header-container .header-scroll-links ul li a.active {
    color: #191919
}

.ather-navbar .sub-header .header-container .header-other-links {
    position: absolute;
    right: 2%
}

.ather-navbar .sub-header .header-container .header-other-links ul li a {
    color: #191919;
    font-size: 12px;
    line-height: 20px !important
}

.ather-navbar .sub-header .header-container .header-mobile-menu {
    width: 100%
}

.ather-navbar .sub-header .header-container .header-mobile-menu .ui.input {
    width: 100%;
    display: inline-block
}

.ather-navbar .sub-header .header-container .header-mobile-menu .ui.input .ui.selection.active.dropdown:focus, .ather-navbar .sub-header .header-container .header-mobile-menu .ui.input .ui.selection.active.dropdown:hover {
    box-shadow: none
}

.ather-navbar .sub-header .header-container .header-mobile-menu .ui.input .ui.selection.dropdown {
    border: none;
    box-shadow: none
}

.ather-navbar .sub-header .header-container .header-mobile-menu .ui.input .ui.selection .icon:before {
    content: "";
    height: 8px;
    width: 8px;
    border: solid #191919;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 99
}

.ather-navbar .sub-header .header-container .header-mobile-menu .ui.input .ui .menu {
    min-width: 100%;
    width: 100%;
    margin-top: -15px;
    background-color: #e6e6e6
}

.ather-navbar .sub-header .header-container .header-mobile-menu .ui.input .ui .menu:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #191919;
    display: block
}

.ather-navbar .sub-header .header-container .header-mobile-menu .preorder-mob-btn {
    position: absolute;
    background-color: #191919;
    top: 0;
    right: 0;
    width: 90px;
    height: 100%
}

.ather-navbar .sub-header .header-container .header-mobile-menu .preorder-mob-btn a {
    color: #FFF;
    font-size: 12px;
    padding: 2px 0;
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.ather-navbar.new-450x-navbar .header-section {
    background-color: #e2e2e2 !important;
    height: auto;
}

.ather-navbar.new-450x-navbar .header-section .header-container {
    padding: 0 16px
}

.ather-navbar.new-450x-navbar .header-section .header-container .header-main-links ul li {
    width: auto
}

/* .ather-navbar.new-450x-navbar .header-section .header-container .header-main-links ul li:not(:last-child) {
    margin: 0 36px 0 0
} */

.ather-navbar.new-450x-navbar .header-section .header-container .header-main-links ul li a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #939393
}

.ather-navbar.new-450x-navbar .header-section .header-container .header-main-links ul li.active:after {
    display: none
}

.ather-navbar.new-450x-navbar .header-section .header-container .header-main-links ul li.active a {
    color: #191919
}

.ather-navbar.new-450x-navbar .header-section .header-container .logo-section a.logo-icon img {
    width: 10vw;
}

.ather-navbar.new-450x-navbar .secondary-header {
    background-color: #e2e2e2 !important;
    border-bottom: none;
    /* top: 102px; */
    padding: 0 16px
}

.ather-navbar.new-450x-navbar .secondary-header.error {
    top: 48px
}

.ather-navbar.new-450x-navbar .secondary-header.second {
    top: 91px
}

@media only screen and (max-width:1120px) {
    .ather-navbar.new-450x-navbar .secondary-header.second {
        top: 91px
    }
}

@media only screen and (max-width:963px) {
    .ather-navbar.new-450x-navbar .secondary-header.second {
        top: 92px
    }
}

@media only screen and (max-width:1024px) {
    .ather-navbar.new-450x-navbar .secondary-header .secondary-center, .ather-navbar.new-450x-navbar .secondary-header .secondary-header-right {
        display: none !important
    }
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-left {
    flex-basis: 20%
}

@media only screen and (max-width:1400px) {
    .ather-navbar.new-450x-navbar .secondary-header .secondary-header-left {
        flex-basis: 20%
    }
}

@media only screen and (max-width:858px) {
    .ather-navbar.new-450x-navbar .secondary-header .secondary-header-left {
        flex-basis: auto
    }
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-left h2 a {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 400;
    color: #191919
}

@media only screen and (max-width:767px) {
    .ather-navbar.new-450x-navbar .secondary-header.second {
        top: 117px
    }

    .ather-navbar.new-450x-navbar .secondary-header {
        padding: 0 15px;
        display: flex !important
    }

    .ather-navbar.new-450x-navbar .secondary-header .secondary-header-left h2 a {
        font-size: 12px !important;
        line-height: 20px
    }
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-center {
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    padding-left: 5%
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-center ul {
    display: flex
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-center ul li a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #7e7d7d;
    line-height: 20px !important;
    padding: 18px 12px;
    cursor: pointer
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-center ul li a.active {
    color: #191919;
    font-weight: 500
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-right a.preorder {
    background: #191919;
    color: #fff;
    padding: 6px 16px;
    font-size: 14px
}

@media only screen and (max-width:767px) {
    .ather-navbar.new-450x-navbar .secondary-header .secondary-header-right a.preorder {
        font-size: 12px
    }

    .ather-navbar.new-450x-navbar .secondary-header .secondary-header-right a.test-ride-450-link {
        padding-right: 16px
    }
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-right a.test-ride-450-link {
    font-size: 14px
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob, .ather-navbar.new-450x-navbar .secondary-header .secondary-header-right.new450-link:before {
    display: none
}

@media only screen and (max-width:1024px) {
    .ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob {
        display: block
    }
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop {
    padding: 4px 12px;
    background: #f0f0f0;
    border-radius: 2px;
    min-width: 135px
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop .dropdown {
    width: 100%
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop .dropdown .text {
    font-size: 12px;
    line-height: 18px;
    color: #191919;
    margin-right: 27px
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop .dropdown .text a {
    font-size: 12px;
    line-height: 18px;
    color: #191919
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop .dropdown .fal {
    font-size: 12px;
    line-height: 18px;
    color: #191919;
    float: right
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop .dropdown .item {
    padding: 0 !important
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop .dropdown .item a {
    font-size: 12px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #191919;
    padding: 7px 10px !important;
    display: block
}

.ather-navbar.new-450x-navbar .secondary-header .secondary-header-dropdown-mob .headerdrop .dropdown .menu {
    left: -12px;
    top: 24px;
    width: 100%
}

.ather-navbar.new-450x-navbar .test-ride-mob-show {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .october-mob {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #EEE2B8;
    padding: 13px 16px
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .october-mob p {
    margin-bottom: 0;
    line-height: 14px;
    width: 70%
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .october-mob p label {
    font-size: 10px;
    line-height: 10px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .october-mob p label span {
    vertical-align: sub;
    margin-top: 4px;
    display: inline-block
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .october-mob a {
    font-size: 10px;
    line-height: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 1px solid #000
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .october-mob span img {
    width: 12px
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .test-order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 12px 12px 12px 24px;
    margin-top: -1px
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .test-order a {
    font-size: 12px;
    line-height: 17px;
    color: #191919
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .test-order .preorder {
    background: #191919;
    color: #fff;
    padding: 4px 12px;
    border-radius: 2px
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .mob-read-btn {
    background: #219653;
    padding: 1px 0;
    display: flex;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .mob-read-btn label {
    cursor: pointer;
    margin-top: 3px !important
}

.ather-navbar.new-450x-navbar .test-ride-mob-show .mob-read-btn a {
    color: #FFF;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.new450x-preorder {
    padding: 10px 15px;
    height: 46px
}

.new450x-preorder .button {
    width: 100%
}

.new450x-preorder .ui a {
    color: #191919;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 22px
}

@media all and (max-width:767px) {
    .new450x-preorder {
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.header450x-menu {
    z-index: 9;
    display: inline-block
}

.header450x-menu .ui.dropdown {
    display: flex;
    align-items: center;
    justify-content: center
}

.header450x-menu .ui.dropdown .text {
    min-width: 36px
}

.header450x-menu .ui.dropdown .text a {
    color: #191919
}

.header450x-menu .ui.dropdown svg {
    margin-left: 1px;
    height: 24px;
    width: 24px
}

.header450x-menu .ui.dropdown .menu {
    border: 1px solid rgba(0, 0, 0, .45)
}

.header450x-menu .ui.dropdown .menu .item a {
    color: rgba(0, 0, 0, .6)
}

.header450x-menu .ui.dropdown .menu.selected .item a, .header450x-menu .ui.dropdown.selected .menu .item a {
    color: #191919 !important
}

.header450x-menu .ui.dropdown.selected {
    background-color: rgba(0, 0, 0, .1)
}

.header-notes {
    padding: 6px 21px;
    background-color: #feeacc;
    border-radius: 15px
}

.header-notes p {
    color: #191919;
    font-size: 12px;
    line-height: 14px
}

@media only screen and (max-width:991px) {
    .ather-navbar.new-450x-navbar .secondary-header {
        /* top: 96px */
    }

    .secondary-header {
        top: 55px
    }

    .secondary-header .secondary-header-center {
        display: none
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .bike-type {
        display: none
    }

    .header-scroll-links {
        text-align: left !important
    }

    .header-scroll-links ul li:first-child {
        margin-left: 0 !important
    }

    .header-container {
        padding: 0 2%
    }

    .header-container .header-scroll-links ul li a {
        padding: 18px 12px
    }
}

@media only screen and (max-width:767px) {
    .ather-navbar.new {
        background-color: #e2e2e2 !important
    }

    .mobile-header {
        height: 200px;
        background: #e2e2e2
    }

    #header-section {
        display: none
    }

    .ather-navbar.new-450x-navbar .secondary-header {
        /* top: 100px */
    }
}

@media only screen and (max-width:767px) and (max-width:470px) {
    .ather-navbar.new-450x-navbar .secondary-header {
        /* top: 120px */
    }
}

@media only screen and (max-width:767px) {
    .header-section {
        background-color: #FFF !important;
        border-bottom: 1px solid #E6E6E6;
        position: fixed !important
    }

    .header-mobile-section.error {
        top: 0
    }

    .header-mobile-section {
        /* top: 48px; */
        background: #FFF;
        transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1) !important
    }
}

@media only screen and (max-width:767px) and (max-width:470px) {
    .header-mobile-section {
        /* top: 47px */
    }
}

@media only screen and (max-width:767px) {
    .header-mobile-section.active {
        height: 100%;
        transition: background .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1) !important
    }

    .header-mobile-section .header-container {
        display: block;
        padding-left: 4% !important
    }

    .header-mobile-section .header-container .logo-section {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 0;
    }

    .header-mobile-section.inverse-mobile-header {
        background-color: #282a2d !important;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .header-mobile-section.inverse-mobile-header .header-container .hambur-menu-mobile div {
        background-color: #fff !important
    }

    .header450x-menu .ui.dropdown .text, .header450x-menu .ui.dropdown .text a, .header450x-menu .ui.dropdown svg {
        color: #000
    }

    .header450x-menu .ui.dropdown .menu {
        background-color: #2c2c2c;
        border: 1px solid rgba(0, 0, 0, .45)
    }

    .header450x-menu .ui.dropdown .menu .item a {
        color: rgba(255, 255, 255, .6)
    }

    .header450x-menu .ui.dropdown .menu.selected .item a, .header450x-menu .ui.dropdown.selected .menu .item a {
        color: #fff !important
    }

    .header450x-menu .ui.dropdown.selected, .header450x-menu .ui.dropdown.selected .menu .item {
        background-color: rgba(255, 255, 255, .1)
    }

    .header-section .ather-container .header-main-links ul li {
        max-width: 50px
    }

    .bike-type, .header-main-links, .header-other-links, .header-scroll-links {
        display: none
    }

    .logo-section {
        flex-grow: 1 !important;
        text-align: center;
    }

    .header-main-mob-links {
        background-color: #fff;
        top: 0;
        transition: top .3s;
        position: relative;
        margin-top: 48px
    }

    .header-main-mob-links ul {
        display: flex;
        justify-content: space-around;
        height: 48px;
        align-items: center
    }

    .header-main-mob-links ul li {
        margin: 0 16px;
        position: relative
    }

    .header-main-mob-links ul li a {
        color: #191919;
        font-size: 14px;
        line-height: 22px !important;
        text-decoration: none
    }

    .header-main-mob-links ul li.active:after {
        content: "";
        height: 2px;
        display: block;
        width: 24px;
        background: #24BB3B;
        border-right: 1px #FFF;
        margin: 0 auto;
        position: absolute;
        bottom: -13px;
        left: 0;
        right: 0
    }

    .header-main-mob-links .newpreorder-link {
        display: flex;
        float: right;
        align-items: center;
        padding: 0
    }

    .header-main-mob-links .newpreorder-link a {
        color: #191919;
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .header-main-mob-links .newpreorder-link a.test-ride-mob-link {
        margin-right: 24px
    }

    .header-main-mob-links .newpreorder-link.new450-link {
        position: relative
    }

    .header-main-mob-links .newpreorder-link.new450-link:before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0, .3);
        left: 49%;
        right: 0;
        height: 50%;
        width: 1px
    }

    .header-main-mob-links.inverse-header-main-mob-links {
        background-color: #282a2d;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .header-main-mob-links.inverse-header-main-mob-links .new450x-preorder .newpreorder-link a {
        color: #fdde55
    }

    .header-main-mob-links.inverse-header-main-mob-links ul li a {
        color: #fff
    }

    .header-main-mob-links.inverse-header-main-mob-links .newpreorder-link.new450-link:before {
        background-color: rgba(255, 255, 255, .3)
    }

    .sub-header {
        position: relative;
        height: 32px !important
    }

    .sub-header .header-container {
        background-color: #e6e6e6
    }

    .secondary-header {
        display: none !important
    }

    .ather-navbar.new-450x-navbar .header-main-mob-links .newpreorder-link.new450-link:before, .header-notes {
        display: none
    }

    .ather-navbar.new-450x-navbar .header-section {
        height: 55px;
        /* top: 62px */
    }

    .ather-navbar.new-450x-navbar .header-section .header-container .logo-section {
        margin-top: 13px;
    }

    .ather-navbar.new-450x-navbar .header-section .header-container .hambur-menu.hambur-menu-mobile div {
        margin: 22px 7px
    }

    .ather-navbar.new-450x-navbar .header-main-mob-links {
        margin-top: 55px;
        background-color: #e2e2e2
    }

    .ather-navbar.new-450x-navbar .header-main-mob-links .newpreorder-link a.preorder {
        background-color: #191919;
        color: #fff;
        padding: 7px 9px
    }

    .ather-navbar.new-450x-navbar .header-mobile-section.active {
        height: auto
    }
}

.grid-banner, .ui.input {
    position: relative
}

.inverse-header-main-mob-links .header450x-menu .ui.dropdown .text, .inverse-header-main-mob-links .header450x-menu .ui.dropdown svg {
    color: #fff
}

.with-notification .notification {
    display: flex
}

.with-notification .secondary-header {
    top: 93px
}

@media all and (max-width:767px) {
    .with-notification .contact-wrapper {
        margin-top: 106px
    }
}

.footer-section {
    background-color: transparent;
    text-align: center
}

.footer-section .ather-container {
    width: 75%
}

.footer-section .ather-container.space-10 {
    padding-bottom: 24px;
    border-top: 1px solid #eee
}

.footer-section .ather-container .footer-links {
    display: inline-block;
    width: 23%;
    padding-left: 70px;
    vertical-align: top
}

@media all and (max-width:1271px) {
    .footer-section .ather-container .footer-links {
        padding-left: 45px
    }
}

@media all and (max-width:1150px) {
    .footer-section .ather-container .footer-links {
        padding-left: 0
    }
}

.footer-section .ather-container .footer-links h4 {
    color: #191919;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    margin: 0;
    margin-bottom: 24px !important
}

.footer-section .ather-container .footer-links ul li {
    text-align: left;
    padding-bottom: 24px
}

.footer-section .ather-container .footer-links ul li a {
    color: #75787B;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none
}

.footer-section .ather-container .footer-links ul li a:hover, .footer-section .ather-container .footer-social-link ul li a svg {
    color: #191919
}

.footer-section .ather-container .footer-links ul li a.hiring-info {
    border: 1px solid #2cb03e;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 20px;
    margin-left: 8px
}

.footer-section .ather-container .footer-links ul li.last-child {
    padding-bottom: 0
}

.footer-section .ather-container .footer-links.footer-newsletter {
    width: 320px
}

.footer-section .ather-container .footer-links.footer-newsletter ul li form .input {
    padding-bottom: 24px;
    margin-bottom: 0
}

.footer-section .ather-container .footer-links.footer-newsletter ul li .btn-black-md {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    border: none
}

.footer-section .ather-container .footer-links.newsletter {
    display: none !important
}

.footer-section .ather-container .footer-social-link ul li {
    display: inline-block;
    padding-right: 8px
}

.footer-section .ather-container .footer-social-link ul li a {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding: 6px 0
}

.footer-section .ather-container .footer-social-link ul li a:hover {
    background-color: #191919
}

.field textarea, .ui.input .selection.ui.dropdown, .ui.input input {
    background-color: transparent;
    color: #191919
}

.footer-section .ather-container .footer-social-link ul li a:hover svg {
    color: #FFF
}

.footer-section .ather-container .footer-social-link ul li i {
    font-size: 16px;
    color: #97999B
}

.footer-section .ather-container .terms-footer {
    display: block;
    padding-top: 16px
}

.footer-section .ather-container .terms-footer p {
    color: #191919;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .footer-section .footer-links {
        width: 200px
    }
}

@media screen and (max-width:991px) {
    .footer-section .footer-links {
        display: block !important;
        width: 100% !important
    }

    .footer-section .footer-links ul li a {
        color: #000;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        line-height: 17px;
        text-decoration: none;
        display: inline-block;
        padding: 9px 0
    }

    .footer-section .footer-links ul li a.hiring-info {
        border: 1px solid #2cb03e;
        border-radius: 2px;
        padding: 3px 8px;
        font-size: 11px;
        line-height: 14px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        float: right;
        margin-top: 7px
    }

    .footer-section .footer-social-link {
        text-align: left;
        margin-top: 24px
    }

    .footer-section .footer-social-link ul li {
        display: inline-block;
        padding-right: 9px;
        margin: 0;
        border-bottom: none
    }

    .footer-section .footer-social-link ul li a {
        width: 27px;
        height: 27px;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        padding: 2px 0
    }

    .footer-section .terms-footer {
        text-align: left;
        display: block;
        padding: 24px 0
    }

    .footer-section .terms-footer p {
        font-size: 10px !important;
        color: #000;
        letter-spacing: 1px;
        line-height: 18px !important
    }

    .footer-section ul li {
        text-align: left;
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding-bottom: 0 !important
    }

    .footer-section ul li a {
        display: inline-block;
        padding: 16px 10px
    }

    .footer-section .desktop-newsletter {
        padding: 6px 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        margin: 16px 0
    }

    .footer-section ul li a.btn-black-border {
        border: none
    }
}

.ui.input {
    display: block;
    line-height: 0
}

.ui.input label {
    color: #191919;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 8px;
    line-height: 20px;
    display: inline-block
}

.ui.input label.error {
    color: #EB4C4C !important;
    font-size: 12px
}

.ui.input .selection.ui.dropdown, .ui.input .selection.ui.dropdown.active .menu .item, .ui.input input {
    font-size: 16px;
    line-height: 24px;
    display: block;
    width: 100%
}

.ui.input input {
    padding: 12px 16px;
    border: 1px solid #191919 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    outline: 0
}

.field textarea, .ui.input input:focus {
    border: 1px solid #191919 !important;
    outline: 0
}

.ui.input .selection.ui.dropdown {
    padding: 12px 16px;
    border-color: #191919 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    outline: 0
}

.ui.input .selection.ui.dropdown.active .menu {
    border-color: #191919 !important;
    padding-top: 6px;
    padding-bottom: 6px
}

.ui.input .selection.ui.dropdown.active .menu .item {
    padding: 6px 16px !important;
    border-top: none
}

.ui.input .selection.ui .icon:before {
    content: '';
    height: 10px;
    width: 10px;
    border: solid #191919;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 99
}

.field label {
    color: #191919;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 8px;
    line-height: 20px
}

.field textarea {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    display: block;
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    resize: none
}

.inverse-color .field label, .inverse-color .field textarea, .inverse-color .ui.input .selection.ui.dropdown .text, .inverse-color .ui.input .selection.ui.dropdown.active .menu .item, .inverse-color .ui.input .selection.ui.dropdown.active .text, .inverse-color .ui.input input, .inverse-color .ui.input label {
    color: #C7C7C7
}

.field textarea:focus {
    outline: 0;
    border: 1px solid #191919 !important;
    background-color: #FFF
}

form .ui.input {
    margin-bottom: 24px
}

form .field {
    margin-bottom: 32px
}

.inverse-color .ui.input input {
    border: 1px solid #C7C7C7 !important
}

.inverse-color .ui.input input:focus {
    border: 1px solid #585858 !important;
    background-color: #121212
}

.inverse-color .ui.input .selection.ui.dropdown {
    border: 1px solid #C7C7C7 !important;
    color: #C7C7C7
}

.inverse-color .ui.input .selection.ui.dropdown.active {
    border: 1px solid #585858 !important;
    background-color: #121212
}

.inverse-color .ui.input .selection.ui.dropdown.active .menu {
    border-color: #585858 !important;
    background-color: #121212
}

.inverse-color .ui.input .selection.ui .icon:before {
    content: '';
    height: 10px;
    width: 10px;
    border: solid #FFF;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 99
}

.inverse-color .field textarea {
    border: 1px solid #C7C7C7 !important;
    background-color: transparent
}

.inverse-color .field textarea:focus {
    outline: 0;
    border: 1px solid #C7C7C7 !important;
    background-color: #121212
}

@media only screen and (max-width:767px) {
    form .field, form .ui.input {
        width: 100%
    }

    .header-mobile-menu .select-arrow {
        display: none !important
    }

    .header-mobile-menu .ui.dropdown {
        padding: 0 !important;
        border: none !important;
        width: 74% !important;
        margin-top: 16px
    }

    .header-mobile-menu .ui.dropdown.active .menu {
        border: none
    }

    .header-mobile-menu .ui.dropdown.active .menu .item {
        font-size: 12px !important;
        line-height: 20px !important;
        border: none
    }

    .header-mobile-menu .ui.dropdown.active .menu .item:last-child {
        border-bottom: 0 solid #75787B
    }

    .header-mobile-menu .ui.dropdown.active .menu .item.selected {
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        background-color: transparent
    }

    .header-mobile-menu .ui.dropdown .dropdown.icon {
        top: 0;
        right: 16px;
        width: 16px
    }

    .header-mobile-menu .ui.dropdown .text {
        font-size: 12px
    }

    .header-mobile-menu .ui.dropdown .menu {
        min-width: calc(100% + 100%);
        width: calc(100% + 100%);
        max-height: 300px;
        margin-top: -8px;
        padding: 0
    }
}

.grid-banner .grid-play:hover .video-banner-overlay, .grid-network .content-section p span {
    display: block
}

.ather-grid .ather-container .content-section, .grid-banner .grid-play, .grid-network, .grid-partner .ather-container .content-section, .grid-point .content-section {
    padding-bottom: 96px
}

#otherevs-section .ather-grid-layout .ather-grid-layout-content .agl-content ul li:nth-child(2) {
    margin-bottom: 12px
}

.grid-banner .grid-banner-desc, .grid-banner .grid-play {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center
}

.grid-banner .grid-banner-img {
    width: 100%;
    height: calc(100vh - 96px)
}

.grid-banner .grid-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.grid-banner .grid-banner-desc {
    top: 0;
    color: #FFF
}

.grid-banner .grid-banner-desc h1 {
    color: #FFF
}

.grid-banner .grid-banner-desc label {
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.grid-banner .grid-play {
    bottom: 0
}

.grid-banner .grid-play span {
    margin-bottom: 0
}

.grid-banner .grid-play span.btn-ul-white {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 4px
}

.grid-parellx {
    padding-top: 124px;
    background-color: #000
}

.grid-network {
    background-color: #f4f3f4
}

.grid-network .grid-energy-shape {
    padding-bottom: 32px
}

.pin-charging-point .grid-location {
    height: calc(100vh - 0px);
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.pin-charging-point .grid-location .grid-location-desc {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center
}

.pin-charging-point #section-one {
    background-image: url(../../images/grid/map-banner.png)
}

.pin-charging-point #section-two {
    background-image: url(../../images/grid/locate-banner.png)
}

.pin-charging-point #section-wipes.scroll-end #section-two, .pin-charging-point #section-wipes.scroll-start #section-one {
    background-attachment: scroll
}

.ather-grid .ather-container .content-section label {
    font-weight: 400
}

.ather-grid-layout {
    display: flex;
    flex-direction: column
}

.ather-grid-layout .ather-grid-layout-img {
    height: 500px;
    width: 100%
}

.ather-grid-layout .ather-grid-layout-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.ather-grid-layout .ather-grid-layout-content {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.ather-grid-layout .ather-grid-layout-content.grid-right-img .agl-img {
    text-align: right
}

.ather-grid-layout .ather-grid-layout-content.grid-left-img .agl-img {
    text-align: left
}

.ather-grid-layout .ather-grid-layout-content.grid-left-img .agl-content ul li label, .ather-grid-layout .ather-grid-layout-content.grid-left-img .agl-content ul li span {
    color: #FFF
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul li {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul li label {
    font-size: 20px;
    line-height: 30px !important;
    color: #191919;
    padding-bottom: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul li span {
    font-size: 16px;
    color: #191919;
    line-height: 24px !important
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul li:last-child {
    margin-bottom: 0
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link label {
    font-size: 16px;
    color: #FFF;
    line-height: 24px !important;
    display: inline-block
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link ul {
    display: inline-block
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link ul li {
    padding: 0 12px;
    display: inline-block
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link ul li a {
    color: #24BB3B;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    line-height: 18px
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link ul li:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #24BB3B;
    transition: width .3s
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link ul li:nth-child(2) {
    border-left: 1px solid #FFF;
    line-height: 12px
}

.ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link ul li:hover::after {
    width: 100%
}

.grid-point .content-section label {
    font-weight: 400
}

.grid-point .content-section p {
    width: 80%;
    text-align: center;
    margin: 20px auto 0
}

.grid-point .ui.tabular.menu {
    border-bottom: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0
}

#map .mapboxgl-popup-close-button, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {
    display: none
}

.grid-point .ui.tabular.menu .item {
    color: #191919;
    border: none;
    font-size: 16px;
    border-bottom: 4px solid transparent;
    padding: 12px 32px
}

.grid-point .ui.tabular.menu .item.active {
    color: #191919;
    background-color: transparent;
    margin-bottom: 0;
    font-weight: 400;
    border-bottom: 4px solid #24BB3B
}

.grid-point .grid-location-dropdown {
    text-align: center;
    margin-bottom: 48px
}

.grid-point .grid-location-dropdown .ui.dropdown {
    width: 320px;
    padding: 16px
}

@media screen and (max-width:520px) {
    .grid-point .grid-location-dropdown .ui.dropdown {
        width: 240px
    }
}

.grid-point .grid-location-dropdown .ui.dropdown .text, .grid-point .grid-location-dropdown .ui.dropdown input {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.grid-point .grid-location-dropdown .ui.dropdown .icon {
    height: 100%;
    padding: 16px;
    outline: 0
}

.grid-point .grid-location-dropdown .ui.dropdown .icon:before {
    content: ''
}

.grid-point .map-image img {
    width: 100%
}

.grid-partner {
    text-align: center
}

.grid-partner .ather-container .content-section a {
    color: #191919;
    cursor: pointer;
    border-bottom: 2px solid #24BB3B
}

.grid-partner .ather-container .athergrid-partner-img-container {
    height: 350px;
    overflow: hidden;
    position: relative
}

.grid-partner .ather-container .athergrid-partner-img-container .athergrid-partner-img-wrapper {
    -webkit-animation: 30s merchantlist linear infinite;
    animation: 30s merchantlist linear infinite;
    width: 85%;
    margin: 0 auto
}

.grid-partner .ather-container .athergrid-partner-img-container .athergrid-partner-img-wrapper .athergrid-partner-img {
    width: 100%;
    padding-top: 102%;
    margin: 0 auto;
    background: url(../images/original/charge/logos_2x_opti.jpg) center no-repeat;
    background-size: contain
}

#map {
    height: 500px;
    overflow: auto
}

#map .mapboxgl-popup {
    max-width: 200px
}

#map .mapboxgl-popup .mapboxgl-popup-content {
    background: #f6f6f6;
    border-radius: 2px;
    padding: 10px 15px
}

#map .mapboxgl-popup .mapboxgl-popup-content h3 {
    margin: 0;
    font-size: 12px !important;
    padding-right: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 0;
    color: #191919
}

#map .mapboxgl-popup .mapboxgl-popup-content p {
    margin: 0;
    font-size: 11px;
    color: #191919
}

#map .mapboxgl-ctrl-compass {
    display: none !important
}

#map .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
    background-image: url(../images/plus.png) !important
}

#map .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
    background-image: url(../images/minus.png) !important
}

#map .mapboxgl-ctrl-group {
    border-radius: 4px;
    box-shadow: none;
    overflow: hidden;
    background: #191919
}

#map .mapboxgl-ctrl-group button {
    width: 24px;
    height: 24px;
    background-color: #191919
}

@-webkit-keyframes merchantlist {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes merchantlist {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ather-grid-layout-content {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }
}

@media only screen and (max-width:767px) {
    #map {
        height: 300px
    }

    .grid-network .content-section h2 {
        padding-bottom: 24px !important
    }

    .grid-banner .grid-banner-desc {
        margin-top: 48px;
        margin-bottom: 48px
    }

    .grid-banner .grid-banner-desc label {
        font-size: 12px;
        line-height: 20px
    }

    .grid-banner .grid-play {
        padding-bottom: 48px
    }

    .grid-banner .grid-play span.btn-ul-white {
        font-size: 14px;
        line-height: 22px
    }

    .grid-network {
        padding: 64px 0
    }

    .grid-network .grid-energy-shape {
        padding-bottom: 0;
        margin-bottom: 24px;
        height: 156px;
        width: 89px
    }

    .grid-network .grid-energy-shape img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .point1 {
        background-position: 0 27.777778%
    }

    .point2 {
        background-position: 0 0
    }

    .point3 {
        background-position: 0 65.625%
    }

    .point4 {
        background-position: 0 100%
    }

    .point1, .point2, .point3, .point4 {
        max-width: 100%;
        background-size: 100%;
        background-image: url(../../images/grid/grid-point.png);
        display: inline-block;
        height: 39px;
        position: absolute;
        width: 44px
    }

    .gl-marker1.point2 {
        top: 20px
    }

    .gl-marker2 {
        left: 10%;
        top: 180px
    }

    .gl-marker3 {
        top: 210px;
        right: 35%
    }

    .gl-marker4 {
        right: 14%;
        top: 115px
    }

    .gl-marker5 {
        left: 40%;
        top: 80px
    }

    .grid-mobile-location .gl-layout {
        position: relative;
        padding-bottom: 64px
    }

    .grid-mobile-location .gl-layout .gl-points {
        height: 252px
    }

    .grid-mobile-location .gl-layout .gl-points .gl-marker {
        background-image: url(../../images/grid/map-location.png);
        background-size: cover;
        height: 38px;
        width: 28px;
        position: absolute;
        display: inline-block
    }

    .grid-mobile-location .gl-layout .gl-points .gl-marker.gl-marker1 {
        left: 25%;
        top: 0
    }

    .grid-mobile-location .gl-layout .gl-points .gl-marker.gl-marker2 {
        left: 10%;
        top: 130px
    }

    .grid-mobile-location .gl-layout .gl-points .gl-marker.gl-marker3 {
        top: 180px;
        right: 15%
    }

    .grid-mobile-location .gl-layout .gl-points .gl-marker.gl-marker4 {
        right: 15%;
        top: 30px
    }

    .grid-mobile-location .gl-layout .gl-points .gl-marker.gl-marker5 {
        left: 45%;
        top: 110px
    }

    .grid-mobile-location .gl-layout .gl-desc {
        padding-top: 32px
    }

    .ather-grid, .grid-partner, .grid-point {
        padding-top: 64px !important
    }

    .grid-mobile-location .gl-layout .content-section h2 {
        padding-bottom: 24px
    }

    .ather-grid, .ather-grid .content-section {
        padding-bottom: 64px !important
    }

    .grid-point .content-section {
        padding-bottom: 32px
    }

    .grid-partner, .grid-partner .content-section {
        padding-bottom: 64px !important
    }

    .grid-partner .content-section h2 {
        padding-bottom: 24px !important
    }

    .grid-partner .athergrid-partner-img-container {
        height: 190px !important
    }

    .grid-partner .athergrid-partner-img-container .athergrid-partner-img-wrapper {
        width: 100% !important
    }

    .grid-partner .athergrid-partner-img-container .athergrid-partner-img-wrapper .athergrid-partner-img {
        max-width: 400px !important
    }

    .ather-grid-layout .ather-grid-layout-content {
        flex-direction: column;
        padding: 32px
    }

    .ather-grid-layout .ather-grid-layout-content.grid-left-img {
        padding-bottom: 32px
    }

    .ather-grid-layout .ather-grid-layout-content .agl-content ul li {
        margin-bottom: 24px
    }

    .ather-grid-layout .ather-grid-layout-content .agl-content ul li label {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 8px;
        font-weight: 500 !important
    }

    .ather-grid-layout .ather-grid-layout-content .agl-content ul li span {
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link label, .ather-grid-layout .ather-grid-layout-content .agl-content ul .download-link ul li a {
        font-size: 14px
    }

    .ather-grid-layout .ather-grid-layout-content .agl-img {
        display: none
    }

    .ather-grid-layout .ather-grid-layout-img {
        height: 241px;
        width: 100%
    }

    .ather-grid-layout .ather-grid-layout-img img {
        object-fit: cover
    }

    .pin-charging-point {
        padding: 0 16px
    }

    .pin-charging-point .grid-location {
        height: 30vh
    }

    .pin-charging-point #section-one, .pin-charging-point #section-two {
        background-image: none
    }
}

.about-main .ather-container {
    padding-left: 96px
}

.about-main .ather-container h2 {
    margin-bottom: 96px !important
}

.about-main .ather-container .content-section {
    margin-left: 25%;
    padding-top: 96px
}

.about-main .ather-container .content-section .head_line {
    background: #24BB3B;
    height: 4px;
    width: 24px;
    display: block;
    margin-bottom: 24px
}

.about-video-banner {
    position: relative
}

.about-video-banner .about-banner-img {
    height: 650px;
    width: 100%
}

.about-video-banner .about-banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.about-video-banner .about-banner-text {
    position: absolute;
    top: 50%;
    right: 22%;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 9
}

.about-video-banner .about-banner-text label {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
    display: inline-block;
    text-align: left
}

.about-video-banner .about-banner-text a {
    display: inline-block;
    color: #FFF;
    font-size: 24px;
    line-height: 36px;
    border-bottom: 1px solid #FFF;
    cursor: pointer
}

.team_details {
    background-color: #f5f4f5;
    padding-top: 160px;
    padding-bottom: 128px
}

.team_details .ather-container .team-wrapper .textWrapper {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    float: right
}

.team_details .ather-container .team-wrapper .textWrapper label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 96px !important;
    display: block
}

.team_details .ather-container .team-wrapper .textWrapper span.head_line {
    background: #24BB3B;
    height: 4px;
    width: 24px;
    display: block;
    margin-bottom: 24px
}

.team_details .ather-container .team-wrapper .textWrapper .textDetails {
    text-align: left
}

.team_details .ather-container .team-wrapper .textWrapper .textDetails span {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 8px;
    display: block
}

.team_details .ather-container .team-wrapper .textWrapper .textDetails label {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    border: none;
    text-transform: capitalize;
    padding-bottom: 8px;
    letter-spacing: .4px
}

.team_details .ather-container .team-wrapper .textWrapper .textDetails p {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 16px
}

.team_details .ather-container .team-wrapper .photoWrapper {
    width: 60%;
    display: inline-block;
    vertical-align: top
}

.team_details .ather-container .team-wrapper .photoWrapper p {
    display: none
}

.team_details .ather-container .team-wrapper .photoWrapper ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.team_details .ather-container .team-wrapper .photoWrapper ul li {
    width: 24%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-bottom: 24px
}

.team_details .ather-container .team-wrapper .photoWrapper ul li img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    object-fit: cover;
    border: 3px solid transparent
}

.team_details .ather-container .team-wrapper .photoWrapper ul li img:hover {
    border: 3px solid #24BB3B
}

.team_details .ather-container .team-wrapper .photoWrapper ul li label {
    color: #191919;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    display: block
}

.careers {
    background-color: #f5f4f5;
    padding-bottom: 160px
}

.careers .ather-container {
    background-color: #FFF
}

.careers .ather-container label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase
}

.careers .ather-container .headWrapper {
    width: 40%;
    height: 482px;
    vertical-align: top;
    display: inline-block;
    position: relative
}

.careers .ather-container .headWrapper .headWrapper-img {
    height: 100%;
    width: 100%
}

.careers .ather-container .headWrapper .headWrapper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.careers .ather-container .actionWrapper {
    width: 59%;
    vertical-align: top;
    display: inline-block;
    padding: 96px;
    height: 482px
}

.careers .ather-container .actionWrapper h3 {
    margin-bottom: 32px !important
}

.careers .ather-container .actionWrapper .button {
    margin-top: 32px
}

@media only screen and (max-width:991px) {
    .about-banner-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, .1);
        z-index: 1
    }

    .team_details {
        padding-top: 160px;
        padding-bottom: 128px
    }

    .team_details .ather-container .team-wrapper {
        width: 100%
    }

    .team_details .ather-container .team-wrapper .textWrapper {
        width: 35%
    }

    .team_details .ather-container .team-wrapper .textWrapper label {
        padding-bottom: 32px;
        margin-bottom: 24px !important
    }

    .team_details .ather-container .team-wrapper .textWrapper .textDetails {
        width: 94%
    }

    .team_details .ather-container .team-wrapper .textWrapper .textDetails span {
        padding-bottom: 8px
    }

    .team_details .ather-container .team-wrapper .textWrapper .textDetails label {
        padding-bottom: 8px;
        letter-spacing: .4px
    }

    .team_details .ather-container .team-wrapper .textWrapper .textDetails p {
        padding-bottom: 16px
    }

    .team_details .ather-container .team-wrapper .photoWrapper {
        width: 60%
    }

    .team_details .ather-container .team-wrapper .photoWrapper ul li {
        width: 24%;
        margin-bottom: 24px
    }

    .team_details .ather-container .team-wrapper .photoWrapper ul li img {
        width: 70px;
        height: 70px
    }

    .careers .ather-container .actionWrapper {
        padding: 48px
    }
}

@media only screen and (max-width:767px) {
    .about-main .ather-container .content-section .head_line, .about-main .ather-container h2 {
        margin-bottom: 24px !important
    }

    .about-main {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .about-main .ather-container {
        padding-left: 0
    }

    .about-main .ather-container .content-section {
        margin-left: 0;
        padding-top: 32px
    }

    .team_details {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .team_details .ather-container .team-wrapper {
        width: 100%
    }

    .team_details .ather-container .team-wrapper .textWrapper {
        width: 35%
    }

    .team_details .ather-container .team-wrapper .textWrapper label, .team_details .ather-container .team-wrapper .textWrapper span.head_line {
        display: none
    }

    .team_details .ather-container .team-wrapper .photoWrapper {
        width: 100%
    }

    .team_details .ather-container .team-wrapper .photoWrapper p {
        display: block;
        margin-top: 24px
    }

    .team_details .ather-container .team-wrapper .photoWrapper label {
        display: block;
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        margin-top: 24px !important
    }

    .team_details .ather-container .team-wrapper .photoWrapper label.mob-head {
        margin-bottom: 40px !important;
        margin-top: 0 !important
    }

    .team_details .ather-container .team-wrapper .photoWrapper ul li {
        width: 24%;
        margin-bottom: 24px;
        outline: 0
    }

    .team_details .ather-container .team-wrapper .photoWrapper ul li img {
        width: 100px;
        height: 100px
    }

    .team_details .ather-container .team-wrapper .photoWrapper ul .slick-dots li {
        width: 7%
    }

    .team_details .ather-container .team-wrapper .photoWrapper ul .slick-dots li button:before {
        font-size: 24px
    }

    .team_details .ather-container .team-wrapper .photoWrapper ul .slick-dots li.slick-active button:before {
        color: #24BB3B
    }

    .team_details .ather-container .team-wrapper .textDetails {
        width: 100%;
        text-align: center
    }

    .team_details .ather-container .team-wrapper .textDetails span {
        color: #191919;
        font-size: 16px;
        line-height: 24px;
        display: block;
        padding-bottom: 8px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .team_details .ather-container .team-wrapper .textDetails label, .team_details .ather-container .team-wrapper .textDetails p {
        color: #191919;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 8px
    }

    .team_details .ather-container .team-wrapper .textDetails label {
        border: none;
        text-transform: capitalize;
        letter-spacing: .4px
    }

    .team_details .ather-container .team-wrapper .textDetails img {
        width: 100px;
        height: 100px;
        overflow: hidden;
        border-radius: 50%;
        background-color: #D8D8D8;
        margin-bottom: 40px;
        object-fit: cover
    }

    .careers {
        padding-bottom: 64px !important
    }

    .careers .ather-container {
        background-color: transparent
    }

    .careers .ather-container .headWrapper {
        width: 100%;
        height: 100%
    }

    .careers .ather-container .headWrapper .headWrapper-img {
        height: auto
    }

    .careers .ather-container .actionWrapper {
        width: 100%;
        background-color: #FFF;
        padding: 40px;
        height: auto
    }

    .careers .ather-container .actionWrapper h3 {
        margin-bottom: 24px !important
    }

    .careers .ather-container .actionWrapper .button {
        margin-top: 24px
    }
}

/* @font-face {
    font-family: 'Neurial Grotesk Variable';
    src: url(../../fonts/NeurialGrotesk-Variable.ttf) format("truetype")
}

@font-face {
    font-family: 'Poppins', sans-serif; font-weight:400;
    src: url(../../fonts/'Poppins200', sans-serif.otf) format("truetype")
}

@font-face {
    font-family: 'Poppins', sans-serif; font-weight:400;
    src: url(../../fonts/'Poppins200', sans-serif.otf) format("truetype")
}

@font-face {
    font-family: 'Poppins', sans-serif; font-weight:500;
    src: url(../../fonts/'Poppins', sans-serif.otf) format("truetype")
}

@font-face {
    font-family: 'Poppins', sans-serif; font-weight:400;
    src: url(../../fonts/'Poppins200', sans-serif.otf) format("truetype")
} */

body {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 200;
}

h1, h2, h3, h4, h5, h6 {
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    margin: 0 !important
}

.hide {
    display: none !important
}

h1 {
    font-size: 32px !important;
    line-height: 48px !important
}

h2 {
    font-size: 24px !important;
    line-height: 36px !important
}

h3 {
    font-size: 20px !important;
    line-height: 30px !important
}

h4 {
    font-size: 18px !important;
    line-height: 28px !important
}

h5 {
    font-size: 16px !important;
    line-height: 24px !important
}

h6 {
    font-size: 14px !important;
    line-height: 22px !important
}

.regular {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 200;
}

.h-title {
    font-size: 48px !important;
    line-height: 64px !important
}

.text-lg {
    font-size: 18px !important;
    line-height: 28px !important
}

.text-sm {
    font-size: 14px !important;
    line-height: 22px !important
}

.text-technical {
    font-size: 12px !important;
    line-height: 20px !important
}

label {
    margin: 0 !important
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none !important
}

ul {
    margin: 0;
    padding: 0
}

ul li {
    list-style-type: none
}

.space-01 {
    padding-top: 4px;
    padding-bottom: 4px
}

.space-02 {
    padding-top: 8px;
    padding-bottom: 8px
}

.space-03 {
    padding-top: 12px;
    padding-bottom: 12px
}

.space-04 {
    padding-top: 16px;
    padding-bottom: 16px
}

.space-05 {
    padding-top: 24px;
    padding-bottom: 24px
}

.space-06 {
    padding-top: 32px;
    padding-bottom: 32px
}

.space-07 {
    padding-top: 40px;
    padding-bottom: 40px
}

.space-08 {
    padding-top: 48px;
    padding-bottom: 48px
}

.space-09 {
    padding-top: 64px;
    padding-bottom: 64px
}

.space-10 {
    padding-top: 96px;
    padding-bottom: 96px
}

.space-11 {
    padding-top: 160px;
    padding-bottom: 160px
}

.layout-01 {
    margin-top: 16px;
    margin-bottom: 16px
}

.layout-02 {
    margin-top: 24px;
    margin-bottom: 24px
}

.layout-03 {
    margin-top: 32px;
    margin-bottom: 32px
}

.layout-04 {
    margin-top: 48px;
    margin-bottom: 48px
}

.layout-05 {
    margin: 64px
}

.layout-06 {
    margin-top: 96px;
    margin-bottom: 96px
}

.layout-07 {
    margin-top: 160px;
    margin-bottom: 160px
}

.width-320 {
    width: 320px
}

.width-400 {
    width: 400px
}

.width-640 {
    width: 640px
}

.bg-color-grey-01 {
    background-color: #f5f4f5
}

.bg-color-grey-02 {
    background-color: #E6E6E6
}

.bg-color-white {
    background-color: #FFF
}

.content-section label {
    color: #97999B;
    font-size: 16px;
    line-height: 24px
}

.content-section p {
    color: #191919;
    font-size: 15px;
    line-height: 24px;
    margin-top: 12px
}

.text-center {
    text-align: center
}

.common-wrapper {
    margin-top: 153px
}

.common-wrapper.subheader-wrapper {
    margin-top: 48px
}

.content-center {
    margin: 0 auto
}

.mob-hide {
    display: block
}

.mob-show {
    display: none
}

.tablet-hide {
    display: block
}

.tablet-show {
    display: none
}

.inverse-color {
    background-color: #191919
}

.inverse-color a, .inverse-color h1, .inverse-color h2, .inverse-color h3, .inverse-color h4, .inverse-color h5, .inverse-color h6, .inverse-color label, .inverse-color p, .inverse-color span, .inverse-color ul li {
    color: #FFF
}

.ather-container {
    width: 85%;
    margin: 0 auto
}

.loading::after, .loading::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em
}

.loading::before {
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .15)
}

.loading::after {
    -webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent
}

.green-divider {
    height: 4px;
    width: 32px;
    background-color: #24BB3B;
    display: block;
    margin-bottom: 16px
}

.ather-dot {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather-dot a {
    color: #191919;
    font-size: 10px;
    position: relative;
    top: -5px;
    right: 2px
}

.slide-up-fade-in {
    animation: slide-up-fade-in ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: slide-up-fade-in ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: slide-up-fade-in ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: slide-up-fade-in ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: slide-up-fade-in ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    opacity: 0;
    opacity: 1\9
}

.common450x-wrapper {
    background-color: #282a2d;
    padding: 0 40px
}

.common450x-wrapper--notification {
    padding-top: 46px
}

@media only screen and (max-width:767px) {
    .common450x-wrapper--notification {
        padding-top: 54px !important
    }
}

.common450x-content h1 {
    color: #fff;
    font-size: 36px !important;
    line-height: 40px;
    text-align: center
}

.common450x-content p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    padding-top: 24px
}

@keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        max-height: 0
    }

    100% {
        opacity: 1;
        max-height: 100%
    }
}

@-moz-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        max-height: 0
    }

    100% {
        opacity: 1;
        max-height: 100%
    }
}

@-webkit-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        max-height: 0
    }

    100% {
        opacity: 1;
        max-height: 100%
    }
}

@-o-keyframes slide-up-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes slide-up-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.slide-up-fade-down {
    animation: slide-up-fade-down ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: slide-up-fade-down ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: slide-up-fade-down ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: slide-up-fade-down ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: slide-up-fade-down ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    opacity: 0;
    opacity: 1\9
}

@keyframes slide-up-fade-down {
    0% {
        opacity: 0;
        transform: translate(0, 0)
    }

    100% {
        opacity: 1;
        transform: translate(0, 100%)
    }
}

@-moz-keyframes slide-up-fade-down {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 0)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 100%)
    }
}

@-webkit-keyframes slide-up-fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 100%)
    }
}

@-o-keyframes slide-up-fade-down {
    0% {
        opacity: 0;
        -o-transform: translate(0, 0)
    }

    100% {
        opacity: 1;
        -o-transform: translate(0, 100%)
    }
}

@-ms-keyframes slide-up-fade-down {
    0% {
        opacity: 0;
        -ms-transform: translate(0, 0)
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0, 100%)
    }
}

.contentslideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate(0, 20%);
        -ms-transform: translate(0, 20%);
        transform: translate(0, 20%);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate(0, 20%);
        -ms-transform: translate(0, 20%);
        transform: translate(0, 20%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

.contentslideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -120%, 0);
        transform: translate3d(0, -120%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -120%, 0);
        transform: translate3d(0, -120%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media only screen and (max-width:1950px) and (min-width:1441px) {
    .ather-container {
        width: 1170px
    }

    .ather450x-container {
        width: 100%;
        margin: 0 auto
    }

    .ather450x-body {
        background-color: #282a2d
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .ather-container {
        width: 933px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .ather-container {
        width: 90%
    }

    .tablet-show {
        display: block
    }

    .tablet-hide {
        display: none
    }
}

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

    .mob-show {
        display: block
    }

    .common-wrapper {
        margin-top: 152px
    }

    .common-wrapper.subheader-wrapper {
        margin-top: 96px
    }

    .ather-container {
        width: 87%;
        margin-left: auto;
        margin-right: auto
    }

    .ather450x-container, .content-section {
        width: 100%
    }

    .content-section p {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        margin-top: 16px
    }

    h1, h2, h3, h4, h5, h6 {
        margin: 0 !important
    }

    .content-section label {
        font-size: 12px;
        line-height: 20px
    }

    .h-title {
        font-size: 32px !important;
        line-height: 48px !important
    }

    h1 {
        font-size: 24px !important;
        line-height: 36px !important
    }

    h2 {
        font-size: 20px !important;
        line-height: 30px !important
    }

    h3 {
        font-size: 18px !important;
        line-height: 28px !important
    }

    h4 {
        font-size: 16px !important;
        line-height: 24px !important
    }

    h5 {
        font-size: 14px !important;
        line-height: 22px !important
    }

    h6 {
        font-size: 12px !important;
        line-height: 20px !important
    }

    .ather-dot a {
        right: 0
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.wistia_popover_overlay {
    background-color: #000 !important
}

.wistia_popover_embed {
    box-shadow: rgba(0, 0, 0, .2) 0 0 10px !important
}

.faq-wrapper .faq-heading h1 {
    margin-bottom: 32px !important
}

.faq-wrapper .faq-card-section {
    display: flex;
    flex-direction: row;
    margin-bottom: 64px
}

.faq-wrapper .faq-card-section .faq-card-details {
    flex-grow: 1
}

.faq-wrapper .faq-card-section .faq-card-details:first-child {
    padding-right: 16px
}

.faq-wrapper .faq-card-section .faq-card-details:last-child {
    padding-left: 16px
}

.faq-wrapper .faq-card-section .faq-card-details .faq-card {
    position: relative;
    height: 146px;
    background-color: #191919;
    width: 100%;
    overflow: hidden
}

.faq-wrapper .faq-card-section .faq-card-details .faq-card .faq-card-icon {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 64px;
    height: 64px;
    border: 1px solid #24BB3B
}

.faq-wrapper .faq-card-section .faq-card-details .faq-card .faq-card-icon img {
    width: 100%;
    height: 100%
}

.faq-wrapper .faq-card-section .faq-card-details .faq-card .faq-card-content {
    position: absolute;
    top: 55px
}

.faq-wrapper .faq-card-section .faq-card-details .faq-card .faq-card-content h2 {
    color: #FFF;
    display: inline-block;
    padding: 0 24px
}

.faq-wrapper .faq-card-section .faq-card-details .faq-card-list ul li {
    border-radius: 2px;
    background-color: #FFF
}

.faq-wrapper .faq-card-section .faq-card-details .faq-card-list ul li a {
    font-size: 14px;
    color: #191919;
    padding: 12px 16px;
    display: block
}

.faq-wrapper .faq-card-notes label {
    padding: 16px 0;
    display: block;
    border-top: 1px solid #97999B;
    color: #191919
}

.faq-wrapper .faq-card-notes label a {
    font-size: 14px;
    color: #191919;
    display: inline-block;
    border-bottom: 2px solid #24BB3B
}

@media screen and (max-width:1023px) {
    .faq-wrapper .faq-card-section {
        flex-direction: column
    }

    .faq-wrapper .faq-card-section .faq-card-details:first-child {
        padding-right: 0;
        margin-bottom: 64px
    }

    .faq-wrapper .faq-card-section .faq-card-details:last-child {
        padding-left: 0
    }
}

.faq-desc-wrapper .faq-desc-section {
    display: flex;
    flex-direction: row
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content {
    flex-grow: 5;
    padding-right: 16px;
    width: 0%
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-heading {
    padding-bottom: 12px
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-heading h3 {
    color: #191919;
    border-bottom: 1px solid #75787B;
    padding-bottom: 12px
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-heading {
    padding: 16px 0
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-heading h4 {
    color: #191919;
    border-left: 4px solid #24BB3B;
    padding: 2px 12px
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-question ul li {
    padding-bottom: 40px;
    cursor: pointer
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-question ul li h6 {
    padding-bottom: 12px
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-question ul li p {
    color: #75787B;
    font-size: 14px;
    line-height: 22px;
    width: 85%
}

.faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-question ul li p a {
    color: #75787B;
    border-bottom: 2px solid #24BB3B
}

.faq-desc-wrapper .faq-desc-section .faq-desc-heading {
    flex-grow: 1;
    padding-left: 16px
}

.faq-desc-wrapper .faq-desc-section .faq-desc-heading .fdh-heading h6 {
    color: #191919
}

.faq-desc-wrapper .faq-desc-section .faq-desc-heading .fdh-list {
    padding-bottom: 40px;
    margin-top: 12px
}

.faq-desc-wrapper .faq-desc-section .faq-desc-heading .fdh-list ul li {
    padding-bottom: 12px
}

.faq-desc-wrapper .faq-desc-section .faq-desc-heading .fdh-list ul li a {
    color: #75787B;
    font-size: 14px;
    text-decoration: none
}

.faq-desc-wrapper .faq-desc-section .faq-desc-heading .fdh-list ul li.active a {
    color: #191919
}

.faq-desc-wrapper .faq-desc-notes label {
    padding: 16px 0;
    display: block;
    border-top: 1px solid #979797;
    color: #191919
}

.faq-desc-wrapper .faq-desc-notes label a {
    display: inline-block;
    border-bottom: 2px solid #24BB3B;
    text-decoration: none !important;
    color: #191919
}

.charging-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.charging-container .charging-card {
    padding: 18px;
    background-color: #fff;
    border-radius: 2px;
    width: 32%;
    position: relative
}

@media screen and (max-width:767px) {
    .charging-container {
        flex-direction: column
    }

    .charging-container .charging-card {
        width: 100%;
        margin-bottom: 10px
    }
}

.charging-container .charging-card h2 {
    font-size: 14px !important;
    color: #000;
    line-height: 18px !important;
    padding-bottom: 14px
}

.charging-container .charging-card p {
    font-size: 14px;
    color: #75787B;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    line-height: 18px;
    padding-bottom: 20px;
    margin: 0
}

.charging-container .charging-card a {
    text-align: right;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 12px;
    right: 18px
}

@media screen and (max-width:1023px) {
    .faq-desc-wrapper .faq-desc-section {
        display: flex;
        flex-direction: column
    }

    .faq-desc-wrapper .faq-desc-section .faq-desc-content {
        width: 100%;
        padding-right: 0
    }

    .faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-question ul li h6 {
        font-size: 14px !important;
        line-height: 22px !important;
        margin: 0 !important
    }

    .faq-desc-wrapper .faq-desc-section .faq-desc-content .fdc-content .fdc-content-question ul li p {
        width: 100%
    }

    .faq-desc-wrapper .faq-desc-section .faq-desc-heading {
        padding-left: 0
    }
}

.contact-wrapper {
    padding-top: 96px
}

.contact-wrapper .ather-container {
    width: 1000px
}

.contact-wrapper .content-section {
    padding-bottom: 48px;
    padding-left: 3%
}

.contact-wrapper .content-section h2 {
    padding-bottom: 32px
}

.contact-wrapper .content-section p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.contact-wrapper .contact-head .contact-banner {
    margin-top: 48px;
    position: relative;
    height: 220px
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .contact-banner {
        margin-top: 24px;
        height: 160px
    }

    .contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.search.dropdown .menu {
        max-height: 260px !important
    }
}

.contact-wrapper .contact-head .contact-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 9
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .searchicon {
    position: absolute;
    z-index: 999;
    top: 15px;
    margin-left: 15px
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .drop {
    position: absolute;
    top: 15px;
    z-index: 99;
    margin-left: -30px
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.dropdown {
    width: 320px;
    padding: 16px 16px 16px 40px
}

@media screen and (max-width:520px) {
    .contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.dropdown {
        width: 260px
    }
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.dropdown .text {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    text-transform: capitalize
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.dropdown input {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    height: 46px;
    padding-left: 40px
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.dropdown .icon {
    height: 100%;
    padding: 16px;
    outline: 0
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.dropdown .icon:before {
    content: '';
    content: url(../../images/contact/arrow.svg)
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.dropdown .item {
    text-transform: capitalize;
    padding: 16px 8px !important;
    margin: 0 8px
}

.contact-wrapper .contact-head .contact-banner .contact-banner-dropdown .ui.search.dropdown .menu {
    margin-top: 5px;
    border: 0;
    padding: 10px 0
}

.contact-wrapper .contact-head .city-cards-head {
    padding: 36px 0;
    border-bottom: 1px solid #C1C2C3
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .city-cards-head {
        padding-bottom: 24px
    }
}

.contact-wrapper .contact-head .city-cards-head h2 {
    color: #000;
    font-size: 16px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding-bottom: 12px;
    line-height: 22px !important
}

.contact-wrapper .contact-head .city-cards-head p {
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.contact-wrapper .contact-head .city-cards-head p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.contact-wrapper .contact-head .city-cards {
    display: flex;
    justify-content: space-between;
    padding-top: 36px
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .city-cards {
        flex-direction: column;
        padding-top: 24px
    }
}

.contact-wrapper .contact-head .city-cards.other-city-card .city-card {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.contact-wrapper .contact-head .city-cards.other-city-card .city-card label {
    width: 33% !important;
    min-height: 0 !important
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .city-cards.other-city-card .city-card {
        flex-direction: column;
        align-items: flex-start
    }

    .contact-wrapper .contact-head .city-cards.other-city-card .city-card label {
        width: 100% !important;
        padding-bottom: 20px;
        font-size: 12px
    }
}

.contact-wrapper .contact-head .city-cards .city-card a, .contact-wrapper .contact-head .city-cards .city-card label {
    font-size: 14px;
    line-height: 20px;
    color: #191919;
    cursor: pointer
}

.contact-wrapper .contact-head .city-cards.other-city-card .city-card p {
    padding-top: 0;
    display: unset;
    width: auto
}

.contact-wrapper .contact-head .city-cards .city-card {
    padding: 32px;
    background-color: #E7E9EC;
    width: 47%
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .city-cards .city-card {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px
    }
}

.contact-wrapper .contact-head .city-cards .city-card label.head {
    width: 80%;
    display: inline-block;
    min-height: 80px
}

@media screen and (max-width:1024px) {
    .contact-wrapper .contact-head .city-cards .city-card label.head {
        min-height: 120px;
        width: 100%
    }
}

.contact-wrapper .contact-head .city-cards .city-card a {
    display: inline-block
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .city-cards .city-card label.head {
        min-height: auto
    }

    .contact-wrapper .contact-head .city-cards .city-card a {
        border: 0;
        font-size: 12px
    }
}

.contact-wrapper .contact-head .city-cards .city-card p {
    padding-top: 18px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid #191919
}

.contact-wrapper .contact-head .city-cards .city-card p span {
    margin-left: 16px
}

.contact-wrapper .contact-head .contact-banner-desc {
    display: flex;
    justify-content: space-between;
    margin-top: 58px;
    margin-bottom: 80px
}

.contact-wrapper .contact-head .contact-banner-desc .contact-banner-desc-content {
    width: 400px
}

.contact-wrapper .contact-head .contact-banner-desc .contact-banner-desc-content p {
    color: #191919;
    font-size: 17px;
    line-height: 25px
}

.contact-wrapper .contact-head .contact-banner-desc .contact-banner-desc-content p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: inline-block
}

.contact-wrapper .contact-head .contact-banner-desc .contact-banner-as {
    width: 360px
}

.contact-wrapper .contact-head .contact-banner-desc .contact-banner-as .contact-banner-as-address p {
    color: #7A7A7A;
    font-size: 14px;
    line-height: 22px;
    margin-top: 16px;
    margin-bottom: 24px
}

.contact-wrapper .contact-head .contact-banner-desc .contact-banner-as-time a {
    color: #191919;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 12px
}

.contact-wrapper .contact-head .contact-banner-desc .contact-banner-as-time label {
    color: #7A7A7A;
    font-size: 12px;
    line-height: 16px;
    display: block
}

.contact-wrapper .contact-head .contact-banner-desc .full-wdth {
    text-align: center;
    width: 100% !important
}

.contact-wrapper .contact-head .contact-address-desc {
    display: flex;
    margin-top: 36px;
    margin-bottom: 60px
}

.contact-wrapper .contact-head .contact-address-desc .contact-address-card {
    width: 300px;
    margin-right: 40px;
    margin-bottom: 30px
}

.contact-wrapper .contact-head .contact-address-desc .contact-address-card:last-child {
    margin-right: 0
}

.contact-wrapper .contact-head .contact-address-desc h3 {
    font-size: 16px !important;
    line-height: 22px;
    padding-bottom: 12px
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .contact-address-desc h3 {
        font-size: 14px !important
    }
}

.contact-wrapper .contact-head .contact-address-desc p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 24px;
    margin: 0
}

.contact-wrapper .contact-head .contact-address-desc .address-desc {
    width: 250px;
    height: 90px;
    overflow-y: auto
}

.contact-wrapper .contact-head .contact-address-desc .landmark-details {
    height: 50px;
    overflow-y: auto
}

.contact-wrapper .contact-head .contact-address-desc .contact-address-list {
    padding-bottom: 12px;
    border-bottom: 1px solid #C1C2C3
}

.contact-wrapper .contact-head .contact-address-desc .contact-address-list ul li {
    margin-bottom: 12px
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .contact-address-desc p {
        font-size: 12px;
        min-height: 104px
    }

    .contact-wrapper .contact-head .contact-address-desc .contact-address-list ul li {
        font-size: 12px
    }
}

.contact-wrapper .contact-head .contact-address-desc .contact-address-list ul li label {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 24px;
    padding-left: 10px;
    color: #191919
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .contact-address-desc .contact-address-list ul li label {
        font-size: 12px;
        line-height: 12px
    }
}

.contact-wrapper .contact-head .contact-address-desc .contact-address-list ul li span {
    display: inline-block
}

.contact-wrapper .contact-head .contact-address-desc .contact-address-list ul li a {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 24px;
    padding-left: 10px;
    cursor: pointer;
    color: #191919;
    display: inline-block
}

.contact-wrapper .contact-head .contact-address-desc .contact-timing {
    padding-top: 12px
}

.contact-wrapper .contact-head .contact-address-desc .contact-timing label {
    display: block;
    color: #191919;
    font-size: 12px;
    line-height: 17px
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .contact-address-desc .contact-address-list ul li a {
        font-size: 12px;
        padding-bottom: 10px
    }

    .contact-wrapper .contact-head .contact-address-desc .contact-timing label {
        font-size: 10px
    }
}

.contact-wrapper .contact-head .contact-address-desc .contact-timing span {
    color: #191919;
    font-size: 12px;
    line-height: 17px
}

.contact-wrapper .contact-head .card-wrapping {
    flex-wrap: wrap
}

.contact-wrapper .contact-info {
    padding: 20px;
    text-align: center;
    background: #E7E9EC
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-head .contact-address-desc .contact-timing span {
        font-size: 10px
    }

    .contact-wrapper .contact-info {
        margin: 0 20px 20px
    }
}

.contact-wrapper .contact-info p {
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.contact-wrapper .contact-info p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.contact-wrapper .contact-desc-section {
    padding-bottom: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.contact-wrapper .contact-desc-section .contact-desc-content-wrap {
    flex-basis: 50%;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 48px
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-info p {
        font-size: 12px;
        line-height: 16px;
        text-align: left
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap {
        padding-bottom: 24px
    }
}

.contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content {
    background-color: #ededed;
    padding: 25px 35px 30px;
    width: 450px;
    height: 100%
}

.contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content .bold-text {
    color: #000
}

.contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content p {
    color: #75787B;
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.67
}

.contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content p a {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}

.contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content.dealer-wrap {
    background-color: #fff
}

.contact-wrapper .contact-desc-address {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.contact-wrapper .contact-desc-address .contact-desc-content {
    flex-basis: 50%;
    vertical-align: top;
    padding-bottom: 96px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap {
    width: 450px
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-img {
    height: 160px;
    width: 440px;
    padding-bottom: 10px
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap h3 {
    font-size: 16px !important;
    line-height: 38px !important;
    color: #191919;
    padding-bottom: 15px
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-text {
    width: 78%
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-text p {
    color: #7a7a7a;
    margin-top: 16px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    height: 75px;
    max-height: 75px
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-text p span {
    color: #191919
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-text a {
    color: #191919;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #191919
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-text label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-text .timing span {
    padding-bottom: 0;
    color: #75787B;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    display: block
}

.contact-wrapper .contact-desc-wrap {
    background-color: #E2E2E2;
    padding-top: 130px
}

@media screen and (max-width:767px) {
    .contact-wrapper .contact-desc-wrap {
        padding-top: 40px
    }
}

@media screen and (max-width:1199px) {
    .contact-wrapper .content-section {
        padding-bottom: 48px
    }

    .contact-wrapper .contact-desc-section .contact-desc-content {
        padding-left: 0
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .contact-wrapper {
        padding-top: 96px
    }

    .contact-wrapper .ather-container {
        width: 90%
    }

    .contact-wrapper .contact-desc-section .contact-desc-content {
        padding: 25px 30px 30px !important;
        width: 415px !important
    }

    .contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap, .contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-img {
        width: 415px !important
    }
}

@media screen and (max-width:991px) {
    .contact-wrapper .ather-container {
        width: 90%
    }

    .contact-wrapper .content-section {
        padding-left: 0
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap {
        flex-basis: 48%
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content {
        width: 100% !important
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content .contact-desc-img-wrap {
        width: 100%
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content .contact-desc-img-wrap .contact-desc-img {
        width: 100%;
        padding-bottom: 24px
    }

    .contact-wrapper .contact-desc-address .contact-desc-content {
        flex-basis: 48%
    }

    .contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap, .contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-img {
        width: 100% !important
    }

    .contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img-wrap .contact-desc-text {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content {
        padding: 25px 30px 30px !important
    }
}

@media screen and (max-width:767px) {
    .contact-address-desc {
        flex-direction: column;
        margin-bottom: 24px !important;
        border-bottom: 1px solid #C1C2C3 !important;
        margin-top: 24px !important
    }

    .contact-address-desc .contact-address-card {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .contact-address-desc .contact-address-card:last-child {
        margin-bottom: 0
    }

    .contact-wrapper .content-section {
        padding-left: 0 !important
    }

    .contact-wrapper .content-section p {
        width: 100%
    }

    .contact-wrapper .content-section h2 {
        padding-bottom: 24px
    }

    .contact-wrapper .contact-desc-section {
        flex-direction: column !important;
        flex-wrap: initial !important;
        padding-bottom: 0
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap {
        flex-basis: 100% !important
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content {
        width: 100%;
        padding: 25px 15px !important
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content p {
        padding-bottom: 0;
        font-size: 14px !important
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content p span {
        font-size: 14px !important
    }

    .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content a, .contact-wrapper .contact-desc-section .contact-desc-content-wrap .contact-desc-content label {
        padding-bottom: 8px
    }

    .contact-wrapper .contact-desc-address .contact-desc-content {
        flex-basis: 100% !important;
        padding-bottom: 40px
    }

    .contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-img {
        height: auto
    }

    .contact-wrapper .contact-desc-address .contact-desc-content .contact-desc-text p {
        height: auto !important;
        min-height: auto !important
    }
}

.tou-wrapper .ather-container .content-section, .tou-wrapper .ather-container .content-section h1, .tou-wrapper .ather-container .content-section h2 {
    padding-bottom: 32px
}

.tou-wrapper .ather-container .content-section h5 {
    padding-bottom: 16px
}

.tou-wrapper .ather-container .content-section h6 {
    padding-bottom: 12px
}

.tou-wrapper .ather-container .content-section p {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.tou-wrapper .ather-container .content-section p span {
    color: #75787B;
    font-weight: 700
}

.tou-wrapper .ather-container .content-section label {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 16px;
    font-style: italic
}

.tou-wrapper .ather-container .content-section ul {
    padding-top: 16px
}

.tou-wrapper .ather-container .content-section ul li {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.tou-wrapper .ather-container .content-section a {
    color: #191919;
    text-decoration: none
}

.tou-wrapper .ather-container .content-note {
    margin-top: 48px
}

.tou-wrapper .ather-container .content-note p {
    font-size: 14px;
    line-height: 22px
}

.tou-wrapper .ather-container .content-note p a {
    display: inline-block;
    border-bottom: 1px solid #191919;
    color: #75787B;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .tou-wrapper .ather-container .content-section {
        padding-bottom: 16px
    }

    .tou-wrapper .ather-container .content-section h1, .tou-wrapper .ather-container .content-section h2 {
        padding-bottom: 24px
    }

    .tou-wrapper .ather-container .content-section h5, .tou-wrapper .ather-container .content-section label {
        padding-bottom: 16px
    }

    .tou-wrapper .ather-container .content-section p {
        padding-bottom: 16px;
        margin: 0
    }

    .tou-wrapper .ather-container .content-note {
        margin-top: 32px
    }
}

.press-wrapper {
    height: 100vh;
    padding-top: 96px
}

.press-wrapper .ather-container .press-heading h2 {
    padding-bottom: 32px
}

.press-wrapper .ather-container .press-content {
    display: flex;
    justify-content: space-between;
    padding-bottom: 96px
}

.press-wrapper .ather-container .press-content .content-section p {
    margin-bottom: 30px
}

.press-wrapper .ather-container .press-content .press-data {
    margin-top: 70px
}

.press-wrapper .ather-container .press-content .press-data p {
    color: #75787B;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px;
    width: 90%
}

.press-wrapper .ather-container .press-content .press-data ul {
    list-style: none;
    padding: 0
}

.press-wrapper .ather-container .press-content .press-data ul li {
    color: #191919;
    font-size: 14px;
    line-height: 22px
}

.press-wrapper .ather-container .press-note {
    position: absolute;
    bottom: 50px
}

.press-wrapper .ather-container .press-note p {
    color: #75787B;
    font-size: 14px;
    line-height: 22px
}

.press-wrapper .ather-container .press-note p a {
    color: #75787B;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 2px solid #75787B;
    text-decoration: none
}

@media only screen and (max-width:991px) {
    .press-wrapper .ather-container .press-note {
        position: initial;
        bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    .press-wrapper {
        height: auto;
        padding-top: 96px;
        padding-bottom: 48px
    }

    .press-wrapper .press-content, .press-wrapper .press-heading h2 {
        padding-bottom: 48px !important
    }

    .press-wrapper .press-content {
        display: block !important
    }

    .press-wrapper .press-content .press-desc {
        width: 100%
    }

    .press-wrapper .press-content .press-desc .button {
        margin-top: 16px !important
    }

    .press-wrapper .press-data {
        margin-top: 48px
    }
}

.ather-navbar .career-subheader {
    background-color: #fff;
    height: 48px;
    padding: 12px 0
}

.ather-navbar .career-subheader .ather-container .subheader-content {
    display: flex;
    justify-content: space-between
}

.ather-navbar .career-subheader .ather-container .cs-content a {
    color: #191919;
    font-size: 16px;
    line-height: 25px
}

.careerWrapper {
    padding-bottom: 96px;
    padding-top: 84px
}

.carrer-banner-container {
    width: 93%;
    margin: 0 auto;
    padding-top: 80px
}

.carrer-banner-container .career-banner {
    position: relative;
    height: 390px
}

.carrer-banner-container .career-banner .career-banner-img {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.carrer-banner-container .career-banner .career-banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.carrer-banner-container .career-banner .career-banner-content {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1
}

.carrer-banner-container .career-banner .career-banner-content h1 {
    color: #FFF;
    font-size: 48px !important;
    line-height: 58px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
}

.carrer-banner-container .career-banner .career-play {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    padding-bottom: 48px
}

.carrer-banner-container .career-banner .career-play .wistia_click_to_play {
    width: 100% !important
}

.carrer-banner-container .career-banner .career-play .wistia_click_to_play label {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer
}

.carrer-banner-container .career-banner .career-play .wistia_click_to_play label svg {
    margin-left: 16px
}

.carrer-banner-container .career-btn-wrapper {
    position: absolute;
    bottom: -83px;
    left: 0;
    right: 0;
    text-align: center
}

.carrer-banner-container .career-btn-wrapper .button {
    display: flex;
    width: 220px;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px;
    height: 35px;
    margin: 0 auto
}

.carrer-banner-container .career-btn-wrapper .button svg {
    color: #27BB3B
}

.kindWrapper {
    padding-top: 96px;
    display: flex
}

.kindWrapper .first-sec {
    flex-basis: 8.5%
}

.kindWrapper .first-sec .shape {
    height: 400px;
    width: 100%;
    background-color: #24BB3B
}

.kindWrapper .second-sec {
    flex-basis: 68%;
    padding: 0 40px
}

.kindWrapper .second-sec .career-desc-title {
    text-align: center
}

.kindWrapper .second-sec .career-desc-title .career-title {
    font-size: 32px !important;
    line-height: 48px !important
}

.kindWrapper .second-sec .career-desc-title .career-title, .kindWrapper .second-sec .career-desc-title h1 {
    margin-top: 96px !important;
    text-align: left
}

.kindWrapper .second-sec .career-desc-title .career-title span, .kindWrapper .second-sec .career-desc-title h1 span {
    padding-bottom: 8px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 200;
    text-align: left
}

.kindWrapper .second-sec .contentWrapper {
    width: 100%;
    margin-top: 64px;
    display: flex
}

.kindWrapper .second-sec .contentWrapper .imgWrapper, .kindWrapper .second-sec .contentWrapper .textWrapper, .ownership-section .ownership-card-detail .ownership-card-img {
    flex-basis: 50%
}

.kindWrapper .second-sec .contentWrapper .imgWrapper img {
    width: 100%
}

.kindWrapper .second-sec .contentWrapper .textWrapper p {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    padding-left: 16%;
    padding-bottom: 24px
}

.kindWrapper .third-sec {
    flex-basis: 23%
}

.kindWrapper .third-sec img {
    width: 100%
}

.petsWrapper {
    padding-bottom: 96px;
    margin-top: 160px
}

.petsWrapper .career-title, .petsWrapper h1 {
    margin: 0 auto !important;
    padding-left: 0;
    text-align: left;
    width: 400px
}

.petsWrapper .career-title span, .petsWrapper h1 span {
    padding-bottom: 7px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 200;
}

.petsWrapper .petsContentWrapper {
    display: flex
}

.petsWrapper .petsContentWrapper .imgWrapper {
    flex-basis: 44.5%;
    margin-top: 64px;
    vertical-align: top
}

.petsWrapper .petsContentWrapper .imgWrapper img {
    width: 100%
}

.petsWrapper .petsContentWrapper .textWrapper {
    flex-basis: 55.5%;
    vertical-align: top;
    padding-left: 64px;
    padding-top: 64px
}

.petsWrapper .petsContentWrapper .textWrapper p {
    padding-left: 5%;
    min-height: 210px;
    width: 60%;
    color: #191919;
    font-size: 16px;
    line-height: 24px
}

.petsWrapper .petsContentWrapper .textWrapper .imgBack {
    background: #42CC28;
    width: 450px;
    float: right;
    margin-top: 48px;
    margin-bottom: 48px
}

.petsWrapper .petsContentWrapper .textWrapper .imgBack img {
    width: 100%;
    position: relative;
    top: 0;
    margin-left: 0
}

.petsWrapper .petsContentWrapper .textWrapper .imgBack img.active {
    animation-name: imgtransition;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    top: 50px;
    margin-left: -50px
}

.career-listing {
    padding-bottom: 96px;
    display: block
}

.career-listing h2 {
    text-align: center
}

.career-listing .cityList {
    margin-top: 96px
}

.career-listing .cityList ul {
    list-style: none;
    padding-left: 0
}

.career-listing .cityList ul li {
    display: inline-block;
    color: #191919;
    border: 1px solid #191919;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 16px;
    margin-right: 16px;
    cursor: pointer
}

.career-listing .cityList ul li.active {
    border: 1px solid #24BB3B
}

.career-listing .listing-job {
    background: #FFF;
    margin-top: 24px
}

.career-listing .listing-job h3 {
    padding: 32px !important;
    border-radius: 2px;
    border-left: 6px solid #24BB3B;
    cursor: pointer
}

.career-listing .listing-job .jobs ul {
    list-style: none;
    padding: 32px;
    border-bottom: 1px solid #E6E6E6;
    display: flex
}

.career-listing .listing-job .jobs ul li {
    flex-basis: 33.3%;
    color: #191919;
    font-size: 18px;
    line-height: 28px
}

.career-listing .listing-job .jobs ul li:nth-child(1) a {
    color: #191919;
    text-decoration: none !important
}

.career-listing .listing-job .jobs ul li:nth-child(2) {
    text-align: center;
    color: #75787B
}

.career-listing .listing-job .jobs ul li:nth-child(3) {
    text-align: right;
    text-transform: uppercase;
    color: #191919;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 10px;
    cursor: pointer
}

.career-listing .listing-job .jobs ul li:nth-child(3) a {
    color: #191919;
    text-decoration: none;
    outline: 0
}

.find-role h2 {
    padding-bottom: 32px
}

@keyframes imgtransition {
    from {
        top: 0;
        margin-left: 0
    }

    to {
        top: 50px;
        margin-left: -50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .kindWrapper .second-sec .contentWrapper .textWrapper p, .petsWrapper .petsContentWrapper .textWrapper p {
        font-size: 16px;
        line-height: 24px;
        padding-left: 7%
    }

    .kindWrapper .third-sec, .petsWrapper .petsContentWrapper .textWrapper .imgBack {
        display: none
    }

    .career-banner {
        height: 370px
    }

    .career-banner .career-banner-image .img1 {
        width: 300px;
        left: -14%
    }

    .career-banner .career-banner-image .img2 {
        width: 200px;
        bottom: -22px !important
    }

    .kindWrapper .first-sec {
        flex-basis: 13%
    }

    .kindWrapper .second-sec {
        flex-basis: 86%
    }

    .petsWrapper .petsContentWrapper .textWrapper p {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .careerWrapper {
        padding-bottom: 64px
    }

    .careerWrapper .carrer-banner-container {
        padding-top: 44px;
        width: 89%;
        margin: 0 auto
    }

    .careerWrapper .carrer-banner-container .career-btn-wrapper {
        bottom: -60px
    }

    .careerWrapper .career-banner {
        height: 346px;
        padding: 0
    }

    .careerWrapper .career-banner .content-section {
        left: 0;
        right: 0;
        text-align: center
    }

    .careerWrapper .career-banner .content-section a.button {
        min-width: 195px
    }

    .careerWrapper .career-banner .career-banner-image .img1, .careerWrapper .career-banner .career-banner-image .img2 {
        display: none
    }

    .careerWrapper .hot-jobs-section {
        position: relative;
        box-shadow: none;
        width: 100%;
        border-radius: 0;
        border: none;
        border-top: 1px solid #24BB3B;
        background-color: #FFF;
        visibility: visible
    }

    .careerWrapper .hot-jobs-section label {
        font-size: 14px;
        vertical-align: top
    }

    .careerWrapper .hot-jobs-section label span {
        display: block
    }

    .careerWrapper .kindWrapper .third-sec, .careerWrapper .petsWrapper .petsContentWrapper .textWrapper .imgBack {
        display: none
    }

    .careerWrapper .hot-jobs-section a {
        top: 10px;
        right: 0
    }

    .careerWrapper .kindWrapper {
        padding: 0 0 64px
    }

    .careerWrapper .kindWrapper .first-sec {
        flex-basis: 13%
    }

    .careerWrapper .kindWrapper .second-sec {
        flex-basis: 86%
    }

    .careerWrapper .kindWrapper .second-sec .career-desc-title .career-title, .careerWrapper .kindWrapper .second-sec .career-desc-title h1 {
        margin-top: 32px !important
    }

    .careerWrapper .kindWrapper .second-sec .career-desc-title .career-title {
        font-size: 24px !important;
        line-height: 36px !important
    }

    .careerWrapper .kindWrapper .second-sec .contentWrapper {
        margin-top: 32px;
        padding-left: 0;
        flex-wrap: wrap
    }

    .careerWrapper .kindWrapper .second-sec .contentWrapper .imgWrapper {
        flex-basis: 90%;
        margin-bottom: 32px
    }

    .careerWrapper .kindWrapper .second-sec .contentWrapper .textWrapper {
        flex-basis: 90%
    }

    .careerWrapper .kindWrapper .second-sec .contentWrapper .textWrapper p {
        font-size: 14px;
        line-height: 22px;
        padding-left: 0;
        padding-bottom: 12px
    }

    .careerWrapper .petsWrapper {
        width: 87%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        padding-bottom: 64px
    }

    .careerWrapper .petsWrapper h2 {
        margin: 0 auto !important;
        padding-left: 0;
        text-align: left;
        width: 100%
    }

    .careerWrapper .petsWrapper h2 span {
        border-bottom: 1px solid #191919;
        padding-bottom: 7px
    }

    .careerWrapper .petsWrapper .career-title, .careerWrapper .petsWrapper h1 {
        margin: 0 !important;
        width: 100%
    }

    .careerWrapper .petsWrapper .career-title {
        font-size: 24px !important;
        line-height: 36px !important
    }

    .careerWrapper .petsWrapper .career-title span {
        border-bottom: none;
        padding: 0
    }

    .careerWrapper .petsWrapper .petsContentWrapper {
        flex-wrap: wrap
    }

    .careerWrapper .petsWrapper .petsContentWrapper .imgWrapper {
        flex-basis: 100%;
        margin-top: 32px
    }

    .careerWrapper .petsWrapper .petsContentWrapper .textWrapper {
        flex-basis: 100%;
        margin-top: 32px;
        padding: 0
    }

    .careerWrapper .petsWrapper .petsContentWrapper .textWrapper p {
        width: 100%;
        min-height: 100%;
        font-size: 14px;
        line-height: 22px;
        padding-left: 0
    }

    .careerWrapper .career-listing {
        padding-bottom: 64px
    }

    .careerWrapper .career-listing .cityList {
        margin-top: 32px
    }

    .careerWrapper .career-listing .listing-job h3 {
        border-left: 3px solid #24BB3B !important;
        padding: 16px !important
    }

    .careerWrapper .career-listing .listing-job .jobs ul {
        flex-wrap: wrap;
        padding: 16px
    }

    .careerWrapper .career-listing .listing-job .jobs ul li {
        flex-basis: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 22px
    }

    .careerWrapper .career-listing .listing-job .jobs ul li:nth-child(3) {
        border-bottom: 1px solid #191919;
        width: 40px !important;
        display: inline-block;
        flex-basis: initial !important
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes zoomOut {
    from {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.career-inner-wrapper .error {
    font-size: 14px !important;
    margin-top: 10px !important;
    display: block !important
}

.career-inner-wrapper .ather-container .career-inner-container {
    padding: 64px 64px 0
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content {
    padding-bottom: 64px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-back-page {
    padding-bottom: 24px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-back-page label {
    font-weight: 300
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-back-page label a {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-heading {
    padding-bottom: 48px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-heading h1 {
    color: #191919;
    font-size: 32px;
    line-height: 48px;
    margin: 0;
    padding-bottom: 8px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-heading label {
    font-size: 18px;
    line-height: 28px;
    color: #191919;
    font-weight: 300
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-expeirence {
    padding-bottom: 48px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-expeirence label {
    color: #191919;
    font-size: 16px;
    line-height: 24px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-desc p, .career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-expeirence span, .career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-quries ul li {
    font-size: 14px;
    line-height: 22px;
    color: #191919
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-desc {
    padding-bottom: 24px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-quries {
    padding-bottom: 32px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-quries h6 {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #191919;
    padding-bottom: 24px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-quries ul {
    padding-left: 16px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-quries a {
    margin-top: 24px
}

.career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-quries:last-child {
    padding-bottom: 0
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form {
    border-top: 2px solid #97999B;
    overflow-y: hidden;
    max-height: 1650px;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form .c-carrier-form h4 {
    padding-bottom: 32px
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form .c-carrier-form .resume-attach {
    position: relative
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form .c-carrier-form .resume-attach label {
    cursor: pointer
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form .c-carrier-form .resume-attach label.attach {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    font-size: 16px;
    padding-bottom: 11px;
    color: #000
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form .c-carrier-form .resume-attach input {
    z-index: 999;
    position: relative;
    opacity: 0;
    height: 44px !important;
    width: 152px !important;
    display: inline-block;
    cursor: pointer
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form .c-carrier-form .resume-attach .filename svg {
    margin-left: 8px;
    font-size: 16px;
    cursor: pointer
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form .c-carrier-form .resume-attach .filename svg path {
    fill: #EB4C4C
}

.banner-section .banner .poi-location-link span svg path, .homepage-banner-section .homepage-banner .poi-location-link span svg path {
    fill: #191919
}

.career-inner-wrapper .ather-container .career-inner-container .careers-form.closed {
    max-height: 0;
    margin: 0;
    border-top: 0 solid #979797
}

@media only screen and (max-width:767px) {
    .career-inner-wrapper .ather-container .career-inner-container {
        padding: 24px !important
    }

    .career-inner-wrapper .ather-container .career-inner-container .career-inner-content, .career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-expeirence, .career-inner-wrapper .ather-container .career-inner-container .career-inner-content .career-heading {
        padding-bottom: 32px
    }

    .career-inner-wrapper .ather-container .career-inner-container .careers-form {
        padding-top: 32px;
        padding-bottom: 0
    }
}

.pre-order-wrapper .pre-order-banner {
    position: relative;
    height: 542px
}

.pre-order-wrapper .pre-order-banner .po-banner-img {
    height: 100%;
    width: 100%
}

.pre-order-wrapper .pre-order-banner .po-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pre-order-wrapper .pre-order-banner .po-banner-img .preorder-overlay {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    bottom: 0
}

.pre-order-wrapper .pre-order-banner .po-banner-text {
    position: absolute;
    top: 20%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1170px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs {
    width: 35%
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs ul li {
    display: inline-block;
    padding: 0 12px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs ul li a {
    font-size: 14px;
    color: #75787b;
    line-height: 27px;
    cursor: pointer
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs ul li:nth-child(1) {
    padding-left: 0
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs ul li:nth-child(3) {
    padding-right: 0
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs ul li.active a {
    padding-bottom: 5px;
    color: #FFF;
    border-bottom: 2px solid #24BB3B
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs .po-tabs-content {
    padding-top: 30px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs .po-tabs-content h1, .pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs .po-tabs-content p {
    color: #fff
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-common-card {
    width: 320px;
    padding: 48px 40px;
    border-radius: 2px;
    background-color: #fff
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-common-card p {
    margin-bottom: 32px;
    margin-top: 0
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-common-card p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-common-card .btn-green {
    width: 100%
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card {
    width: 320px;
    border-radius: 2px;
    background-color: #fff
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.open .open-card, .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.open .preorder-button {
    display: block
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.open .batch-card {
    display: none
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.fill .fill-card, .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.fill .preorder-button {
    display: block
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.fill .batch-card {
    display: none
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.sold .sold-card {
    display: block
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card .fill-card, .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card .open-card, .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card .preorder-button, .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card .sold-card, .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.sold .batch-card, .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .city-card.sold .preorder-button {
    display: none
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card {
    padding: 16px 40px;
    border-bottom: 1px solid #e6e6e6
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card label {
    font-size: 16px;
    line-height: 25px;
    color: #191919
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card span {
    float: right;
    color: #FFF;
    line-height: 25px;
    font-size: 12px;
    border-radius: 2px;
    background-color: #2daf3c;
    padding: 0 10px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card-filling {
    padding: 30px 40px 15px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card-filling .right-section {
    display: inline-block
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card-filling .right-section label {
    font-size: 16px;
    line-height: 25px;
    color: #191919;
    display: block
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card-filling .left-section {
    display: inline-block;
    float: right;
    margin-top: 10px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card-filling .left-section span {
    padding: 0 8px;
    display: inline-block;
    font-size: 12px;
    color: #191919;
    line-height: 25px;
    border-radius: 2px;
    background-color: #f9d483
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-sold-card {
    border-radius: 2px;
    background-color: #e1c1c1;
    padding: 10px 40px;
    border-bottom: 1px solid #fff
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-sold-card label {
    font-size: 12px;
    color: #191919;
    line-height: 25px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-sold-card span {
    float: right;
    font-size: 12px;
    color: #191919;
    line-height: 25px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section {
    padding: 16px 40px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section label {
    font-size: 16px;
    line-height: 25px;
    color: #191919;
    padding-bottom: 16px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: inline-block;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 25px;
    color: #191919
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section span {
    display: block;
    font-size: 12px;
    color: #191919;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 0
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section-filling {
    padding: 0 40px 16px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section-filling .ui.progress .bar {
    height: 4px;
    border-radius: 4px;
    background: #24BB3B
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section-filling label {
    font-size: 16px;
    color: #191919;
    line-height: 25px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section-filling label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-button {
    padding: 0 40px 32px
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-button .btn-black {
    width: 100%
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-card {
    padding: 7px 40px;
    background-color: #e6e6e6;
    border-top: 1px solid #97999b
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-card label {
    font-size: 14px;
    line-height: 25px;
    color: #191919
}

.pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-card label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.pre-order-wrapper .pre-order-desc {
    padding: 100px 0;
    background-color: #f5f4f5
}

.pre-order-wrapper .pre-order-desc ul li {
    width: 33%;
    display: inline-block;
    padding: 0 80px;
    vertical-align: text-top
}

.pre-order-wrapper .pre-order-desc ul li p {
    padding-bottom: 32px;
    display: block;
    width: 75%
}

.pre-order-wrapper .pre-order-desc ul li a {
    padding: 12px
}

.pre-order-wrapper .pre-order-desc ul li:nth-child(1) {
    padding-left: 0
}

.pre-order-wrapper .pre-order-desc ul li:nth-child(2) {
    padding-right: 0
}

@media screen and (max-width:1199px) {
    .pre-order-wrapper .pre-order-banner .po-banner-text {
        width: 100%;
        padding: 0 30px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs {
        width: 50%
    }

    .pre-order-wrapper .pre-order-desc ul li {
        padding: 0 20px
    }

    .pre-order-wrapper .pre-order-desc ul li p {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .pre-order-wrapper .pre-order-banner {
        background-color: #292A2D;
        height: auto
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text {
        width: 100%;
        padding: 50px 15px;
        flex-direction: column;
        transform: initial;
        position: relative
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-tabs {
        width: 100%;
        padding-bottom: 40px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-common-card {
        padding: 48px 30px;
        width: 100%
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card {
        width: 100%
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card {
        padding: 16px 30px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .top-card-filling {
        padding: 30px 30px 15px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-sold-card {
        padding: 10px 30px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section {
        padding: 16px 30px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-section-filling {
        padding: 0 30px 16px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .preorder-button {
        padding: 0 30px 32px
    }

    .pre-order-wrapper .pre-order-banner .po-banner-text .po-card-section .po-batch-card .batch-card {
        padding: 7px 30px
    }

    .pre-order-wrapper .pre-order-desc {
        padding: 64px 0
    }

    .pre-order-wrapper .pre-order-desc ul li {
        width: 100%;
        padding: 0
    }

    .pre-order-wrapper .pre-order-desc ul li p {
        width: 100%
    }
}

.pe-slick-banner .pe-banner {
    position: relative;
    height: 80vh
}

.pe-slick-banner .pe-banner .pe-banner-img {
    height: 100%;
    width: 100%
}

.pe-slick-banner .pe-banner .pe-banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.pe-slick-banner .pe-banner .pe-banner-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 999
}

.pe-slick-banner .pe-banner .pe-banner-text a {
    padding-top: 16px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid #FFF
}

.pe-slick-banner .pe-banner .pe-banner-text-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 22%;
    width: 20%
}

.pe-slick-banner .pe-banner .pe-banner-text-right h6 {
    color: #24BB3B
}

.pe-slick-banner .slick-dots {
    bottom: 50px
}

.pe-slick-banner .slick-dots li button:before {
    font-size: 40px !important;
    color: #FFF !important;
    width: 20px;
    height: 2px;
    content: '';
    background-color: #FFF
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important
}

.slick-dotted.slick-slider :focus {
    outline: 0 !important
}

.preorder-express-content .pe-desc-form {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-heading {
    margin-bottom: 32px;
    width: 285px
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-heading h1 {
    line-height: 36px !important
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-heading h1 span {
    color: #02A65D
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-content {
    margin-bottom: 32px
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-content p {
    width: 450px;
    font-size: 14px;
    line-height: 22px
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-list .pe-list-heading {
    margin-bottom: 24px
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-list .pe-list-heading h6 {
    color: #24BB3B
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-list ul li {
    margin-bottom: 24px;
    width: 70%
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-list ul li label {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    width: 65%
}

.preorder-express-content .pe-desc-form .pe-desc .pe-desc-list ul li span {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    width: 25px
}

.preorder-express-content .pe-desc-form .pe-form h5 {
    padding-bottom: 24px
}

.preorder-express-content .pe-desc-form .pe-form label {
    color: #FFF;
    padding-bottom: 8px;
    display: inline-block
}

.preorder-express-content .pe-desc-form .pe-form button {
    display: block
}

.preorder-express-content .pe-desc-form .pe-form .ui.input {
    width: 100%
}

.preorder-express-content .pe-desc-form .pe-form .ui.input.width50-left {
    width: 49%;
    display: inline-block
}

.preorder-express-content .pe-desc-form .pe-form .ui.input.width50-right {
    width: 49%;
    display: inline-block;
    position: relative;
    float: right;
    top: 28px
}

.preorder-express-content .pe-desc-form .pe-form .ui.input.width50-right label {
    display: none
}

.preorder-express-content .pe-desc-form .pe-form .person-already {
    margin-top: 5px
}

.preorder-express-content .pe-desc-form .pe-form .person-already label {
    color: #EB4C4C !important;
    font-size: 12px
}

.poi-interest-message-box {
    position: fixed;
    background-color: #fff;
    height: 300px;
    width: 600px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.poi-interest-message-box h1 {
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 24px !important;
    text-align: center;
    width: 300px;
    margin-bottom: 36px !important
}

.poi-interest-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9
}

@media screen and (max-width:1199px) {
    .pe-slick-banner .pe-banner .pe-banner-text-right {
        right: 20%;
        width: 30%
    }

    .preorder-express-content .pe-desc-form .pe-desc .pe-desc-list ul li {
        width: 90%
    }
}

@media screen and (max-width:991px) {
    .pe-slick-banner .pe-banner .pe-banner-text-right {
        right: 10%;
        width: 40%
    }

    .preorder-express-content .pe-desc-form {
        flex-direction: column
    }

    .preorder-express-content .pe-desc-form .pe-desc .pe-desc-heading {
        margin-bottom: 32px;
        width: 100%
    }

    .preorder-express-content .pe-desc-form .pe-desc .pe-desc-content p, .preorder-express-content .pe-desc-form .pe-desc .pe-desc-list ul li {
        width: 100%
    }

    .preorder-express-content .pe-desc-form .pe-desc .pe-desc-list ul li label {
        width: 88%
    }

    .preorder-express-content .pe-desc-form .pe-form .ui.input, .preorder-express-content .pe-desc-form .pe-form .ui.input.width50-left, .preorder-express-content .pe-desc-form .pe-form form.width-400 {
        width: 100%
    }

    .preorder-express-content .pe-desc-form .pe-form .ui.input.width50-right {
        width: 100%;
        float: left;
        top: 0
    }

    .preorder-express-content .pe-desc-form .pe-form .ui.input.width50-right label {
        display: block
    }
}

@media screen and (max-width:767px) {
    .pe-slick-banner .pe-banner .pe-banner-text-right {
        width: 50%;
        right: 5%
    }

    .poi-interest-message-box {
        height: 200px;
        width: 90%
    }
}

@media screen and (max-width:320px) {
    .poi-interest-message-box h1 {
        font-size: 14px !important;
        line-height: 18px !important;
        width: 240px
    }
}

.poi-done-wrapper {
    height: 100vh;
    width: 100%;
    position: relative;
    padding-top: 120px
}

.poi-done-wrapper .poi-done-card {
    background-color: #242424;
    border-radius: 3px;
    padding: 24px 0 0;
    margin: 0 auto;
    width: 880px
}

.poi-done-wrapper .poi-done-card .poi-done-card-top {
    position: relative;
    padding: 24px 0
}

.poi-done-wrapper .poi-done-card .poi-done-card-top label {
    background-color: #24BB3B;
    border-radius: 16px;
    padding: 2px 12px;
    margin: 0 auto !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 110px;
    font-size: 14px
}

.poi-done-wrapper .poi-done-card .poi-done-card-top label span {
    margin-right: 4px
}

.poi-done-wrapper .poi-done-card .poi-done-card-top h1 {
    padding-top: 16px;
    padding-bottom: 12px
}

.poi-done-wrapper .poi-done-card .poi-done-card-top p {
    margin-top: 0
}

.poi-done-wrapper .poi-done-card .poi-done-card-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #101010;
    padding: 96px 64px 48px
}

.poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form p {
    width: 90%;
    padding: 8px 0;
    margin-top: 0
}

.poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form-desc {
    width: 45%
}

.poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form-desc ul li label {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 24px;
    display: block
}

.poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form-desc ul li label:before {
    content: "\25e6";
    color: #24BB3B;
    font-weight: 700;
    display: inline-block;
    width: 12px;
    margin-left: -20px;
    margin-right: 7px
}

@media screen and (max-width:991px) {
    .poi-done-wrapper .poi-done-card {
        width: 90%
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-bottom {
        padding: 24px 20px
    }
}

@media screen and (max-width:767px) {
    .poi-done-wrapper {
        height: auto;
        width: 100%;
        position: relative;
        padding-top: 64px
    }

    .poi-done-wrapper .poi-done-card {
        width: 90%
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-top {
        text-align: left;
        padding: 24px 20px
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-top label {
        margin: 0 32px !important
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-bottom {
        flex-direction: column
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form p, .poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form-desc {
        width: 100%
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form-desc ul li {
        padding: 0 24px
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form-desc ul li label {
        padding-bottom: 12px
    }

    .poi-done-wrapper .poi-done-card .poi-done-card-bottom .poi-join-form-desc .button {
        margin-top: 32px;
        width: 100%
    }
}

.common-padding {
    padding-left: 80px;
    padding-right: 80px
}

.animate {
    -webkit-animation: animate-background-in;
    -moz-animation: animate-background-in;
    -o-animation: animate-background-in;
    animation: animate-background-in;
    -webkit-animation-duration: .625s;
    -moz-animation-duration: .625s;
    -o-animation-duration: .625s;
    animation-duration: .625s;
    -webkit-animation-timing-function: cubic-bezier(.29, .24, .12, .995);
    -moz-animation-timing-function: cubic-bezier(.29, .24, .12, .995);
    -o-animation-timing-function: cubic-bezier(.29, .24, .12, .995);
    animation-timing-function: cubic-bezier(.29, .24, .12, .995);
    -webkit-transform-origin: 50% -5%;
    -moz-transform-origin: 50% -5%;
    -ms-transform-origin: 50% -5%;
    -o-transform-origin: 50% -5%;
    transform-origin: 50% -5%
}

.true-range-section .true-range-graph .range-mode-chart-section .ride-line, .true-range-section .true-range-graph .range-mode-chart-section .sports-line {
    -moz-animation: fadeout .5s;
    -ms-animation: fadeout .5s;
    -o-animation: fadeout .5s;
    -webkit-animation: fadeout .5s;
    border-bottom: 1px dashed #d4d4d4;
    position: absolute
}

@-webkit-keyframes animate-background-in {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

@-moz-keyframes animate-background-in {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        transform: scale(.85)
    }
}

@-o-keyframes animate-background-in {
    from {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85)
    }
}

@keyframes animate-background-in {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85)
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.banner-section {
    padding-bottom: 96px
}

.banner-section .banner {
    margin-top: 0;
    position: relative;
    height: 100vh
}

.banner-section .banner-desc .content-section p, .performance-wheel .content-section p {
    margin-top: 12px
}

.banner-section .banner .banner-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0
}

.banner-section .banner .banner-img img {
    width: 50%
}

.banner-section .banner .poi-location-link {
    background-color: #FFF;
    position: fixed;
    width: 264px;
    bottom: 32px;
    right: 48px;
    z-index: 99;
    border: 1px solid #191919;
    border-radius: 3px;
    padding: 14px 12px
}

.banner-section .banner .poi-location-link a {
    display: inline-block;
    color: #191919
}

.banner-section .banner .poi-location-link span {
    float: right
}

.banner-section .banner-desc {
    padding-bottom: 128px
}

.banner-section .banner-desc .content-section h2 {
    display: inline-block
}

.banner-section .banner-video {
    height: 650px
}

.banner-section .banner-video .ather-container {
    position: relative;
    height: 100%;
    overflow: hidden
}

.banner-section .banner-video .ather-container img {
    width: 105%;
    height: 100%;
    object-fit: cover
}

.banner-section .banner-video .ather-container .banner-video-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0
}

.banner-section .banner-video .ather-container .banner-video-desc {
    position: absolute;
    width: 100%;
    bottom: 50%
}

.banner-section .banner-video .ather-container .banner-video-desc a {
    text-align: center;
    display: block;
    color: #FFF;
    font-size: 24px;
    line-height: 22px
}

.banner-section .banner-video .ather-container .banner-video-desc a svg {
    margin-left: 12px
}

.performance-section {
    padding: 96px 0
}

.performance-section .performance-list-section {
    display: flex;
    justify-content: space-around;
    padding-top: 160px;
    padding-bottom: 160px
}

.performance-section .performance-list-section .performance-list {
    position: relative;
    width: 33.33333333%;
    text-align: center
}

.performance-section .performance-list-section .performance-list .pf-list-before {
    position: relative
}

.performance-section .performance-list-section .performance-list .pf-list-before label {
    font-size: 170px;
    line-height: 0;
    font-style: italic;
    -webkit-text-stroke: 3px #E5E5E5;
    -webkit-text-fill-color: #f4f3f4;
    -webkit-animation: fill .5s infinite alternate;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #f4f3f4;
    visibility: hidden
}

.performance-section .performance-list-section .performance-list .pf-list-after {
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    text-align: center
}

.performance-section .performance-list-section .performance-list .pf-list-after label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    padding-bottom: 12px
}

.performance-section .performance-list-section .performance-list .pf-list-after span {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: block
}

.performance-wheel {
    display: flex;
    justify-content: space-between;
    padding-bottom: 96px;
    align-items: center
}

.performance-wheel .performance-wheel-img {
    width: 55%;
    overflow: hidden
}

.performance-wheel .performance-wheel-img video {
    position: relative
}

.powerpack-section {
    padding-bottom: 64px;
    position: relative;
    background-image: linear-gradient(to bottom, #e2e1e2, #f5f4f5)
}

.powerpack-section .powerpack-img {
    height: 400px;
    position: relative
}

.powerpack-section .powerpack-img img {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    object-fit: contain
}

.powerpack-section .powerpack-img img.ap-img {
    opacity: 1;
    transition: opacity .25s linear
}

.powerpack-section .powerpack-img img.ab-img {
    opacity: 0;
    transition: opacity .25s linear
}

.powerpack-section .powerpack-desc {
    display: flex;
    justify-content: space-between;
    padding-top: 96px
}

.powerpack-section .powerpack-desc .powerpack-details {
    width: 320px;
    position: relative;
    top: 10px
}

.powerpack-section .powerpack-desc .powerpack-details p {
    margin-top: 12px;
    color: #191919;
    font-size: 16px;
    line-height: 24px
}

.powerpack-section .powerpack-desc .powerpack-list {
    margin-top: 64px;
    flex-basis: 600px
}

.intelligence-power-section .content-section p, .reverse-mode .content-section p, .true-range-section .content-section p {
    margin-top: 12px
}

.powerpack-section .powerpack-desc .powerpack-list ul {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 32px
}

.powerpack-section .powerpack-desc .powerpack-list ul li {
    flex-basis: 260px;
    list-style-type: none;
    margin-left: 49px
}

.powerpack-section .powerpack-desc .powerpack-list ul li .powerpack-list-text label {
    display: inline-block;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 24px
}

.true-range-section {
    padding-top: 64px;
    padding-bottom: 64px
}

.true-range-section .content-section {
    margin-bottom: 48px
}

.true-range-section .true-range-graph {
    position: relative
}

.true-range-section .true-range-graph .range-mode-chart-section {
    display: flex;
    justify-content: space-between;
    position: relative
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .torque {
    font-size: 12px;
    color: #191919;
    transform: rotate(-90deg);
    position: absolute;
    left: -32px;
    top: 64px;
    transition: all .5s ease-out
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart {
    height: 100px;
    overflow: hidden
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart.border-maroon {
    border-bottom: 2px solid #BB7E7E
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart.border-yellow {
    border-bottom: 2px solid #EBC05D
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart.border-green {
    border-bottom: 2px solid #2DAF3C
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart .range-chart {
    position: relative;
    transition: all .75s ease-out;
    height: 100%;
    top: 100%
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart .range-chart img {
    width: 92%;
    height: 100%;
    object-fit: cover
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart.active .range-chart {
    top: 0
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom {
    padding-top: 4px;
    overflow: hidden;
    height: 24px
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom label {
    font-size: 12px;
    color: #191919;
    position: relative;
    top: 100%;
    transition: all .5s ease-out
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom span {
    float: right;
    font-size: 12px;
    color: #191919;
    position: relative;
    top: 100%;
    transition: all .5s ease-out
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom.range-1 {
    max-width: 290px
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom.range-2 {
    max-width: 215px
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom.range-3 {
    max-width: 170px
}

.true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom.active label, .true-range-section .true-range-graph .range-mode-chart-section .range-mode-chart-layout .range-mode-chart-bottom.active span {
    top: 0
}

.true-range-section .true-range-graph .range-mode-chart-section .sports-line {
    top: 20px;
    width: 100%;
    border-bottom-width: 2px;
    opacity: 0;
    animation: fadeout .5s
}

.true-range-section .true-range-graph .range-mode-chart-section .ride-line {
    top: 32px;
    width: 100%;
    border-bottom-width: 2px;
    opacity: 0;
    animation: fadeout .5s
}

.true-range-section .true-range-graph .range-mode-chart-section .eco-line {
    border-bottom: 1px dashed #d4d4d4;
    position: absolute;
    top: 45px;
    width: 100%;
    border-bottom-width: 2px;
    opacity: 0;
    -webkit-animation: fadeout .5s;
    -moz-animation: fadeout .5s;
    -ms-animation: fadeout .5s;
    -o-animation: fadeout .5s;
    animation: fadeout .5s
}

.true-range-section .true-range-graph .range-mode-chart-section:hover .eco-line, .true-range-section .true-range-graph .range-mode-chart-section:hover .ride-line, .true-range-section .true-range-graph .range-mode-chart-section:hover .sports-line {
    opacity: 1;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s
}

.true-range-section .true-range-graph .range-mode-section {
    display: flex;
    justify-content: space-between;
    padding: 24px 0
}

.true-range-section .true-range-graph .range-mode-section .range-mode-list {
    flex-basis: 300px
}

.true-range-section .true-range-graph .range-mode-section .range-mode-list label {
    color: #191919;
    font-size: 24px;
    line-height: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.true-range-section .true-range-graph .range-mode-section .range-mode-list span {
    color: #191919;
    font-size: 24px;
    line-height: 36px;
    display: block
}

.true-range-section .true-range-graph .range-mode-section .range-mode-list a {
    display: block;
    color: #191919
}

.true-range-section .true-range-graph .range-mode-link p {
    font-size: 14px;
    line-height: 22px;
    color: #191919
}

.true-range-section .true-range-graph .range-mode-link a {
    font-size: 14px;
    line-height: 22px
}

.reverse-mode {
    position: relative;
    height: 80vh
}

.reverse-mode video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.reverse-mode span.reverse-icon {
    position: absolute;
    bottom: 30px;
    right: 30px;
    transition: visibility 0s, opacity .5s linear;
    visibility: hidden;
    opacity: 0;
    cursor: pointer
}

.reverse-mode span.reverse-icon.active {
    visibility: visible;
    opacity: 1
}

.reverse-mode span.reverse-icon svg {
    font-size: 20px
}

.reverse-mode .content-section {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 22%;
    width: 320px
}

.intelligence-power-section {
    padding: 192px 0 96px
}

.intelligence-power-section .content-section {
    position: relative;
    z-index: 2
}

.intelligence-power-section .dashboard-screen-img {
    width: 100%;
    overflow: hidden;
    margin-top: -100px
}

.intelligence-power-section .dashboard-screen-img img {
    width: 100%;
    height: auto
}

.dashboard-section {
    padding-bottom: 96px
}

.dashboard-section .ather-container {
    display: flex;
    justify-content: space-between
}

.dashboard-section .ather-container .interactive-dashboard .content-section {
    padding-bottom: 48px
}

.dashboard-section .ather-container .interactive-dashboard .dashboard-list ul {
    display: flex
}

.dashboard-section .ather-container .interactive-dashboard .dashboard-list ul li {
    font-size: 16px;
    line-height: 24px;
    padding-right: 32px
}

.dashboard-section .ather-container .dashboard-nav .dashboard-sponsor {
    margin: 40px 0
}

.charging-section .content-section p, .mobile-app-section .ather-container .content-section p, .scooter-update .ather-container .scooter-update-detail .content-section p {
    margin-top: 12px
}

.dashboard-section .ather-container .dashboard-nav .dashboard-sponsor ul li label {
    color: #FFF;
    padding: 0 0 10px;
    display: block
}

.dashboard-section .ather-container .dashboard-nav .dashboard-sponsor ul li label img {
    width: 150px
}

.mobile-app-section .ather-container {
    display: flex;
    justify-content: space-between;
    background-color: #474747;
    padding-top: 128px
}

.mobile-app-section .ather-container .content-section {
    padding-top: 96px
}

.mobile-app-section .ather-container .mobile-app-img {
    width: 400px;
    height: 500px;
    z-index: 1
}

.mobile-app-section .ather-container .mobile-app-img .mobile-app-img-scroll {
    background-image: url(../images/original/ride/your_ride_your_phone_opti_opti.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 400px;
    position: relative;
    height: 100%
}

.mobile-app-section .ather-container .mobile-app-img .mobile-app-img-scroll .app-img {
    width: 201px;
    height: 447px;
    padding-top: 15px;
    position: absolute
}

.mobile-app-section .ather-container .mobile-app-img .mobile-app-img-scroll .app-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mobile-app-section .ather-container .mobile-app-img .mobile-app-img-scroll .slick-list {
    width: 201px !important;
    margin-left: 52px;
    z-index: -999999
}

.mobile-app-section .ather-container .mobile-app-list {
    padding-top: 96px
}

.mobile-app-section .ather-container .mobile-app-list div {
    margin-bottom: 8px
}

.mobile-app-section .ather-container .mobile-app-list div label {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 8px;
    display: block;
    cursor: pointer
}

.mobile-app-section .ather-container .mobile-app-list div span {
    width: 28px;
    display: block;
    height: 2px;
    background-color: #75787B;
    cursor: pointer
}

.scooter-update {
    padding: 96px 0;
    background-size: 400% 400%;
    -webkit-animation: Gradient 8s ease infinite;
    -moz-animation: Gradient 8s ease infinite;
    animation: Gradient 8s ease infinite
}

.scooter-update .ather-container .scooter-update-detail {
    display: flex;
    justify-content: space-between
}

.scooter-update .ather-container .scooter-update-detail .scooter-update-desc label {
    color: #2DAF3C;
    font-size: 48px;
    line-height: 64px;
    font-weight: 500;
    padding-bottom: 32px;
    font-family: 'Poppins', sans-serif;
    display: block
}

.scooter-update .ather-container .scooter-update-detail .scooter-update-desc h3 {
    font-size: 20px;
    line-height: 30px
}

.scooter-update .ather-container .scooter-update-detail .scooter-update-desc span {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px
}

@-webkit-keyframes Gradient {
    0%, 100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@-moz-keyframes Gradient {
    0%, 100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@keyframes Gradient {
    0%, 100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.charging-section {
    padding-top: 96px
}

.charging-section .content-section {
    padding-bottom: 64px
}

.charging-section .content-section label {
    padding-bottom: 4px
}

.charging-section .pinContainer {
    position: relative;
    padding: 0
}

.charging-section .charge-swipe-section.scroll-end .charge-wrapper#section-three, .charging-section .charge-swipe-section.scroll-start .charge-wrapper#section-one {
    background-attachment: scroll
}

.charging-section .charge-swipe-section .charge-wrapper {
    background-position: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .home-charger-desc {
    flex-basis: 600px
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .home-charger-desc ul {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 32px
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .home-charger-desc ul li {
    flex-basis: 240px;
    list-style-type: none
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .home-charger-desc ul li label {
    display: inline-block;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 24px
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .home-charger-desc p {
    font-size: 12px
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .home-charger-desc p a {
    border-bottom: 1px solid #24BB3B;
    color: #24BB3B
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail {
    background-color: #FFF;
    padding: 48px
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .content-section {
    position: relative;
    margin: 0;
    transform: initial
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .charge-notes {
    margin-top: 16px;
    position: relative
}

.charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .charge-notes a {
    margin-top: 32px
}

.charging-section .charge-swipe-section .charge-wrapper#section-one {
    background-image: url(../images/original/ride/Home_2x.jpg)
}

.charging-section .charge-swipe-section .charge-wrapper#section-two {
    background-image: url(../images/ride/outside_2x.jpg)
}

.charging-section .charge-swipe-section .charge-wrapper#section-three {
    background-image: url(../images/original/ride/anywhere_2x_opti.jpg)
}

.ownership-section {
    padding: 96px 0
}

.ownership-section .content-section p {
    margin-top: 12px
}

.ownership-section .ownership-card-detail {
    display: flex;
    align-items: center;
    margin-top: 164px
}

.ownership-section .ownership-card-detail .ownership-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ownership-section .ownership-card-detail .ownership-card-desc {
    flex-basis: 50%;
    padding-left: 15%
}

.ownership-section .ownership-card-detail .ownership-card-desc .ownership-card-icon {
    margin-bottom: 32px
}

.ownership-section .ownership-card-detail .ownership-card-desc ul {
    padding-left: 0;
    margin-top: 32px
}

.ownership-section .ownership-card-detail .ownership-card-desc ul li {
    list-style-type: none;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px
}

.ownership-section .ownership-card-detail.right-card {
    justify-content: flex-end
}

.subscription-pack-section {
    padding: 96px 0
}

.subscription-pack-section h1 {
    width: 400px;
    text-align: center;
    margin: 0 auto !important
}

.subscription-pack-section .subscription-select-option {
    text-align: center;
    margin-top: 32px
}

.subscription-pack-section .subscription-select-option a {
    display: inline-block;
    margin: 0 15px;
    position: relative;
    top: 4px;
    font-size: 14px;
    opacity: .5
}

.subscription-pack-section .subscription-select-option a.active {
    opacity: 1
}

.subscription-pack-section .subscription-select-option .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px
}

.subscription-pack-section .subscription-select-option .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.subscription-pack-section .subscription-select-option .switch input:checked+.slider {
    background-color: #24BB3B
}

.subscription-pack-section .subscription-select-option .switch input:focus+.slider {
    box-shadow: 0 0 1px #24BB3B
}

.subscription-pack-section .subscription-select-option .switch input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px)
}

.subscription-pack-section .subscription-select-option .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #24BB3B;
    -webkit-transition: .4s;
    transition: .4s
}

.subscription-pack-section .subscription-select-option .switch .slider.round {
    border-radius: 32px
}

.subscription-pack-section .subscription-select-option .switch .slider.round:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.subscription-pack-section .ather-plan-section {
    display: flex;
    justify-content: space-between;
    margin-top: 64px;
    padding: 0 45px
}

.subscription-pack-section .ather-plan-section .ather-plan-card {
    flex-basis: 24.5%;
    outline: 0
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-icon {
    padding: 0 24px 12px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-icon span {
    display: inline-block;
    padding-left: 12px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail {
    background-color: #292A2D;
    border-top: 6px solid transparent;
    padding: 64px 40px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail .ather-plan-desc {
    min-height: 190px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail .ather-plan-desc p {
    margin-top: 12px;
    min-height: 100px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail ul {
    padding-bottom: 48px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail ul li {
    padding-bottom: 12px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail ul li label {
    font-size: 14px;
    line-height: 22px;
    padding-left: 18px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail ul li span {
    color: #24BB3B
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail ul li.inactive label {
    color: rgba(255, 255, 255, .5)
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail ul li.inactive span {
    color: #EB4C4C;
    padding-right: 3px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail ul li:last-child {
    padding-bottom: 0
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail .ather-plan-price label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px
}

.subscription-pack-section .ather-plan-section .ather-plan-card .ather-plan-detail .ather-plan-price span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: block
}

.subscription-pack-section .ather-plan-section .ather-plan-card.active .ather-plan-detail {
    border-top: 6px solid #24BB3B
}

.subscription-pack-section .ather-plan-notes {
    text-align: center;
    padding-top: 96px
}

.subscription-pack-section .ather-plan-notes label {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 4px !important
}

.subscription-pack-section .ather-plan-notes p {
    font-size: 14px;
    line-height: 22px
}

.subscription-pack-section .ather-plan-notes p a {
    border-bottom: 1px solid #fff;
    padding-bottom: 2px
}

.ownership-cost-section .content-section p {
    margin-bottom: 0
}

.ownership-cost-section .content-section .ui.input {
    margin: 32px auto 0;
    padding-bottom: 64px
}

.ownership-cost-section .content-section .ui.tabular.menu {
    border-bottom: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0;
    padding: 64px 0 32px
}

.ownership-cost-section .content-section .ui.tabular.menu .item {
    color: #191919;
    opacity: .5;
    padding: 0 0 4px;
    border: none;
    font-size: 18px;
    border-bottom: 4px solid transparent;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}

.ownership-cost-section .content-section .ui.tabular.menu .item:last-child {
    margin-left: 24px
}

.ownership-cost-section .content-section .ui.tabular.menu .item.active {
    color: #191919;
    opacity: 1;
    background-color: transparent;
    margin-bottom: 0;
    font-weight: 400;
    border-bottom: 4px solid #24BB3B
}

.ownership-cost-section .ather-container .financing-option {
    display: flex;
    background-color: #FFF
}

.ownership-cost-section .ather-container .financing-option .financing-option-type {
    flex-basis: 70%;
    padding: 48px 0 48px 64px;
    position: relative
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab {
    margin-bottom: 32px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab ul li {
    color: #E1E1E1;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    border-bottom: 8px solid transparent;
    display: inline-block;
    cursor: pointer;
    margin-right: 40px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab ul li.active {
    color: #191919;
    border-bottom: 4px solid #24BB3B
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45%;
    object-fit: contain;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content h1 {
    margin-bottom: 52px !important
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content ul {
    margin-bottom: 52px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content ul li {
    display: inline-block;
    padding-right: 53px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content ul li label {
    color: #191919;
    font-size: 12px;
    line-height: 20px;
    display: block
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content ul li span {
    color: #191919;
    font-size: 20px;
    line-height: 30px;
    display: block
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer {
    margin-bottom: 64px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer label {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding-bottom: 8px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul li {
    display: block
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul li label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    padding-bottom: 0
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul li span {
    color: #24BB3B;
    font-size: 14px;
    display: inline-block
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price {
    margin-bottom: 12px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 24px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price label span {
    display: inline-block;
    font-size: 12px;
    line-height: 20px
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price span {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    display: block
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-emi label {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    display: block
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-emi label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-emi a {
    font-size: 14px;
    line-height: 22px
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc {
    flex-basis: 30%;
    padding: 48px;
    position: relative;
    background-color: #dfeee0
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc ul li {
    padding-bottom: 8px
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc ul li label {
    font-size: 16px;
    line-height: 24px;
    padding-left: 8px;
    display: inline-block;
    vertical-align: top;
    width: 90%
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc ul li span {
    color: #24BB3B;
    display: inline-block;
    vertical-align: text-top
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc .financing-option-bottom {
    position: absolute;
    bottom: 48px
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc .financing-option-bottom .finance-lease {
    margin-bottom: 32px
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc .financing-option-bottom .finance-lease label {
    font-size: 16px;
    line-height: 24px
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc .financing-option-bottom .finance-lease span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    display: block
}

.ownership-cost-section .ather-container .financing-option .financing-option-desc .financing-option-bottom .know-more a {
    padding: 8px 24px;
    width: 176px;
    font-size: 14px
}

.ownership-cost-section .ather-container .price-update-notes {
    background-color: #efdcc8;
    padding: 12px 64px;
    margin-top: 16px;
    display: flex;
    align-items: center
}

.ownership-cost-section .ather-container .price-update-notes label {
    font-size: 14px;
    line-height: 22px;
    color: #191919;
    padding-left: 32px
}

.ownership-cost-section .ather-container .price-update-notes.upgrade-notes {
    background-color: #E0DAD3
}

.ownership-cost-section .ather-container .warrenty-section {
    margin-top: 96px
}

.ownership-cost-section .ather-container .warrenty-section h2 {
    text-align: center
}

.ownership-cost-section .ather-container .warrenty-section ul {
    margin-top: 64px;
    display: flex;
    justify-content: space-between
}

.ownership-cost-section .ather-container .warrenty-section ul li {
    flex-basis: 30%
}

.ownership-cost-section .ather-container .warrenty-section ul li label {
    color: #191919;
    font-size: 32px;
    line-height: 48px;
    padding-bottom: 12px;
    border-bottom: 2px solid #C7C7C7;
    display: block
}

.ownership-cost-section .ather-container .warrenty-section ul li span {
    color: #191919;
    font-size: 18px;
    line-height: 28px;
    padding-top: 12px;
    display: block
}

.specification-section {
    padding: 96px 0
}

.specification-section .ather-container {
    display: flex;
    justify-content: space-between
}

.specification-section .ather-container .specification-inner {
    text-align: center
}

.specification-section .ather-container .specification-inner a {
    margin-top: 24px
}

.test-preorder-section .preorder-link .preorder-link-desc a, .test-preorder-section .testride-link .testride-link-desc a {
    margin-top: 32px
}

.test-preorder-section {
    display: flex
}

.test-preorder-section .testride-link {
    position: relative;
    height: 500px;
    flex-basis: 50%;
    overflow: hidden
}

.test-preorder-section .testride-link .testride-link-img {
    height: 100%;
    width: 100%
}

.test-preorder-section .testride-link .testride-link-img img {
    height: 100%;
    object-fit: cover;
    -webkit-transition: all ease-in-out .6s;
    -o-transition: all ease-in-out .6s;
    transition: all ease-in-out .6s;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.test-preorder-section .testride-link:hover .testride-link-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all ease-in-out 2s;
    -o-transition: all ease-in-out 2s;
    transition: all ease-in-out 2s
}

.test-preorder-section .testride-link .testride-link-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 120px;
    right: 0
}

.test-preorder-section .testride-link .testride-link-desc h1 {
    color: #FFF;
    width: 275px
}

.test-preorder-section .preorder-link {
    flex-basis: 50%;
    position: relative;
    background-color: #191919;
    height: 500px;
    width: 100%
}

.test-preorder-section .preorder-link .preorder-link-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 120px;
    right: 0
}

.test-preorder-section .preorder-link .preorder-link-desc h1 {
    color: #FFF;
    width: 400px
}

.ui.modal.newsletter {
    width: 600px !important
}

.ui.modal.newsletter .newsletter-content {
    text-align: center;
    padding: 64px 0 48px
}

.ui.modal.newsletter .ui.input {
    margin: 0 auto;
    padding: 32px 0
}

.ui.modal.newsletter .close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 1;
    font-size: 20px;
    color: #000;
    width: 10px;
    height: 10px;
    padding: 10px
}

.rangeslider--horizontal {
    height: 8px;
    width: 100%;
    box-shadow: none;
    background-color: #EEE
}

.rangeslider--horizontal .rangeslider__handle, .rangeslider__fill {
    background-color: #55BD32
}

.rangeslider__handle {
    width: 19px;
    height: 19px
}

.rangeslider__handle:hover:after {
    width: 42px;
    height: 42px;
    left: -11px;
    opacity: .8
}

.rangeslider__fill {
    position: absolute
}

.slick-slide:focus {
    outline: 0
}

.handling-tabs div span.progressBar {
    width: 100%;
    height: 5px;
    background-color: transparent;
    display: block
}

.handling-tabs div span.progressBar .inProgress {
    background-color: #24BB3B;
    width: 0%;
    height: 5px;
    border: none
}

.mobile-app-list div span.progressBar {
    width: 100%;
    height: 2px;
    display: block
}

.mobile-app-list div span.progressBar .inProgress {
    background-color: #24BB3B;
    width: 0%;
    height: 2px
}

.good-bad-collapse-list ul li .progressBar {
    width: 100%;
    height: 2px;
    display: block;
    background-color: #C7C7C7;
    margin-top: 12px
}

.good-bad-collapse-list ul li .progressBar .inProgress {
    background-color: #24BB3B;
    width: 0%;
    height: 2px
}

#popover-content-breakup {
    max-width: 350px;
    width: 333px
}

#popover-content-breakup ul {
    padding: 0
}

#popover-content-breakup ul li {
    list-style-type: none;
    border-bottom: 1px solid #E6E6E6;
    padding: 8px 0
}

#popover-content-breakup ul li:last-child {
    border-bottom: none;
    padding: 0
}

#popover-content-breakup ul li label {
    font-size: 12px;
    width: 70%;
    display: inline-block;
    text-align: left;
    color: #191919;
    line-height: 20px;
    vertical-align: top
}

#popover-content-breakup ul li span {
    font-size: 12px;
    line-height: 20px;
    width: 25%;
    display: inline-block;
    text-align: right;
    padding: 0;
    color: #191919;
    border-bottom: none
}

#popover-content-breakup ul li:nth-child(6) {
    margin-top: 18px;
    margin-bottom: 6px
}

#popover-content-breakup ul li:nth-child(6) label, #popover-content-breakup ul li:nth-child(6) span {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

@media screen and (min-width:1100px) and (max-width:1270px) {
    .powerpack-section .powerpack-desc .powerpack-list {
        flex-basis: 800px
    }

    .powerpack-section .powerpack-desc .powerpack-list ul li {
        margin-left: 25px
    }
}

@media screen and (max-width:1100px) {
    .powerpack-section .powerpack-desc .powerpack-list ul li .powerpack-list-text .powerpack-list-icon {
        display: block
    }
}

@media screen and (max-width:1199px) {
    .finance-tab-content img {
        display: none
    }

    .true-range-section .range-mode-chart-section .range-mode-chart-layout {
        flex-basis: 32%
    }

    .ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content ul li {
        padding-right: 48px
    }

    .test-preorder-section .testride-link .testride-link-desc {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 200px
    }

    .test-preorder-section .testride-link .testride-link-desc h1 {
        font-size: 24px !important;
        line-height: 36px !important;
        width: 100%
    }

    .test-preorder-section .preorder-link .preorder-link-desc {
        left: 0;
        right: 0;
        width: 280px;
        margin: 0 auto
    }

    .test-preorder-section .preorder-link .preorder-link-desc h1 {
        font-size: 24px !important;
        line-height: 36px !important;
        width: 100%
    }

    .ather-plan-detail {
        padding: 32px 24px !important
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .powerpack-section .powerpack-img {
        height: 350px
    }

    .powerpack-section .powerpack-desc .powerpack-details {
        flex-basis: 35%
    }

    .powerpack-section .powerpack-desc .powerpack-list {
        flex-basis: 60%
    }

    .good-bad-section .ather-container .good-bad-collapse {
        width: 45%
    }

    .dashboard-section .ather-container .dashboard-nav .content-section, .dashboard-section .ather-container .interactive-dashboard .content-section, .scooter-update .ather-container .scooter-update-detail .scooter-update-desc, .scooter-update .ather-container .scooter-update-detail .scooter-update-text .content-section {
        width: 320px
    }
}

@media screen and (max-width:991px) {
    .banner-section .banner .banner-img img {
        width: 100%
    }

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

    .good-bad-section .ather-container .good-bad-inner {
        flex-direction: column
    }

    .good-bad-section .ather-container .good-bad-inner .good-bad-collapse {
        width: 40% !important
    }

    .good-bad-section .ather-container .good-bad-inner .good-bad-carousel {
        width: 60% !important;
        margin-left: 75px !important
    }

    .dashboard-section .ather-container .dashboard-nav .content-section, .dashboard-section .ather-container .interactive-dashboard .content-section, .ownership-cost-section .ather-container .financing-option .financing-option-desc h3, .scooter-update .ather-container .scooter-update-detail .scooter-update-text .content-section {
        width: 100%
    }

    .dashboard-section .ather-container .dashboard-nav, .dashboard-section .ather-container .interactive-dashboard, .scooter-update .ather-container .scooter-update-detail .scooter-update-text {
        flex-basis: 40%
    }

    .reverse-mode {
        height: 60vh
    }

    .scooter-update .ather-container .scooter-update-detail .scooter-update-desc {
        flex-basis: 40%;
        width: 100%
    }

    .ownership-cost-section .ather-container .financing-option .financing-option-type {
        flex-basis: 50%;
        padding: 24px
    }

    .ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content ul li {
        padding-right: 16px
    }

    .ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content ul li span {
        font-size: 16px;
        line-height: 24px
    }

    .ownership-cost-section .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul li {
        padding-right: 0
    }

    .ownership-cost-section .ather-container .financing-option .financing-option-desc {
        flex-basis: 50%;
        padding: 24px
    }

    .ownership-section .ownership-card-detail {
        align-items: center
    }

    .ownership-section .ownership-card-detail .ownership-card-img {
        height: 100%
    }

    .ownership-section .ownership-card-detail .ownership-card-desc {
        padding-top: 0
    }

    .ownership-section .ownership-card-detail.right-card .ownership-card-desc {
        padding-left: 5%
    }

    .ather-plan-section .slick-list.slick-pad {
        padding: 0 20% 0 0
    }

    .ather-plan-section .slick-list .ather-plan-card {
        margin: 0 12px
    }

    .performance-section .performance-list-section .performance-list {
        width: 30%
    }

    .performance-section .performance-list-section .performance-list .pf-list-before label {
        font-size: 134px
    }

    .powerpack-section .powerpack-img {
        height: 270px
    }
}

@media screen and (max-width:768px) {
    #popover-content-breakup {
        max-width: 280px;
        width: 280px
    }

    .ui.bottom.left.popup {
        left: 0 !important
    }
}

.our-offer-section {
    display: flex
}

.offer-sidebar {
    background-color: #ECECEC;
    padding: 100px 120px 100px 95px
}

.offer-sidebar h2 {
    width: 224px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.6px;
    line-height: 42px;
    color: #000;
    margin-bottom: 70px;
    padding-left: 20px
}

.offer-sidebar ul {
    width: 270px
}

.offer-sidebar ul li a {
    margin-bottom: 20px;
    display: block;
    padding: 8px 15px;
    cursor: pointer;
    transition: 1s ease all;
    -moz-transition: 1s ease all;
    -webkit-transition: 1s ease all
}

.offer-sidebar ul li.active a {
    background: linear-gradient(331.98deg, #00ACF3 0, #0074E4 100%);
    border-radius: 4px
}

.offer-sidebar ul li.active label {
    color: #fff
}

.offer-sidebar ul li span {
    padding-right: 15px;
    position: relative;
    top: 3px;
    cursor: pointer
}

.offer-sidebar ul li i {
    float: right;
    padding: 11px;
    display: none
}

.offer-sidebar ul li.active i {
    display: block
}

.offer-sidebar ul li:last-child {
    margin-bottom: 0
}

.offer-sidebar ul li label {
    font-size: 16px;
    line-height: 35px;
    color: #000;
    font-weight: 500;
    vertical-align: top;
    cursor: pointer
}

.offer-content-wrapper {
    padding: 100px 80px
}

.ocw-middle, .ocw-top {
    margin-bottom: 50px
}

.ocw-top .design {
    margin-bottom: 30px
}

.ocw-middle h3, .ocw-top h2 {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -.45px;
    line-height: 48px;
    color: #0074E4;
    margin-bottom: 15px
}

.ocw-top p {
    opacity: .7;
    color: #333;
    font-size: 15px;
    line-height: 29px;
    width: 90%
}

.ocw-bottom h3, .ocw-middle h3, .ocw-top h3 {
    letter-spacing: 3.5px;
    line-height: 21px;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px
}

.ocw-bottom ul li, .ocw-middle ul li {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px
}

.ocw-middle ul li:nth-child(4) {
    margin-right: 0
}

.ocw-middle ul li label {
    font-size: 18px;
    line-height: 27px;
    color: #171C34;
    font-weight: 500;
    padding-left: 10px;
    vertical-align: top
}

.good-bad-section {
    padding-top: 64px;
    padding-bottom: 192px
}

.good-bad-section .ather-container .good-bad-inner {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 40px;
    min-height: 312px;
    align-items: center
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse {
    width: 30%
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li {
    padding-top: 12px;
    cursor: pointer
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .title {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .title label {
    color: #191919;
    font-size: 16px;
    line-height: 32px;
    cursor: pointer
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .title span {
    cursor: pointer;
    position: relative;
    width: 21px
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .title span:before {
    content: '';
    background: #C7C7C7;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
    transition: transform .5s ease;
    transform: rotate(180deg)
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .title span:after {
    content: '';
    background: #C7C7C7;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
    transition: transform .5s ease;
    transform: rotate(90deg)
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .title.active span:after {
    transform-origin: center;
    transform: rotate(0);
    background: #191919
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .title.active span:before {
    transform: rotate(0);
    background: #191919
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .contents p {
    max-height: 0;
    overflow: hidden
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .contents.active p {
    max-height: 100%;
    overflow: auto;
    padding-top: 16px
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .progressBar .inProgress {
    background-color: #24BB3B;
    width: 0
}

.good-bad-section .ather-container .good-bad-inner .good-bad-collapse ul li .progressBar.active .inProgress {
    width: 100% !important;
    -webkit-transition: width 4s;
    transition: width 4s
}

.good-bad-section .ather-container .good-bad-inner .good-bad-carousel {
    width: 50%;
    margin-left: 150px
}

.good-bad-section .ather-container .good-bad-inner .good-bad-carousel .tabContent img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.teaser-button {
    position: fixed;
    bottom: 28px;
    z-index: 100001;
    right: 18px;
    color: #fff;
    min-width: 258px;
    border-radius: 70px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    text-align: left;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    background-color: #191919 !important;
    transition: all .5s cubic-bezier(.76, 0, .24, 1);
    cursor: pointer;
    background: linear-gradient(to right, #fff 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom
}

@media all and (max-width:767px) {
    .with-notification+.teaser-button {
        top: 158px
    }

    .teaser-button {
        position: fixed;
        top: 128px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        min-width: 218px;
        border-radius: 60px;
        height: 55px;
        padding: 0 25px;
        font-size: 13px;
        line-height: 16px;
        z-index: 100
    }
}

.teaser-button .icon {
    font-size: 24px
}

.teaser-button svg {
    width: 24px
}

.teaser-button .cover {
    position: relative;
    height: 31px;
    width: 190px;
    overflow: hidden
}

.teaser-button .cover .mark, .teaser-button .cover .unmark {
    position: absolute;
    top: 0;
    transform: translateY(0)
}

.teaser-button .cover .mark {
    transition-delay: .2s
}

.teaser-button .cover .unmark {
    height: 32px;
    display: flex;
    align-items: center;
    opacity: 0
}

.teaser-button:hover {
    color: #fff
}

@media all and (min-width:1025px) {
    .teaser-button:hover {
        background-position: left bottom
    }

    .teaser-button:hover .cover .mark, .teaser-button:hover .cover .unmark {
        color: #000
    }

    .teaser-button:hover .cover .mark {
        opacity: 0;
        transition-delay: 0ms
    }

    .teaser-button:hover .cover .unmark {
        opacity: 1;
        transition-delay: .2s
    }

    .teaser-button:hover .icon-cover .mark, .teaser-button:hover .icon-cover .unmark {
        transform: translateY(-100%);
        color: #fff
    }
}

.teaser-button .icon-cover {
    position: relative;
    width: 30px;
    height: 25px;
    overflow: hidden
}

@media all and (max-width:767px) {
    .teaser-button .icon {
        font-size: 22px
    }

    .teaser-button .icon-cover {
        height: 20px
    }
}

.teaser-button .icon-cover .mark, .teaser-button .icon-cover .unmark {
    position: absolute;
    top: 0;
    transform: translateY(0);
    transition: transform .6s cubic-bezier(.76, 0, .24, 1);
    will-change: transform
}

.teaser-button .icon-cover .unmark {
    top: 25px
}

.teaser-cred {
    background-color: #191919;
    color: #fff;
    padding: 50px 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px
}

.teaser-cred .teaser-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    max-width: 500px
}

@media all and (max-width:991px) {
    .teaser-cred {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding: 40px
    }

    .teaser-cred .teaser-text {
        margin: 20px 0;
        font-size: 18px;
        line-height: 26px;
        text-align: center
    }
}

.teaser-cred .teaser-text u {
    text-decoration: none;
    border-bottom: 2px solid #2DAF3C
}

.teaser-cred .teaser-actions {
    display: flex;
    max-width: 375px;
    width: 100%;
    justify-content: space-between
}

@media all and (max-width:991px) {
    .teaser-cred .teaser-actions {
        justify-content: center
    }
}

.teaser-cred .teaser-actions .button {
    padding: 10px 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.teaser-cred .icons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.teaser-cred .icons span {
    font-size: 24px
}

.teaser-cred .divider {
    width: 45px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin: 0 10px
}

.content-section .heading-title {
    font-size: 24px !important;
    line-height: 36px !important
}

@media only screen and (max-width:767px) {
    .content-section .heading-title {
        font-size: 20px !important;
        line-height: 30px !important
    }
}

.gridSubTitle {
    font-size: 32px !important;
    line-height: 48px !important;
    margin: 0 !important;
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500
}

.homepage-banner-section .homepage-banner-desc {
    padding: 0 24px
}

.homepage-banner-section .homepage-banner {
    height: 100vh;
    position: relative;
    padding-top: 183px;
    display: flex;
    align-items: center;
    min-height: 457px
}

.homepage-banner-section .homepage-banner .banner-img img {
    width: 100%
}

.homepage-banner-section .homepage-banner .poi-location-link {
    background-color: #FFF;
    position: relative;
    width: 264px;
    top: 12%;
    margin: 0 auto;
    border: 1px solid #191919;
    border-radius: 3px;
    padding: 14px 12px
}

.homepage-banner-section .homepage-banner .poi-location-link a {
    display: inline-block;
    color: #191919
}

.homepage-banner-section .homepage-banner .poi-location-link span {
    float: right
}

.homepage-banner-section .homepage-banner-desc .content-section h2 {
    display: inline-block
}

.homepage-banner-section .test-preorder-button {
    padding-top: 32px;
    padding-bottom: 64px
}

.homepage-banner-section .test-preorder-button a {
    width: 165px;
    border-radius: 2px;
    border: 1px solid #191919;
    display: block;
    padding: 8px 0;
    text-align: center;
    color: #191919;
    margin: 16px auto 0
}

.homepage-banner-section .homepage-banner-video {
    height: 244px;
    position: relative
}

.homepage-banner-section .homepage-banner-video .ather-container {
    width: 100%;
    height: 100%
}

.homepage-banner-section .homepage-banner-video .ather-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.homepage-banner-section .homepage-banner-video .ather-container .banner-video-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0
}

.homepage-banner-section .homepage-banner-video .ather-container .banner-video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    color: #FFF;
    font-size: 18px;
    line-height: 28px
}

.homepage-banner-section .homepage-banner-video .ather-container .banner-video-desc svg {
    display: block;
    text-align: center;
    margin: 12px auto 0;
    font-size: 24px
}

.pf-section {
    padding: 0 0 64px
}

.pf-section .content-section {
    padding-top: 48px;
    padding-bottom: 48px
}

.pf-section .content-section label {
    color: #191919;
    font-size: 14px;
    line-height: 22px
}

.pf-section .pf-list ul li label, .pf-section .pf-list ul li span {
    font-size: 16px;
    line-height: 24px;
    color: #191919
}

.pf-section .pf-list {
    padding-bottom: 64px
}

.pf-section .pf-list ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #d7d7d7;
    padding-top: 16px;
    padding-bottom: 8px;
    position: relative
}

.pf-section .pf-list ul li span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.pf-section .pf-wheel .content-section {
    background-color: transparent;
    padding: 0
}

.pf-section .pf-wheel .performance-wheel-img, .powerpack-mob, .truerange-mob {
    padding-top: 32px
}

.pf-section .pf-wheel .performance-wheel-img img {
    width: 100%
}

.powerpack-mob {
    padding-bottom: 64px
}

.powerpack-mob .powerpack-list {
    margin-top: 32px
}

.powerpack-mob .powerpack-list ul {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px
}

.powerpack-mob .powerpack-list ul:last-child {
    padding-bottom: 48px
}

.powerpack-mob .powerpack-list ul li {
    list-style-type: none
}

.powerpack-mob .powerpack-list ul li .powerpack-list-text .powerpack-list-icon {
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.powerpack-mob .powerpack-list ul li .powerpack-list-text .powerpack-list-icon img {
    height: 41px;
    width: 30px
}

.powerpack-mob .powerpack-list ul li .powerpack-list-text .powerpack-list-icon.battery-icon img {
    width: 16px;
    height: 30px
}

.powerpack-mob .powerpack-list ul li .powerpack-list-text .powerpack-list-icon.warranty-icon img {
    width: 26px;
    height: 30px
}

.powerpack-mob .powerpack-list ul li .powerpack-list-text .powerpack-list-icon.water-drop-icon img {
    width: 25px;
    height: 30px
}

.powerpack-mob .powerpack-list ul li .powerpack-list-text .powerpack-list-icon.charging-battery-icon img {
    width: 17px;
    height: 32px
}

.powerpack-mob .powerpack-list ul li .powerpack-list-text label {
    display: inline-block;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 14px;
    line-height: 22px
}

.powerpack-mob .powerpack-img img {
    width: 100%
}

.truerange-mob {
    padding-bottom: 64px
}

.truerange-mob .range-mode-chart-section {
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout {
    position: relative
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .torque {
    transform: rotate(-90deg);
    position: absolute;
    left: -40px;
    bottom: 30px;
    transition: all .5s ease-out;
    font-size: 12px;
    line-height: 20px;
    color: #75787B
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart {
    height: 100px;
    overflow: hidden
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart .range-chart {
    position: relative;
    transition: all .5s ease-out;
    height: 100%;
    top: 100%
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart .range-chart img {
    width: 96%;
    height: 100%;
    object-fit: cover;
    vertical-align: -webkit-baseline-middle
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart.border-maroon {
    border-bottom: 2px solid #BB7E7E
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart.border-yellow {
    border-bottom: 2px solid #EBC05D
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart.border-green {
    border-bottom: 2px solid #2DAF3C
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart.active .range-chart {
    top: 0
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart-bottom {
    padding-top: 8px
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart-bottom label {
    font-size: 12px;
    line-height: 20px;
    color: #75787B
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart-bottom span {
    font-size: 12px;
    line-height: 20px;
    color: #75787B;
    float: right
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart-bottom.range-1 {
    max-width: 55%
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart-bottom.range-2 {
    max-width: 66%
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-chart-layout .range-mode-chart-bottom.range-3 {
    max-width: 94%
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-list {
    padding-top: 16px;
    padding-bottom: 32px
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-list label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px
}

.truerange-mob .range-mode-chart-section .range-mode-chart-desc .range-mode-list span {
    color: #191919;
    font-size: 20px;
    line-height: 30px;
    display: block
}

.truerange-mob .range-mode-link p {
    color: #191919;
    font-size: 14px;
    line-height: 22px
}

.truerange-mob .range-mode-link p a {
    font-size: 14px;
    line-height: 22px
}

.good-bad-section-mob {
    padding-top: 64px;
    padding-bottom: 64px
}

.good-bad-section-mob .good-bad-desc {
    margin-top: 32px
}

.good-bad-section-mob .good-bad-desc ul li {
    border-bottom: 1px solid #c7c7c7
}

.good-bad-section-mob .good-bad-desc ul li .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.good-bad-section-mob .good-bad-desc ul li .title label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 14px;
    line-height: 26px
}

.good-bad-section-mob .good-bad-desc ul li .title span {
    cursor: pointer;
    position: relative;
    width: 21px
}

.good-bad-section-mob .good-bad-desc ul li .title span:after, .good-bad-section-mob .good-bad-desc ul li .title span:before {
    content: '';
    background: #C7C7C7;
    height: 2px;
    position: absolute;
    width: 10px;
    transition: transform .5s ease;
    top: 0;
    left: 0
}

.good-bad-section-mob .good-bad-desc ul li .title span:before {
    transform: rotate(180deg)
}

.good-bad-section-mob .good-bad-desc ul li .title span:after {
    transform: rotate(90deg)
}

.good-bad-section-mob .good-bad-desc ul li .title.active span:after {
    transform-origin: center;
    transform: rotate(0);
    background: #191919
}

.good-bad-section-mob .good-bad-desc ul li .title.active span:before {
    transform: rotate(0);
    background: #191919
}

.good-bad-section-mob .good-bad-desc ul li .content p {
    padding-bottom: 16px
}

.reverse-mode-mob {
    position: relative;
    height: 267px
}

.reverse-mode-mob .reverse-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(25, 25, 25, .5)
}

.reverse-mode-mob video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reverse-mode-mob span.reverse-icon {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    color: #FFF;
    transition: visibility 0s, opacity .5s linear;
    visibility: hidden;
    opacity: 0
}

.reverse-mode-mob span.reverse-icon.active {
    visibility: visible;
    opacity: 1
}

.reverse-mode-mob .content-section {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    width: 85%
}

.reverse-mode-mob .content-section h2, .reverse-mode-mob .content-section p {
    color: #FFF
}

.intelligence-power {
    padding-top: 64px
}

.intelligence-power .content-section {
    padding-bottom: 32px
}

.intelligence-power .intel-desc.intel-desc-bottom, .mobile-app {
    padding-bottom: 64px
}

.intelligence-power .intel-desc {
    background-color: #2f2f2f;
    padding-top: 48px
}

.intelligence-power .intel-desc .content-section h3, .intelligence-power .intel-desc .content-section p {
    color: #FFF
}

.intelligence-power .intel-desc .dashboard-list ul {
    display: flex;
    justify-content: start
}

.intelligence-power .intel-desc .dashboard-list ul li {
    padding-right: 32px
}

.intelligence-power .intel-desc .dashboard-list ul li label {
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
    display: block;
    padding-top: 8px
}

.intelligence-power .intel-desc .dashboard-list ul li img {
    width: 130px
}

.intelligence-power .intel-desc .dashboard-list img {
    width: 50%
}

.intelligence-power .intelligence-power-img {
    height: 225px
}

.intelligence-power .intelligence-power-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.mobile-app {
    padding-top: 64px;
    background-color: #53565A
}

.mobile-app h3 {
    text-align: center;
    padding-bottom: 8px;
    color: #FFF
}

.mobile-app .mobile-app-slide {
    padding-top: 40px
}

.mobile-app .mobile-app-slide .mobile-app-list label {
    font-size: 14px;
    line-height: 22px;
    display: block;
    text-align: center;
    padding-bottom: 16px;
    color: #FFF
}

.mobile-app .mobile-app-slide .slick-slide img {
    margin: 0 auto;
    width: 50%
}

.mobile-app .mobile-app-slide .slick-arrow {
    display: none !important
}

.mobile-app .mobile-app-slide .slick-dots {
    bottom: initial;
    top: 0
}

.mobile-app .mobile-app-slide .slick-dots li button {
    background: #191919;
    color: #191919;
    width: 16px;
    height: 1px;
    padding: 1px
}

.mobile-app .mobile-app-slide .slick-dots li button:before {
    color: #191919
}

.mobile-app .mobile-app-slide .slick-dots li.slick-active button {
    background: #24BB3B;
    color: #24BB3B
}

.mobile-app .mobile-app-slide .slick-dots li.slick-active button:before {
    color: #24BB3B
}

.update-scooter {
    background-color: #2f2f2f;
    padding-top: 64px;
    padding-bottom: 64px
}

.update-scooter .content-section h3, .update-scooter .content-section p {
    color: #FFF
}

.update-scooter .update-scooter-desc {
    padding-top: 24px
}

.update-scooter .update-scooter-desc ul {
    display: flex;
    align-items: center
}

.update-scooter .update-scooter-desc ul li label {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: block
}

.update-scooter .update-scooter-desc ul li label.green-number {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 64px;
    color: #24BB3B
}

.update-scooter .update-scooter-desc ul li span {
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
    display: block
}

.update-scooter .update-scooter-desc ul li:last-child {
    padding: 0 16px
}

.update-scooter .update-scooter-desc a {
    margin-top: 24px
}

.update-scooter .update-scooter-desc a:active, .update-scooter .update-scooter-desc a:focus, .update-scooter .update-scooter-desc a:hover {
    color: #fff;
    background: initial
}

.charging-mob-section, .charging-mob-section .charge-card {
    padding-top: 64px
}

.charging-mob-section .charge-card .content-section {
    margin-bottom: 32px
}

.charging-mob-section .charge-card a {
    margin-top: 16px
}

.charging-mob-section .charge-card .home-charger-desc ul {
    padding-top: 32px
}

.charging-mob-section .charge-card .home-charger-desc ul li {
    list-style-type: none;
    margin-bottom: 16px
}

.charging-mob-section .charge-card .home-charger-desc ul li label {
    display: inline-block;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.charging-mob-section .charge-card .home-charger-desc ul li:last-child {
    margin-bottom: 0
}

.charging-mob-section .charge-card .home-charger-desc p {
    margin-top: 12px;
    font-size: 12px
}

.charging-mob-section .charge-card .home-charger-desc p a {
    border-bottom: 1px solid #24BB3B;
    color: #24BB3B
}

.charging-mob-section .charge-card .charge-card-img {
    height: 378px
}

.charging-mob-section .charge-card .charge-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.charging-mob-section .charge-card .charge-card-img.charge-card-img-2 {
    margin-top: 48px
}

.ownership {
    padding-top: 64px;
    padding-bottom: 64px
}

.ownership .ownership-card {
    position: relative
}

.ownership .ownership-card .ownership-img {
    height: 400px;
    position: relative
}

.ownership .ownership-card .ownership-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ownership .ownership-card .ownership-img .ownership-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(25, 25, 25, .5)
}

.ownership .ownership-card .ownership-desc {
    position: absolute;
    left: 24px;
    bottom: 40px
}

.ownership .ownership-card .ownership-desc .ownership-card-icon {
    margin-bottom: 12px
}

.ownership .ownership-card .ownership-desc .ownership-card-icon.ownership-card-icon-1 img {
    width: 20px
}

.ownership .ownership-card .ownership-desc .ownership-card-icon.ownership-card-icon-2 img {
    width: 35px
}

.ownership .ownership-card .ownership-desc .ownership-card-icon.ownership-card-icon-3 img {
    width: 30px
}

.ownership .ownership-card .ownership-desc h2 {
    width: 100%
}

.ownership .ownership-card .ownership-desc ul {
    padding-top: 24px
}

.ownership .ownership-card .ownership-desc ul li {
    padding-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.ownership .ownership-card.first-child {
    padding-top: 0
}

.subscription-pack {
    padding-top: 64px;
    padding-bottom: 64px
}

.subscription-pack .ather-container h2 {
    text-align: center
}

.subscription-pack .ather-container .subscription-select-option {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px
}

.subscription-pack .ather-container .subscription-select-option a {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    top: 0;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 12px;
    opacity: .5
}

.subscription-pack .ather-container .subscription-select-option a.active {
    opacity: 1
}

.subscription-pack .ather-container .subscription-select-option .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 20px
}

.subscription-pack .ather-container .subscription-select-option .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.subscription-pack .ather-container .subscription-select-option .switch input:checked+.slider {
    background-color: #24BB3B
}

.subscription-pack .ather-container .subscription-select-option .switch input:focus+.slider {
    box-shadow: 0 0 1px #24BB3B
}

.subscription-pack .ather-container .subscription-select-option .switch input:checked+.slider:before {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px)
}

.subscription-pack .ather-container .subscription-select-option .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #24BB3B;
    -webkit-transition: .4s;
    transition: .4s
}

.subscription-pack .ather-container .subscription-select-option .switch .slider.round {
    border-radius: 32px
}

.subscription-pack .ather-container .subscription-select-option .switch .slider.round:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-price ul li span#down-payment:before, .ui.modal .emi-content .emi-card .emi-card-desc .emi-card-price ul li span#on-road-price:before, .ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider ul li#down-payment-max #loanTo:before, .ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider ul li#down-payment-min #loanFrom:before, .ui.modal .emi-content .emi-card .emi-card-others li span#loan-amount:before, .ui.modal .emi-content .emi-card .emi-card-others li span#monthly-payable:before {
    content: "₹"
}

.subscription-pack .ather-container .ather-plan {
    margin-top: 32px
}

.subscription-pack .ather-container .ather-plan .slick-list {
    padding: 0 20% 0 0
}

.subscription-pack .ather-container .ather-plan .ather-plan-card {
    margin: 0 5px;
    padding-top: 12px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card.active .ather-plan-detail {
    border-top: 6px solid #24BB3B
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-icon {
    padding-bottom: 12px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-icon span {
    display: inline-block;
    padding-left: 12px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail {
    background-color: #292A2D;
    padding: 24px 16px;
    border-top: 6px solid transparent
}

@media screen and (max-width:320px) {
    .subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail .ather-plan-desc {
        min-height: 188px
    }
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail .ather-plan-desc p {
    margin-top: 12px;
    min-height: 80px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail ul {
    padding-bottom: 24px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail ul li {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 8px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail ul li label {
    padding-left: 12px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail ul li span {
    color: #24BB3B
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail ul li.inactive label {
    color: rgba(255, 255, 255, .5)
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail ul li.inactive span {
    color: #EB4C4C
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail ul li:last-child {
    padding-bottom: 0
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail .ather-plan-price label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.subscription-pack .ather-container .ather-plan .ather-plan-card .ather-plan-detail .ather-plan-price span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    display: block
}

.subscription-pack .ather-container .ather-plan .slick-arrow {
    display: none !important
}

.subscription-pack .ather-container .ather-plan-notes {
    text-align: center;
    padding-top: 48px
}

.subscription-pack .ather-container .ather-plan-notes label {
    color: #FFF;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 4px !important;
    display: block
}

.subscription-pack .ather-container .ather-plan-notes p {
    color: #FFF;
    font-size: 12px
}

.subscription-pack .ather-container .ather-plan-notes p a {
    border-bottom: 1px solid #fff;
    padding-bottom: 2px
}

.ownership-cost {
    padding-top: 64px;
    padding-bottom: 64px
}

.ownership-cost .ui.tabular.menu {
    border-bottom: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0
}

.ownership-cost .ui.tabular.menu .item {
    color: #191919;
    opacity: .5;
    padding: 0;
    border: none;
    border-bottom: 4px solid transparent;
    font-size: 14px
}

.ownership-cost .ui.tabular.menu .item:last-child {
    margin-left: 24px
}

.ownership-cost .ui.tabular.menu .item.active {
    color: #191919;
    opacity: 1;
    background-color: transparent;
    margin-bottom: 0;
    font-weight: 400;
    border-bottom: 4px solid #24BB3B
}

.ownership-cost .ather-container .content-section, .ownership-cost .ather-container .financing-option .financing-option-type .finance-tab {
    margin-bottom: 24px
}

.ownership-cost .ather-container .financing-option {
    margin-top: 32px
}

.ownership-cost .ather-container .financing-option .financing-option-type {
    padding: 32px 24px;
    background-color: #FFF
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab ul li {
    color: #E1E1E1;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    border-bottom: 5px solid transparent;
    display: inline-block;
    margin-right: 15px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab ul li.active {
    color: #191919;
    border-bottom: 5px solid #2DAF3C
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content h1 {
    padding-bottom: 24px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content ul {
    margin-bottom: 32px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content ul li {
    display: block
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content ul li label {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    display: inline-block
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content ul li span {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer {
    margin-bottom: 18px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul {
    margin-top: 8px;
    margin-bottom: 24px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul li, .ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price {
    margin-bottom: 4px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul li label {
    color: #191919;
    font-size: 12px;
    line-height: 20px;
    width: 90%;
    vertical-align: top;
    padding-left: 6px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-offer ul li span {
    color: #24BB3B;
    font-size: 12px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price label {
    color: #191919;
    font-size: 14px;
    line-height: 22px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price .breakup-popover {
    display: inline-block;
    font-size: 12px
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .onroad-price span {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    display: block
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-emi label {
    color: #191919;
    font-size: 12px;
    line-height: 20px;
    display: block
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-emi label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ownership-cost .ather-container .financing-option .financing-option-type .finance-tab-content .finance-emi a {
    font-size: 12px;
    line-height: 20px
}

.ownership-cost .ather-container .financing-option .financing-option-desc {
    padding: 32px 24px;
    background-color: #dfeee0
}

.ownership-cost .ather-container .financing-option .financing-option-desc ul {
    padding-top: 24px;
    padding-bottom: 24px
}

.ownership-cost .ather-container .financing-option .financing-option-desc ul li {
    padding-bottom: 6px
}

.ownership-cost .ather-container .financing-option .financing-option-desc ul li label {
    font-size: 12px;
    line-height: 24px;
    padding-left: 6px;
    display: inline-block;
    width: 90%;
    vertical-align: top
}

.ownership-cost .ather-container .financing-option .financing-option-desc ul li span {
    color: #24BB3B;
    display: inline-block;
    line-height: 24px
}

.ownership-cost .ather-container .financing-option .financing-option-desc .finance-lease {
    margin-bottom: 8px
}

.ownership-cost .ather-container .financing-option .financing-option-desc .finance-lease label {
    font-size: 14px;
    line-height: 22px
}

.ownership-cost .ather-container .financing-option .financing-option-desc .finance-lease span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    display: block
}

.ownership-cost .ather-container .financing-option .know-more a {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 24px;
    border-radius: 2px
}

.ownership-cost .ather-container .price-update-notes {
    background-color: #efdcc8;
    padding: 24px;
    margin-top: 16px
}

.ownership-cost .ather-container .price-update-notes img {
    margin-right: 16px;
    display: inline-block;
    vertical-align: top
}

.ownership-cost .ather-container .price-update-notes label {
    font-size: 14px;
    line-height: 22px;
    color: #191919;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 12px !important
}

.ownership-cost .ather-container .price-update-notes.upgrade-notes {
    background-color: #E0DAD3
}

.ownership-cost .ather-container .warrenty-section {
    margin-top: 64px
}

.ownership-cost .ather-container .warrenty-section h2 {
    text-align: center
}

.ownership-cost .ather-container .warrenty-section ul {
    margin-top: 32px
}

.ownership-cost .ather-container .warrenty-section ul li {
    margin-bottom: 18px
}

.ownership-cost .ather-container .warrenty-section ul li:last-child {
    margin-bottom: 0
}

.ownership-cost .ather-container .warrenty-section ul li label {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px solid #191919;
    display: block;
    padding-bottom: 8px
}

.ownership-cost .ather-container .warrenty-section ul li label a {
    color: #191919;
    font-size: 20px
}

.ownership-cost .ather-container .warrenty-section ul li span {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    padding-top: 8px;
    display: block
}

.specification {
    padding: 64px 0 24px
}

.specification .ather-container {
    display: block
}

.specification .ather-container .specification-inner {
    margin-bottom: 40px;
    text-align: center
}

.specification .ather-container .specification-inner a {
    margin-top: 12px;
    min-width: 130px;
    padding: 6px 0
}

.test-preorder-mob .testride-link {
    position: relative
}

.test-preorder-mob .testride-link .testride-link-img {
    height: 320px
}

.test-preorder-mob .testride-link .testride-link-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.test-preorder-mob .testride-link .testride-link-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center
}

.test-preorder-mob .testride-link .testride-link-desc h2 {
    color: #FFF
}

.test-preorder-mob .testride-link .testride-link-desc a {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    min-width: 200px;
    margin-top: 32px
}

.test-preorder-mob .testride-link .testride-link-desc a:hover {
    background-color: transparent;
    color: #FFF
}

.test-preorder-mob .preorder-link {
    position: relative;
    background-color: #191919;
    height: 320px;
    width: 100%
}

.test-preorder-mob .preorder-link .preorder-link-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center
}

.test-preorder-mob .preorder-link .preorder-link-desc h2 {
    color: #FFF
}

.test-preorder-mob .preorder-link .preorder-link-desc a {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    min-width: 200px;
    margin-top: 32px
}

.test-preorder-mob .preorder-link .preorder-link-desc a:hover {
    background-color: transparent;
    color: #FFF
}

.ownership-content {
    margin: 0 auto 16px;
    width: 87% !important
}

.closeMenu, .sidebar-panel {
    width: 100%;
    z-index: 9999;
    position: fixed
}

.closeMenu {
    height: 100%;
    top: 0;
    display: none;
    background-color: rgba(25, 25, 25, .16);
    -webkit-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out
}

.sidebar-panel {
    background-color: #FFF;
    /* height: 540px; */
    height: auto;
    right: 0;
    top: -540px;
    padding: 18px 32px 40px;
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease;
    overflow: hidden
}

.sidebar-panel.active {
    right: 0;
    top: 0;
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease
}

.sidebar-panel.active .sidebar-links ul li {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.sidebar-panel.active .sidebar-links ul li a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.sidebar-panel .close-panel {
    display: block;
    text-align: right;
    padding: 0 1%
}

.sidebar-panel .close-panel label {
    cursor: pointer
}

.sidebar-panel .close-panel label svg {
    font-size: 24px
}

.sidebar-panel .sidebar-links {
    text-align: right;
    padding: 30px 1% 0
}

.sidebar-panel .sidebar-links ul.sidebar-panel-bottom {
    padding-top: 30px
}

.sidebar-panel .sidebar-links ul.sidebar-panel-bottom li {
    display: inline-block
}

.sidebar-panel .sidebar-links ul.sidebar-panel-bottom li a {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 0 0 0 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.sidebar-panel .sidebar-links ul.sidebar-panel-bottom li:nth-child(3) a {
    padding-right: 0
}

.sidebar-panel .sidebar-links ul li {
    display: block;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.sidebar-panel .sidebar-links ul li.menu-hide {
    display: none !important
}

.sidebar-panel .sidebar-links ul li a {
    padding-bottom: 20px;
    display: inline-block;
    color: #75787B;
    font-size: 18px;
    text-transform: capitalize;
    text-decoration: none;
    line-height: 20px
}

.sidebar-panel .sidebar-links ul li a:hover {
    color: #191919
}

@media only screen and (max-width:767px) {
    .sidebar-wrapper {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        top: 48px;
        visibility: hidden;
        transition: visibility 0s linear 0s
    }

    .sidebar-wrapper .height {
        height: 334px;
        overflow-y: scroll;
        padding: 0 40px;
        background-color: #fff
    }

    .sidebar-wrapper .sidebar-main-links, .sidebar-wrapper.active .sidebar-main-links {
        padding-top: 20px
    }

    .sidebar-wrapper .sidebar-main-links ul li {
        opacity: 0;
        list-style-type: none;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
        transform: none
    }

    .sidebar-wrapper .sidebar-main-links ul li:nth-child(1) {
        transform: translateY(-48px);
        transition: opacity .29829s cubic-bezier(.52, .16, .52, .84) .13286s, transform .45256s cubic-bezier(.52, .16, .52, .84) 96.86ms, -webkit-transform .45256s cubic-bezier(.52, .16, .52, .84) 96.86ms
    }

    .sidebar-wrapper .sidebar-main-links ul li:nth-child(2) {
        transform: translateY(-44px);
        transition: opacity .26913s cubic-bezier(.52, .16, .52, .84) .11571s, transform .44087s cubic-bezier(.52, .16, .52, .84) 85.71ms, -webkit-transform .44087s cubic-bezier(.52, .16, .52, .84) 85.71ms
    }

    .sidebar-wrapper .sidebar-sub-links ul li {
        opacity: 0
    }

    .sidebar-wrapper .sidebar-sub-links ul li:nth-child(1) {
        transform: translateY(-40px);
        transition: opacity .29829s cubic-bezier(.52, .16, .52, .84) .13286s, transform .45256s cubic-bezier(.52, .16, .52, .84) 96.86ms, -webkit-transform .45256s cubic-bezier(.52, .16, .52, .84) 96.86ms
    }

    .sidebar-wrapper .sidebar-sub-links ul li:nth-child(2) {
        transform: translateY(-36px);
        transition: opacity .26913s cubic-bezier(.52, .16, .52, .84) .11571s, transform .44087s cubic-bezier(.52, .16, .52, .84) 85.71ms, -webkit-transform .44087s cubic-bezier(.52, .16, .52, .84) 85.71ms
    }

    .sidebar-wrapper .sidebar-sub-links ul li:nth-child(3) {
        transform: translateY(-32px);
        transition: opacity .24702s cubic-bezier(.52, .16, .52, .84) .09857s, transform .43181s cubic-bezier(.52, .16, .52, .84) 74.57ms, -webkit-transform .43181s cubic-bezier(.52, .16, .52, .84) 74.57ms
    }

    .sidebar-wrapper .sidebar-sub-links ul li:nth-child(4) {
        transform: translateY(-28px);
        transition: opacity .23194s cubic-bezier(.52, .16, .52, .84) 81.43ms, transform .4254s cubic-bezier(.52, .16, .52, .84) 63.43ms, -webkit-transform .4254s cubic-bezier(.52, .16, .52, .84) 63.43ms
    }

    .sidebar-wrapper .sidebar-sub-links ul li:nth-child(5) {
        transform: translateY(-24px);
        transition: opacity .22392s cubic-bezier(.52, .16, .52, .84) 64.29ms, transform .42162s cubic-bezier(.52, .16, .52, .84) .05229s, -webkit-transform .42162s cubic-bezier(.52, .16, .52, .84) .05229s
    }

    .sidebar-wrapper .sidebar-sub-links ul li:nth-child(6) {
        transform: translateY(-20px);
        transition: opacity .22294s cubic-bezier(.52, .16, .52, .84) 47.14ms, transform .42049s cubic-bezier(.52, .16, .52, .84) 41.14ms, -webkit-transform .42049s cubic-bezier(.52, .16, .52, .84) 41.14ms
    }

    .sidebar-wrapper .sidebar-sub-links ul li:nth-child(7) {
        transform: translateY(-16px);
        transition: opacity 229ms cubic-bezier(.52, .16, .52, .84) 30ms, transform 422ms cubic-bezier(.52, .16, .52, .84) 30ms, -webkit-transform 422ms cubic-bezier(.52, .16, .52, .84) 30ms
    }

    .sidebar-wrapper.active .sidebar-main-links ul li, .sidebar-wrapper.active .sidebar-sub-links ul li {
        transform: none;
        opacity: 1
    }

    .sidebar-wrapper.active {
        visibility: visible;
        transition-delay: 0s
    }

    .sidebar-wrapper.active .sidebar-main-links ul li:nth-child(1) {
        transition: opacity .3206s cubic-bezier(.32, .08, .24, 1) 47.14ms, transform .35616s cubic-bezier(.32, .08, .24, 1) 37.14ms, -webkit-transform .35616s cubic-bezier(.32, .08, .24, 1) 37.14ms
    }

    .sidebar-wrapper.active .sidebar-main-links ul li:nth-child(2) {
        transition: opacity .33129s cubic-bezier(.32, .08, .24, 1) 64.29ms, transform .37004s cubic-bezier(.32, .08, .24, 1) 54.29ms, -webkit-transform .37004s cubic-bezier(.32, .08, .24, 1) 54.29ms
    }

    .sidebar-wrapper.active .sidebar-sub-links ul li:nth-child(1) {
        transition: opacity .3206s cubic-bezier(.32, .08, .24, 1) 47.14ms, transform .35616s cubic-bezier(.32, .08, .24, 1) 37.14ms, -webkit-transform .35616s cubic-bezier(.32, .08, .24, 1) 37.14ms
    }

    .sidebar-wrapper.active .sidebar-sub-links ul li:nth-child(2) {
        transition: opacity .33129s cubic-bezier(.32, .08, .24, 1) 64.29ms, transform .37004s cubic-bezier(.32, .08, .24, 1) 54.29ms, -webkit-transform .37004s cubic-bezier(.32, .08, .24, 1) 54.29ms
    }

    .sidebar-wrapper.active .sidebar-sub-links ul li:nth-child(3) {
        transition: opacity .34115s cubic-bezier(.32, .08, .24, 1) 81.43ms, transform .38716s cubic-bezier(.32, .08, .24, 1) .07143s, -webkit-transform .38716s cubic-bezier(.32, .08, .24, 1) .07143s
    }

    .sidebar-wrapper.active .sidebar-sub-links ul li:nth-child(4) {
        transition: opacity .35019s cubic-bezier(.32, .08, .24, 1) .09857s, transform .4075s cubic-bezier(.32, .08, .24, 1) 88.57ms, -webkit-transform .4075s cubic-bezier(.32, .08, .24, 1) 88.57ms
    }

    .sidebar-wrapper.active .sidebar-sub-links ul li:nth-child(5) {
        transition: opacity .35842s cubic-bezier(.32, .08, .24, 1) .11571s, transform .43107s cubic-bezier(.32, .08, .24, 1) .10571s, -webkit-transform .43107s cubic-bezier(.32, .08, .24, 1) .10571s
    }

    .sidebar-wrapper.active .sidebar-sub-links ul li:nth-child(6) {
        transition: opacity .36582s cubic-bezier(.32, .08, .24, 1) .13286s, transform .45787s cubic-bezier(.32, .08, .24, 1) .12286s, -webkit-transform .45787s cubic-bezier(.32, .08, .24, 1) .12286s
    }

    .sidebar-wrapper.active .sidebar-sub-links ul li:nth-child(7) {
        transition: opacity .3724s cubic-bezier(.32, .08, .24, 1) .15s, transform .4879s cubic-bezier(.32, .08, .24, 1) .14s, -webkit-transform .4879s cubic-bezier(.32, .08, .24, 1) .14s
    }

    .sidebar-main-links .btn-black-border {
        width: 90%
    }

    .sidebar-main-links ul {
        padding: 0
    }

    .sidebar-main-links ul li.active a {
        color: #000;
        font-size: 20px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        border-left: 4px solid #42cc28
    }

    .sidebar-main-links ul li a, .sidebar-sub-links ul li a {
        color: #191919;
        font-size: 12px;
        line-height: 28px;
        text-decoration: none;
        display: inline-block;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }

    .sidebar-main-links ul li a {
        padding: 6px 0
    }

    .sidebar-wrapper .sidebar-sub-links ul li {
        padding-bottom: 0;
        border-bottom: 1px solid #e8e8e8
    }

    .sidebar-sub-links ul li a {
        padding: 6px 0
    }

    .sidebar-bottom {
        border-top: 1px solid #979797;
        padding: 15px 0;
        width: 90%;
        left: 0;
        margin: 0 5%
    }

    .sidebar-bottom label {
        color: #7a7a7a;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-size: 14px
    }

    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY();
            transform: translateY(0)
        }
    }

    @keyframes slideInDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes slideInUp {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    .ather-navbar .header-mobile-section .sidebar-wrapper {
        top: 55px
    }
}

.ui.modal.emi {
    width: 1000px !important
}

.ui.modal.emi .ba-loan-iframe-class {
    min-height: 771px;
    width: 100%
}

.ui.modal.emi .ba-lease-iframe-class {
    height: 1000px;
    width: 944px
}

.ui.modal.emi #lease-plan-modal .modal-dialog {
    width: 994px
}

.ui.modal .close {
    top: 5px;
    right: 18px;
    opacity: 1
}

.ui.modal .emi-content {
    padding: 30px 24px
}

.ui.modal .emi-content .emi-heading {
    text-align: center;
    margin-bottom: 20px
}

.ui.modal .emi-content .emi-card .emi-card-desc {
    border: 1px solid #cbcbcb;
    padding: 0 20px 10px
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-modal {
    border-bottom: 1px solid #cbcbcb;
    padding: 12px 0
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-modal h6 {
    display: inline-block
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-modal ul {
    float: right
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-modal ul li {
    cursor: pointer;
    display: inline-block;
    padding-left: 10px
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-modal ul li span {
    font-size: 14px;
    line-height: 22px;
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-price {
    padding: 10px 0
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-price ul li {
    padding-bottom: 10px
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-price ul li label {
    font-size: 14px;
    color: #4a4a4a
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-price ul li span {
    float: right;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider {
    padding-bottom: 16px
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider .ui.progress {
    margin: 0
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider .ui.progress .bar {
    height: 8px;
    background-color: #24BB3B
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider .invest-slider {
    margin-bottom: 10px
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider ul li#down-payment-min {
    display: inline-block
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-slider ul li#down-payment-max {
    display: inline-block;
    float: right
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-tenure h6 {
    display: inline-block
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-tenure label {
    float: right;
    color: #4a4a4a;
    font-size: 14px;
    display: inline-block
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-tenure ul {
    padding: 12px 0
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-tenure ul li {
    display: inline-block;
    margin-right: 3px
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-tenure ul li.active span {
    background-color: #24BB3B;
    border: 1px solid #24BB3B;
    color: #FFF
}

.ui.modal .emi-content .emi-card .emi-card-desc .emi-card-tenure ul li span {
    display: inline-block;
    border-radius: 2px;
    background-color: #f9f9f9;
    border: 1px solid #979797;
    color: #191919;
    padding: 5px 10px;
    font-size: 10px;
    cursor: pointer
}

.ui.modal .emi-content .emi-card .emi-card-others {
    padding: 15px 0
}

.ui.modal .emi-content .emi-card .emi-card-others li {
    padding-bottom: 10px
}

.ui.modal .emi-content .emi-card .emi-card-others li label {
    font-size: 14px;
    color: #4a4a4a
}

.ui.modal .emi-content .emi-card .emi-card-others li span {
    float: right;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li label span#cashBackAmount:before, .lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li label span#leaseMonthlyRent:before, .lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li label span#retainerValue:before, .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-slider li span#leaseAmountFrom:before, .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-slider li span#leaseAmountTo:before, .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-text span#leaseDownPayment::before {
    content: '₹'
}

.ui.modal .emi-content .emi-card .emi-card-others p {
    color: #4a4a4a;
    font-size: 10px
}

.ui.modal .emi-content .emi-card-logo {
    padding-top: 15px
}

.ui.modal .emi-content .emi-card-logo .emi-card-logo-img {
    text-align: right
}

.ui.modal .emi-content .emi-card-logo .emi-card-logo-img label {
    font-size: 12px;
    color: #4a4a4a;
    position: relative;
    top: -5px
}

.ui.modal .emi-content .emi-card-logo .emi-card-logo-img img {
    width: 70px
}

.ui .ec-modal-close {
    position: absolute;
    right: 15px;
    top: 10px
}

.ui .ec-modal-close label {
    cursor: pointer
}

.ui .ec-modal-close label .mdi {
    font-size: 12px;
    color: #7e7e7e
}

@media screen and (max-width:520px) {
    .ui.modal.emi {
        width: 90% !important
    }

    .ui.modal .close {
        top: 5px;
        right: 10%;
        color: #191919;
        opacity: 1
    }

    .ui.modal .emi-content {
        padding: 30px 5px
    }

    .ui.modal .emi-content .emi-card .emi-card-desc {
        padding: 0 10px 10px
    }

    .ui.modal .emi-content .emi-card .emi-card-tenure ul li {
        margin-bottom: 6px
    }

    .ui.modal .emi-content .emi-card .emi-card-others ul li label, .ui.modal .emi-content .emi-card .emi-card-others ul li span {
        font-size: 12px
    }

    .ui.dimmer {
        padding: 0;
        z-index: 9999
    }
}

.lease-wrapper-popup {
    position: relative
}

.lease-wrapper-popup .drawer-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease 0s, max-height 0s linear .5s;
    -o-transition: opacity .3s ease 0s, max-height 0s linear .5s;
    -moz-transition: opacity .3s ease 0s, max-height 0s linear .5s;
    transition: opacity .3s ease 0s, max-height 0s linear .5s
}

.lease-wrapper-popup .drawer-mask.show-mask {
    opacity: 1;
    max-height: 100vh;
    -webkit-transition: opacity .3s ease 0s, max-height 0s linear 0s;
    -o-transition: opacity .3s ease 0s, max-height 0s linear 0s;
    -moz-transition: opacity .3s ease 0s, max-height 0s linear 0s;
    transition: opacity .3s ease 0s, max-height 0s linear 0s
}

.lease-wrapper-popup .lease-section {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    top: 100vh;
    left: 0;
    overflow-x: hidden;
    -webkit-transition: top .7s cubic-bezier(.29, .24, .12, .995);
    -o-transition: top .7s cubic-bezier(.29, .24, .12, .995);
    -moz-transition: top .7s cubic-bezier(.29, .24, .12, .995);
    transition: top .7s cubic-bezier(.29, .24, .12, .995);
    background-color: #f5f4f5
}

.lease-wrapper-popup .lease-section.showdiv {
    top: 0
}

.lease-wrapper-popup .lease-section .ather-container {
    position: relative
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section {
    display: flex;
    justify-content: space-between
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-heading {
    flex-basis: 33%
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-heading .lease-partner {
    padding-top: 16px
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-heading .lease-partner label {
    display: block;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #191919
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-heading .lease-partner span {
    display: block;
    padding-bottom: 0
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list {
    padding-top: 74px;
    flex-basis: 60%
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list ul li {
    margin-bottom: 64px;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    padding: 0 16px
}

.lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list ul li label {
    color: #191919;
    font-size: 18px;
    line-height: 24px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section {
    padding-top: 120px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap {
    padding-top: 24px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap ul li {
    display: inline-block;
    margin-right: 24px;
    font-size: 24px;
    color: #c7c7c7;
    line-height: 36px;
    cursor: pointer
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap ul li.active {
    color: #191919;
    border-bottom: 3px solid #2cb03e
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content {
    padding-top: 50px;
    display: flex
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc {
    flex-basis: 50%;
    padding: 0 30px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-text label {
    display: block;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 8px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-text span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-slider {
    margin-top: 20px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-slider li {
    display: inline-block;
    color: #97999b;
    font-size: 12px;
    line-height: 20px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-slider li#down-payment-max {
    float: right
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc:nth-child(1) {
    padding-left: 0
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc:nth-child(2) {
    padding: 0
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card {
    background-color: #e6e6e6;
    border-radius: 2px;
    padding: 64px 48px;
    margin-top: 64px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul {
    display: flex;
    justify-content: space-between
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li {
    flex-basis: 30%;
    text-align: center
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li label {
    font-size: 18px;
    line-height: 28px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li label span#leaseMonthlyRent {
    font-size: 32px
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li:nth-child(1) {
    padding-left: 0
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li:nth-child(1) span {
    display: block
}

.lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li:nth-child(3) {
    padding-right: 0
}

.lease-wrapper-popup .lease-section .ather-container .lease-disclaimer {
    padding: 10px;
    text-align: center
}

.lease-wrapper-popup .lease-section .ather-container .lease-close {
    transform: translateY(0);
    width: 60px !important;
    height: 60px !important;
    background-color: #FFF;
    overflow: visible !important;
    border-radius: 100%;
    border: 2px solid rgba(126, 126, 126, .6);
    top: 35px !important;
    right: 50px !important;
    position: fixed;
    z-index: 10000;
    opacity: 0;
    transition: opacity .8s ease;
    cursor: pointer
}

.lease-wrapper-popup .lease-section .ather-container .lease-close:before {
    content: " ";
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-image: url(../../images/ride/lease-close.svg);
    z-index: 1;
    position: absolute
}

.lease-wrapper-popup .lease-section .ather-container .lease-close:hover {
    background-color: #191919;
    border: 2px solid #191919
}

.lease-wrapper-popup .lease-section .ather-container .lease-close:hover:before {
    background-image: url(../../images/ride/lease-close-white.svg)
}

@media screen and (max-width:1199px) {
    .lease-wrapper-popup .lease-section .ather-container .lease-top-section {
        flex-direction: column
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list ul li {
        width: 49%;
        padding: 0
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-content .lease-tap-desc .lease-text label {
        width: 250px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-section {
        padding-top: 0
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-card {
        padding: 25px 40px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li {
        width: 100%;
        margin-bottom: 15px;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li label, .lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list ul li label {
        font-size: 16px
    }

    .lease-wrapper-popup .lease-section .ather-container {
        padding: 64px 0 !important
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list {
        padding-top: 32px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list ul li {
        width: 46%;
        padding: 0;
        margin-bottom: 24px;
        vertical-align: top
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-top-section .lease-top-sec-list ul li span {
        margin-bottom: 8px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-card {
        padding: 24px 16px;
        margin-top: 32px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li {
        width: 100%;
        text-align: left
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li span {
        display: inline-block;
        font-size: 16px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-card ul li span#leaseMonthlyRent {
        font-size: 24px !important
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-section {
        padding-top: 24px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content {
        padding-top: 32px;
        flex-direction: column
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc {
        padding: 0;
        margin-bottom: 24px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-text label {
        font-size: 16px;
        width: 100%
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-text span {
        font-size: 20px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-tap-section .lease-tap-content .lease-tap-desc .lease-slider {
        padding-top: 0;
        padding-bottom: 24px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-partner {
        padding-top: 24px
    }

    .lease-wrapper-popup .lease-section .ather-container .lease-partner span {
        padding-bottom: 0
    }
}

.trademark-logos-section, .trademark-wordmark-section {
    padding: 48px 0
}

.trademark-logos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px
}

.tr-logo {
    flex-basis: 180px;
    height: 180px;
    width: 180px;
    background-color: #fff;
    margin-bottom: 16px;
    margin-right: 16px
}

.tr-logo img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.trademark-wordmark {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px
}

.tr-wordmark {
    flex-basis: 216px;
    border-bottom: 1px solid #979797;
    margin-bottom: 40px;
    margin-right: 48px
}

.tr-wordmark label {
    font-size: 16px;
    line-height: 24px;
    color: #191919
}

@media only screen and (max-width:767px) {
    .tr-logo {
        flex-basis: 100%;
        margin-right: 0;
        text-align: center
    }

    .tr-wordmark {
        flex-basis: 100%;
        margin-right: 0
    }
}

.ota-update-wrapper .content-section {
    padding-top: 96px;
    padding-bottom: 96px
}

.ota-update-wrapper .ota-update-section-wrapper {
    display: flex;
    flex-direction: column
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section {
    display: flex;
    align-items: center;
    min-height: 520px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container {
    display: flex;
    align-items: flex-start
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-title {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    margin-right: 20px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-title-wrap {
    display: flex;
    align-items: center
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-title-wrap .ota-upadte-count label {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 68px;
    letter-spacing: .5px;
    color: #191919;
    display: block;
    margin-top: 17px !important
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-title-wrap .ota-upadte-date .green-divider {
    height: 8px;
    width: 32px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-title-wrap .ota-upadte-date label {
    font-size: 18px;
    padding-top: 8px;
    display: block
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-gif {
    margin-top: 72px;
    width: 85%;
    border-radius: 20px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-gif img {
    width: 100%;
    border-radius: 20px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap {
    flex-basis: 50%
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap.with-gif {
    margin-top: 168px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info {
    margin-bottom: 64px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion {
    box-shadow: none;
    background-color: transparent;
    margin-top: 24px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    cursor: pointer;
    width: 95%;
    font-weight: initial
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title span {
    cursor: pointer;
    position: relative;
    top: 0;
    right: 10px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title span:before {
    content: '';
    background: #C7C7C7;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
    transition: transform .5s ease;
    transform: rotate(180deg)
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title span:after {
    content: '';
    background: #C7C7C7;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
    transition: transform .5s ease;
    transform: rotate(90deg)
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title.active {
    color: #191919
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title.active span:after {
    transform-origin: center;
    transform: rotate(0);
    background: #191919
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title.active span:before {
    transform: rotate(0);
    background: #191919
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title.inactive {
    color: rgba(0, 0, 0, .4);
    cursor: default
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title.inactive label {
    cursor: default
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title.empty-title {
    height: 0;
    padding: 0
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .content {
    padding-left: 0;
    padding-right: 0
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .content ul {
    padding-left: 20px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .content ul li:before {
    display: inline-block;
    content: '';
    -webkit-border-radius: .375rem;
    border-radius: 100%;
    height: 5px;
    width: 5px;
    margin-left: -20px;
    margin-right: 10px;
    background-color: #191919;
    vertical-align: middle;
    margin-top: -1px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info {
    margin-bottom: 0
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info .accordion {
    margin-top: 12px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info .accordion .title label {
    font-size: 16px;
    display: flex;
    align-items: center
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info .accordion .title label a {
    display: inline-block;
    height: 22px;
    min-width: 22px;
    max-width: 22px;
    margin-right: 22px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info .accordion .title label a.charging-time-icon, .ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info .accordion .title label a.firmware-icon, .ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info .accordion .title label a.temprature-icon {
    height: 24px;
    min-width: 24px;
    max-width: 24px
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info .accordion .title label a img {
    height: 100%;
    width: 100%;
    object-fit: fill
}

.ota-update-wrapper .ota-update-section-wrapper .ota-update-section:nth-of-type(even) {
    background: #f5f4f5
}

@media screen and (max-width:991px) {
    .ota-update-info-wrap .ota-update-info .accordion {
        width: 100% !important
    }
}

@media screen and (max-width:767px) {
    .ota-update-wrapper .content-section {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .ota-update-wrapper .ota-update-section {
        padding-top: 64px;
        padding-bottom: 64px;
        min-height: 100% !important
    }

    .ota-update-wrapper .ota-update-section .ather-container {
        flex-direction: column
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-title {
        flex-basis: 100%;
        width: 100%
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-gif {
        margin-top: 24px !important;
        width: 100% !important
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-title .ota-update-notes p {
        font-size: 12px;
        width: 100% !important
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-info-wrap {
        flex-basis: 100%;
        width: 100%
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-info-wrap.with-gif {
        margin-top: 0 !important
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info {
        margin-top: 48px;
        margin-bottom: 48px !important
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion {
        margin-top: 12px !important
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info .accordion .title label {
        line-height: 24px !important
    }

    .ota-update-wrapper .ota-update-section .ather-container .ota-update-info-wrap .ota-update-info.ota-update-secondary-info {
        margin-bottom: 0 !important
    }
}

.banner450x {
    height: calc(100vh - 130px);
    overflow: hidden;
    position: relative
}

.banner450x .banner450x-logo-text, .banner450x .banner450x-superscooter {
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center
}

.banner450x .banner450x-logo-text {
    top: 47%
}

.banner450x .banner450x-logo-text label {
    color: #FFF;
    font-size: 18px;
    line-height: 44px;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.banner450x .banner450x-logo-text .banner450x-img img {
    width: 30%
}

.banner450x .banner450x-superscooter {
    top: 50%
}

.banner450x .banner450x-superscooter .track-content {
    -webkit-text-stroke: 1px #525557;
    -webkit-text-fill-color: transparent;
    font-size: 14vw;
    line-height: 195px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: inline-block
}

.banner450x-content {
    width: 615px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 96px;
    padding-top: 90px
}

.banner450x-content h1 {
    color: #FFF;
    font-size: 28px !important;
    line-height: 44px !important
}

.banner450x-content p {
    color: #989898;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 32px
}

.banner450x-content .banner-label {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    display: block;
    width: 380px;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    margin: 96px auto 0 !important
}

.banner450x-content .banner-label span {
    color: #fff;
    text-transform: uppercase
}

.banner450x-content .banner-label a {
    color: #fff;
    cursor: pointer;
    position: relative
}

.banner450x-content .banner-label a:hover {
    color: #fff
}

.banner450x-content .banner-label a:after {
    content: '';
    display: block;
    background-color: #FFF;
    position: absolute;
    height: 1px;
    width: 100%;
    right: 0;
    bottom: -6px
}

.banner450x-content .timer-details {
    margin-top: 96px
}

.banner450x-content .timer-details ul {
    display: flex;
    width: 224px;
    margin: 0 auto;
    justify-content: space-between
}

.banner450x-content .timer-details ul li {
    display: flex;
    flex-direction: column;
    flex-basis: 25%
}

.banner450x-content .timer-details ul li label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 5px
}

.banner450x-content .timer-details ul li span {
    color: #ABABAB;
    font-size: 12px
}

.invite450x-section-container {
    width: 1250px;
    margin: 0 auto
}

.invite450x-section-container .invite450x-section {
    background-color: #37393D;
    padding: 70px 100px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap {
    width: 520px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card {
    width: 520px;
    margin: 0 auto;
    background-color: #1D1D1D
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top {
    position: relative;
    padding: 32px 50px 40px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-top-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-top-head h1 {
    color: #02A65D;
    width: 65%;
    line-height: 40px !important
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-top-head span {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-city {
    margin-top: 25px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-city p {
    color: #989898;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-city label {
    color: #FFF;
    font-size: 14px;
    line-height: 20px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-green-btn {
    background-color: #02A65D;
    height: 65px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 0 25px;
    margin-top: 56px;
    cursor: pointer;
    justify-content: space-between
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-green-btn label {
    color: #FFF;
    font-size: 18px;
    line-height: 22px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom .invite450x-green-border-btn:active, .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom .invite450x-green-border-btn:hover, .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-green-btn span svg {
    color: #fff
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #37393D;
    position: absolute;
    bottom: -10px;
    left: -1px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #37393D;
    position: absolute;
    bottom: -10px;
    right: -1px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom {
    padding: 40px 50px 32px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom .invite450x-green-border-btn {
    background-color: transparent;
    height: 65px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 2px solid #02A65D;
    padding: 0 25px;
    color: #fff;
    justify-content: space-between;
    cursor: pointer
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom .invite450x-green-border-btn label {
    color: #FFF;
    font-size: 18px;
    line-height: 22px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom span {
    color: #989898;
    font-size: 12px;
    line-height: 24px;
    display: block;
    margin-top: 12px;
    text-align: center
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .dashed-divider {
    position: relative;
    height: 2px;
    width: 97%;
    margin: 0 auto
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .dashed-divider .dashed-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, transparent 50%, #02A65D 50%);
    background-size: 25px 100%
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap p.other-link {
    text-align: center;
    width: 350px;
    margin: 0 auto;
    padding-top: 23px
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap p.other-link label {
    color: #838383;
    font-size: 14px;
    line-height: 20px;
    display: block
}

.invite450x-section-container .invite450x-section .invite450x-card-wrap p.other-link a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    margin: 0 auto;
    cursor: pointer
}

.invite450x-section-container .invite450x-section .invite450x-content {
    width: 450px;
    padding: 50px 0
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label {
    color: #FFF;
    font-size: 32px;
    line-height: 44px;
    display: block
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label span {
    color: #FFF;
    border-bottom: 3px solid #02A65D;
    font-size: 32px;
    line-height: 44px
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label span.mob-text {
    display: none
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label span.web-text {
    display: inline-block
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 40px;
    width: 407px
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom {
    display: flex;
    width: 550px;
    margin: 0 auto;
    padding: 36px 0
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail {
    flex-basis: 37%
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail .invite450x-content-img {
    height: 56px;
    width: 83px
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail .invite450x-content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail label {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px !important;
    display: block;
    width: 75%
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list {
    flex-basis: 63%
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li {
    color: #fff;
    width: 60%;
    margin-bottom: 30px;
    position: relative
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li label {
    font-size: 14px;
    line-height: 21px
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li label span {
    border-bottom: 1px solid #02A65D
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li:last-child {
    margin-bottom: 0
}

.invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -13px;
    background-color: #02A65D;
    height: 6px;
    width: 6px;
    border-radius: 100%
}

.invite450x-section-container .city-marquee {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 5px;
    background-color: #04A75D
}

.invite450x-section-container .city-marquee .city-marquee-list {
    display: inline-block
}

.invite450x-section-container .city-marquee .city-marquee-list label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-right: 12px !important
}

.invite450x-section-container .city-marquee .city-marquee-list span {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-right: 12px
}

.rules450x {
    padding: 96px 0
}

.rules450x h2 {
    color: #fff;
    text-align: center
}

.rules450x .rules450x-content {
    width: 760px;
    margin: 0 auto;
    padding-top: 48px
}

.rules450x .rules450x-content p {
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    line-height: 22px;
    display: flex;
    margin-bottom: 24px
}

.rules450x .rules450x-content p:last-child {
    margin-bottom: 0
}

.rules450x .rules450x-content p label {
    padding-left: 10px
}

.marquee div {
    display: block;
    width: 200%;
    height: 30px;
    position: absolute;
    overflow: hidden;
    animation: marquee 5s linear infinite
}

.marquee span {
    float: left;
    width: 50%
}

@media only screen and (max-width:1300px) and (min-width:1235px) {
    .invite450x-section-container {
        width: 95%
    }

    .invite450x-section-container .invite450x-section {
        padding: 70px
    }

    .invite450x-section-container .invite450x-section .invite450x-content {
        width: 470px
    }
}

@media only screen and (max-width:1234px) and (min-width:1185px) {
    .invite450x-section-container {
        width: 96%
    }

    .invite450x-section-container .invite450x-section {
        padding: 70px 50px
    }

    .invite450x-section-container .invite450x-section .invite450x-content {
        width: 450px
    }
}

@media only screen and (max-width:1184px) and (min-width:1100px) {
    .invite450x-section-container {
        width: 96%
    }

    .invite450x-section-container .invite450x-section {
        padding: 70px 50px
    }

    .invite450x-section-container .invite450x-section .invite450x-content {
        width: 410px
    }
}

@media only screen and (max-width:1099px) and (min-width:1000px) {
    .invite450x-section-container {
        width: 96%
    }

    .invite450x-section-container .invite450x-section {
        padding: 70px 50px
    }

    .invite450x-section-container .invite450x-section .invite450x-content {
        width: 410px
    }
}

@media only screen and (max-width:1099px) and (min-width:991px) {
    .invite450x-section-container {
        width: 96%
    }

    .invite450x-section-container .invite450x-section {
        padding: 70px 40px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap, .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card {
        width: 430px
    }

    .invite450x-section-container .invite450x-section .invite450x-content {
        width: 400px
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label {
        font-size: 30px
    }
}

@media only screen and (max-width:991px) {
    .invite450x-section-container .invite450x-section {
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .invite450x-section-container {
        width: 95%
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-city {
        margin: 0 auto;
        padding-top: 25px
    }

    .invite450x-section-container .invite450x-section .invite450x-content {
        padding-top: 96px;
        padding-bottom: 0
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label {
        text-align: center
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top p {
        text-align: center;
        margin: 0 auto;
        padding-top: 32px
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom {
        justify-content: center;
        width: 450px
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail {
        flex-basis: 37%
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list {
        flex-basis: 46%
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li {
        width: 100%
    }

    .rules450x .rules450x-content {
        width: 650px
    }
}

.banner450x-arrow {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}

.banner450x-arrow svg {
    display: block;
    text-align: center;
    -webkit-transform: translate(-50%, 0) rotate(0);
    -moz-transform: translate(-50%, 0) rotate(0);
    transform: translate(-50%, 0) rotate(0);
    -webkit-animation: fade_move_down 2s ease-in-out infinite;
    -moz-animation: fade_move_down 2s ease-in-out infinite;
    animation: fade_move_down 2s ease-in-out infinite;
    margin: 0 auto
}

@-webkit-keyframes fade_move_down {
    0%, 100% {
        -webkit-transform: translate(0, -10px) rotate(0)
    }

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

@-moz-keyframes fade_move_down {
    0%, 100% {
        -moz-transform: translate(0, -10px) rotate(0)
    }

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

@keyframes fade_move_down {
    0%, 100% {
        transform: translate(0, -10px) rotate(0)
    }

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

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts.hover:hover img, .ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts.hover:hover img, .ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts.hover:hover img, .ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts.hover:hover img, .ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts.hover:hover img, .ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts.hover:hover img {
    transform: scale(1.3)
}

@media only screen and (max-width:767px) {
    .banner450x-arrow {
        bottom: 40px
    }

    .banner450x-arrow svg {
        margin: 0 auto
    }

    .banner450x {
        padding: 0 15px
    }

    .banner450x .banner450x-superscooter {
        top: 48%
    }

    .banner450x .banner450x-img img {
        width: 75%
    }

    .banner450x-content {
        width: 100%;
        padding: 40px 35px
    }

    .banner450x-content h1 {
        font-size: 24px !important
    }

    .banner450x-content p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 24px
    }

    .banner450x-content label {
        font-size: 14px;
        width: 100%
    }

    .banner450x-content .banner-label {
        color: #fff;
        line-height: 26px;
        display: block;
        text-align: center;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 400;
        margin: 96px auto 0 !important
    }

    .banner450x-content .banner-label a {
        color: #fff;
        cursor: pointer;
        position: relative
    }

    .banner450x-content .banner-label a:hover {
        color: #fff
    }

    .banner450x-content .banner-label a:after {
        content: '';
        display: block;
        background-color: #FFF;
        position: absolute;
        height: 1px;
        width: 100%;
        right: 0;
        bottom: 0
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom .invite450x-green-border-btn, .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-green-btn {
        height: 50px
    }

    .banner450x-content .timer-details {
        margin-top: 98px
    }

    .banner450x-content .timer-details ul {
        width: 80%
    }

    .banner450x-content .banner-label {
        width: 100%;
        font-size: 14px
    }

    .banner450x-content .banner-label a {
        display: inline-block
    }

    .invite450x-section-container {
        width: 95%
    }

    .invite450x-section-container .invite450x-section {
        padding: 32px 20px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap, .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card {
        width: 100%
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top {
        padding: 24px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-top-head h1 {
        font-size: 20px !important;
        line-height: 26px !important
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-city {
        margin: 0 auto;
        padding-top: 16px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-card-city label {
        font-size: 14px;
        line-height: 20px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom .invite450x-green-border-btn label, .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-top .invite450x-green-btn label {
        font-size: 14px;
        line-height: 22px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .dashed-divider {
        width: 90%
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .dashed-divider .dashed-line {
        background-image: linear-gradient(to right, transparent 59%, #02A65D 50%);
        background-size: 20px 100%
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap .invite450x-card .invite450x-card-bottom {
        padding: 32px 24px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap p.other-link {
        width: 100%
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap p.other-link label {
        font-size: 12px
    }

    .invite450x-section-container .invite450x-section .invite450x-card-wrap p.other-link a {
        font-size: 12px;
        display: inline-block
    }

    .invite450x-section-container .invite450x-section .invite450x-content {
        width: 100%;
        padding: 64px 0 0
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top p {
        width: 100%;
        margin-top: 32px;
        font-size: 14px;
        text-align: center
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label, .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label span {
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label span.mob-text {
        display: inline
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-top label span.web-text {
        display: none
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom {
        width: 100%;
        flex-direction: column;
        padding: 36px 0 0
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail {
        display: flex;
        flex-basis: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail .invite450x-content-img {
        width: 65px
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail .invite450x-content-img img {
        object-fit: contain
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-detail label {
        width: 50%;
        text-align: center
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list {
        flex-basis: 100%
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul {
        margin-top: 16px
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li {
        width: 65%;
        margin: 25px auto 0;
        padding-top: 16px;
        text-align: center
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li label {
        font-size: 14px;
        line-height: 21px
    }

    .invite450x-section-container .invite450x-section .invite450x-content .invite450x-content-bottom .invite450x-content-list ul li:before {
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        top: -7px
    }

    .rules450x {
        padding: 64px 35px
    }

    .rules450x .rules450x-content {
        width: 100%;
        padding-top: 24px
    }

    .rules450x .rules450x-content p {
        font-size: 14px
    }
}

.gradient-overlay, .gradient-overlay-mob {
    background-image: linear-gradient(to bottom, transparent 0, #141517e8 80%)
}

.ather450x-charge, .ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper, .ather450x-intelligence, .ather450x-performance, .dealership-section {
    background-repeat: no-repeat;
    background-size: cover
}

.ather450x-film a, .see-all {
    display: inline-block;
    cursor: pointer
}

@media only screen and (max-width:320px) {
    .invite450x-section-container {
        width: 100%
    }
}

.gradient-overlay {
    height: 120%
}

.gradient-overlay-mob {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.see-all {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #fff
}

.see-all:hover {
    color: #fff
}

.expand-section {
    overflow: hidden;
    max-height: 0;
    transition: max-height 1.5s cubic-bezier(0, 1, 0, 1)
}

.expand-section.active {
    max-height: 10000px;
    transition: max-height 3s ease-in
}

.ather450x-banner .ather450x-banner-img {
    background-color: #232425
}

.ather450x-banner .ather450x-banner-content {
    padding: 5% 0 5% 10%;
    background-color: #191919
}

.ather450x-banner .ather450x-banner-content h1 {
    color: #fff;
    font-size: 32px !important;
    line-height: 36px !important
}

.ather450x-film {
    width: 640px;
    margin: 0 auto;
    padding: 234px 0
}

.ather450x-film p {
    color: #FFF;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 64px
}

.ather450x-film p span {
    color: #FFDE55
}

.ather450x-film a {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    position: relative
}

.ather450x-film a:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    display: block;
    transition: width .5s linear;
    bottom: -8px
}

.ather450x-film a svg {
    margin-left: 14px
}

.ather450x-performance {
    background-position: center;
    position: relative;
    height: 1024px;
    background-color: #232425
}

.ather450x-performance .ather450x-performance-container {
    padding: 500px 0 72px;
    height: 100%
}

.ather450x-performance .ather450x-performance-container .common450x-content {
    z-index: 9;
    position: relative
}

.ather450x-performance .ather450x-performance-container .common450x-content p {
    width: 530px
}

.ather450x-performance .ather450x-performance-container .specification-wrap {
    display: flex;
    justify-content: space-around;
    width: 1080px;
    margin: 100px auto 0;
    z-index: 9;
    position: relative
}

.ather450x-performance .ather450x-performance-container .specification-wrap .specification {
    text-align: center;
    width: 300px;
    padding: 0
}

.ather450x-performance .ather450x-performance-container .specification-wrap .specification label {
    color: #ffde55;
    font-size: 32px;
    line-height: 38px
}

.ather450x-performance .ather450x-performance-container .specification-wrap .specification label span {
    display: inline;
    color: #ffde55;
    font-size: 32px;
    line-height: 38px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ather450x-performance .ather450x-performance-container .specification-wrap .specification span {
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    display: block;
    margin-top: 8px
}

.ather450x-performance .ather450x-performance-container .expand-btn-wrapper {
    display: flex;
    justify-content: center;
    z-index: 9;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0
}

.ather450x-performance-inner {
    padding: 50px 145px 0
}

.ather450x-performance-inner .brand-new-content {
    width: 970px;
    display: flex;
    margin: 0 auto;
    padding: 145px 0
}

.ather450x-performance-inner .brand-new-content .brand-new {
    width: 440px;
    margin-right: 20px
}

.ather450x-performance-inner .brand-new-content .brand-new p {
    font-size: 18px;
    color: #a1a1a1;
    line-height: 24px
}

.ather450x-performance-inner .brand-new-content .brand-new p span {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap {
    display: flex;
    margin-top: 64px
}

.ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque {
    width: 220px
}

.ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque span {
    display: block;
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque label {
    color: #a1a1a1;
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 34px
}

.ather450x-performance-inner .bike-body-img {
    width: 100%;
    height: 400px;
    margin: auto;
    position: relative;
    max-width: 950px
}

.ather450x-performance-inner .bike-body-img img {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    object-fit: contain
}

.ather450x-performance-inner .bike-body-img img.ap-img {
    opacity: 1;
    transition: opacity .25s linear
}

.ather450x-performance-inner .bike-body-img img.ab-img {
    opacity: 0;
    transition: opacity .25s linear
}

.ather450x-performance-inner .ather450x-battery {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1000px;
    margin: 0 auto;
    padding-top: 148px
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-content {
    width: 410px
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-content h1 {
    color: #fff;
    font-size: 32px !important;
    line-height: 40px !important
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-content h1 span {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-content p {
    color: #a1a1a1;
    font-size: 18px;
    line-height: 28px;
    padding: 32px 0 42px
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-rating {
    width: 440px
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul {
    display: flex;
    justify-content: space-between;
    width: 320px
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul li label {
    color: #fff;
    display: block;
    font-size: 28px;
    line-height: 34px
}

.ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul li span {
    color: #a1a1a1;
    display: block;
    font-size: 28px;
    line-height: 34px
}

.ather450x-performance-inner .ather450x-truerange-wrap {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 106px 0 148px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange {
    width: 350px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value {
    margin-bottom: 72px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value label {
    font-size: 72px;
    line-height: 60px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: block
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value label.why-care {
    line-height: 94px;
    font-size: 62px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value span {
    font-size: 24px;
    color: #686868;
    display: block;
    margin-top: 16px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-type ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #46484F;
    border-radius: 24px;
    width: 350px;
    height: 40px;
    padding: 0 8px;
    position: relative
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-type ul li {
    color: #A1A1A1;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    flex-basis: 25%;
    border-radius: 24px;
    text-align: center;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-type ul li.active {
    background-color: #3B9B2F;
    color: #fff
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content {
    width: 450px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content p {
    color: #9F9F9F;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 48px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content p span {
    color: #fff
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content .idc-range label {
    color: #FFDE55;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding-right: 10px
}

.ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content .idc-range span {
    color: #fff;
    font-size: 18px;
    line-height: 22px
}

.ather450x-performance-inner .ather450x-reverse-mode {
    display: flex;
    justify-content: space-between;
    margin: 0 auto
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-img {
    height: 240px;
    width: 66%
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-content {
    width: 32%
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-content p {
    color: #A1A1A1;
    font-size: 24px;
    line-height: 32px
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-content p span {
    color: #fff
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 112px
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-left {
    height: 500px;
    width: 33%
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts {
    flex-basis: 32.5%;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-color: #494A4C
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 3s ease-in
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts label {
    position: absolute;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 00;
    bottom: 30px;
    left: 37px
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right {
    display: flex;
    flex-direction: column;
    width: 66%;
    justify-content: space-between
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top {
    display: flex;
    height: 246px;
    justify-content: space-between
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts {
    height: 100%;
    position: relative;
    overflow: hidden;
    flex-basis: 49.3%;
    background-color: #494A4C
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts img {
    height: 100%;
    object-fit: cover;
    transition: transform 3s ease-in
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts label {
    position: absolute;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 00;
    bottom: 30px;
    left: 37px
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom {
    height: 246px
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts {
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #494A4C
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 3s ease-in
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts label {
    position: absolute;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 00;
    bottom: 30px;
    left: 37px
}

.ather450x-performance-inner .ather450x-reverse-mode .ather450x-bike-parts-wrap-mob {
    display: none
}

.ather450x-performance-inner .ather450x-bike-parts-wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 112px
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-left {
    height: 500px;
    flex-basis: 33%
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts {
    flex-basis: 32.5%;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-color: #494a4c
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 3s ease-in
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-left .ather450x-bike-parts label {
    position: absolute;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 00;
    bottom: 30px;
    left: 37px
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right {
    display: flex;
    flex-direction: column;
    flex-basis: 66%;
    justify-content: space-between
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top {
    display: flex;
    height: 244px;
    justify-content: space-between
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts {
    height: 100%;
    position: relative;
    overflow: hidden;
    flex-basis: 49.3%;
    background-color: #494a4c
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 3s ease-in
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-top .ather450x-bike-parts label {
    position: absolute;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 00;
    bottom: 30px;
    left: 37px
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom {
    height: 244px
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts {
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #494a4c
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 3s ease-in
}

.ather450x-performance-inner .ather450x-bike-parts-wrap .ather450x-bike-parts-right .ather450x-bike-parts-right-bottom .ather450x-bike-parts label {
    position: absolute;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 00;
    bottom: 30px;
    left: 37px
}

.ather450x-performance-inner .ather450x-bike-parts-wrap-mob {
    display: none
}

.ather450x-intelligence {
    position: relative;
    background-position: center;
    height: 1100px;
    background-color: #232425
}

.ather450x-intelligence .ather450x-intelligence-container {
    padding: 500px 0 72px;
    height: 100%
}

.ather450x-intelligence .ather450x-intelligence-container .common450x-content {
    z-index: 9;
    position: relative
}

.ather450x-intelligence .ather450x-intelligence-container .common450x-content p {
    width: 640px
}

.ather450x-intelligence .ather450x-intelligence-container .specification-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 1107px;
    margin: 5% auto 0;
    z-index: 9;
    position: relative
}

.ather450x-intelligence .ather450x-intelligence-container .specification-wrap .specification {
    text-align: center;
    width: 300px;
    padding: 0;
    margin-bottom: 32px
}

.ather450x-intelligence .ather450x-intelligence-container .specification-wrap .specification label {
    color: #ffde55;
    font-size: 24px;
    line-height: 28px
}

.ather450x-intelligence .ather450x-intelligence-container .specification-wrap .specification span {
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    display: block;
    margin-top: 8px
}

.ather450x-intelligence .ather450x-intelligence-container .expand-btn-wrapper {
    display: flex;
    justify-content: center;
    z-index: 9;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0
}

.ather450x-intelligence-inner {
    padding: 50px 0 0
}

.ather450x-intelligence-inner .ather450x-dashboard-content {
    width: 701px;
    text-align: center;
    margin: 0 auto;
    padding: 140px 0
}

.ather450x-intelligence-inner .ather450x-dashboard-content h2 {
    color: #fff;
    font-size: 22px !important;
    line-height: 32px !important
}

.ather450x-intelligence-inner .ather450x-dashboard-content p {
    color: #a1a1a1;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    margin-bottom: 0
}

.ather450x-intelligence-inner .ather450x-dashboard-content p label {
    display: block;
    padding-top: 42px
}

.ather450x-intelligence-inner .ather450x-dashboard-specs-list {
    display: flex;
    width: 600px;
    color: #a1a1a1;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    margin: 0 auto;
    padding-top: 84px;
    justify-content: space-around
}

.ather450x-intelligence-inner .ather450x-dashboard-specs-list .ather450x-dashboard-specs {
    display: flex;
    flex-direction: column
}

.ather450x-intelligence-inner .ather450x-dashboard-specs-list .ather450x-dashboard-specs label {
    color: #fff;
    margin: 0 auto
}

.ather450x-intelligence-inner .dashboard-overall-wrap {
    padding-bottom: 112px
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap {
    display: flex;
    margin: 0 auto;
    width: 1123px;
    position: relative
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard {
    height: 372px;
    width: 620px;
    background-color: transparent;
    border-radius: 5px
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap {
    margin-top: 75px
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc {
    width: 433px;
    padding-left: 130px;
    margin-bottom: 84px;
    opacity: .1;
    transition: opacity 1s;
    -webkit-transition: opacity 1s
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc .dashboard-desc-img {
    margin-bottom: 24px
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc h1 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 28px !important;
    line-height: 36px !important
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc h1 span sup {
    font-size: 35px;
    top: -2px
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc h1 sup {
    font-size: 12px;
    top: -14px
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc p {
    color: #9f9f9f;
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc:nth-of-type(6) {
    margin-bottom: 0
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc.active {
    opacity: 1
}

.ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap.flex-end {
    align-items: flex-end
}

.ather450x-intelligence-inner .ather450x-remote-access {
    background-color: #494B4E;
    padding: 101px 200px 67px;
    display: flex
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content {
    width: 300px
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content .ather450x-remote-access-heading {
    margin-bottom: 100px
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content .ather450x-remote-access-heading p {
    color: #9F9F9F;
    font-size: 18px;
    line-height: 24px
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content .ather450x-remote-access-heading p span {
    color: #fff
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content .ather450x-remote-access-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content .ather450x-remote-access-list .ather450x-remote-access-list-desc {
    flex-basis: 50%;
    padding-bottom: 48px
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content .ather450x-remote-access-list .ather450x-remote-access-list-desc label {
    color: #FFF;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.ather450x-intelligence-inner .ather450x-remote-access .ather450x-remote-access-content .ather450x-remote-access-list .ather450x-remote-access-list-desc:nth-of-type(1) label {
    width: 85%
}

.ather450x-charge {
    background-position: center;
    background-color: #191919;
    padding: 500px 0 72px;
    position: relative;
    height: 1024px;
    overflow: hidden
}

.ather450x-charge .common450x-content h1 span {
    color: #fff
}

.ather450x-charge .common450x-content p {
    width: 351px;
    color: #fff
}

.ather450x-charge .ather450x-charge-content {
    display: flex;
    justify-content: space-around;
    width: 924px;
    margin: 100px auto 0
}

.ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail {
    text-align: center;
    width: 173px;
    padding: 0;
    margin-bottom: 55px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail label {
    color: #ffde55;
    font-size: 24px;
    line-height: 34px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center
}

.ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail p {
    text-align: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    display: block;
    margin-top: 15px
}

.ather450x-charge .expand-btn-wrapper {
    display: flex;
    justify-content: center;
    z-index: 9;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0
}

.ather450x-other-specs {
    background-color: #191919;
    padding: 84px 40px 150px;
    position: relative;
    margin: 50px 0
}

.ather450x-other-specs .ather450x-other-specs-content h1 {
    color: #FFF;
    font-size: 36px !important;
    line-height: 40px !important;
    text-align: center;
    padding-bottom: 4%
}

.ather450x-other-specs .ather450x-other-specs-content p {
    color: #9F9F9F;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    margin: 0 auto
}

.ather450x-other-specs .ather450x-other-specs-content p span {
    color: #fff
}

.ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 1000px;
    margin: 5% auto 0;
    z-index: 9;
    position: relative
}

.ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list {
    text-align: center;
    width: 210px;
    padding: 0;
    margin-bottom: 60px;
    flex-basis: 25%
}

.ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list .ather450x-other-list-desc {
    display: flex;
    justify-content: center;
    text-align: left
}

.ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list .ather450x-other-list-desc label {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    width: 158px;
    display: block
}

.ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list .ather450x-other-list-desc label span {
    color: #a1a1a1
}

.ather450x-other-specs .expand-btn-wrapper {
    display: flex;
    justify-content: center;
    z-index: 9;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0
}

.ather450x-charging-section-wrap {
    position: relative
}

.ather450x-charging-section-wrap .charging-section {
    position: relative;
    padding-top: 0
}

.ather450x-charging-section-wrap .charging-section .pinContainer {
    position: relative;
    padding: 0
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section.scroll-start .charge-wrapper {
    position: relative
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section.scroll-end .charge-wrapper#section-three, .ather450x-charging-section-wrap .charging-section .charge-swipe-section.scroll-start .charge-wrapper#section-one {
    background-attachment: scroll
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper {
    background-position: 100%;
    background-attachment: fixed;
    position: relative
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail {
    background-color: #FFF;
    padding: 48px
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .content-section {
    position: relative;
    margin: 0;
    transform: initial;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0;
    height: 430px
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .content-section P {
    font-size: 18px;
    line-height: 28px;
    color: #191919;
    margin: 0
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .content-section P span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #191919
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .content-section ul li label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #191919;
    font-size: 18px;
    line-height: 28px;
    display: block;
    padding-bottom: 0
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .content-section ul li span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #191919;
    font-size: 18px;
    line-height: 28px
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .charge-notes {
    margin-top: 16px;
    position: relative
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper .ather-container .charge-public-detail .charge-notes a {
    margin-top: 32px
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper#section-one {
    background-image: url(../../images/450x/charge_home.jpg)
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper#section-two {
    background-image: url(../../images/450x/chargeinside.png)
}

.ather450x-charging-section-wrap .charging-section .charge-swipe-section .charge-wrapper#section-three {
    background-image: url(../../images/450x/charge-outside.png)
}

.ather450x-one-scooter {
    padding: 84px 40px 72px;
    background-color: #fff
}

.ather450x-one-scooter .ather450x-one-content {
    text-align: center
}

.ather450x-one-scooter .ather450x-one-content h2 {
    font-size: 36px !important;
    line-height: 42px !important;
    padding-bottom: 4%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-one-scooter .ather450x-one-content p {
    line-height: 32px !important;
    font-size: 22px !important;
    color: #727272 !important;
    width: 50%;
    margin: 0 auto
}

.ather450x-one-scooter .ather450x-one-desc-section {
    display: flex;
    width: 1000px;
    justify-content: space-between;
    padding-top: 100px;
    margin: 0 auto;
    flex-wrap: wrap
}

.ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc {
    width: 440px;
    padding-bottom: 60px
}

.ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc h2 {
    font-size: 20px !important;
    line-height: 32px !important;
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc p {
    color: #727272;
    font-size: 18px !important;
    line-height: 24px !important
}

.ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc p span {
    color: #191919
}

.ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc p label {
    font-style: italic
}

.ather450x-how-works-wrap .ather450x-how-works {
    background-color: #DADADA;
    padding: 60px;
    text-align: center;
    width: 984px;
    margin: -75px auto 0;
    position: relative
}

.ather450x-how-works-wrap .ather450x-how-works h2 {
    color: #191919;
    font-size: 28px !important;
    line-height: 32px !important;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.ather450x-how-works-wrap .ather450x-how-works .ather450x-how-works-content {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 80px 60px 0;
    position: relative
}

.ather450x-how-works-wrap .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-content-desc {
    text-align: left
}

.ather450x-how-works-wrap .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-content-desc h3 {
    color: #191919;
    font-size: 18px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    line-height: 28px
}

.ather450x-how-works-wrap .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-content-desc ul li label, .ather450x-how-works-wrap .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-content-desc ul li span {
    color: #191919;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 28px
}

.ather450x-how-works-wrap .ather450x-how-works .ather450x-how-works-content .how-works-content-plus {
    text-align: left;
    font-size: 24px
}

.ather450x-how-works-wrap .ather450x-how-works .ather450x-how-works-content:before {
    content: '';
    background-color: #979797;
    position: absolute;
    height: 68%;
    width: 1px;
    left: 48%;
    margin: 0 auto
}

.ather450x-ownership-plan {
    margin-top: -327px;
    padding-top: 452px;
    background-color: #191919
}

.ather450x-ownership-plan h2 {
    color: #FFF;
    font-size: 20px !important;
    line-height: 32px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-ownership-plan .ather450x-how-works-content {
    padding-top: 80px;
    display: flex;
    width: 1000px;
    justify-content: space-between;
    margin: 0 auto
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card {
    width: 280px;
    padding-bottom: 30px
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-img {
    height: 80px
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-img .pro {
    font-size: 14px;
    line-height: 17px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background-color: #676767;
    border-radius: 2px;
    width: 123px;
    height: 35px;
    padding: 8px 14px;
    text-align: left;
    color: #fff;
    margin: 0 auto 7px
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-img .pro span {
    float: right;
    color: #FFDE55
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-img .plus {
    font-size: 14px;
    line-height: 17px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background-color: #515151;
    border-radius: 2px;
    width: 123px;
    height: 35px;
    padding: 8px 14px;
    text-align: left;
    color: #8A8A8A;
    margin: 0 auto 7px
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-desc {
    margin-bottom: 50px
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-desc label {
    font-size: 16px;
    line-height: 20px;
    color: #FFDE55;
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-desc p {
    padding-top: 15px;
    font-size: 20px;
    line-height: 28px;
    color: #FFF
}

.ather450x-ownership-plan .ather450x-how-works-content .how-works-content-card .how-works-desc p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.what-you-plan {
    background-color: #1A1A1B;
    padding: 80px;
    text-align: center
}

.what-you-plan h2 {
    color: #FFF;
    font-size: 28px !important;
    line-height: 44px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.what-you-plan .what-you-plan-card-section {
    padding-top: 70px;
    width: 1000px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card {
    width: 428px;
    height: 589px;
    background-color: #FFF;
    border-radius: 5px;
    text-align: left
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content {
    padding: 57px 50px
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content:last-child {
    padding-top: 30px
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content label {
    color: #191919;
    line-height: 36px;
    font-size: 24px;
    width: 70%;
    display: inline-block
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content h2 {
    color: #191919;
    line-height: 48px !important;
    font-size: 64px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 35px 0 10px
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content h2 sup {
    font-size: 32px;
    line-height: 48px
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
    color: #a1a1a1
}

.what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content p label {
    color: #191919;
    font-size: 14px;
    line-height: 20px;
    display: block
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section {
    width: 514px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-vairant-card-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-vairant-card-head label {
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-vairant-card-head span {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    font-style: italic
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card {
    background-color: #3F3F3F;
    border-radius: 10px;
    margin-bottom: 30px;
    cursor: pointer
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-head {
    padding: 37px 37px 30px;
    display: flex;
    justify-content: space-between
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-head label {
    color: #FFF;
    font-size: 28px;
    line-height: 32px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-head span {
    color: #FFF;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-head span .sup {
    top: 0;
    font-size: 24px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content {
    margin: 0 40px;
    text-align: left;
    padding: 20px 0;
    border-top: 1px solid #FFDE55;
    height: 306px;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list {
    border-bottom: 1px solid #FFDE55;
    padding-bottom: 25px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list h2 {
    font-size: 16px !important;
    line-height: 20px !important;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 15px !important
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list h2 span {
    float: right;
    color: #FFDE55
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list ul li {
    width: 140px;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card.inactive .choose-variant-card-head .tick, .what-you-plan-mob {
    display: none
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list ul li label {
    color: #A1A1A1;
    font-size: 16px;
    line-height: 20px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list ul li label span {
    color: #fff
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list ul li:first-child {
    padding-left: 0
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list ul li:last-child {
    padding-right: 0
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-variant-card-bottom-list {
    margin-top: 20px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-variant-card-bottom-list ul li {
    margin-bottom: 12px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-variant-card-bottom-list ul li label {
    color: #A1A1A1;
    font-size: 16px;
    line-height: 20px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-variant-card-bottom-list ul li label span {
    color: #fff
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card.inactive {
    background-color: #262627;
    margin-bottom: 30px
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card.inactive .choose-variant-card-head {
    border-bottom: 0
}

.what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card.inactive .choose-variant-card-content {
    height: 0;
    overflow: hidden;
    padding: 0;
    border: none
}

.ather450x-warranty-section {
    padding: 80px;
    background-color: #fff
}

.ather450x-warranty-section .warranty-card-section {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #979797;
    padding-bottom: 100px
}

.ather450x-warranty-section .warranty-card-section .warranty-card-left {
    width: 300px
}

.ather450x-warranty-section .warranty-card-section .warranty-card-left h2 {
    color: #191919;
    font-size: 28px !important;
    line-height: 36px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding-bottom: 50px
}

.ather450x-warranty-section .warranty-card-section .warranty-card-left p {
    color: #191919;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 0
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right {
    display: flex;
    justify-content: space-between;
    width: 550px;
    flex-wrap: wrap
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-right-card {
    width: 230px
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-right-card label {
    color: #191919;
    font-size: 24px;
    line-height: 48px;
    display: block
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-right-card span {
    font-size: 36px;
    line-height: 44px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-right-card p {
    color: #A1A1A1;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 20px;
    padding-top: 20px
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-card-notes {
    padding-top: 50px;
    width: 60%
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-card-notes p {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #a1a1a1
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-card-notes p span {
    color: #191919;
    margin-top: 10px;
    display: block
}

.ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-card-notes p label {
    color: #191919
}

.ather450x-warranty-section .warranty-card-desc {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 100px
}

.ather450x-warranty-section .warranty-card-desc h2 {
    color: #191919;
    font-size: 36px !important;
    line-height: 42px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-warranty-section .warranty-card-desc label {
    color: #000;
    line-height: 36px;
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.ather450x-warranty-section .warranty-card-desc label span {
    color: #A1A1A1
}

.ather450x-pricing-section {
    margin-bottom: 62px;
    margin-top: 84px
}

.ather450x-pricing-section .common450x-content p {
    width: 624px;
    margin: 0 auto
}

.ather450x-pricing-section .common450x-content p:last-child {
    padding-top: 0
}

.ather450x-pricing-section .ather450x-pricing-desc {
    width: 1030px;
    margin: 64px auto 0;
    position: relative;
    border-radius: 4px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details {
    display: flex;
    position: relative
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap {
    flex-basis: 50%;
    display: flex;
    justify-content: center
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner {
    padding: 78px 60px 0;
    position: relative;
    width: 100%
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription {
    background-color: #26272A;
    border-radius: 0 4px 4px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 90px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul {
    display: flex;
    width: 263px;
    position: relative
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul li {
    width: 160px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul li a {
    color: #8A8A8A;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul li.active a {
    color: #FFF;
    position: relative
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul li.active a:after {
    content: '';
    background-color: #fff;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab .ather450x-select-model {
    display: flex;
    align-items: center;
    margin-top: 48px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab .ather450x-select-model li {
    height: 17px;
    width: 17px;
    border-radius: 100%;
    margin-right: 13px;
    cursor: pointer
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab .ather450x-select-model li:nth-child(1) {
    background-color: #3C3C3C
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab .ather450x-select-model li:nth-child(2) {
    background-color: #65C599
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab .ather450x-select-model li:nth-child(3) {
    background-color: #fff
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab .ather450x-select-model li.active {
    height: 23px;
    width: 23px;
    border: 3px solid #DEDEDE
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-details-specs {
    margin-top: 160px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-details-specs .ather450x-details-specs-list {
    display: inline-block
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-details-specs .ather450x-details-specs-list li {
    border-bottom: 1px solid rgba(151, 151, 151, .25);
    padding: 8px 0
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-details-specs .ather450x-details-specs-list li label {
    color: #FFF;
    font-size: 14px;
    line-height: 24px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-details-specs .ather450x-details-specs-list li label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-details-specs .ather450x-details-specs-list li:last-child {
    border-bottom: none
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-variant {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 292px;
    width: 238px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-variant img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment {
    background-color: #CECACA;
    border-radius: 4px 0 0 4px;
    padding-bottom: 48px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-intro p {
    font-size: 15px;
    line-height: 20px;
    min-height: 93px;
    color: #5E5E5E
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-payment {
    display: flex;
    align-items: flex-end
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-payment ul li span {
    color: #191919;
    font-size: 32px;
    line-height: 48px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-payment ul li label {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    display: block
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-payment ul li svg {
    height: 32px;
    width: 20px;
    margin-bottom: 4px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-terms {
    padding-bottom: 8px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-terms p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    color: #5E5E5E
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-terms p span {
    color: #191919
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-terms p.new-delhi-price {
    padding: 4px 8px;
    background-color: #ffde29;
    margin-top: 8px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-terms p.new-delhi-price a {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-subsidy {
    background-color: #FFDE29;
    padding: 9px 10px;
    margin-bottom: 16px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-subsidy label {
    color: #191919;
    font-size: 10px;
    line-height: 16px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-subsidy label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-subsidy p {
    color: #191919;
    font-size: 10px;
    line-height: 16px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-emi-notes {
    background-color: #FFF;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 32px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-emi-notes p {
    color: #000;
    font-size: 12px;
    line-height: 14px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-warrenty ul li {
    border-bottom: 1px solid #979797;
    padding: 4px 0
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-warrenty ul li span {
    color: #191919;
    font-size: 14px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-warrenty ul li label {
    color: #191919;
    font-size: 15px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-warrenty ul li label a {
    color: #191919;
    border-bottom: 1px solid;
    cursor: pointer
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-warrenty ul li:first-child {
    padding: 0 0 18px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-warrenty ul li:first-child label {
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-upgrade {
    padding-top: 40px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-upgrade h6 {
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    padding-bottom: 6px;
    color: #6D7278
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-upgrade ul li {
    padding-top: 12px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-upgrade ul li label {
    color: #191919;
    font-size: 14px;
    line-height: 24px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-upgrade ul li span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment .ather450x-pricing-upgrade ul li:first-child {
    padding-bottom: 12px;
    border-bottom: 1px solid #979797
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-divider {
    margin-top: 62px
}

.ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-divider label {
    color: #FFF;
    font-size: 18px;
    line-height: 42px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center
}

.ather450x-battery-subscription {
    padding: 110px 80px;
    background-color: #464646;
    text-align: center;
    margin-top: 50px
}

.ather450x-battery-subscription .ather450x-content {
    width: 632px;
    margin: 0 auto
}

.ather450x-battery-subscription .ather450x-content h1 {
    color: #FFF !important;
    font-size: 36px !important;
    line-height: 42px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    width: 500px;
    margin: 0 auto !important;
    text-align: center;
    padding-bottom: 48px
}

.ather450x-battery-subscription .ather450x-content label {
    color: #FFF;
    font-size: 14px;
    line-height: 42px
}

.ather450x-battery-subscription .ather450x-content p {
    color: #FFF;
    font-size: 14px;
    line-height: 24px
}

.ather450x-battery-subscription .battery-sub-detail {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 1010px;
    margin: 72px auto 0
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc {
    flex-basis: 25%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap {
    display: flex;
    flex-direction: column;
    width: 200px;
    min-height: 168px;
    align-items: center;
    justify-content: center
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-img {
    display: flex
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-img.connected-services-img {
    height: 70px;
    width: 200px;
    margin-top: -32px
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-img.unlimited-battery-img {
    height: 55px;
    width: 142px
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-img.battery-replacement-img {
    height: 67px;
    width: 160px;
    margin-top: -12px
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-img.exit-subscription-img {
    height: 75px;
    width: 170px
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-img img {
    width: 100%
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-content {
    padding-top: 12px
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-content label {
    display: block;
    color: #FFF;
    font-size: 14px;
    line-height: 24px
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-content p {
    font-size: 14px;
    line-height: 20px;
    color: #FFF
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-content p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc:nth-of-type(1) .battery-sub-content {
    padding-top: 9px
}

.ather450x-battery-subscription .expand-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 57px
}

.ather450x-battery-inner {
    background-color: #464646;
    padding: 0 80px
}

.ather450x-battery-inner .ather450x-battery-inner-heading {
    text-align: center;
    width: 675px;
    margin: 0 auto
}

.ather450x-battery-inner .ather450x-battery-inner-heading h1 {
    color: #FFF;
    font-size: 18px !important;
    line-height: 48px !important
}

.ather450x-battery-inner .ather450x-battery-inner-heading p {
    color: #D9D9D9;
    font-size: 16px;
    line-height: 28px;
    margin-top: 24px
}

.ather450x-battery-inner .ather450x-battery-container {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 55px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing {
    background-color: #26272A;
    padding: 32px 78px 64px;
    margin-top: 64px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab {
    width: 263px;
    margin: 0 auto
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab label {
    color: #FFF;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    display: block
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul {
    display: flex;
    margin-top: 18px;
    position: relative
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content, .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail ul {
    margin-top: 40px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul li {
    width: 160px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul li a {
    color: #8A8A8A;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul li.active a {
    color: #FFF;
    position: relative
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul li.active a:after {
    content: '';
    background-color: #fff;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content {
    border: 1px solid #6C6F78;
    padding: 40px 78px;
    display: flex
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-price {
    flex-basis: 50%
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-price label {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-price span {
    color: #FFF;
    font-size: 24px;
    line-height: 48px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: block
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-price p {
    color: #989898;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 48px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail {
    flex-basis: 50%
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail p {
    color: #989898;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 0
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail h1 {
    color: #FFF;
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail ul li {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #979797;
    padding: 10px 0
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail ul li span {
    color: #949494;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding-right: 8px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail ul li label {
    color: #949494;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail ul li:first-child {
    padding-top: 0
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-divider svg {
    color: #fff;
    font-size: 24px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight {
    margin-top: 92px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight h1 {
    color: #FFF;
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-align: center
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 92px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content {
    width: 380px;
    margin-bottom: 80px;
    position: relative
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content label {
    color: #FFF;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content p {
    color: #FFF;
    font-size: 16px;
    line-height: 28px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    height: 6px;
    width: 38px;
    background-color: #FFDE55
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq {
    display: flex;
    flex-direction: column;
    padding-top: 16px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-top {
    display: flex;
    padding-bottom: 32px;
    justify-content: space-between;
    align-items: center
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-top .ather450x-subscription-faq-img svg {
    color: #26272A;
    font-size: 32px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-top .ather450x-subscription-faq-divider {
    width: 90%;
    border-bottom: 1px solid #26272A
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-bottom {
    display: flex;
    justify-content: space-between
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-bottom .ather450x-subscription-faq-content {
    flex-basis: 50%
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-bottom .ather450x-subscription-faq-content label {
    color: #FFDE29;
    font-size: 16px;
    line-height: 28px;
    display: block
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-bottom .ather450x-subscription-faq-content span {
    color: #fff;
    font-size: 16px;
    line-height: 28px
}

.ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-bottom .ather450x-subscription-faq-content:nth-of-type(1) {
    flex-basis: 40%
}

.ather450x-preorder {
    margin-top: 50px;
    background-color: #191919;
    padding: 92px 80px 176px
}

.ather450x-preorder h1 {
    color: #FFF;
    font-size: 28px !important;
    line-height: 42px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-align: center
}

.ather450x-preorder .ather450x-preorder-deatil {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 960px;
    margin: 92px auto 0
}

.ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content {
    width: 400px;
    margin-bottom: 80px;
    position: relative
}

.ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content label {
    color: #FFF;
    font-size: 16px;
    line-height: 42px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content p {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0
}

.ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content p span {
    display: inline-block
}

.ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content p a {
    color: #FFF;
    border-bottom: 1px solid #fff
}

.ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    height: 6px;
    width: 38px;
    background-color: #FFDE55
}

.ather450x-preorder-card {
    position: sticky;
    bottom: -100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 60px;
    background-color: #FFDE55;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin: -176px 80px 140px
}

.ather450x-preorder-card .ather450x-preorder-card-content p {
    color: #000;
    font-size: 22px;
    line-height: 42px
}

.ather450x-preorder-card .ather450x-preorder-card-content p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.ather450x-preorder-card .ather450x-preorder-card-content.po-card-text {
    display: block
}

.ather450x-preorder-card .ather450x-preorder-card-content.po-card-mob-text {
    display: none
}

.ather450x-preorder-card.sticky-card {
    bottom: 0
}

.athe450x-discailmer {
    padding: 80px 60px
}

.athe450x-discailmer p {
    font-size: 12px;
    line-height: 22px;
    color: #9F9F9F;
    display: inline-block
}

.athe450x-discailmer p label {
    color: #fff;
    font-size: 12px;
    line-height: 22px
}

.ather450x-mobile-app-section {
    background-color: #494B4E;
    padding: 101px 200px 67px;
    margin-bottom: 50px
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap {
    display: flex;
    justify-content: space-between;
    background-color: #494B4E;
    padding-top: 0
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-img {
    width: 400px;
    height: 470px;
    z-index: 1
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-img .mobile-app-img-scroll {
    background-image: url(../../images/450x/iphone_frame.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 230px;
    position: relative;
    height: 100%;
    margin: 0 auto
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-img .mobile-app-img-scroll .app-img {
    width: 201px;
    height: 447px;
    padding-top: 15px;
    position: absolute
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-img .mobile-app-img-scroll .app-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-img .mobile-app-img-scroll .slick-list {
    width: 210px !important;
    margin-left: 10px;
    z-index: -999999
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap {
    width: 350px
}

@media screen and (max-width:991px) and (min-width:851px) {
    .ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap {
        width: 400px
    }
}

@media screen and (max-width:850px) and (min-width:768px) {
    .ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap {
        width: 465px
    }
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .ather450x-remote-access-heading {
    margin-bottom: 100px
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .ather450x-remote-access-heading p {
    color: #9F9F9F;
    font-size: 18px;
    line-height: 24px
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .ather450x-remote-access-heading p span {
    color: #fff
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list {
    padding-top: 96px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list div {
    margin-bottom: 8px;
    flex-basis: 50%;
    padding-bottom: 48px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list div label {
    color: #FFF;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block;
    margin-top: 12px !important;
    cursor: pointer
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list div span {
    width: 28px;
    display: block;
    height: 2px;
    background-color: #75787B;
    cursor: pointer
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list div.inProgress {
    padding-bottom: 0
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list div:nth-of-type(1) label {
    width: 85%
}

.ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list div span.progressBar .inProgress {
    background-color: #FFDE55
}

.ather450x-pricing-popup {
    position: relative
}

.ather450x-pricing-popup .drawer-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease 0s, max-height 0s linear .5s;
    -o-transition: opacity .3s ease 0s, max-height 0s linear .5s;
    -moz-transition: opacity .3s ease 0s, max-height 0s linear .5s;
    transition: opacity .3s ease 0s, max-height 0s linear .5s
}

.ather450x-pricing-popup .drawer-mask.show-mask {
    opacity: 1;
    max-height: 100vh;
    -webkit-transition: opacity .3s ease 0s, max-height 0s linear 0s;
    -o-transition: opacity .3s ease 0s, max-height 0s linear 0s;
    -moz-transition: opacity .3s ease 0s, max-height 0s linear 0s;
    transition: opacity .3s ease 0s, max-height 0s linear 0s
}

.ather450x-pricing-popup .ather450x-pricing-modal {
    background-color: #464646;
    padding: 0;
    position: fixed;
    z-index: 9999;
    width: 101%;
    height: 100vh;
    top: 100vh;
    left: 0;
    overflow-x: hidden;
    -webkit-transition: top .7s cubic-bezier(.29, .24, .12, .995);
    -o-transition: top .7s cubic-bezier(.29, .24, .12, .995);
    -moz-transition: top .7s cubic-bezier(.29, .24, .12, .995);
    transition: top .7s cubic-bezier(.29, .24, .12, .995)
}

.ather450x-pricing-popup .ather450x-pricing-modal.showdiv {
    top: 0
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body {
    background-color: #1A1A1B;
    padding-top: 75px;
    padding-bottom: 162px;
    position: relative
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-close {
    margin-bottom: 18px;
    margin-right: 42px;
    display: flex;
    justify-content: flex-end;
    position: sticky;
    top: 75px
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-close label {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    background-color: #1A1A1B
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .common450x-content h1 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap {
    padding-top: 135px;
    padding-bottom: 96px;
    width: 810px;
    margin: 0 auto
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc {
    display: flex;
    justify-content: space-between;
    padding-bottom: 164px;
    align-items: center
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc .ather450x-pricing-modal-content p {
    color: #FFF;
    font-size: 17px;
    line-height: 28px;
    width: 320px
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc .ather450x-pricing-modal-content p label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    display: block
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes {
    border-radius: 5px;
    background-color: #292929;
    padding: 64px;
    display: flex;
    flex-direction: column;
    width: 996px;
    margin: 0 auto
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-top {
    display: flex;
    padding-bottom: 32px;
    justify-content: space-between;
    align-items: center
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-top .ather450x-pricing-modal-notes-img svg {
    color: #686868;
    font-size: 32px
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-top .ather450x-pricing-modal-divider {
    width: 90%;
    border-bottom: 1px solid #686868
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom {
    display: flex;
    justify-content: space-between
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom .ather450x-pricing-modal-notes-content {
    flex-basis: 47%
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom .ather450x-pricing-modal-notes-content label {
    color: #FFDE29;
    font-size: 18px;
    line-height: 28px;
    display: block
}

.ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom .ather450x-pricing-modal-notes-content span {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

.test-preorder450x-section {
    display: flex;
    margin-top: 50px;
    justify-content: space-between
}

.test-preorder450x-section .preorder-link .preorder-link-desc a, .test-preorder450x-section .testride-link .testride-link-desc a {
    margin-top: 32px
}

.test-preorder450x-section .testride-link {
    position: relative;
    height: 350px;
    flex-basis: 48%;
    background-color: #CECACA
}

.test-preorder450x-section .testride-link .testride-link-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 120px;
    right: 0
}

.test-preorder450x-section .testride-link .testride-link-desc h1 {
    color: #191919;
    width: 275px
}

.test-preorder450x-section .preorder-link {
    height: 350px;
    flex-basis: 48%;
    position: relative;
    background-color: #FFF;
    width: 100%
}

.test-preorder450x-section .preorder-link .preorder-link-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 120px;
    right: 0
}

.test-preorder450x-section .preorder-link .preorder-link-desc h1 {
    color: #191919;
    width: 400px
}

.dealership-section {
    background-image: url(../../images/450x/dealership_bg.jpg);
    background-position: center
}

.dealership-section .dealership-section-container {
    background-image: linear-gradient(195.22deg, rgba(0, 0, 0, 0) 0, #000 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 45px 100px
}

@media screen and (max-width:767px) {
    .dealership-section .dealership-section-container {
        padding: 40px 20px
    }
}

.dealership-section .dealership-section-container .dealership-sec-content h2 {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 22px !important;
    line-height: 24px !important
}

.dealership-section .dealership-section-container .dealership-sec-content p {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding-top: 11px;
    width: 764px
}

@media screen and (max-width:1200px) and (min-width:992px) {
    .dealership-section .dealership-section-container .dealership-sec-content p {
        width: 550px
    }
}

@media screen and (max-width:991px) {
    .dealership-section .dealership-section-container {
        flex-direction: column
    }

    .dealership-section .dealership-section-container .dealership-sec-content {
        padding-bottom: 24px;
        text-align: center
    }

    .dealership-section .dealership-section-container .dealership-sec-content p {
        width: 100%
    }
}

.dealership-section .dealership-section-container .dealership-sec-btn {
    border: 1px solid #FFF
}

@media screen and (max-width:1024px) {
    .ather450x-intelligence-inner .dashboard-overall-wrap {
        padding-bottom: 0
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap {
        width: 100%;
        flex-direction: column;
        padding: 0 12px 63px;
        align-items: center
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard {
        width: 50%;
        height: auto
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard img {
        width: 100%
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap {
        margin-top: 24px
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc {
        width: 100%;
        display: flex;
        padding: 24px 28px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(161, 161, 161, .15);
        cursor: pointer
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc .dashboard-desc-img {
        height: 22px;
        width: 22px;
        margin-right: 39px;
        opacity: .3;
        margin-bottom: 0
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc .dashboard-desc-img img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc h1 {
        font-size: 14px !important;
        line-height: 27px !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 400;
        opacity: .3
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc p {
        display: none
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc.active .dashboard-desc-img, .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc.active h1 {
        opacity: 1
    }

    .ather450x-mobile-app-section {
        padding: 101px 40px 67px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-close {
        margin-right: 12px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap {
        width: 75%
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc:nth-of-type(4) .ather450x-pricing-modal-img img {
        width: 90%
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc .ather450x-pricing-modal-content p {
        width: 240px;
        font-size: 16px;
        line-height: 24px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes {
        width: 90%
    }
}

@media screen and (max-width:1250px) {
    .ather450x-battery-inner .ather450x-battery-container, .ather450x-battery-subscription .battery-sub-detail, .ather450x-preorder .ather450x-preorder-deatil {
        width: 100%
    }
}

@media screen and (max-width:1250px) and (min-width:1024px) {
    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap {
        width: 950px
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard {
        width: 500px !important
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc {
        padding-left: 50px
    }

    .right-stick {
        padding-right: 47px
    }
}

@media screen and (max-width:1250px) and (min-width:992px) {
    .ather450x-pricing-section .ather450x-pricing-desc {
        width: 910px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner {
        padding: 48px 64px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-upgrade {
        width: 300px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-variant {
        right: -64px
    }
}

@media screen and (max-width:1200px) and (min-width:1024px) {
    .ather450x-mobile-app-section {
        padding: 101px 100px 67px
    }
}

@media screen and (max-width:1150px) and (min-width:1024px) {
    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-close {
        margin-right: 12px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap {
        width: 790px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes {
        width: 800px
    }
}

@media screen and (max-width:1199px) {
    .test-preorder450x-section .testride-link .testride-link-desc {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 200px
    }

    .test-preorder450x-section .testride-link .testride-link-desc h1 {
        font-size: 24px !important;
        line-height: 36px !important;
        width: 100%
    }

    .test-preorder450x-section .preorder-link .preorder-link-desc {
        left: 0;
        right: 0;
        width: 280px;
        margin: 0 auto
    }

    .test-preorder450x-section .preorder-link .preorder-link-desc h1 {
        font-size: 24px !important;
        line-height: 36px !important;
        width: 100%
    }
}

@media screen and (max-width:991px) and (min-width:900px) {
    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-tab-content .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner {
        padding: 48px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-tab-content .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-payment ul li label {
        font-size: 14px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-tab-content .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-payment ul li span {
        font-size: 32px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-tab-content .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-payment ul li svg {
        height: 24px;
        width: 12px;
        margin-bottom: 4px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content, .ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content {
        width: 340px
    }

    .ather450x-preorder-card {
        padding: 19px 24px
    }

    .ather450x-preorder-card .ather450x-preorder-card-content p {
        font-size: 20px
    }
}

@media screen and (max-width:900px) and (min-width:768px) {
    .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list .ather450x-other-list-desc label {
        font-size: 20px;
        line-height: 28px;
        width: 150px
    }

    .ather450x-pricing-section {
        width: 585px;
        margin: 0 auto 112px
    }

    .ather450x-battery-inner .ather450x-battery-inner-heading, .ather450x-battery-subscription .ather450x-content, .ather450x-pricing-section .common450x-content p {
        width: 100%
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details {
        flex-direction: column
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner {
        padding: 48px 64px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-intro p, .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-payment {
        min-height: auto
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-upgrade {
        position: initial;
        width: 100%;
        margin-top: 64px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription {
        padding-bottom: 48px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content, .ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content {
        width: 280px
    }

    .ather450x-preorder-card {
        padding: 19px 16px
    }

    .ather450x-preorder-card .ather450x-preorder-card-content p {
        font-size: 16px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap {
        width: 90%
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {
    .ather450x-performance .specification-wrap {
        width: 100% !important
    }

    .ather450x-performance-inner {
        padding: 112px 0 0
    }

    .ather450x-performance-inner .brand-new-content {
        width: 800px
    }

    .ather450x-performance-inner .brand-new-content .brand-new {
        width: 441px
    }

    .ather450x-performance-inner .bike-body-img img, .ather450x-performance-inner .brand-new-content .ather450x-motor-img img {
        width: 100%
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap {
        margin-top: 15px
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque {
        padding-left: 0
    }

    .ather450x-performance-inner .bike-body-img {
        height: auto;
        width: 100%
    }

    .ather450x-performance-inner .ather450x-battery {
        width: 900px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-content {
        width: 450px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating, .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul {
        width: 300px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap {
        width: 900px
    }

    .ather450x-how-works .ather450x-how-works-content, .ather450x-intelligence .ather450x-intelligence-container .specification-wrap, .ather450x-one-scooter .ather450x-one-desc-section, .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list, .ather450x-warranty-section .warranty-card-desc, .ather450x-warranty-section .warranty-card-section, .what-you-plan .what-you-plan-card-section, .what-you-plan .what-you-plan-card-section .choose-variant-card-section {
        width: 100%
    }

    .ather450x-performance-inner .ather450x-reverse-mode {
        padding: 0 40px
    }

    .ather450x-performance-inner .ather450x-bike-parts-wrap {
        padding: 20px 40px 87px
    }

    .what-you-plan .what-you-plan-card-section .what-you-plan-card {
        width: 100%;
        margin-right: 15px
    }

    .what-you-plan .what-you-plan-card-section .choose-variant-card-section .choose-variant-card .choose-variant-card-content .choose-vairant-card-list ul li {
        padding: 0;
        margin-top: 15px
    }

    .ather450x-battery-subscription {
        padding: 110px 40px
    }
}

@media screen and (max-width:1099px) and (min-width:992px) {
    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content {
        padding: 40px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-price {
        flex-basis: 47%
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail {
        flex-basis: 53%
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content, .ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content {
        width: 340px
    }

    .ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content label {
        line-height: 24px;
        padding-bottom: 16px
    }

    .ather450x-preorder-card {
        padding: 19px 24px
    }
}

@media screen and (max-width:992px) and (min-width:768px) {
    .ather450x-performance .ather450x-performance-container .specification-wrap {
        width: 100% !important;
        padding: 0 40px
    }

    .ather450x-performance .ather450x-performance-container .specification-wrap .specification {
        width: auto
    }

    .ather450x-performance .ather450x-performance-container .specification-wrap .specification label, .ather450x-performance .ather450x-performance-container .specification-wrap .specification label span {
        font-size: 24px
    }

    .ather450x-performance-inner {
        padding: 112px 0 0
    }

    .ather450x-performance-inner .brand-new-content {
        width: 700px
    }

    .ather450x-performance-inner .brand-new-content .brand-new {
        width: 326px;
        font-size: 15px
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap {
        margin-top: 30px
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque label, .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque span {
        font-size: 25px
    }

    .ather450x-performance-inner .brand-new-content .ather450x-motor-img {
        width: 326px
    }

    .ather450x-performance-inner .brand-new-content .ather450x-motor-img img {
        width: 100%
    }

    .ather450x-performance-inner .bike-body-img {
        height: auto;
        width: 100%
    }

    .ather450x-performance-inner .bike-body-img img {
        width: 100%
    }

    .ather450x-performance-inner .ather450x-battery {
        width: 100%;
        padding: 0 40px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-content {
        width: 50%
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-content ul {
        width: 300px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating {
        width: 40%
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul {
        width: 250px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap {
        width: 100%;
        padding: 124px 40px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange {
        width: 50%
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-type ul {
        width: 300px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content {
        width: 40%
    }

    .ather450x-performance-inner .ather450x-reverse-mode {
        padding: 0 40px
    }

    .ather450x-performance-inner .ather450x-bike-parts-wrap {
        padding: 20px 40px 87px
    }

    .ather450x-intelligence .common450x-content p {
        width: 100% !important;
        padding: 36px 40px 0
    }

    .ather450x-intelligence .specification-wrap {
        width: 100% !important
    }

    .ather450x-intelligence-inner .dashboard-wrap {
        width: 100%
    }

    .ather450x-intelligence-inner .dashboard-wrap .dashboard {
        width: 50%
    }

    .ather450x-intelligence-inner .dashboard-wrap .dashboard img {
        width: 100%
    }

    .ather450x-intelligence-inner .dashboard-wrap .dashboard-desc-wrap {
        width: 50%
    }

    .ather450x-intelligence-inner .dashboard-wrap .dashboard-desc-wrap .dashboard-desc {
        padding-left: 50px;
        width: 332px;
        margin-bottom: 30px
    }

    .ather450x-charge .ather450x-charge-content {
        width: 100%
    }

    .ather450x-one-scooter .ather450x-one-desc-section {
        width: 100%;
        padding-top: 50px
    }

    .ather450x-one-scooter .ather450x-one-content p, .ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc {
        width: 100%
    }

    .ather450x-warranty-section {
        padding: 40px
    }

    .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list, .ather450x-warranty-section .warranty-card-desc, .ather450x-warranty-section .warranty-card-section, .ather450x-warranty-section .warranty-card-section .warranty-card-left, .ather450x-warranty-section .warranty-card-section .warranty-card-right {
        width: 100%
    }

    .what-you-plan .what-you-plan-card-section {
        width: 100%;
        flex-direction: column
    }

    .what-you-plan .what-you-plan-card-section .what-you-plan-card {
        width: 100%
    }

    .what-you-plan .what-you-plan-card-section .choose-variant-card-section {
        width: 100%;
        margin-top: 40px
    }

    .ather450x-battery-subscription .battery-sub-detail {
        width: 85%;
        flex-wrap: wrap;
        margin-top: 24px
    }

    .ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc {
        flex-basis: 50%;
        margin-top: 48px
    }

    .ather450x-battery-inner {
        padding: 0 40px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing {
        padding: 32px 48px 64px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content {
        padding: 40px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-price p {
        line-height: 20px
    }

    .ather450x-preorder {
        padding: 48px 40px 124px
    }

    .ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content label {
        line-height: 24px;
        padding-bottom: 16px
    }
}

@media screen and (max-width:992px) {
    .ather450x-charge, .ather450x-intelligence, .ather450x-other-specs, .ather450x-performance {
        height: 100%
    }

    .ather450x-how-works .ather450x-how-works-content, .ather450x-preorder .ather450x-content, .ather450x-pricing-section .ather450x-pricing-desc, .ather450x-warranty-section .warranty-card-section {
        width: 100%
    }

    .ather450x-performance .ather450x-performance-container .expand-btn-wrapper {
        position: relative;
        margin-top: 72px;
        bottom: 0
    }

    .ather450x-intelligence .ather450x-intelligence-container .specification-wrap {
        margin-top: 190px
    }

    .ather450x-charge .expand-btn-wrapper, .ather450x-intelligence .ather450x-intelligence-container .expand-btn-wrapper, .ather450x-other-specs .expand-btn-wrapper {
        position: relative;
        margin-top: 72px;
        bottom: 0
    }

    .ather450x-other-specs .ather450x-other-specs-content h1 {
        padding-bottom: 37px
    }

    .ather450x-how-works {
        padding: 40px
    }

    .ather450x-preorder-card {
        margin: -124px 40px 90px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner .ather450x-pricing-upgrade {
        width: 80%
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-select-model {
        display: none !important
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-variant {
        display: none
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment {
        padding-bottom: 32px
    }
}

@media only screen and (max-width:767px) {
    .gradient-overlay {
        background-image: none
    }

    .common450x-wrapper {
        padding: 0
    }

    .athe450x-discailmer {
        padding: 40px 20px
    }

    .ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc {
        width: 100%
    }

    .ather450x-banner {
        padding: 0
    }

    .ather450x-banner .ather450x-banner-content {
        padding: 16% 0 16% 10%
    }

    .ather450x-banner .ather450x-banner-content h1 {
        font-size: 28px !important
    }

    .ather450x-banner .ather450x-banner-img {
        height: calc(100vh - 240px)
    }

    .ather450x-banner .ather450x-banner-img video {
        height: 100%;
        object-fit: cover
    }

    .ather450x-film {
        width: 100%;
        padding: 96px 40px
    }

    .ather450x-film p {
        font-size: 16px;
        line-height: 26px
    }

    .ather450x-film a:after {
        width: 100%
    }

    .ather450x-performance {
        margin: 0;
        background-image: none
    }

    .ather450x-performance .ather450x-performance-banner-mob {
        height: 316px;
        width: 100%;
        position: relative
    }

    .ather450x-performance .ather450x-performance-banner-mob img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .ather450x-performance .ather450x-performance-banner-mob .gradient-overlay-mob {
        background-image: linear-gradient(to bottom, transparent 0, #232424 100%)
    }

    .ather450x-performance .ather450x-performance-container {
        padding: 0 0 64px;
        margin-top: -30px
    }

    .ather450x-performance .ather450x-performance-container .common450x-content {
        padding: 0 40px
    }

    .ather450x-performance .ather450x-performance-container .common450x-content p {
        width: 100%;
        padding-top: 24px
    }

    .ather450x-performance .ather450x-performance-container .common450x-content h1 {
        width: 235px;
        margin: 0 auto !important;
        font-size: 24px !important;
        line-height: 30px !important
    }

    .ather450x-performance .ather450x-performance-container .specification-wrap {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 56px;
        justify-content: space-between;
        padding: 0 40px
    }

    .ather450x-performance .ather450x-performance-container .specification-wrap .specification {
        width: 100%;
        flex-basis: 42%;
        margin-bottom: 40px;
        text-align: left
    }

    .ather450x-performance .ather450x-performance-container .specification-wrap .specification label, .ather450x-performance .ather450x-performance-container .specification-wrap .specification label span {
        font-size: 20px;
        line-height: 24px
    }

    .ather450x-performance .ather450x-performance-container .specification-wrap .specification span {
        font-size: 16px;
        line-height: 19px;
        margin-top: 4px
    }

    .ather450x-performance .ather450x-performance-container .expand-btn-wrapper {
        margin-top: 24px
    }

    .ather450x-performance-inner {
        padding: 0
    }

    .ather450x-performance-inner .brand-new-content {
        width: 100%;
        flex-direction: column;
        padding: 28px 40px 44px
    }

    .ather450x-performance-inner .brand-new-content .brand-new {
        width: 100%;
        margin-right: 0;
        margin-bottom: 48px
    }

    .ather450x-performance-inner .brand-new-content .brand-new p {
        font-size: 16px;
        line-height: 27px
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap {
        margin-top: 32px;
        justify-content: space-between
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque {
        width: 120px;
        padding-left: 0
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque label, .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque span {
        font-size: 22px;
        line-height: 28px
    }

    .ather450x-performance-inner .brand-new-content .ather450x-motor-img img {
        width: 100%
    }

    .ather450x-performance-inner .bike-body-img {
        height: auto;
        width: 100%;
        overflow: hidden
    }

    .ather450x-performance-inner .bike-body-img img {
        width: 116%;
        margin-left: -56px
    }

    .ather450x-performance-inner .ather450x-battery {
        width: 100%;
        flex-direction: column;
        padding-top: 44px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-content {
        width: 100%;
        padding: 0 40px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-content h1 {
        font-size: 20px !important;
        line-height: 27px !important
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-content p {
        padding: 32px 0 40px;
        font-size: 16px;
        line-height: 27px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating {
        width: 100%;
        padding: 0 40px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul {
        width: 100%
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul li {
        width: 120px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul li label, .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul li span {
        font-size: 20px;
        line-height: 28px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap {
        width: 100%;
        flex-direction: column-reverse;
        padding: 80px 40px 128px;
        position: relative
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange {
        width: 100%
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value {
        margin-bottom: 24px;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value label {
        font-size: 56px;
        line-height: 30px;
        padding-right: 24px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value span {
        font-size: 16px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-type ul {
        width: 100%
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content {
        width: 100%;
        margin-bottom: 64px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content p {
        font-size: 16px;
        line-height: 27px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .idc-range-mob {
        border-radius: 4px;
        background-color: #161616;
        padding: 16px 0;
        text-align: center;
        margin-top: 35px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .idc-range-mob label {
        color: #FFDE55;
        font-size: 14px;
        line-height: 17px;
        padding-right: 10px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .idc-range-mob span {
        color: #fff;
        font-size: 14px;
        line-height: 17px
    }

    .ather450x-performance-inner .ather450x-reverse-mode {
        flex-direction: column
    }

    .ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-img {
        width: 100%;
        height: 450px;
        margin-bottom: 32px;
        padding: 0 12px
    }

    .ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-content {
        width: 100%;
        padding: 0 40px
    }

    .ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-content p {
        font-size: 16px;
        line-height: 27px
    }

    .ather450x-performance-inner .ather450x-bike-parts-wrap {
        display: none
    }

    .ather450x-performance-inner .ather450x-bike-parts-wrap-mob {
        display: block !important;
        margin-bottom: 28px
    }

    .ather450x-intelligence {
        background-image: none;
        margin: 0;
        padding-bottom: 50px;
        background-color: transparent
    }

    .ather450x-intelligence .ather450x-intelligence-banner-mob {
        height: 316px;
        width: 100%;
        position: relative
    }

    .ather450x-intelligence .ather450x-intelligence-banner-mob img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .ather450x-intelligence .ather450x-intelligence-container {
        padding: 0 40px;
        margin-top: -30px
    }

    .ather450x-intelligence .ather450x-intelligence-container .common450x-content h1 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    .ather450x-intelligence .ather450x-intelligence-container .common450x-content p {
        width: 100%;
        padding-top: 24px
    }

    .ather450x-intelligence .ather450x-intelligence-container .specification-wrap {
        flex-direction: column;
        width: 100%;
        margin-top: 56px
    }

    .ather450x-intelligence .ather450x-intelligence-container .expand-btn-wrapper, .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap {
        margin-top: 24px
    }

    .ather450x-intelligence .ather450x-intelligence-container .specification-wrap .specification {
        margin-bottom: 40px;
        width: 100%
    }

    .ather450x-intelligence .ather450x-intelligence-container .specification-wrap .specification label {
        font-size: 20px;
        line-height: 24px
    }

    .ather450x-intelligence .ather450x-intelligence-container .specification-wrap .specification span {
        font-size: 14px;
        line-height: 19px
    }

    .ather450x-intelligence .gradient-overlay-mob {
        background-image: linear-gradient(to bottom, transparent 0, #282a2c 100%)
    }

    .ather450x-intelligence-inner {
        padding: 0;
        background-color: #232425
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content {
        width: 100%;
        padding: 28px 40px 112px
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content h2 {
        font-size: 16px !important;
        line-height: 27px !important
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content p {
        font-size: 16px;
        line-height: 27px
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content p label {
        display: inline
    }

    .ather450x-intelligence-inner .ather450x-dashboard-specs-list {
        width: 100%;
        padding-top: 40px;
        font-size: 20px;
        line-height: 28px;
        justify-content: space-between
    }

    .ather450x-intelligence-inner .ather450x-dashboard-specs-list .ather450x-dashboard-specs {
        text-align: left
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap {
        width: 100%;
        flex-direction: column;
        padding: 0 12px 63px
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard, .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard img {
        width: 100%
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc {
        width: 100%;
        display: flex;
        padding: 24px 28px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(161, 161, 161, .15);
        opacity: .3
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc .dashboard-desc-img {
        height: 22px;
        width: 22px;
        margin-right: 39px;
        margin-bottom: 0
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc .dashboard-desc-img img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc h1 {
        font-size: 14px !important;
        line-height: 27px !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 400;
    }

    .ather450x-intelligence-inner .dashboard-overall-wrap .dashboard-wrap .dashboard-desc-wrap .dashboard-desc p {
        display: none
    }

    .ather450x-charge {
        padding: 0;
        background-image: none;
        background-color: #232425
    }

    .ather450x-charge .ather450x-charge-mob {
        height: 316px;
        width: 100%;
        position: relative
    }

    .ather450x-charge .ather450x-charge-mob img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .ather450x-charge .common450x-content {
        padding: 0 35px
    }

    .ather450x-charge .common450x-content h1 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    .ather450x-charge .common450x-content p {
        width: 100%;
        padding-top: 24px
    }

    .ather450x-charge .ather450x-charge-content {
        width: 100%;
        margin-top: 56px;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 35px
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail {
        width: 100%;
        margin-bottom: 40px
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail label {
        font-size: 20px;
        line-height: 28px
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail p {
        font-size: 16px;
        line-height: 19px;
        margin-top: 8px
    }

    .ather450x-charge .expand-btn-wrapper {
        margin-top: 24px;
        padding-bottom: 50px
    }

    .ather450x-charge .gradient-overlay-mob {
        background-image: linear-gradient(to bottom, transparent 0, #232424 100%)
    }

    .ather450x-other-specs {
        background-color: #232425;
        padding: 56px 0;
        margin: 28px 0
    }

    .ather450x-other-specs .ather450x-other-specs-content h1 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    .ather450x-other-specs .ather450x-other-specs-content p {
        font-size: 20px;
        line-height: 30px;
        width: 100%;
        padding: 56px 40px 0
    }

    .ather450x-charging-section-wrap .charging-mob-section {
        padding: 0 12px
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card {
        padding-top: 0;
        margin-top: 16px
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charge-card-img {
        height: 378px;
        margin-top: 0
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charge-card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px 4px 0 0
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charger-card-desc {
        background-color: #191919;
        padding: 40px;
        border-radius: 4px
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charger-card-desc p {
        color: #A1A1A1;
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 64px
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charger-card-desc p span {
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charger-card-desc ul li h2 {
        font-size: 20px !important;
        line-height: 30px !important;
        color: #fff;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 400;
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charger-card-desc ul li label {
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        display: block
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card .charger-card-desc ul li span {
        font-size: 20px;
        line-height: 30px;
        color: #5E5E5E
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card:nth-of-type(1) {
        margin-top: 28px
    }

    .ather450x-charging-section-wrap .charging-mob-section .charge-card:nth-of-type(3) p {
        margin-bottom: 0
    }

    .ather450x-bike-parts-wrap-mob {
        display: flex !important;
        justify-content: space-between
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-card-mob {
        display: flex;
        flex-direction: column;
        height: 408px;
        justify-content: space-between;
        flex-basis: 48%
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-card-mob .ather450x-bike-parts-card {
        position: relative;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-card-mob .ather450x-bike-parts-card.large {
        height: 245px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-card-mob .ather450x-bike-parts-card.small {
        height: 150px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-card-mob .ather450x-bike-parts-card img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-card-mob .ather450x-bike-parts-card label {
        position: absolute;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        bottom: 16px;
        left: 16px;
        width: 100px
    }

    .ather450x-bike-parts-wrap-mob {
        height: 550px;
        padding: 20px 12px 87px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-top {
        background-color: #494a4c;
        height: 200px;
        position: relative;
        width: 99%;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-top img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-top label {
        position: absolute;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        bottom: 16px;
        left: 16px;
        width: 100px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom {
        margin-top: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-left {
        height: 285px;
        width: 49%;
        display: inline-block;
        position: relative
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-left label {
        position: absolute;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        bottom: 16px;
        left: 16px;
        width: 100px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-left .ather450x-bike-parts-left-top {
        height: 150px;
        background-color: #494a4c;
        position: relative;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-left .ather450x-bike-parts-left-top img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-left .ather450x-bike-parts-left-bottom {
        height: 148px;
        margin-top: 4px;
        background-color: #494a4c;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-left .ather450x-bike-parts-left-bottom img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-right {
        background-color: #494a4c;
        width: 49%;
        display: inline-block;
        height: 302px;
        position: relative;
        vertical-align: top;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px
    }

    .ather450x-bike-parts-wrap-mob .ather450x-bike-parts-mob-bottom .ather450x-bike-parts-mob-bottom-right label {
        position: absolute;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        bottom: 16px;
        left: 16px;
        width: 105px
    }

    .ather450x-mobile-app-section {
        padding: 0 40px
    }

    .ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap {
        flex-direction: column;
        padding-top: 96px
    }

    .ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap {
        width: 100%
    }

    .ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .ather450x-remote-access-heading {
        margin-bottom: 64px
    }

    .ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list {
        padding-top: 0
    }

    .ather450x-mobile-app-section .mobile-app-section .mobile-app-section-wrap .mobile-app-list-wrap .mobile-app-list div {
        margin-bottom: 0;
        flex-basis: 100%;
        padding-bottom: 24px
    }

    .ather450x-one-scooter {
        padding: 40px 30px 0
    }

    .ather450x-one-scooter .ather450x-one-content h2 {
        font-size: 28px !important;
        line-height: 32px !important;
        padding-bottom: 24px
    }

    .ather450x-one-scooter .ather450x-one-content p, .ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc p {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .ather450x-one-scooter .ather450x-one-content p {
        width: 100%
    }

    .ather450x-one-scooter .ather450x-one-desc-section {
        padding-top: 40px;
        flex-direction: column;
        width: 100%
    }

    .ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc {
        padding-bottom: 56px
    }

    .ather450x-one-scooter .ather450x-one-desc-section .ather450x-one-desc h2 {
        font-size: 18px !important;
        line-height: 32px !important;
        padding-bottom: 12px
    }

    .ather450x-preorder {
        padding: 56px 40px 192px;
        margin-top: 0
    }

    .ather450x-preorder .ather450x-preorder-deatil {
        margin-top: 72px
    }

    .ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content {
        width: 100%;
        margin-bottom: 64px
    }

    .ather450x-preorder .ather450x-preorder-deatil .ather450x-preorder-content label {
        line-height: 24px;
        padding-bottom: 16px
    }

    .ather450x-preorder-card {
        padding: 10px;
        flex-direction: column-reverse;
        text-align: center;
        margin: -192px 40px 60px
    }

    .ather450x-warranty-section .warranty-card-section .warranty-card-left, .ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-right-card {
        margin-bottom: 30px;
        width: 100%
    }

    .ather450x-preorder-card .ather450x-preorder-card-content {
        padding-top: 8px
    }

    .ather450x-preorder-card .ather450x-preorder-card-content p {
        font-size: 14px;
        line-height: 16px
    }

    .ather450x-preorder-card .ather450x-preorder-card-content.po-card-text {
        display: none
    }

    .ather450x-preorder-card .ather450x-preorder-card-content.po-card-mob-text {
        display: block
    }

    .ather450x-preorder-card .ather450x-preorder-card-btn, .ather450x-preorder-card .ather450x-preorder-card-btn .button {
        width: 100%
    }

    .ather450x-warranty-section {
        padding: 40px 30px
    }

    .ather450x-warranty-section .warranty-card-section {
        width: 100%;
        flex-direction: column;
        padding-bottom: 40px
    }

    .ather450x-warranty-section .warranty-card-section .warranty-card-left h2 {
        padding-bottom: 30px
    }

    .ather450x-warranty-section .warranty-card-section .warranty-card-right {
        width: 100%;
        flex-direction: column
    }

    .ather450x-warranty-section .warranty-card-section .warranty-card-right .warranty-right-card p {
        padding-top: 20px
    }

    .ather450x-warranty-section .warranty-card-desc {
        width: 100%;
        padding-top: 40px;
        flex-direction: column
    }

    .ather450x-warranty-section .warranty-card-desc .desc-content:last-child {
        margin-top: 30px
    }

    .ather450x-how-works {
        padding: 56px 40px 16px
    }

    .ather450x-how-works h2 {
        font-size: 18px !important;
        line-height: 32px !important
    }

    .ather450x-how-works .ather450x-how-works-content {
        width: 100%;
        flex-direction: column;
        padding-top: 40px
    }

    .ather450x-how-works .ather450x-how-works-content .how-works-content-card {
        width: 100%;
        padding-bottom: 0
    }

    .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-img {
        margin-top: 24px
    }

    .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-desc {
        width: 80%;
        margin: 0 auto 40px
    }

    .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-desc label {
        font-size: 16px
    }

    .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-desc p {
        padding-top: 16px;
        font-size: 16px
    }

    .ather450x-how-works .ather450x-how-works-content .how-works-content-card .how-works-desc p span {
        font-size: 16px;
        line-height: 28px
    }

    .what-you-plan {
        display: none;
        padding: 40px 30px
    }

    .what-you-plan .what-you-plan-card-section {
        width: 100%;
        flex-direction: column
    }

    .what-you-plan .what-you-plan-card-section .what-you-plan-card {
        width: 100%;
        margin-bottom: 40px
    }

    .what-you-plan .what-you-plan-card-section .choose-variant-card-section, .what-you-plan .what-you-plan-card-section .what-you-plan-card .what-you-card-content label {
        width: 100%
    }

    .what-you-plan-mob {
        display: block;
        padding: 56px 25px;
        background-color: #000;
        text-align: center
    }

    .what-you-plan-mob h2 {
        font-size: 18px !important;
        line-height: 28px !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        color: #fff
    }

    .what-you-plan-mob .what-you-plan-card {
        margin-top: 20px;
        padding: 24px;
        border-radius: 5px;
        background-color: #FFF
    }

    .what-you-plan-mob .what-you-plan-card .what-you-plan-card-content {
        text-align: left
    }

    .what-you-plan-mob .what-you-plan-card .what-you-plan-card-content label {
        color: #191919;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 5px
    }

    .what-you-plan-mob .what-you-plan-card .what-you-plan-card-content h2 {
        color: #191919;
        font-size: 40px !important;
        line-height: 48px !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .what-you-plan-mob .what-you-plan-card .what-you-plan-card-content h2 sup {
        top: -10px;
        font-size: 24px
    }

    .what-you-plan-mob .what-you-plan-card .what-you-plan-card-content p {
        padding-top: 20px;
        color: #191919;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .what-you-plan-mob .what-you-plan-card .what-you-plan-card-content .content-notes {
        color: #A1A1A1;
        font-size: 14px;
        line-height: 20px
    }

    .what-you-plan-mob .choose-variant-sec {
        padding: 24px 0 16px;
        text-align: center
    }

    .what-you-plan-mob .choose-variant-sec label {
        color: #FFF;
        font-size: 16px;
        line-height: 24px
    }

    .what-you-plan-mob .choose-variant-sec p {
        font-size: 24px;
        color: #fff;
        margin-bottom: 12px
    }

    .what-you-plan-mob .choose-variant-card-mob {
        background-color: #fff;
        border-radius: 4px;
        text-align: left
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-head {
        border-radius: 0 4px 0 0
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-head ul {
        margin-bottom: 25px
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-head ul li {
        display: inline-block;
        width: 49%;
        padding: 20px;
        cursor: pointer;
        background-color: #D8D8D8
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-head ul li label {
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        color: #a1a1a1;
        display: block;
        padding-bottom: 8px
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-head ul li span {
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        color: #a1a1a1
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-head ul li.active {
        background-color: #fff
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-head ul li.active label, .what-you-plan-mob .choose-variant-card-mob .choose-variant-head ul li.active span {
        color: #191919
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content {
        padding: 0 20px 20px
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-card-head {
        padding: 24px 0 30px;
        border-top: 1px solid #191919
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-card-head label {
        font-size: 16px;
        line-height: 20px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-card-head span {
        float: right;
        color: #191919
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-top {
        padding-bottom: 12px;
        border-bottom: 1px solid #191919
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-top ul li {
        margin-bottom: 10px
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-top ul li label {
        font-size: 16px;
        line-height: 19px;
        color: #191919
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-top ul li span {
        font-size: 16px;
        line-height: 19px;
        color: #191919;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-bottom ul {
        padding-top: 28px
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-bottom ul li {
        margin-bottom: 16px
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-bottom ul li label {
        font-size: 16px;
        line-height: 24px;
        color: #191919;
        display: block
    }

    .what-you-plan-mob .choose-variant-card-mob .choose-variant-content .choose-variant-list-bottom ul li span {
        font-size: 16px;
        line-height: 24px;
        color: #191919;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .ather450x-pricing-section {
        margin-bottom: 40px;
        margin-top: 56px
    }

    .ather450x-pricing-section .common450x-content {
        padding: 0 40px
    }

    .ather450x-pricing-section .common450x-content h1 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    .ather450x-pricing-section .common450x-content p {
        width: 100%
    }

    .ather450x-pricing-section .ather450x-pricing-desc {
        width: 90%
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details {
        flex-direction: column
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner {
        padding: 40px 32px 0
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription {
        padding-bottom: 24px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul {
        width: 215px;
        margin: 0 auto;
        justify-content: space-between
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul li {
        width: auto
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab, .ather450x-battery-inner .ather450x-battery-inner-heading, .ather450x-battery-subscription .ather450x-content {
        width: 100%
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-tab ul li a {
        font-size: 14px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-details-specs {
        margin-top: 96px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-upfront-paytment {
        padding-bottom: 32px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-divider {
        margin-top: 40px
    }

    .ather450x-battery-subscription {
        margin-top: 0;
        padding: 56px 40px
    }

    .ather450x-battery-subscription .ather450x-content h1 {
        width: 100%;
        font-size: 24px !important;
        line-height: 30px !important;
        padding-bottom: 24px
    }

    .ather450x-battery-subscription .battery-sub-detail {
        flex-direction: column
    }

    .ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc {
        margin-bottom: 40px
    }

    .ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap {
        min-height: auto
    }

    .ather450x-battery-subscription .battery-sub-detail .battery-sub-detail-desc .battery-sub-content-wrap .battery-sub-img.connected-services-img {
        margin-top: 0
    }

    .ather450x-battery-subscription .expand-btn-wrapper {
        margin-top: 16px
    }

    .ather450x-battery-inner {
        padding: 0 24px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing {
        padding: 32px 16px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul {
        width: 215px;
        margin: 18px auto 0;
        justify-content: space-between
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul li {
        width: auto
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab ul li a {
        font-size: 14px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content {
        flex-direction: column;
        padding: 24px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-price p {
        line-height: 24px
    }

    .ather450x-warranty-section-mob .ather450x-warranty-card h2, .ather450x-warranty-section-mob h2 {
        color: #191919;
        font-size: 18px !important;
        line-height: 28px !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail {
        margin-top: 40px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-pricing .ather450x-sub-pricing-tab-content .ather450x-sub-pricing-content .ather450x-sub-detail ul {
        margin-top: 16px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight {
        margin-top: 64px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil {
        margin-top: 72px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-highlight .ather450x-sub-highlights-deatil .ather450x-sub-highlights-content {
        width: 100%;
        margin-bottom: 64px
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-top {
        padding-bottom: 0
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-top .ather450x-subscription-faq-divider {
        width: 86%
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-bottom {
        flex-direction: column
    }

    .ather450x-battery-inner .ather450x-battery-container .ather450x-subscription-faq .ather450x-subscription-faq-bottom .ather450x-subscription-faq-content {
        padding-top: 32px
    }

    .ather450x-warranty-section-mob {
        padding: 56px 0;
        text-align: center;
        background-color: #fff
    }

    .ather450x-warranty-section-mob h2 {
        width: 75%;
        margin: 0 auto !important
    }

    .ather450x-warranty-section-mob .ather450x-warranty-card {
        width: 220px;
        margin: 40px auto 0
    }

    .ather450x-warranty-section-mob .ather450x-warranty-card h2 {
        padding-bottom: 8px
    }

    .ather450x-warranty-section-mob .ather450x-warranty-card p {
        color: #A1A1A1;
        font-size: 16px;
        line-height: 24px
    }

    .ather450x-warranty-section-mob .ather450x-warranty-notes {
        width: 220px;
        margin: 40px auto 30px
    }

    .ather450x-warranty-section-mob .ather450x-warranty-notes p {
        font-size: 14px;
        line-height: 20px;
        color: #A1A1A1;
        margin-bottom: 20px
    }

    .ather450x-warranty-section-mob .ather450x-warranty-notes p span {
        color: #191919
    }

    .ather450x-warranty-section-mob .ather450x-warranty-notes-card {
        margin: 0 auto !important;
        text-align: center;
        padding: 10px 20px;
        width: 280px;
        background-color: #D8D8D8;
        border-radius: 4px
    }

    .ather450x-warranty-section-mob .ather450x-warranty-notes-card p {
        color: #191919;
        font-size: 14px;
        line-height: 20px
    }

    .ather450x-warranty-section-mob .ather450x-3year {
        border-top: 1px solid #979797;
        padding-top: 30px;
        width: 280px;
        margin: 0 auto
    }

    .ather450x-warranty-section-mob .ather450x-3year p {
        color: #A1A1A1;
        font-size: 18px;
        line-height: 28px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .ather450x-warranty-section-mob .ather450x-3year p label {
        color: #191919;
        display: block
    }

    .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list {
        width: 100%;
        padding: 0 15px
    }

    .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list {
        flex-basis: 50%
    }

    .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list .ather450x-other-list-desc {
        display: flex;
        justify-content: center;
        text-align: left
    }

    .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list .ather450x-other-list-desc label {
        font-size: 18px;
        line-height: 28px;
        width: 120px
    }

    .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list:nth-last-of-type(1), .ather450x-other-specs .ather450x-other-specs-content .ather450x-other-specs-list .ather450x-other-list:nth-last-of-type(2) {
        margin-bottom: 0
    }

    .ather450x-mobile-app {
        padding-top: 64px;
        padding-bottom: 56px;
        background-color: #53565A
    }

    .ather450x-mobile-app .ather450x-mobile-app-heading {
        text-align: center;
        padding: 0 40px
    }

    .ather450x-mobile-app .ather450x-mobile-app-heading p {
        color: #C8C5C5;
        font-size: 14px;
        line-height: 23px
    }

    .ather450x-mobile-app .ather450x-mobile-app-heading p span {
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .ather450x-mobile-app .mobile-app-slide {
        padding-top: 40px
    }

    .ather450x-mobile-app .mobile-app-slide .mobile-app-list label {
        font-size: 14px;
        line-height: 22px;
        display: block;
        text-align: center;
        padding-bottom: 16px;
        color: #FFF
    }

    .ather450x-mobile-app .mobile-app-slide .slick-slide img {
        margin: 0 auto;
        width: 50%
    }

    .ather450x-mobile-app .mobile-app-slide .slick-arrow {
        display: none !important
    }

    .ather450x-mobile-app .mobile-app-slide .slick-dots {
        bottom: initial;
        top: 0
    }

    .ather450x-mobile-app .mobile-app-slide .slick-dots li button {
        background: #191919;
        color: #191919;
        width: 16px;
        height: 1px;
        padding: 1px
    }

    .mob-divider-1, .mob-divider-2 {
        height: 28px;
        width: 100%;
        display: block
    }

    .ather450x-mobile-app .mobile-app-slide .slick-dots li button:before {
        color: #191919
    }

    .ather450x-mobile-app .mobile-app-slide .slick-dots li.slick-active button {
        background: #ffde55;
        color: #ffde55
    }

    .ather450x-mobile-app .mobile-app-slide .slick-dots li.slick-active button:before {
        color: transparent
    }

    .mob-divider-1 {
        background-color: #282A2D
    }

    .mob-divider-2 {
        background-color: #232425
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body {
        padding-bottom: 48px;
        padding-top: 32px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-close {
        top: 32px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .common450x-content h1 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap {
        padding-top: 64px;
        padding-bottom: 0
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc {
        flex-direction: column;
        padding-bottom: 96px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc .ather450x-pricing-modal-img img {
        width: 100%
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc .ather450x-pricing-modal-content {
        padding-top: 16px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc .ather450x-pricing-modal-content p, .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-desc-wrap .ather450x-pricing-modal-desc:nth-of-type(4) .ather450x-pricing-modal-img img {
        width: 100%
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes {
        padding: 20px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom {
        flex-direction: column
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom .ather450x-pricing-modal-notes-content {
        margin-bottom: 24px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom .ather450x-pricing-modal-notes-content label, .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom .ather450x-pricing-modal-notes-content span {
        font-size: 14px;
        line-height: 24px
    }

    .test-preorder450x-section .preorder-link .preorder-link-desc h1, .test-preorder450x-section .testride-link .testride-link-desc h1 {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-bottom .ather450x-pricing-modal-notes-content:nth-of-type(2) {
        margin-bottom: 0
    }

    .pricing-breakup {
        width: 100% !important;
        max-width: 100% !important
    }

    .test-preorder450x-section {
        display: block;
        margin-bottom: 0;
        margin-top: 0
    }

    .test-preorder450x-section .testride-link {
        position: relative;
        flex-direction: column;
        margin: 28px 0;
        height: 160px
    }

    .test-preorder450x-section .preorder-link .preorder-link-desc a, .test-preorder450x-section .testride-link .testride-link-desc a {
        margin-top: 20px
    }

    .test-preorder450x-section .testride-link .testride-link-desc {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center
    }

    .test-preorder450x-section .preorder-link {
        position: relative;
        height: 160px;
        width: 100%
    }

    .test-preorder450x-section .preorder-link .preorder-link-desc {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center
    }
}

@media only screen and (max-width:420px) {
    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange-content {
        margin-bottom: 32px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value {
        justify-content: center;
        text-align: center
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value label {
        padding-right: 0;
        line-height: 46px;
        padding-bottom: 12px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value label.why-care {
        line-height: 64px;
        font-size: 48px
    }

    .ather450x-performance-inner .ather450x-truerange-wrap .ather450x-truerange .ather450x-truerange-value span {
        font-size: 14px;
        margin-top: 0
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail {
        justify-content: flex-start
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail:nth-of-type(2) label {
        padding-bottom: 6px
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail:nth-of-type(2) p {
        margin-top: 0;
        line-height: 24px
    }

    .ather450x-pricing-popup .ather450x-pricing-modal .ather450x-pricing-modal-body .ather450x-pricing-modal-notes .ather450x-pricing-modal-notes-top .ather450x-pricing-modal-divider {
        width: 75%
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-tab-content .ather450x-details .ather450x-details-specs .ather450x-details-specs-list.pro-content li:last-child {
        width: 81%;
        margin: 0 auto
    }
}

@media only screen and (max-width:320px) {
    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque {
        width: 80%
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque label, .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque span {
        font-size: 20px
    }

    .ather450x-performance-inner .brand-new-content .brand-new .motor-torque-wrap .motor-torque:nth-of-type(2) {
        width: 43%
    }

    .ather450x-performance-inner .bike-body-img img {
        width: 119%
    }

    .ather450x-performance-inner .ather450x-reverse-mode .ather450x-reverse-mode-img {
        height: 450px
    }

    .ather450x-performance-inner .ather450x-battery .ather450x-battery-rating ul li:nth-child(2) {
        width: 60px
    }

    .ather450x-intelligence-inner .dashboard-wrap .dashboard-desc-wrap .dashboard-desc {
        padding: 24px 20px
    }

    .ather450x-intelligence-inner .dashboard-wrap .dashboard-desc-wrap .dashboard-desc h1 {
        font-size: 14px !important
    }

    .ather450x-intelligence-inner .dashboard-wrap .dashboard-desc-wrap .dashboard-desc .dashboard-desc-img {
        height: 18px;
        width: 18px
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content {
        padding: 0 40px 96px
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content p {
        margin-bottom: 0
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content .ather450x-dashboard-specs-list {
        flex-direction: column;
        padding-top: 32px
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content .ather450x-dashboard-specs-list .ather450x-dashboard-specs {
        text-align: center;
        margin-bottom: 24px
    }

    .ather450x-intelligence-inner .ather450x-dashboard-content .ather450x-dashboard-specs-list .ather450x-dashboard-specs:nth-last-of-type(1) {
        margin-bottom: 0
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail {
        justify-content: flex-start;
        width: 36%
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail label {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail p {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        margin-top: 4px
    }

    .ather450x-charge .ather450x-charge-content .ather450x-charge-content-detail:nth-of-type(2) label {
        padding-bottom: 4px
    }

    .ather450x-mobile-app .ather450x-mobile-app-heading {
        padding: 0 20px
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-tab-content .ather450x-details .ather450x-details-specs .ather450x-details-specs-list.pro-content li:last-child {
        width: 92%;
        margin: 0 auto
    }

    .ather450x-pricing-section .ather450x-pricing-desc .ather450x-pricing-tab-content .ather450x-pricing-details .ather450x-pricing-details-wrap .ather450x-pricing-details-inner.ather450x-subscription .ather450x-pricing-more a {
        font-size: 11px;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .ather450x-performance {
        background-image: url(../../images/450x/quickest_scooter-lg.jpg)
    }

    .ather450x-intelligence {
        background-image: url(../../images/450x/intelligence.png)
    }

    .ather450x-charge {
        background-image: url(../../images/450x/charge_sec_banner-lg.jpg)
    }
}

.ather450x-container {
    background-color: #282a2c
}

.sticky {
    position: fixed;
    top: 50%;
    bottom: 50%;
    margin: auto
}

.charge-border-left, .charge-border-right {
    height: 100vh;
    width: 40px;
    top: 0;
    background-color: #282a2c;
    z-index: 1
}

.right-stick {
    position: relative;
    right: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-end;
    margin-top: 115px;
    padding-right: 70px
}

.stop-scroll {
    position: absolute;
    bottom: 0
}

.charge-border-left {
    position: absolute;
    left: 0
}

.charge-border-right {
    position: absolute;
    right: 0
}

#invisibleDashboardContent {
    visibility: hidden;
    height: 1px
}

#wistia_29.thumb_container {
    width: 100%
}

.pricing-breakup p label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block
}

.dealership-wrapper .ds-banner {
    position: relative;
    height: 450px
}

@media screen and (max-width:767px) {
    .dealership-wrapper .ds-banner {
        height: 250px
    }

    .dealership-wrapper .ds-banner .ds-banner-content {
        width: 100%;
        display: none
    }
}

.dealership-wrapper .ds-banner .ds-banner-video {
    height: 100%;
    background-color: #000
}

.dealership-wrapper .ds-banner .ds-banner-video video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.dealership-wrapper .ds-banner .ds-banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.dealership-wrapper .ds-banner .ds-banner-content label {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 42px;
    padding-bottom: 12px;
    display: block
}

@media screen and (max-width:767px) {
    .dealership-wrapper .ds-banner .ds-banner-content label {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 0
    }
}

@media screen and (max-width:320px) {
    .dealership-wrapper .ds-banner .ds-banner-content label {
        font-size: 22px
    }
}

.dealership-wrapper .ds-banner .ds-banner-content h1 {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 40px !important;
    line-height: 42px !important
}

@media screen and (max-width:767px) {
    .dealership-wrapper .ds-banner .ds-banner-content h1 {
        font-size: 24px !important;
        line-height: 36px !important
    }
}

@media screen and (max-width:320px) {
    .dealership-wrapper .ds-banner .ds-banner-content h1 {
        font-size: 22px !important
    }
}

.dealership-wrapper .ds-content {
    background-color: #1F2023;
    padding: 64px 0
}

@media screen and (max-width:991px) {
    .dealership-wrapper .ds-content {
        padding: 64px 60px
    }
}

.dealership-wrapper .ds-content .ds-mob-heading {
    display: none;
    text-align: center
}

@media screen and (max-width:767px) {
    .dealership-wrapper .ds-content {
        padding: 40px 20px
    }

    .dealership-wrapper .ds-content .ds-mob-heading {
        display: block
    }
}

.dealership-wrapper .ds-content .ds-mob-heading label {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    display: block
}

.dealership-wrapper .ds-content p, .static-page-wrapper p.header {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:420px) {
    .dealership-wrapper .ds-content .ds-mob-heading label {
        font-size: 24px
    }
}

@media screen and (max-width:320px) {
    .dealership-wrapper .ds-content .ds-mob-heading label {
        font-size: 21px
    }
}

.dealership-wrapper .ds-content .ds-mob-heading h1 {
    color: #FFF;
    font-size: 26px !important;
    line-height: 36px !important
}

@media screen and (max-width:420px) {
    .dealership-wrapper .ds-content .ds-mob-heading h1 {
        font-size: 24px !important
    }
}

@media screen and (max-width:320px) {
    .dealership-wrapper .ds-content .ds-mob-heading h1 {
        font-size: 21px !important
    }
}

.dealership-wrapper .ds-content p {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    width: 845px;
    padding-top: 16px
}

@media screen and (max-width:991px) {
    .dealership-wrapper .ds-content p {
        width: 100%
    }
}

.dealership-wrapper .ds-content p:first-child {
    padding-top: 0
}

.dealership-wrapper .ds-content p a {
    color: #FFDE29;
    cursor: pointer
}

.dealership-wrapper .ds-content .ds-content-btn {
    text-align: center;
    padding-top: 40px
}

.dealership-wrapper .ds-content .ds-content-btn .button {
    border: 1px solid #fff
}

.static-page-wrapper {
    height: 40vh;
    display: flex;
    align-items: center
}

.static-page-wrapper p.header {
    max-width: 800px
}

.pricing-banner-top .multi-update .banner-icon img, .pricing-banner-top .single-update .banner-icon img {
    max-width: 100%
}

.error-page-container {
    background: #e2e2e2;
    text-align: center;
    height: 100vh;
    padding-top: 185px
}

@media screen and (max-width:767px) {
    .error-page-container {
        height: auto;
        padding-top: 100px
    }
}

@media screen and (max-width:500px) {
    .error-page-container {
        height: auto;
        padding-top: 125px
    }
}

.error-page-container .error-page-img {
    width: 564px;
    margin: 0 auto;
    height: 297px
}

@media screen and (max-width:767px) {
    .error-page-container .error-page-img {
        width: auto;
        margin: 0 auto;
        height: auto
    }
}

.error-page-container .error-page-img img {
    width: 100%;
    height: 100%
}

.error-page-container .error-page-content {
    padding-top: 4px;
    margin: 0 auto;
    width: 410px
}

.error-page-container .error-page-content h1 {
    font-size: 16px !important;
    line-height: 22px !important;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0;
    padding-bottom: 8px
}

.error-page-container .error-page-content p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0;
    padding-bottom: 32px
}

.error-page-container .error-page-content .yellow-btn {
    font-size: 14px;
    line-height: 20px;
    color: #191919;
    padding: 14px 25px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background: #FFDC48;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer
}

.error-page-container .error-page-content label {
    display: block;
    font-size: 12px;
    color: #191919;
    line-height: 17px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0
}

@media screen and (max-width:767px) {
    .error-page-container .error-page-content {
        width: auto
    }

    .error-page-container .error-page-content label {
        padding: 20px 0;
        position: unset
    }

    .pricing-banner {
        display: none
    }
}

.error-page-container .error-page-content label a {
    text-decoration: underline !important;
    cursor: pointer;
    font-size: 12px;
    color: #191919;
    line-height: 17px
}

.error-page-container .error-page-content label a:hover {
    text-decoration: underline !important
}

.pricing-banner {
    padding: 15px 80px;
    background: #F4F4F4;
    position: fixed;
    bottom: 0;
    width: 100%;
    justify-content: space-between;
    height: 44px;
    z-index: 9999;
    display: none
}

.pricing-banner p span {
    font-size: 14px;
    line-height: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #000
}

.pricing-banner a, .pricing-banner p label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000
}

@media screen and (max-width:1024px) {
    .pricing-banner p span {
        font-size: 12px;
        line-height: 13px
    }
}

.pricing-banner p label {
    font-size: 14px;
    line-height: 15px;
    padding-left: 10px
}

@media screen and (max-width:1024px) {
    .pricing-banner p label {
        font-size: 12px;
        line-height: 13px
    }
}

.pricing-banner a {
    font-size: 14px;
    line-height: 15px;
    text-decoration: underline !important
}

@media screen and (max-width:1024px) {
    .pricing-banner a {
        font-size: 12px;
        line-height: 13px
    }

    .pricing-banner {
        bottom: 45px;
        padding: 15px 24px
    }
}

.floating-btn {
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 9999;
    background-color: #219653;
    padding: 6px 12px 6px 2px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    cursor: pointer
}

@media screen and (max-width:1024px) {
    .floating-btn {
        display: none
    }
}

.floating-btn a {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #FFF;
    display: inline-block;
    cursor: pointer
}

.floating-btn label {
    height: 21px;
    cursor: pointer;
    margin-top: -5px !important
}

.custom-overlay, .custom-overlay1 {
    height: 100%;
    width: 100%;
    position: absolute
}

.floating-btn:hover {
    background: #191919
}

.custom-overlay {
    background-color: rgba(25, 25, 25, .16);
    top: 473px;
    bottom: 0;
    z-index: 99999
}

@media screen and (max-width:470px) {
    .custom-overlay {
        top: 455px
    }
}

.custom-overlay1 {
    display: none;
    background-color: rgba(0, 0, 0, .5);
    left: 0;
    top: 0
}

.heading-450x {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 4rem !important;
    line-height: 4.6rem !important;
    color: #191919
}

.heading-450x.grey {
    color: #efefef
}

@media screen and (max-width:767px) {
    .custom-overlay1 {
        display: block
    }

    .heading-450x {
        font-size: 1.75rem !important;
        line-height: 2rem !important;
        transition: all .4s
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .heading-450x {
        font-size: 2.5rem !important;
        line-height: 3rem !important
    }
}

.buy-back-ends {
    background-color: #FFDE5566;
    padding: 20px 24px
}

.buy-back-ends p {
    font-size: 14px;
    line-height: 22px;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

@media screen and (max-width:767px) {
    .buy-back-ends {
        padding: 20px
    }

    .buy-back-ends p {
        font-size: 12px;
        line-height: 18px
    }
}

.buy-back-ends p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.buy-back-ends p a {
    text-decoration: underline !important;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.buy-back-yellow-card {
    margin-top: 36px
}

.fame-subsity-details-soon-wrapper {
    background-color: #FFDE55;
    padding: 24px 30px;
    display: flex;
    align-items: center
}

.fame-subsity-details-soon-wrapper .mobile-ps {
    display: block
}

@media screen and (max-width:767px) {
    .buy-back-ends p a {
        font-size: 12px;
        line-height: 18px
    }

    .buy-back-yellow-card {
        margin-top: 20px
    }

    .fame-subsity-details-soon-wrapper {
        padding: 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .fame-subsity-details-soon-wrapper .mobile-ps {
        display: block;
        padding-top: 15px
    }

    .fame-subsity-details-soon-wrapper .mobile-ps h6 {
        display: inline-block;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }
}

.fame-subsity-details-soon-wrapper label i {
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:767px) {
    .fame-subsity-details-soon-wrapper label i {
        font-size: 18px
    }
}

.fame-subsity-details-soon-wrapper p {
    padding-left: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.fame-subsity-details-soon-wrapper p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.pricing-banner-top .multi-update .update-right a, .pricing-banner-top .multi-update .update-right p, .pricing-banner-top .multi-update .update-right span, .pricing-banner-top .single-update a, .pricing-banner-top .single-update p, .pricing-banner-top .single-update span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .fame-subsity-details-soon-wrapper p {
        padding-left: 0;
        padding-top: 13px;
        font-size: 12px;
        line-height: 18px;
        word-break: break-word
    }
}

.fame-subsity-details-soon-wrapper p a {
    font-size: 14px;
    line-height: 21px;
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-decoration: underline !important;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .fame-subsity-details-soon-wrapper p a {
        font-size: 12px;
        line-height: 18px
    }
}

.ui.modal .scrolling.content {
    max-height: 100% !important
}

.pricing-banner-top {
    background: #FCF3D0;
    margin: 0 0 60px
}

.pricing-banner-top .fame-subsity-details-soon-wrapper {
    background: #FCF3D0
}

.pricing-banner-top .banner-icon svg {
    fill: #000
}

.pricing-banner-top p, .pricing-banner-top span {
    line-height: 20px;
    padding: 0
}

.pricing-banner-top .single-update {
    padding: 12px 22px 12px 36px
}

.pricing-banner-top .single-update .banner-icon {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    margin-right: 36px
}

.pricing-banner-top .single-update .banner-icon svg {
    width: 13px
}

.pricing-banner-top .multi-update {
    padding: 30px 36px
}

.pricing-banner-top .multi-update .update-right {
    border-left: 1.4px solid #946000;
    padding-left: 36px
}

.pricing-banner-top .multi-update .update-right p {
    margin-bottom: 8px
}

.pricing-banner-top .multi-update .update-right p:last-child {
    margin-bottom: 0
}

.pricing-banner-top .multi-update .update-right a {
    color: inherit
}

.pricing-banner-top .multi-update .banner-icon {
    display: block;
    width: 13px;
    line-height: 13px
}

.pricing-banner-top .multi-update .banner-icon svg {
    width: 13px
}

.pricing-banner-top .multi-update .update-left {
    width: 65px;
    margin-right: 36px
}

.pricing-banner-top .multi-update .update-left span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.para-450x, .title-450x {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-banner-top .multi-update .update-left .banner-icon {
    width: 10.5px;
    height: 12px;
    margin-bottom: 4px;
    line-height: 12px;
    text-align: center
}

.pricing-banner-top .multi-update .multi-notes {
    width: 97px;
    margin-right: 36px
}

.pricing-banner-top .multi-update .multi-notes span {
    font-size: 24px;
    line-height: 30px
}

.pricing-banner-top .multi-update .multi-notes .banner-icon {
    width: 17px;
    height: 19px;
    margin-bottom: 4px;
    line-height: 19px
}

.title-450x {
    font-size: 1.15rem;
    line-height: 1.4rem;
    color: #191919;
    display: block;
    margin-bottom: 1.125rem !important
}

.title-450x.grey {
    color: #efefef
}

@media screen and (max-width:767px) {
    .title-450x {
        font-size: .625rem !important;
        line-height: 1.25em !important;
        margin-bottom: .75rem !important;
        transition: all .4s
    }
}

.para-450x {
    font-size: 1.25rem;
    line-height: 1.9rem;
    color: #191919;
    transition: all .4s
}

.para-450x.grey {
    color: #e2e2e2
}

@media screen and (max-width:767px) {
    .para-450x {
        font-size: 1rem !important;
        line-height: 1.25rem !important;
        width: 55% !important
    }
}

@media screen and (max-width:420px) {
    .para-450x {
        width: 80% !important
    }
}

.spacer-450x {
    padding: 0 6rem
}

@media screen and (max-width:991px) {
    .spacer-450x {
        padding: 0 4rem
    }
}

@media screen and (max-width:767px) {
    .spacer-450x {
        padding: 0 1rem
    }
}

.page-450x {
    background-color: #e2e2e2
}

.ui.dimmer {
    z-index: 9999
}

.ui.modal .close {
    color: #fff !important
}

.ui.modal>:last-child {
    border-radius: 0
}

.loan-cal-content {
    padding: 32px;
    background-color: #191919
}

.loan-cal-content .loan-cal-heading h4 {
    color: #d0d0d0;
    font-size: 32px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    line-height: 32px !important;
    padding-bottom: 40px
}

.loan-cal-content .loan-cal-heading p, .loan-cal-content .white-btn {
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

.loan-cal-content .loan-cal-heading p {
    color: #d0d0d0;
    line-height: 20px;
    padding-bottom: 40px
}

.loan-cal-content .white-btn {
    text-align: center;
    width: 170px;
    padding: 10px 0;
    background: #fff;
    line-height: 32px;
    color: #191919;
    display: inline-block;
    cursor: pointer
}

#lease-plan-modal .ec-modal-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    background-color: #dadada;
    display: flex;
    justify-content: center;
    align-items: center
}

#lease-plan-modal .ec-modal-close label {
    display: inline-block;
    vertical-align: -webkit-baseline-middle
}

#lease-plan-modal .modal-dialog {
    width: 100%;
    margin: 30px auto
}

#lease-plan-modal .modal-content {
    box-shadow: none;
    border-radius: 2px
}

.ec-modal-close {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 30px;
    width: 30px;
    background-color: #dadada;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.ec-modal-close label {
    cursor: pointer
}

.ec-modal-close label .mdi {
    font-size: 12px;
    color: #7e7e7e
}

.ba-loan-iframe-class {
    width: 100%
}

.ba-lease-iframe-class {
    height: 1000px;
    width: 100%
}

@media all and (max-width:1024px) {
    .ba-lease-iframe-class {
        width: 100% !important
    }
}

@media all and (min-width:1025px) {
    .new-450x__accrord-charging-wrap {
        float: left;
        width: 100%
    }
}

.guide-me .monthly-report .img-section .list span, .warp-mode .true-range .range a span {
    float: right
}

.guide-me {
    background-color: #fff
}

.guide-me .side-stand {
    height: 100%;
    width: 400px;
    background-color: #e1e1e1;
    position: relative;
    margin-right: 24px;
    margin-left: 24px
}

.guide-me .side-stand .text-section {
    padding: 70px
}

.guide-me .side-stand .text-section h1, .guide-me .side-stand .text-section h2 {
    color: #191919;
    font-size: 48px !important;
    line-height: 54px !important;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

.guide-me .side-stand .text-section p {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 24px
}

.guide-me .side-stand .img-section {
    position: absolute;
    bottom: -5px
}

.guide-me .side-stand .img-section img {
    width: 100%;
    height: 100%
}

.guide-me .go-incognito {
    width: 453px;
    height: 100%;
    position: relative;
    margin-right: 24px
}

.guide-me .go-incognito .text-section {
    padding: 70px;
    position: absolute;
    top: 0;
    z-index: 1
}

.guide-me .go-incognito .text-section h1 {
    color: #efefef;
    font-size: 48px !important;
    line-height: 54px !important;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

.guide-me .go-incognito .text-section p {
    color: #f5f5f5;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 24px
}

.guide-me .go-incognito .img-section {
    height: 100%;
    position: relative;
    background-color: #191919
}

.guide-me .go-incognito .img-section img {
    width: 100%;
    height: 100%
}

.guide-me .go-incognito .img-section video {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.guide-me .go-incognito .incognito-icon {
    position: absolute;
    bottom: 20px;
    left: 44px
}

.guide-me .go-incognito .incognito-icon .cls-1, .guide-me .go-incognito .incognito-icon .cls-2 {
    fill: #3c3c3c;
    transition: fill .75s ease
}

.guide-me .go-incognito .incognito-icon.active .cls-1, .guide-me .go-incognito .incognito-icon.active .cls-2 {
    fill: #efefef
}

.guide-me .guide-me-section {
    width: 1205px;
    height: 100%;
    margin-right: 24px
}

.guide-me .guide-me-section .text-section {
    position: absolute;
    padding: 72px;
    bottom: 0;
    width: 45%
}

.guide-me .guide-me-section .img-section, .guide-me .monthly-report {
    height: 100%;
    position: relative
}

.guide-me .guide-me-section .text-section h1, .guide-me .guide-me-section .text-section h2 {
    color: #f5f5f5;
    font-size: 48px !important;
    line-height: 54px !important;
    padding-bottom: 15px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

.guide-me .guide-me-section .text-section p {
    color: #f5f5f5;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 24px;
    width: 50%
}

.guide-me .guide-me-section .img-section img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.guide-me .monthly-report {
    background-color: #ededed;
    width: 396px;
    margin-right: 24px
}

.guide-me .monthly-report .img-section {
    position: absolute;
    bottom: -6px
}

.guide-me .monthly-report .img-section .img {
    width: 100%;
    height: 280px;
    overflow: hidden
}

.guide-me .monthly-report .img-section .img img {
    width: 100%;
    height: 98%
}

.guide-me .monthly-report .img-section .list {
    padding: 0 72px
}

.guide-me .monthly-report .img-section .list span svg {
    transform: matrix(.71, -.71, .71, .71, 0, 0)
}

.guide-me .monthly-report .img-section a {
    color: #191919;
    line-height: 20px;
    border-bottom: 1px solid #191919;
    padding-bottom: 8px;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    width: 70%;
    cursor: pointer
}

.guide-me .monthly-report .text-section {
    padding: 70px
}

.guide-me .monthly-report .text-section h1, .guide-me .monthly-report .text-section h2 {
    color: #191919;
    font-size: 48px !important;
    line-height: 54px !important;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

.guide-me .monthly-report .text-section p {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 24px
}

.guide-me .flex-wraper {
    display: flex;
    position: relative
}

.warp-mode {
    background-color: #000 !important
}

.warp-mode .hello-section {
    position: relative;
    width: calc(100vw - 130px);
    height: calc(100vh - 80px);
    padding: 0 90px
}

.warp-mode .hello-section .hello-text {
    padding-left: 34px
}

.warp-mode .hello-section .img-section {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    width: calc(100vw - 176px);
    margin: 0 auto;
    height: 82%
}

.warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
    font-size: 206px !important;
    line-height: 160px !important;
    color: #fff;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

@media screen and (min-width:1100px) and (max-width:1275px) {
    .warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
        font-size: 174px !important
    }
}

@media screen and (min-width:992px) and (max-width:1099px) {
    .warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
        font-size: 160px !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
        font-size: 115px !important
    }
}

.warp-mode .hello-section .hello-text.second h1, .warp-mode .hello-section .hello-text.second h2 {
    line-height: 120px !important
}

@media screen and (max-width:767px) {
    .warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
        font-size: 60px !important
    }

    .warp-mode .hello-section .hello-text.second h1, .warp-mode .hello-section .hello-text.second h2 {
        line-height: initial !important
    }
}

.warp-mode .hello-section .inner-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
    transition: all .65s ease-in;
    left: 0
}

.warp-mode .hello-section .test-ride a span .svg-inline--fa, .warp-mode .true-range .range a span svg {
    transform: matrix(.71, -.71, .71, .71, 0, 0)
}

.warp-mode .hello-section .inner-img video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.warp-mode .hello-section .test-ride {
    display: flex;
    margin: 70px 0;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 40px 34px;
    position: relative;
    width: 90%;
    z-index: 9
}

.warp-mode .hello-section .test-ride label {
    display: none
}

.warp-mode .hello-section .test-ride p {
    color: #001919;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0
}

.warp-mode .hello-section .test-ride a {
    color: #001919;
    line-height: 22px;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #191919;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.warp-mode .hello-section .test-ride a span {
    padding-left: 12px
}

.warp-mode .engine-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 72px;
    background-color: #6f6f6f;
    margin-right: 24px;
    width: 770px;
    height: 100%
}

.warp-mode .engine-section .text-section h2 {
    color: #efefef;
    font-size: 48px !important;
    line-height: 64px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    padding-bottom: 24px
}

.warp-mode .engine-section .text-section span {
    position: relative
}

.warp-mode .engine-section .text-section span:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 3px;
    top: 62%;
    left: 0
}

.warp-mode .engine-section .text-section p {
    color: #efefef;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 24px;
    width: 42%
}

.warp-mode .engine-section .img-section img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.warp-mode .brains {
    margin-right: 24px;
    background-color: #d5d5d5;
    padding: 72px;
    width: 894px;
    height: 100%;
    display: flex;
    justify-content: space-between
}

.warp-mode .brains .left {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.warp-mode .brains .left .text-section h1, .warp-mode .brains .left .text-section h2 {
    font-size: 48px !important;
    padding-bottom: 24px;
    line-height: 64px;
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.warp-mode .brains .left .text-section p {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #191919
}

.warp-mode .brains .left .img-section img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.warp-mode .brains .right {
    display: flex;
    align-items: center
}

.warp-mode .brains .right ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 60vh
}

.warp-mode .brains .right ul li span {
    display: inline-block;
    padding-bottom: 12px;
    height: 28px;
    width: 28px
}

.warp-mode .brains .right ul li p {
    color: #0b0b0b;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    width: 132px
}

.warp-mode .brains .right ul li p label {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.warp-mode .brains .right ul li:last-child {
    padding-bottom: 0
}

.warp-mode .brains .right ul:first-child p {
    width: 148px
}

.warp-mode .true-range {
    padding: 72px;
    width: 470px;
    height: 100%;
    background-color: #e2e2e2;
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.warp-mode .true-range .text-section h1, .warp-mode .true-range .text-section h2 {
    padding-bottom: 20px;
    color: #191919;
    font-size: 48px !important;
    line-height: 54px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.warp-mode .true-range .text-section h1 sup, .warp-mode .true-range .text-section h2 sup {
    top: -1.7em;
    font-size: 30%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.warp-mode .true-range .text-section p {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 24px
}

.warp-mode .true-range .eco-section {
    border: 1px solid #b4b4b4;
    border-radius: 31px;
    padding: 7px;
    width: 100%
}

.warp-mode .true-range .eco-section ul li {
    display: inline-block;
    padding: 15px 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center;
    cursor: pointer
}

.warp-mode .true-range .eco-section ul li.active {
    background-color: #1bb35a;
    color: #fff;
    border-radius: 25px
}

.warp-mode .true-range .eco-km h1, .warp-mode .true-range .eco-km h2 {
    color: #191919;
    font-size: 64px !important;
    line-height: 33px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    padding-bottom: 10px
}

.warp-mode .true-range .eco-km label {
    color: #191919;
    font-size: 16px;
    line-height: 33px
}

.warp-mode .true-range .range a {
    color: #191919;
    font-size: 16px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #191919;
    cursor: pointer
}

.tooltip-container .ui.button:after {
    width: 250px;
    white-space: normal;
    margin-left: 10px
}

@media all and (max-width:767px) {
    .tooltip-container .ui.button:after {
        margin-left: 75px
    }

    .tooltip-container.mob .ui.button:after {
        margin-left: 120px
    }
}

.pricing-financing {
    background-color: #fff
}

@media all and (min-width:1025px) {
    .pricing-financing {
        float: left;
        width: 100%
    }
}

.experience-sections .experience-card a span, .pricing-financing .pre-order-now a span {
    float: right
}

.pricing-financing .tooltip {
    margin-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    background: 0 0;
    padding: 0
}

@media screen and (max-width:767px) {
    .pricing-financing .tooltip {
        display: inline-block !important;
        position: absolute;
        margin-left: 5px;
        margin-top: 3px
    }

    .pricing-financing .tooltip img {
        width: 10px
    }
}

.pricing-financing .tooltip:hover {
    background-color: transparent
}

.pricing-financing .mob-hide {
    display: block !important
}

.pricing-financing .mob-show {
    display: none !important
}

@media screen and (max-width:767px) {
    .pricing-financing .mob-hide {
        display: none !important
    }

    .pricing-financing .mob-show {
        display: block !important
    }
}

.pricing-financing .heading-450x {
    margin-bottom: 1.875rem !important
}

.pricing-financing .pricing-sections {
    background-color: #191919
}

.pricing-financing .pricing-sections .list-heading {
    display: flex;
    justify-content: flex-end;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.25rem;
    padding-bottom: .844rem
}

.pricing-financing .pricing-sections .list-heading h1, .pricing-financing .pricing-sections .list-heading h3 {
    color: #191919;
    font-size: 24px !important;
    line-height: 20px !important;
    flex-basis: 25%;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    text-align: center
}

.pricing-financing .pricing-sections .list-heading.inverse h1, .pricing-financing .pricing-sections .list-heading.inverse h3 {
    color: #e6e6e6
}

.pricing-financing .pricing-sections .list-heading.border {
    border-bottom: 1px solid #e5e5e5
}

.pricing-financing .pricing-sections .variants-sections {
    padding: 9.063rem 9.5rem 5rem
}

.pricing-financing .pricing-sections .variants-sections .heading-450x {
    width: 40%;
    color: #fff
}

.pricing-financing .pricing-sections .variants-sections ul .variants-list {
    display: flex;
    font-size: 1rem;
    line-height: 1.75rem;
    border-top: 1px solid #575757;
    padding: .906rem 0 .844rem
}

.pricing-financing .pricing-sections .variants-sections ul .variants-list label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #8e8e8e;
    flex-basis: 50%;
    padding-left: 1.25rem
}

.pricing-financing .pricing-sections .variants-sections ul .variants-list span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #e6e6e6;
    flex-basis: 25%;
    text-align: center
}

.pricing-financing .pricing-sections .variants-sections .see {
    padding-top: 70px;
    text-align: right
}

.pricing-financing .pricing-sections .variants-sections .see a {
    color: #EFEFEF;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.pricing-financing .pricing-sections .variants-sections .see a span {
    margin-left: 8px;
    vertical-align: middle
}

.pricing-financing .pricing-sections .variants-sections .see a span img {
    width: 15px;
    height: 15px
}

@media screen and (max-width:767px) {
    .pricing-financing .pricing-sections .variants-sections .see {
        padding-top: 25px;
        text-align: center
    }

    .pricing-financing .pricing-sections .variants-sections .see a {
        font-size: 12px;
        padding-bottom: 4px
    }

    .pricing-financing .pricing-sections .variants-sections .see a span img {
        width: 12px;
        height: 12px
    }
}

.pricing-financing .pricing-sections .pricing-details {
    background-color: #fff;
    padding: 2.5rem 9.5rem 3.75rem
}

.pricing-financing .pricing-sections .pricing-details ul .pricing-list {
    display: flex;
    align-items: flex-end;
    padding: .906rem 0 .844rem
}

.pricing-financing .pricing-sections .pricing-details ul .city {
    border-bottom: 1px solid #707070
}

.pricing-financing .pricing-sections .pricing-details ul .city .ui.dropdown .menu {
    background: #f8f8f8;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    width: 180px;
    height: 280px;
    overflow-y: scroll;
    top: unset !important;
    left: -100px !important
}

.pricing-financing .pricing-sections .pricing-details ul .city .text a {
    color: #191919
}

.pricing-financing .pricing-sections .pricing-details ul .city .ui.dropdown .menu>.item {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300
}

.pricing-financing .pricing-sections .pricing-details ul .city .ui.dropdown .menu>.item a {
    color: grey
}

.pricing-financing .pricing-sections .pricing-details ul .city .ui.dropdown .menu>.item.active a {
    color: #191919
}

.pricing-financing .pricing-sections .pricing-details ul .price-section {
    padding: 30px 0 10px;
    position: relative
}

.pricing-financing .pricing-sections .pricing-details ul .price-section label {
    color: #191919;
    font-size: 24px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section {
    display: flex;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 28px;
    padding-top: 10px
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left {
    width: 50%;
    justify-content: space-between;
    padding-top: 24px
}

@media screen and (max-width:767px) {
    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left h2 {
        font-size: 11px !important;
        color: #191919;
        width: 100% !important;
        text-align: left;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left h2 .tooltip {
        width: auto;
        position: absolute;
        right: -70px
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left h2 .tooltip img {
        width: 10px
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left p {
        padding-top: 5px;
        font-size: 10px !important;
        color: #191919;
        width: 100%;
        line-height: 14px !important
    }
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left label {
    color: #707070;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .right {
    display: flex;
    width: 50%;
    justify-content: space-between
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .right .limited-offer {
    padding: 15px 40px;
    background-color: #f5f5f5;
    text-align: center;
    position: absolute;
    width: 300px;
    top: -67px
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .right .limited-offer label {
    color: #191919;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .right .limited-offer label span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section p {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 22px
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section h2 {
    color: #313131;
    font-size: 32px !important;
    line-height: 64px !important;
    width: 50%;
    position: relative;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section h2 span {
    position: absolute;
    color: grey;
    font-size: 16px;
    top: -50px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    left: 0
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section h2 span svg {
    color: grey;
    margin-left: 10px
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .strikethrough {
    position: relative
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive-section .strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.pricing-financing .pricing-sections .pricing-details ul .exclusive {
    color: #707070;
    font-size: 10px;
    line-height: 14px !important;
    padding-bottom: 16px !important;
    display: inline-block
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase {
    will-change: transform;
    overflow: hidden
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase .see-more-top {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    padding-top: 25px
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase .see-more-bottom {
    padding-top: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase .see-more-bottom li h2 {
    color: #0d7c3e
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li .left {
    width: 50%
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li .right {
    width: 50%;
    display: flex;
    justify-content: space-around
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li .right h2 {
    width: 40%;
    text-align: center
}

.pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li h2 {
    color: #191919;
    font-size: 16px !important;
    line-height: 20px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li h2 label {
        display: inline;
        font-size: 10px !important
    }
}

.pricing-financing .pricing-sections .pricing-details ul .breakup label {
    cursor: pointer;
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 4px;
    padding-top: 14px;
    display: inline-block;
    border-bottom: 1px solid #191919
}

.pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob {
    display: none
}

.pricing-financing .pricing-sections .whats-included {
    background-color: #fff;
    padding: 0 9.5rem;
    position: relative
}

.pricing-financing .pricing-sections .whats-included .or {
    font-size: 12px;
    color: #191919;
    line-height: 22px;
    margin-left: 0 !important;
    position: relative;
    height: 20px;
    margin-right: 10px !important
}

.pricing-financing .pricing-sections .whats-included .or .left {
    display: inline-block;
    width: 25px !important;
    height: 1px;
    background: #707070;
    position: absolute;
    transform: rotate(120deg);
    right: -22px;
    top: -7px
}

.pricing-financing .pricing-sections .whats-included .or .right {
    display: inline-block;
    width: 25px !important;
    height: 1px;
    background: #707070;
    position: absolute;
    transform: rotate(120deg);
    left: -12px;
    bottom: -10px
}

.pricing-financing .pricing-sections .whats-included .whats-included-section {
    display: flex;
    justify-content: space-between
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature {
    width: 20%;
    background-color: #f3f5f5;
    padding: 45px 30px
}

@media screen and (max-width:1380px) {
    .pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature {
        padding: 45px 15px
    }
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature .whats {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature label {
    display: inline-block;
    color: #191919;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature:nth-child(2) {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature:nth-child(3) {
    width: 20%
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature span {
    display: inline-block;
    width: 30px;
    margin-right: 10px
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature:first-child {
    margin-right: 10px;
    padding-left: 40px;
    width: 14%
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature:last-child {
    width: 25%
}

.pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature .what-included-feature-list {
    display: flex;
    width: 45%
}

.pricing-financing .pricing-sections .whats-included .whats-included-img {
    width: 293px;
    height: 207px;
    position: absolute;
    top: 5%;
    left: 16%
}

.pricing-financing .pricing-sections .whats-included .whats-included-img img {
    width: 100%;
    height: 100%
}

.pricing-financing .financing-sections {
    padding: 10rem 5rem 9rem
}

.pricing-financing .financing-sections .heading-450x {
    font-size: 2.25rem !important;
    line-height: 2.625rem !important
}

.pricing-financing .financing-sections .list-heading {
    display: flex;
    justify-content: flex-end;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.25rem;
    padding-bottom: 15px
}

.pricing-financing .financing-sections .list-heading h1, .pricing-financing .financing-sections .list-heading h3 {
    color: #191919;
    font-size: 24px !important;
    line-height: 20px !important;
    flex-basis: 25%;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    text-align: center
}

.pricing-financing .financing-sections .list-heading.inverse {
    border-bottom: 1px solid #868686
}

.pricing-financing .financing-sections .list-heading.inverse h1, .pricing-financing .financing-sections .list-heading.inverse h3 {
    color: #fff
}

.pricing-financing .financing-sections .buyback-sections {
    margin-bottom: 6.531rem;
    background: linear-gradient(163deg, #535353 0, #111 100%);
    border-radius: 4px;
    position: relative;
    padding-bottom: 30px
}

.pricing-financing .financing-sections .buyback-sections .end-date {
    color: #FFDE55;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #FFDE55;
    padding: 5px;
    margin-bottom: 12px !important;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section {
    padding: 65px 90px 0
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section .heading-450x {
    color: #fff
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section .buyback-text {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    width: 38%
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list {
    display: flex;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    padding: .906rem 0 .844rem;
    font-size: 1.5rem
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list label {
    flex-basis: 50%;
    line-height: 2rem;
    font-size: 24px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list label h6 {
    padding-left: 15px;
    color: #fff;
    display: inline-block;
    font-weight: 300;
    font-size: 18px !important
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list span {
    flex-basis: 25%;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 3rem;
    color: #fff;
    text-align: center
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list .getback_mob {
    display: none
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list .getback_web {
    display: block
}

.pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list:last-child {
    font-size: 24px;
    line-height: 1.25rem
}

.pricing-financing .financing-sections .buyback-sections .know-more {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 23px 90px 30px
}

.pricing-financing .financing-sections .buyback-sections .know-more h2 {
    cursor: pointer;
    border-bottom: 1px solid #fff
}

.pricing-financing .financing-sections .buyback-sections .know-more h2 label {
    cursor: pointer;
    color: #fff;
    font-size: 16px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    line-height: 24px !important
}

.pricing-financing .financing-sections .buyback-sections .know-more h2 span {
    display: inline-block;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px
}

.pricing-financing .financing-sections .buyback-sections .know-more-section {
    background-color: #575757;
    opacity: 0;
    height: 0;
    transition: .3s all ease;
    overflow: hidden;
    padding: 0 80px
}

.pricing-financing .financing-sections .buyback-sections .know-more-section.active {
    padding: 80px 80px 50px;
    opacity: 1;
    height: auto;
    transition: .3s all ease
}

.pricing-financing .financing-sections .buyback-sections .know-more-section ul li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding-bottom: 50px
}

.pricing-financing .financing-sections .buyback-sections .know-more-section ul li label {
    color: #ddc04b;
    font-size: 16px;
    line-height: 22px;
    width: 68%;
    display: inline-block
}

.pricing-financing .financing-sections .buyback-sections .know-more-section ul li p {
    padding-top: 5px;
    color: #dbdbdb;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 22px;
    width: 63%
}

.pricing-financing .financing-sections .buyback-sections .know-more-section ul li p a {
    text-decoration: underline;
    color: #dbdbdb
}

.pricing-financing .financing-sections .buyback-sections .know-more-section ul li p a:hover {
    text-decoration: underline !important
}

.pricing-financing .financing-sections .buyback-sections .know-more-section ul li:nth-child(3), .pricing-financing .financing-sections .buyback-sections .know-more-section ul li:nth-child(4) {
    padding-bottom: 0
}

.pricing-financing .financing-sections .buyback-sections .shield-img {
    position: absolute;
    right: 10%
}

.pricing-financing .financing-sections .financing-details-wrapper {
    padding: 0 50px
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details {
    margin-bottom: 7.531rem
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .list-heading {
    display: flex;
    justify-content: flex-end;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .list-heading h1, .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .list-heading h3 {
    color: #191919;
    font-size: 24px !important;
    line-height: 20px !important;
    flex-basis: 25%;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    text-align: center
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list {
    display: flex;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    padding: .906rem 0 .844rem;
    font-size: 1.5rem;
    align-items: center
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list label {
    flex-basis: 25%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 4rem;
    color: #191919
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list a {
    flex-basis: 25%
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list a label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 2rem;
    color: #191919;
    border: 1px solid #191919;
    padding: .425rem 1.063rem;
    min-width: 170px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    opacity: .5
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list a label span {
    display: none
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list span {
    flex-basis: 25%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #191919;
    text-align: center
}

@media screen and (max-width:767px) {
    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list span .idfc {
        display: block;
        text-align: center
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list span .hdfc {
        display: none
    }
}

.pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list:last-child {
    border-bottom: none
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x {
    background: #d0d0d0;
    padding: 48px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start;
    height: 215px
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details a span, .pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-right-card p span {
    padding-left: .5rem
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details {
    width: 50%
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details.left p {
    padding-bottom: 30px
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details p {
    color: #fff;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 30px
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details label {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 20px;
    width: 60%;
    display: inline-block
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details a {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 20px;
    display: block;
    border-bottom: 1px solid #191919;
    cursor: pointer
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details a span .svg-inline--fa {
    font-size: .875rem;
    line-height: 1.25rem;
    transform: matrix(.71, -.71, .71, .71, 0, 0)
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details:last-child {
    text-align: right
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-right-card {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
    justify-content: space-between
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-right-card p {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 20px;
    display: inline-block
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-right-card p a {
    display: inline-block
}

.pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-right-card p span .svg-inline--fa {
    font-size: .875rem;
    line-height: 1.25rem;
    transform: matrix(.71, -.71, .71, .71, 0, 0)
}

.pricing-financing .financing-sections .ownership-details .slick-dots {
    left: 0;
    bottom: 42px;
    width: auto;
    display: inline-block;
    padding-left: 80px
}

.pricing-financing .financing-sections .ownership-details .slick-dots li button:before {
    font-size: 16px;
    opacity: 1;
    color: #fff
}

.pricing-financing .financing-sections .ownership-details .slick-dots li.slick-active button:before {
    color: #191919;
    opacity: 1
}

.pricing-financing .pre-order-now {
    background-color: #ffde55;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 70px;
    position: sticky;
    bottom: -100%;
    transition: all .5s ease;
    z-index: 999
}

.pricing-financing .pre-order-now p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    color: #191919;
    margin-bottom: 0
}

.pricing-financing .pre-order-now p span {
    display: inline-block
}

.pricing-financing .pre-order-now a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: inline-block;
    background-color: #191919;
    color: #efefef;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    padding: 10px 24px;
    min-width: 233px
}

.pricing-financing .pre-order-now a span svg {
    transform: matrix(.71, -.71, .71, .71, 0, 0);
    font-size: 14px;
    line-height: 20px
}

.experience-sections {
    background-color: #191919;
    padding: 5.25rem 8rem;
    display: flex;
    justify-content: space-between
}

.experience-sections .experience-card {
    flex-basis: 46%;
    border-bottom: 2px solid #efefef;
    cursor: pointer;
    align-self: flex-end
}

.experience-sections .experience-card a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 2.825rem;
    line-height: 48px;
    display: block;
    margin-bottom: .75rem
}

.disclaimer-sections {
    background-color: #e2e2e2;
    padding: 5.25rem 8rem
}

.disclaimer-sections p {
    font-size: 12px;
    line-height: 18px;
    color: grey
}

.caution {
    background-color: #EB8B86;
    padding: 16px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:1024px) {
    .pricing-financing .pre-order-now {
        z-index: 1
    }

    .caution {
        padding: 16px 15px
    }
}

@media screen and (max-width:767px) {
    .caution {
        padding: 16px 32px;
        flex-direction: column;
        align-items: flex-start
    }
}

.caution .caution-left, .caution .caution-right {
    align-items: center;
    display: flex
}

.caution p {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-left: 40px
}

@media screen and (max-width:767px) {
    .caution .caution-left {
        flex-direction: column;
        align-items: flex-start
    }

    .caution p {
        margin-left: 0;
        margin-top: 12px;
        margin-bottom: 20px;
        font-size: 14px
    }
}

.caution .caution-right {
    border-bottom: 1px solid #191919
}

.caution .caution-right a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #191919;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .caution .caution-right a {
        font-size: 12px
    }
}

.caution .caution-right span {
    margin-left: 10px;
    height: 15px
}

.caution .caution-right span img {
    height: 15px
}

.caution-btn {
    padding: 12px 16px;
    background-color: #FF9791;
    border-radius: 2px;
    display: flex;
    align-items: center
}

.caution-btn span {
    margin-right: 15px
}

.caution-btn span i {
    font-size: 24px
}

@media screen and (max-width:767px) {
    .caution-btn span i {
        font-size: 18px
    }

    .caution-btn span {
        margin-right: 8px
    }
}

.caution-btn label {
    color: #191919;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .caution-btn label {
        font-size: 14px
    }
}

.scrolling-view-close {
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin: 0 auto;
    z-index: 999999;
    text-align: center;
    transition: all .4s;
    cursor: pointer;
    transform: translate(-50%, 0)
}

@media screen and (max-width:1024px) {
    .scrolling-view-close {
        position: fixed
    }
}

.scrolling-view-close.active-close {
    transform: translate(-50%, -70px)
}

.scrolling-view-close .progress-indicator {
    width: 35px;
    height: 35px
}

.scrolling-view-close .progress-indicator img {
    width: 100%;
    height: 100%
}

.scrolling-wrapper-flexbox {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    transition: 1.25s ease
}

@media screen and (min-width:767px) {
    .scrolling-wrapper-flexbox .swiper-wrapper {
        position: unset;
        width: auto;
        height: auto;
        z-index: unset;
        display: unset;
        transition-property: unset
    }

    .scrolling-wrapper-flexbox .swiper-wrapper .swiper-slide {
        flex-shrink: unset;
        position: unset;
        height: auto;
        transition-property: unset
    }
}

@media screen and (max-width:1024px) {
    .scrolling-wrapper-flexbox {
        top: initial;
        right: initial;
        bottom: -110%;
        overflow: auto;
        margin-bottom: 0
    }

    .scrolling-wrapper-flexbox.active-in {
        bottom: 0;
        transition: 1.25s ease
    }
}

.scrolling-wrapper-flexbox.active-in {
    right: 0;
    transition: 1.25s ease
}

.scrolling-wrapper-flexbox .guide-me, .scrolling-wrapper-flexbox .intelligence-side-scroll {
    flex: 0 0 auto;
    display: flex;
    align-self: center;
    height: calc(100% - 40px)
}

.intelligence-side-scroll .intelligence-display {
    width: calc(100vw - 226px);
    height: 100%;
    position: relative !important;
    background-color: #848080;
    margin-left: 1.5rem
}

.intelligence-side-scroll .intelligence-display .intelligence-display-img {
    position: absolute;
    height: 100%;
    width: 100%
}

.intelligence-side-scroll .intelligence-display .intelligence-display-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.intelligence-side-scroll .intelligence-display .intelligence-display-content {
    width: 420px;
    display: flex;
    align-items: flex-end;
    height: 100%
}

.intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list {
    position: relative;
    z-index: 9;
    left: 73px;
    bottom: 91px;
    width: calc(100% - 73px)
}

.intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list h1, .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list h2 {
    font-size: 3rem !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    line-height: 3.75rem !important;
    color: #efefef;
    margin-bottom: 2.522rem !important
}

.intelligence-side-scroll .intelligence-connectivity-list ul li label, .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list ul li label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem
}

.intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list ul {
    display: flex;
    justify-content: space-between;
    color: #efefef
}

.intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list ul li span {
    display: block
}

.intelligence-side-scroll .intelligence-connectivity-list {
    width: 184px;
    height: 100%;
    margin-left: 1.5rem
}

.intelligence-side-scroll .intelligence-connectivity-list ul {
    background-color: #000;
    padding: 5rem 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.intelligence-side-scroll .intelligence-connectivity-list ul li {
    color: #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center
}

.intelligence-side-scroll .intelligence-connectivity-list ul li:last-child {
    padding-bottom: 0
}

.intelligence-side-scroll .intelligence-connectivity-list ul li label {
    text-align: start;
    padding-left: 3rem;
    display: none
}

.intelligence-side-scroll .intelligence-connectivity-list ul li .connection .bluetooth, .intelligence-side-scroll .intelligence-connectivity-list ul li .connection .bluetooth a {
    color: #fff;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 300;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.intelligence-side-scroll .intelligence-connectivity-list ul li .connection {
    display: flex;
    align-items: center
}

.intelligence-side-scroll .intelligence-connectivity-list ul li .connection span {
    width: 32px
}

.intelligence-side-scroll .intelligence-connectivity-list ul li .connection .bluetooth a {
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .intelligence-side-scroll .intelligence-connectivity-list ul li .connection .bluetooth {
        width: 100px
    }
}

.intelligence-side-scroll .intelligence-connectivity-list.active {
    width: 400px
}

.intelligence-side-scroll .intelligence-connectivity-list.active ul li {
    padding-left: 68px;
    justify-content: flex-start
}

.intelligence-side-scroll .intelligence-connectivity-list.active ul li label {
    display: block
}

.intelligence-side-scroll .intelligence-navigation {
    width: 466px;
    height: 100%;
    background-color: #e5e5e5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 9.375rem 0 4.523rem;
    margin-left: 1.5rem
}

.intelligence-side-scroll .intelligence-navigation label img {
    width: 100%;
    height: 100%
}

.intelligence-side-scroll .intelligence-navigation h1, .intelligence-side-scroll .intelligence-navigation h2 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 3rem !important;
    line-height: 3.375rem !important;
    color: #0f0f0f;
    width: 321px;
    max-width: 321px;
    min-width: 200px
}

.intelligence-side-scroll .navigate-image {
    max-width: 299px
}

.intelligence-side-scroll .navigate-image label {
    display: block
}

.intelligence-side-scroll .intelligence-mode-card {
    width: 320px;
    height: 100%;
    margin-left: 1.5rem;
    display: flex;
    flex-direction: column
}

.intelligence-side-scroll .intelligence-mode-card .mode-card label {
    font-size: 1.375rem;
    line-height: 1.625rem;
    display: block;
    padding-bottom: .987rem
}

.intelligence-side-scroll .intelligence-mode-card .mode-card span {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.5rem
}

.intelligence-side-scroll .intelligence-mode-card .dark-mode {
    background-color: #1e1d1d;
    color: #e0e0e0;
    padding: 4rem 4.5rem;
    margin-bottom: 1.5rem;
    flex-basis: 33%
}

.intelligence-side-scroll .intelligence-mode-card .dark-mode.active {
    flex-basis: 66%
}

.intelligence-side-scroll .intelligence-mode-card .document-storage {
    background-color: #e0e0e0;
    padding-top: 4.375rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 33%
}

.intelligence-side-scroll .intelligence-mode-card .document-storage.active {
    flex-basis: 66%
}

.intelligence-side-scroll .intelligence-mode-card .document-storage.active .id-card {
    display: block
}

.intelligence-side-scroll .intelligence-mode-card .document-storage .id-card {
    display: none
}

.intelligence-side-scroll .intelligence-mode-card .document-storage .storage-card {
    padding-left: 4.5rem
}

.intelligence-side-scroll .intelligence-mode-card .document-storage .storage-card label {
    color: #0b0b0b
}

.intelligence-side-scroll .intelligence-mode-card .document-storage .storage-card span {
    color: #191919;
    display: block;
    width: 90%
}

.intelligence-side-scroll .intelligence-mode-card .id-card {
    width: 320px;
    height: 180px
}

.intelligence-side-scroll .intelligence-mode-card .id-card img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.intelligence-side-scroll .intelligence-installing {
    width: 420px;
    height: 100%;
    margin: 0 1.5rem;
    background-color: #000;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.intelligence-side-scroll .intelligence-installing .installing-content {
    padding: 4.5rem 4.5rem 0
}

.intelligence-side-scroll .intelligence-installing .installing-content h1, .intelligence-side-scroll .intelligence-installing .installing-content h2 {
    font-size: 3rem !important;
    line-height: 3.375rem !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    color: #c6c6c6;
    margin-bottom: 1.528rem !important
}

.intelligence-side-scroll .intelligence-installing .installing-content p {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.375rem;
    color: #c6c6c6;
    width: 90%
}

.intelligence-side-scroll .intelligence-installing .installing-content p a {
    border-bottom: 1px solid #c6c6c6;
    color: #c6c6c6;
    cursor: pointer
}

.intelligence-side-scroll .intelligence-installing .installing-img {
    width: 100%;
    height: 200px
}

.intelligence-side-scroll .intelligence-installing .installing-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.intelligence-side-scroll .flex-wraper {
    display: flex;
    position: relative
}

.animation-container {
    position: relative
}

.transition-stage .poster {
    opacity: 0;
    transition: all .4s ease-in-out
}

.transition-stage .poster.show {
    opacity: 1
}

.transition-stage.perspective {
    -webkit-perspective: 1000;
    perspective: 1000
}

.transition-stage .animation-stage {
    visibility: hidden;
    z-index: 0;
    width: 100%;
    height: 100%
}

.transition-stage .animation-stage.active {
    visibility: visible
}

.transition-stage .animation-stage.active .incoming img {
    -webkit-animation-name: iris;
    animation-name: iris;
    -webkit-mask-size: 1500px;
    mask-size: 1500px
}

.transition-stage .incoming, .transition-stage .outgoing {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.transition-stage .incoming img {
    -webkit-mask-image: url(../images/450x-new/circle-mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-size: 0;
    -webkit-animation-duration: .4s;
    mask-image: url(../images/450x-new/circle-mask.png);
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: 0;
    animation-duration: .4s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@keyframes iris {
    0% {
        mask-size: 0;
        animation-timing-function: ease-in-out
    }

    100% {
        mask-size: 1500px
    }
}

@-webkit-keyframes iris {
    0% {
        -webkit-mask-size: 0;
        -webkit-animation-timing-function: ease-in-out
    }

    100% {
        -webkit-mask-size: 1500px
    }
}

.new-450x__banner__section {
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 9rem 6rem
}

.new-450x__banner__content {
    position: relative;
    width: 60%;
    opacity: 0;
    transform: translateY(30px);
    will-change: transform;
    transition: all .8s
}

.new-450x__banner__content.show {
    transform: translateY(0);
    opacity: 1
}

.new-450x__banner__content .heading-450x {
    font-size: 6rem !important;
    line-height: 7.2rem !important;
    position: absolute;
    bottom: 0;
    width: 100%
}

@media screen and (max-width:1320px) and (min-width:1201px) {
    .new-450x__banner__content .heading-450x {
        font-size: 5rem !important;
        line-height: 6rem !important
    }
}

@media screen and (max-width:1200px) {
    .new-450x__banner__content .heading-450x {
        font-size: 4rem !important;
        line-height: 5rem !important
    }
}

@media screen and (max-width:767px) {
    .new-450x__banner__section {
        padding: 9rem 2rem;
        display: none
    }

    .new-450x__banner__content .heading-450x {
        font-size: 2.5rem !important;
        line-height: 2.813rem !important
    }
}

.new-450x__banner__content .para-450x {
    position: relative;
    font-size: 1.875rem;
    line-height: 2.438rem;
    width: 65%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .new-450x__banner__content .para-450x {
        width: 10.813rem
    }

    .new-450x__bike__variant {
        display: none
    }
}

.new-450x__banner__content .para-450x span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.new-450x__banner__img {
    width: 40%;
    position: absolute;
    right: 50px
}

.new-450x__banner__img img {
    width: 100%;
    height: 100%
}

.new-450x__bike__variant {
    margin-bottom: 9.063rem;
    height: 100vh
}

.new-450x__bike__model-list {
    position: relative;
    height: 100%
}

.new-450x__bike__series {
    position: absolute;
    right: 24%;
    top: 20%
}

.new-450x__bike__series p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    width: 12.063rem;
    min-width: 256px;
    color: #828282
}

.new-450x__bike__series p label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block;
    color: #828282
}

@media screen and (min-width:768px) and (max-width:1368px) {
    .new-450x__bike__series {
        top: 12%
    }
}

.new-450x__bike__list {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.new-450x__bike__list ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 86px
}

.new-450x__bike__list ul li {
    font-size: 6rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 6.375rem;
    color: #cecece;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.new-450x__bike__list ul li span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 0
}

@media screen and (max-width:1200px) {
    .new-450x__bike__list ul li {
        font-size: 3rem;
        line-height: 5rem
    }
}

.new-450x__bike__list ul li.active {
    color: #fff
}

.new-450x__intelligence__sections {
    margin-bottom: 10.563rem;
    position: relative
}

@media screen and (max-width:767px) {
    .new-450x__bike__list ul li {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .new-450x__intelligence__sections {
        margin-bottom: 8.25rem
    }
}

.new-450x__intelligence__sections .bluetooth-text {
    display: none;
    width: 80%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20%;
    text-align: center
}

.new-450x__intelligence__sections .bluetooth-text a {
    text-decoration: underline;
    font-size: 10px;
    line-height: 14px;
    color: #191919
}

.new-450x__intelligence__sections .bluetooth-text p {
    font-size: 10px;
    line-height: 14px;
    color: #191919;
    padding: 30px 0
}

.new-450x__intelligence__title {
    padding: 0 4.5rem 4.5rem
}

@media screen and (max-width:850px) {
    .new-450x__intelligence__title {
        padding: 0 0 3.063rem
    }
}

@media screen and (min-width:851px) and (max-width:991px) {
    .new-450x__intelligence__title {
        padding: 0 1rem 3.063rem
    }
}

@media screen and (max-width:767px) {
    .new-450x__intelligence__sections .bluetooth-text {
        display: block
    }

    .new-450x__intelligence__title {
        padding: 0 0 2rem
    }
}

.new-450x__intelligence__desc {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:850px) {
    .new-450x__intelligence__desc {
        flex-direction: column
    }

    .new-450x__intelligence__desc .para-450x {
        margin-top: 1.25rem
    }
}

.new-450x__intelligence__desc .heading-450x {
    flex-basis: 60%
}

.new-450x__intelligence__desc .para-450x {
    flex-basis: 40%;
    padding-top: 18px
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .new-450x__intelligence__desc .para-450x {
        flex-basis: 48%;
        font-size: 1.2rem;
        padding-top: 7px
    }
}

.new-450x__intelligence__dashboard {
    position: relative;
    height: 570px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden
}

.new-450x__intelligence__dashboard .bluetooth-content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 320px
}

.new-450x__intelligence__dashboard .bluetooth-content p {
    color: #fff;
    font-size: 16px;
    line-height: 22px
}

@media screen and (max-width:767px) {
    .new-450x__intelligence__desc .para-450x {
        margin-top: 0
    }

    .new-450x__intelligence__dashboard {
        height: 330px
    }

    .new-450x__intelligence__dashboard .bluetooth-content {
        width: 90%;
        left: 16px;
        display: none
    }

    .new-450x__intelligence__dashboard .bluetooth-content p {
        font-size: 12px;
        line-height: 16px
    }
}

.new-450x__intelligence__dashboard .bluetooth-content p a {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline
}

.new-450x__intelligence__dashboard__img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.new-450x__intelligence__dashboard__img video {
    height: 100%;
    object-fit: cover;
    transition: all 1.2s linear
}

.new-450x__intelligence__dashboard__list {
    z-index: 9
}

.new-450x__intelligence__dashboard__list ul {
    border-left: .125rem solid #6f6f6f;
    margin-left: 2.563rem
}

@media screen and (max-width:767px) {
    .new-450x__intelligence__dashboard .bluetooth-content p a {
        font-size: 12px;
        line-height: 16px
    }

    .new-450x__intelligence__dashboard__list {
        width: 100%
    }

    .new-450x__intelligence__dashboard__list ul {
        margin-left: 1rem
    }
}

@media screen and (max-width:320px) {
    .new-450x__intelligence__dashboard__list ul {
        margin-right: 1.563rem
    }
}

.new-450x__intelligence__dashboard__list ul li {
    display: flex;
    justify-content: flex-start;
    margin: 0 -.188rem 1rem -3px;
    padding: 1rem 0 .438rem;
    border-left: .125rem solid transparent;
    cursor: pointer;
    align-items: center
}

.new-450x__intelligence__dashboard__list ul li label {
    font-size: 1.25rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.75rem;
    color: #6f6f6f;
    cursor: pointer;
    width: 300px
}

@media screen and (max-width:767px) {
    .new-450x__intelligence__dashboard__list ul li {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 0
    }

    .new-450x__intelligence__dashboard__list ul li label {
        font-size: .87rem;
        line-height: initial
    }
}

.new-450x__intelligence__dashboard__list ul li span {
    display: flex;
    align-items: center;
    padding: 0 1rem
}

@media screen and (max-width:320px) {
    .new-450x__intelligence__dashboard__list ul li label {
        width: 200px
    }

    .new-450x__intelligence__dashboard__list ul li span {
        padding: 0 .5rem
    }
}

.new-450x__intelligence__dashboard__list ul li span .cls-1, .new-450x__intelligence__dashboard__list ul li span .cls-2, .new-450x__intelligence__dashboard__list ul li span .cls-3 {
    fill: #6f6f6f
}

.new-450x__intelligence__dashboard__list ul li span img {
    width: 40px;
    height: 40px
}

@media screen and (max-width:767px) {
    .new-450x__intelligence__dashboard__list ul li span img, .new-450x__intelligence__dashboard__list ul li span svg {
        width: 20px;
        height: 20px
    }
}

.new-450x__intelligence__dashboard__list ul li span:last-child {
    padding-left: 0
}

.new-450x__intelligence__dashboard__list ul li.active {
    border-left: .188rem solid #fff
}

.new-450x__intelligence__dashboard__list ul li.active label, .new-450x__intelligence__dashboard__list ul li.active span {
    color: #fff
}

.new-450x__intelligence__dashboard__list ul li.active span .cls-1, .new-450x__intelligence__dashboard__list ul li.active span .cls-2, .new-450x__intelligence__dashboard__list ul li.active span .cls-3 {
    fill: #fff
}

.new-450x__intelligence__dashboard__list ul li:last-child {
    margin-bottom: 0
}

.new-450x__intelligence__dashboard__video {
    height: 100%;
    position: relative;
    transition: all 1.2s ease-in;
    display: none
}

.new-450x__intelligence__dashboard__video.active {
    display: block
}

.new-450x__intelligence__explore {
    position: absolute;
    bottom: -32px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    margin: 0 auto;
    width: fit-content
}

.new-450x__performance {
    margin-bottom: 9rem
}

.new-450x__performance__sections {
    padding: 0 4.5rem 4.555rem
}

@media screen and (max-width:850px) {
    .new-450x__performance__sections {
        padding: 0 0 4.555rem
    }
}

@media screen and (min-width:851px) and (max-width:991px) {
    .new-450x__performance__sections {
        padding: 0 1rem 4.555rem
    }
}

@media screen and (max-width:767px) {
    .new-450x__intelligence__explore {
        bottom: -26px
    }

    .new-450x__performance {
        margin-bottom: 5rem
    }

    .new-450x__performance__sections {
        padding: 0 0 2rem
    }
}

.new-450x__performance__desc {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:850px) {
    .new-450x__performance__desc {
        flex-direction: column
    }

    .new-450x__performance__desc .para-450x {
        margin-top: 1.25rem
    }
}

.new-450x__performance__desc .heading-450x {
    flex-basis: 60%
}

.new-450x__performance__desc .para-450x {
    flex-basis: 40%;
    padding-top: 18px
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .new-450x__performance__desc .para-450x {
        flex-basis: 46%;
        font-size: 1.2rem;
        padding-top: 7px
    }
}

.new-450x__performance__details {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    position: relative;
    width: 100%;
    height: 480px
}

@media screen and (max-width:767px) {
    .new-450x__performance__desc .para-450x {
        margin-top: 0
    }

    .new-450x__performance__details {
        height: 330px;
        flex-direction: column-reverse;
        padding-left: 0;
        justify-content: center;
        position: relative
    }
}

.new-450x__performance__details .btn-explore {
    position: absolute;
    bottom: -32px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    display: flex;
    justify-content: space-between
}

.new-450x__performance__specification {
    /*flex-basis: 19%;*/
    flex-basis: 40%;
    position: relative;
    z-index: 1;
    padding-left: 86px
}

.new-450x__performance__specification ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.new-450x__performance__specification ul li {
    min-width: 12.5rem;
    margin-bottom: 3.5rem
}

@media screen and (min-width:768px) and (max-width:991px) {
    .new-450x__bike__list {
        transform: translateY(-150%)
    }

    .new-450x__performance__specification {
        padding-left: 40px
    }

    .new-450x__performance__specification ul li {
        min-width: 10rem
    }
}

.new-450x__performance__specification ul li label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: 2.25rem;
    color: #fff;
    display: block;
    margin-bottom: .5rem !important
}

@media screen and (max-width:767px) {
    .new-450x__performance__details .btn-explore {
        bottom: -26px
    }

    .new-450x__performance__specification {
        padding-left: 32px
    }

    .new-450x__performance__specification ul li label {
        color: #efefef;
        font-size: .75rem;
        line-height: 1.75rem;
        margin-bottom: 0 !important
    }
}

.new-450x__performance__specification ul li span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 2.25rem;
    color: #efefef
}

.new-450x__performance__specification ul li:last-child {
    margin-bottom: 0
}

.new-450x__performance__bike {
    flex-basis: 81%;
    position: relative
}

.new-450x__performance__bike__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.new-450x__performance__bike__img img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover
}

.new-450x__performance__bike__overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .25)
}

.new-450x__performance__bike .btn-explore {
    position: absolute;
    bottom: -2.25rem;
    left: 74%;
    transform: translateX(-50%)
}

.new-450x__performance__bike .btn-explore label {
    padding-right: 1rem
}

@media screen and (max-width:767px) {
    .new-450x__performance__specification ul li span {
        color: #efefef;
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .new-450x__performance__specification ul li {
        margin-bottom: 1.75rem
    }

    .new-450x__performance__bike {
        height: 100%;
        flex-basis: 100%
    }

    .new-450x__performance__bike__img img {
        height:100%;
        object-fit: cover
    }

    .new-450x__performance__bike .btn-explore {
        left: 50%;
        bottom: -21px
    }
}

.new-450x__tpms {
    margin-bottom: 183px
}

.new-450x__tpms .tpms_wrapper {
    display: flex;
    justify-content: space-between;
    background-color: #F3F3F3;
    height: 109px;
    width: 100%
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox {
    position: relative;
    width: 100%
}

@media screen and (max-width:767px) {
    .new-450x__tpms {
        margin-top: 116px;
        margin-bottom: 75px
    }

    .new-450x__tpms .tpms_wrapper {
        flex-direction: column;
        min-height: 170px;
        border-radius: 2px;
        padding: 24px
    }

    .new-450x__tpms .tpms_wrapper .tpms_leftBox {
        height: 100%
    }

    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee {
        display: none
    }
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText {
    position: absolute;
    left: 0;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    background-color: #31A93E;
    height: 109px;
    width: 36px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    color: #FFF;
    overflow: hidden
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee {
    margin: auto;
    height: 150px;
    writing-mode: vertical-lr;
    font-size: 20px;
    background: 0 0;
    overflow: hidden
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee h4 {
    height: 300px;
    overflow: hidden;
    transition: .5s ease-in-out;
    animation: scroller 3s linear infinite;
    vertical-align: middle;
    width: 36px;
    padding: 0 5px;
    font-size: 12px !important;
    color: #FFF !important;
    letter-spacing: .1em
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee span {
    float: none;
    width: auto;
    margin: 10px
}

@keyframes scroller {
    0% {
        transform: translatey(0)
    }

    100% {
        transform: translateY(-26%)
    }
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee-mobile {
    height: 20px;
    width: 200px;
    overflow: hidden;
    position: relative;
    display: none
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee-mobile {
        display: flex;
        align-items: center
    }
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee-mobile h4 {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    animation: marquee 5s linear infinite;
    color: #FFF !important;
    font-size: 7px !important;
    line-height: 140%;
    letter-spacing: .1em
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee-mobile p {
    float: left;
    width: 100%
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText .marquee-mobile span {
    float: none;
    width: auto;
    margin: 10px
}

@keyframes marquee {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText {
        position: absolute;
        left: -24px;
        writing-mode: unset;
        transform: rotate(0);
        background-color: #31A93E;
        height: 20px;
        width: 62px;
        color: #FFF;
        top: -44px
    }
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText marquee {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 2px;
    direction: ltr !important
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText marquee:nth-child(2) {
    display: none
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText marquee span {
    margin: 8px 0
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText marquee {
        font-size: 7px;
        line-height: 140%
    }

    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText marquee:nth-child(1) {
        display: none
    }

    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText marquee:nth-child(2) {
        display: flex
    }

    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_floatText marquee span {
        margin: 0 8px
    }
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img {
    position: absolute;
    left: 73px;
    top: -42px
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img .tpms_img_desk {
    width: 224px;
    height: 194px
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img img:nth-child(2) {
    display: none
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img img:nth-child(2) {
        width: 169px;
        height: 174px;
        display: block
    }

    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img img:nth-child(1) {
        display: none
    }
}

@media screen and (max-width:339px) and (min-width:320px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img img:nth-child(2) {
        width: 150px;
        height: 160px
    }
}

@media screen and (max-width:991px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img {
        left: 30px
    }
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_banner_img {
        right: -35px;
        left: auto;
        top: -70px
    }
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_textBox {
    justify-content: center;
    position: absolute;
    left: 321px;
    height: 100%;
    font-size: 21px;
    line-height: 131%;
    color: #191919;
    flex-direction: column;
    display: flex
}

@media screen and (max-width:991px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_textBox {
        left: 250px
    }
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_textBox {
        left: 0;
        justify-content: flex-start;
        width: 130px;
        font-size: 10.5px;
        line-height: 131%;
        color: #5C6470
    }
}

.new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_textBox span {
    color: #9A9A9A;
    display: block
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_leftBox .tpms_textBox span {
        padding-top: 10px;
        font-size: 17.5px;
        line-height: 131%;
        color: #191919
    }
}

.new-450x__tpms .tpms_wrapper .tpms_rightBox {
    font-size: 14px;
    line-height: 20px;
    margin-right: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 85px;
    cursor: pointer
}

.new-450x__tpms .tpms_wrapper .tpms_rightBox .tpms_know_more {
    color: #5C6470;
    border-bottom: 1px solid #5C6470
}

@media screen and (max-width:767px) {
    .new-450x__tpms .tpms_wrapper .tpms_rightBox {
        justify-content: flex-start;
        font-size: 10.5px;
        line-height: 20px;
        color: #5C6470
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper {
    display: flex;
    height: 100%;
    background: #FFF;
    border-radius: 2px;
    padding: 48px 80px 49px 48px;
    gap: 70px;
    min-height: 502px
}

@media only screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper {
        padding: 12px 12px 0;
        flex-direction: column;
        gap: 24px
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider {
    position: relative;
    overflow: hidden
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .slide-nav-bt {
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .slide-nav-bt.active {
    background-color: #111;
    border: 1px solid #fff
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .slide-holder {
    background-color: #00f;
    margin-left: 0;
    transition: margin-left 1s
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 450px;
    height: 405px;
    text-align: center;
    line-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider ul li {
        width: 256px;
        height: 135px
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider ul .image_slide img:first-child {
        display: none
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider ul li img {
    width: 100%;
    height: 100%
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider ul .image_slide img:last-child {
    display: none
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider ul .image_slide img:last-child {
        display: block
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .slide-nav {
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 10px;
    text-align: center;
    z-index: 100;
    display: none
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .slide-nav {
        padding-right: 0;
        bottom: 10px;
        text-align: right;
        right: 10px;
        left: auto;
        display: flex !important;
        align-items: center;
        justify-content: flex-end
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .slide-nav .slide-nav-bt {
        margin: 0 0 0 4px;
        width: 3px;
        height: 3px;
        background: #B6B6B6;
        border: none
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .slide-nav .slide-nav-bt.active {
    background: #7B7B7B !important;
    width: 5px !important;
    height: 5px !important
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .control_next, .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .control_prev {
    position: absolute;
    z-index: 999;
    width: 10%;
    height: 100%;
    background: 0 0;
    text-decoration: none;
    font-weight: 600;
    transition: all .2s ease-in-out;
    font-size: 24px;
    line-height: 1;
    opacity: .75;
    -moz-osx-font-smoothing: grayscale;
    color: #7B7B7B;
    -webkit-font-smoothing: antialiased;
    cursor: pointer
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .control_prev {
    border-radius: 0 2px 2px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .control_prev {
        display: none
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
    display: flex;
    justify-content: center;
    align-items: center
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider {
    position: relative;
    width: 50%;
    align-items: center;
    justify-content: center;
    max-width: 450px;
    min-height: 405px
}

@media only screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider {
        width: 100%;
        min-height: auto;
        max-width: 100%
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .slider {
    width: 100%;
    max-width: 600px;
    height: 400px;
    margin: 20px;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .image_slide img:last-child {
    display: none
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider #slider .control_next, .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .image_slide img:first-child {
        display: none
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .image_slide img:last-child {
        display: block
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-list, .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-list .slick-track {
    height: 100%
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-next {
    right: 13px;
    z-index: 1
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-next::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    font-size: 24px;
    line-height: 1;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #7B7B7B
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-prev {
    left: 13px;
    z-index: 1
}

@media screen and (max-width:767px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-next, .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-prev {
        display: none
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-prev::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f104";
    font-size: 24px;
    line-height: 1;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #7B7B7B
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-dots {
    display: none !important
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-dots li.slick-active button:before {
    font-size: 8px
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-slide {
    height: 100%
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-slide img {
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-dots {
        padding-right: 0;
        bottom: 10px;
        text-align: right;
        display: block !important
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-dots li {
        margin: 0
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .tpms-image-slider .slick-slide img {
        max-height: 135px;
        object-fit: cover
    }
}

@media only screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .desktop-slider {
        display: none
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .swiper {
    width: 100%;
    height: 100%
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .reponsive-slider {
    display: none
}

@media only screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .reponsive-slider {
        display: block
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .reponsive-slider .swiper-pagination {
        margin: 0;
        right: 8px;
        position: absolute;
        left: auto;
        transform: none;
        width: auto !important;
        display: flex;
        align-items: center
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .reponsive-slider .swiper-pagination .swiper-pagination-bullet-active-main {
    background: #7B7B7B !important;
    width: 5px !important;
    height: 5px !important;
    left: 0 !important
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .reponsive-slider .swiper-pagination .swiper-pagination-bullet {
    background: #B6B6B6;
    left: 0 !important;
    width: 3px;
    height: 3px;
    transform: none;
    margin: 0 2px;
    opacity: 1
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_slider .reponsive-slider .image_slides img {
    height: 135px !important
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content {
    width: 50%
}

@media only screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content {
        width: 100%;
        padding: 0
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .popupText {
    font-size: 24px;
    line-height: 31px;
    color: #5C6470;
    max-width: 414px
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .popupText span {
    color: #191919
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper {
    padding-top: 48px
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_features {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .popupText {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper {
        padding-top: 24px;
        padding-bottom: 20px
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_features {
        flex-direction: column
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_features .feature_container {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #191919;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    padding: 6px 12px;
    line-height: 134%
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_features .feature_container {
        font-size: 10.5px;
        line-height: 190%;
        padding: 4px 9px;
        margin-bottom: 4px;
        margin-right: 0;
        max-width: fit-content;
        white-space: nowrap
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_features .feature_container .feature_icon {
        margin-right: 10px
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_features .feature_container .feature_icon {
    height: 15px;
    width: 15px;
    margin-right: 10px
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .learn_more {
    margin-top: 6px;
    font-size: 13px;
    line-height: 190%;
    color: #191919;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .learn_more a {
    color: #191919;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    gap: 3px;
    height: 19px
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .learn_more a {
        height: 18px
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .learn_more.for-desktop {
        display: none
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .learn_more a .arrow_icon {
    height: 9px;
    width: 12px;
    margin-top: 3px
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .learn_more.for-mobile {
    display: none
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container {
    display: flex;
    padding-top: 18px
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .learn_more.for-mobile {
        display: flex;
        justify-content: flex-start;
        margin-top: 0;
        font-size: 10.5px;
        line-height: 14px;
        padding-bottom: 10px
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container {
        display: block;
        padding-top: 17px
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_price {
    font-size: 20px;
    line-height: 24px;
    color: #191919;
    /* font-family: 'Neurial Grotesk Variable'; */
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-weight: 700
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_price {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 20px
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_price span {
    /* font-family: 'Neurial Grotesk Variable'; */
    font-family: 'Poppins', sans-serif;
    font-weight: 700
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_available {
    font-size: 13px;
    line-height: 18px;
    color: #25292E;
    margin-left: auto;
    text-align: right;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_available a {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #191919;
    height: 19px
}

@media screen and (max-width:1120px) {
    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_available a {
        height: 18px
    }

    .new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_available {
        font-size: 10.5px;
        line-height: 14px;
        text-align: left;
        display: inline-block
    }
}

.new-450x__tpmsPopup .tpms_popup_wrapper .tpms_popup_content .feature_wrapper .tpms_price_container .tpms_available a .arrow_icon {
    height: 9px;
    width: 12px;
    margin-top: 3px
}

.new-450x__riding__sections {
    margin-bottom: 9.063rem
}

@media screen and (max-width:991px) {
    .new-450x__riding__sections {
        position: relative;
        padding-top: 182px
    }

    .new-450x__riding__sections__top img {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .new-450x__riding__sections {
        padding-top: 92px;
        margin-bottom: 1.625rem
    }
}

.new-450x__riding__sections__top {
    text-align: center;
    margin-bottom: 6rem
}

.new-450x__riding__sections__bottom {
    display: flex;
    justify-content: space-between;
    padding-left: 5rem
}

.new-450x__riding__sections__bottom .header {
    font-size: 1.33rem
}

@media screen and (max-width:767px) {
    .new-450x__riding__sections__top {
        margin-bottom: 4.5rem
    }

    .new-450x__riding__sections__bottom {
        float: left;
        width: 100%;
        margin-top: 20px
    }
}

.new-450x__riding__sections .progress-bar {
    position: absolute;
    left: 20px;
    width: 90%
}

@media screen and (max-width:767px) {
    .new-450x__riding__sections .progress-bar {
        width: 100%;
        left: 0
    }
}

.new-450x__riding__sections .progress-bar .progress-track {
    display: block;
    height: 2px;
    width: 0%;
    background-color: #191919;
    position: absolute
}

.new-450x__riding__sections .progress-bar .progress {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #9a9a9a;
    position: absolute;
    z-index: 1
}

.new-450x__riding__sections .progress-bar .progress:after, .new-450x__riding__sections .progress-bar .progress:before {
    width: 5px;
    height: 5px;
    content: "";
    position: absolute;
    background: #e2e2e2;
    border-radius: 100%;
    top: -2px
}

.new-450x__riding__sections .progress-bar .progress:after {
    left: 33.333%
}

.new-450x__riding__sections .progress-bar .progress:before {
    left: 66.66%;
    z-index: 1
}

.new-450x__riding__desc {
    flex-basis: 33%;
    margin-top: -18px
}

@media screen and (max-width:1200px) {
    .new-450x__riding__desc {
        flex-basis: 23%
    }
}

@media screen and (max-width:991px) {
    .new-450x__riding__sections__bottom {
        padding-left: 0
    }

    .new-450x__riding__desc {
        position: absolute;
        top: 0;
        left: 60px;
        width: 250px
    }
}

@media screen and (max-width:767px) {
    .new-450x__riding__desc {
        left: 20px;
        width: 180px
    }
}

.new-450x__riding__desc .heading-450x label {
    text-decoration: line-through
}

.new-450x__riding__list {
    flex-basis: 62%;
    position: relative
}

@media screen and (max-width:1200px) {
    .new-450x__riding__list {
        display: flex;
        justify-content: flex-end
    }
}

@media screen and (max-width:991px) {
    .new-450x__riding__list {
        flex-basis: 100%
    }
}

.new-450x__riding__list label {
    position: absolute;
    left: -22px;
    top: -7px
}

@media screen and (max-width:1200px) {
    .new-450x__riding__list label {
        left: 30px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .new-450x__riding__list label {
        left: 7%
    }
}

@media screen and (max-width:767px) {
    .new-450x__riding__list label {
        left: 0;
        top: -33px
    }
}

.new-450x__riding__list .custom-icon {
    top: -13px;
    left: -40px;
    cursor: pointer
}

.new-450x__riding__list ul {
    display: flex;
    width: 90%
}

@media screen and (min-width:768px) and (max-width:991px) {
    .new-450x__riding__list ul {
        width: 80%;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .new-450x__riding__list .custom-icon {
        top: -45px
    }

    .new-450x__riding__list .custom-icon i {
        font-size: 11px
    }

    .new-450x__riding__list ul {
        width: 100%
    }
}

.new-450x__riding__list ul li {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.375rem;
    color: #9a9a9a;
    padding-top: 2.688rem;
    width: 33%;
    cursor: pointer;
    margin: -.125rem 0 0 4.063rem
}

@media screen and (max-width:1200px) {
    .new-450x__riding__list .custom-icon {
        left: 0
    }

    .new-450x__riding__list ul li {
        width: 33%;
        margin: -.125rem 0 0 15px
    }
}

.new-450x__riding__list ul li span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: block
}

.new-450x__riding__list ul li.active {
    color: #191919
}

.new-450x__riding__list ul li:first-child {
    margin-left: 0
}

@media screen and (max-width:767px) {
    .new-450x__riding__list ul li {
        font-size: .75rem;
        line-height: 1rem;
        padding-top: 0
    }

    .new-450x__riding__list .icon-sec {
        padding-top: 15px
    }
}

.new-450x__accordion {
    transition: all ease .5s
}

.new-450x__accordion__list {
    max-height: 190px;
    transition: max-height 1s ease;
    overflow: hidden;
    border: none;
    padding: 0 6rem 3rem;
    position: relative;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .new-450x__accordion__list {
        max-height: initial;
        border: 0 solid #fff;
        border-top: none;
        margin-bottom: 0;
        padding: 0 1rem
    }
}

.new-450x__accordion__list:first-child {
    padding-top: 3rem
}

@media screen and (max-width:767px) {
    .new-450x__accordion__list:first-child {
        padding-top: 2.125rem
    }

    .new-450x__accordion__list:first-child .expand-mode__descriptions .heading-450x, .new-450x__accordion__list:first-child .expand-mode__descriptions .para-450x, .new-450x__accordion__list:first-child .expand-mode__descriptions .title-450x {
        color: #191919
    }
}

.new-450x__accordion__list:last-child {
    border-bottom: 0 solid #858181;
    margin-bottom: 0;
    padding-top: 3rem
}

.new-450x__accordion__list .expand-mode {
    position: relative;
    height: auto
}

.new-450x__accordion__list .expand-mode__img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

@media screen and (max-width:767px) {
    .new-450x__accordion__list:last-child {
        padding-top: 1.125rem
    }

    .new-450x__accordion__list .expand-mode {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0;
        border-bottom: 1px solid #fff
    }

    .new-450x__accordion__list .expand-mode__img {
        position: relative;
        height: auto;
        z-index: 1
    }
}

.new-450x__accordion__list .expand-mode__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.new-450x__accordion__list .expand-mode__img video {
    height: 100%;
    object-fit: cover
}

.new-450x__accordion__list .expand-mode__img__overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .25)
}

.new-450x__accordion__list .expand-mode__descriptions {
    position: relative;
    z-index: 9;
    padding: 3.563rem 5rem;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width:1200px) {
    .new-450x__accordion__list .expand-mode__descriptions {
        padding: 2rem 5rem
    }
}

.new-450x__accordion__list .expand-mode__descriptions .heading-450x {
    margin-bottom: 0 !important
}

.new-450x__accordion__list .expand-mode__descriptions .para-450x {
    display: none
}

.new-450x__accordion__list .expand-mode__descriptions .title-450x {
    color: #efefef;
    transition: all .5s
}

@media screen and (max-width:767px) {
    .new-450x__accordion__list .expand-mode__descriptions {
        padding: 1.375rem 0
    }

    .new-450x__accordion__list .expand-mode__descriptions .heading-450x {
        width: 80%
    }

    .new-450x__accordion__list .expand-mode__descriptions .para-450x {
        display: block
    }

    .new-450x__accordion__list .expand-mode__descriptions .title-450x {
        color: #fff
    }

    .new-450x__accordion__list .expand-mode__descriptions__header-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.25rem !important
    }
}

.new-450x__accordion__list.extra_second.act .heading-450x, .new-450x__accordion__list.extra_second.act .para-450x, .new-450x__accordion__list.extra_second.act .title-450x, .new-450x__charging__section.act .heading-450x, .new-450x__charging__section.act .heading-450x label, .new-450x__charging__section.act .para-450x, .new-450x__charging__section.act .title-450x {
    color: #fff !important
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon {
    display: none
}

@media screen and (max-width:767px) {
    .new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon {
        display: block;
        height: 40px
    }
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .play-img-icon {
    display: none
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .play-img-icon.active {
    display: block
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .pause-img-icon {
    display: none
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .pause-img-icon.active {
    display: block
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .play-video-icon {
    display: none
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .play-video-icon.active {
    display: block
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .pause-video-icon {
    display: none
}

.new-450x__accordion__list .expand-mode__descriptions__header-wrap .play-icon .pause-video-icon.active {
    display: block
}

.new-450x__accordion__list.active {
    max-height: 650px
}

.new-450x__accordion__list.active:last-child {
    border-bottom: 0
}

.new-450x__accordion__list.active .expand-mode {
    height: 480px
}

.new-450x__accordion__list.active .expand-mode__img {
    z-index: 1
}

.new-450x__accordion__list.active .expand-mode__descriptions {
    padding: 5rem
}

.new-450x__accordion__list.active .expand-mode__descriptions .heading-450x {
    margin-bottom: 7rem !important;
    width: 640px
}

@media screen and (max-width:1200px) and (min-width:768px) {
    .new-450x__accordion__list.active .expand-mode__descriptions .heading-450x {
        width: 490px
    }
}

@media screen and (max-width:767px) {
    .new-450x__accordion__list.active {
        max-height: initial
    }

    .new-450x__accordion__list.active .expand-mode {
        height: auto
    }

    .new-450x__accordion__list.active .expand-mode__img {
        display: none
    }

    .new-450x__accordion__list.active .expand-mode__descriptions {
        padding: 1.375rem 0 35px
    }

    .new-450x__accordion__list.active .expand-mode__descriptions .heading-450x {
        margin-bottom: 0 !important;
        width: 100%
    }
}

.new-450x__accordion__list.active .expand-mode__descriptions .para-450x {
    display: block;
    width: 400px
}

@media screen and (max-width:991px) {
    .new-450x__accordion__list.active .expand-mode__descriptions .para-450x {
        width: 60%
    }
}

.new-450x__accordion__list.active .expand-mode.reverse-mode-expand .heading-450x {
    margin-bottom: 12.5rem !important
}

.new-450x__accordion__list.extra_second {
    background-color: transparent;
    transition: background-color .5s ease-in
}

@media screen and (max-width:767px) {
    .new-450x__accordion__list.active .expand-mode.reverse-mode-expand .heading-450x {
        margin-bottom: 0 !important
    }

    .new-450x__accordion__list.extra_second {
        transition: all .4s
    }
}

.new-450x__accordion__list.extra_second.act {
    background-color: #383838
}

.new-450x__charging__section {
    height: 750px;
    background-color: transparent;
    transition: background-color .5s ease-in;
    padding-bottom: 8.562rem
}

.new-450x__charging__section.ques {
    height: 200px
}

@media screen and (max-width:767px) {
    .new-450x__charging__section.ques {
        height: unset;
        margin: -1px 0;
        padding: 0
    }
}

.new-450x__charging__section.hover-card {
    height: 815px
}

.new-450x__charging__section.mg {
    margin: -2px 0;
    padding-top: 10rem;
}

@media screen and (max-width:767px) {
    .new-450x__charging__section.hover-card {
        height: auto
    }

    .new-450x__charging__section {
        padding-bottom: 1rem;
        height: auto;
        padding-top: 30px;
        transition: all .4s
    }
}

.new-450x__charging__section.act {
    background-color: #383838
}

.new-450x__charging__section.charge {
    height: 850px
}

@media screen and (max-width:767px) {
    .new-450x__charging__section.charge {
        padding-bottom: 85px;
        height: auto
    }
}

.new-450x__charging__title {
    padding: 4.43rem 5rem 3rem
}

@media screen and (max-width:850px) {
    .new-450x__accordion__list.active .expand-mode__descriptions .para-450x {
        width: 80%
    }

    .new-450x__charging__title {
        padding: 4.43rem 0
    }
}

@media screen and (min-width:851px) and (max-width:991px) {
    .new-450x__charging__title {
        padding: 4.43rem 1rem
    }
}

.new-450x__charging__title.mob-title {
    display: none
}

@media screen and (max-width:767px) {
    .new-450x__charging__title {
        padding: .5rem 0 1.75rem
    }

    .new-450x__charging__title .heading-450x, .new-450x__charging__title label {
        color: #000 !important
    }

    .new-450x__charging__title.mob-title {
        display: flex;
        flex-direction: column;
        padding-top: 40px
    }
}

.new-450x__charging__description {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:850px) {
    .new-450x__charging__description {
        flex-direction: column
    }
}

.new-450x__charging__description .heading-450x {
    position: relative
}

.new-450x__charging__description .home-label {
    display: inline;
    transform: translateY(0);
    transition: all .4s;
    will-change: transform;
    opacity: 1
}

.new-450x__charging__description .away-label {
    display: inline;
    position: absolute;
    opacity: 0;
    transform: translateY(20px);
    left: 0;
    transition: all .4s;
    will-change: transform
}

.new-450x__charging__description .home-para {
    display: block;
    margin: 0
}

.new-450x__charging__description .away-para, .new-450x__charging__description.active .home-para {
    display: none
}

.new-450x__charging__description.active .home-label {
    opacity: 0;
    transform: translateY(-20px)
}

.new-450x__charging__description.active .away-label {
    opacity: 1;
    transform: translateY(0)
}

.new-450x__charging__description.active .away-para {
    display: block
}

.new-450x__charging__heading {
    flex-basis: 40%
}

.new-450x__charging__para {
    flex-basis: 60%;
    padding-top: 18px
}

@media screen and (max-width:850px) {
    .new-450x__charging__para .para-450x {
        margin-top: 1.25rem
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .new-450x__charging__para .para-450x {
        flex-basis: 47%;
        font-size: 1.2rem;
        padding-top: 7px
    }
}

.new-450x__charging__card {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    background-color: #191919;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .new-450x__charging__para .para-450x {
        margin-top: 0;
        color: #000 !important
    }

    .new-450x__charging__card {
        margin-bottom: 1.75rem;
        height: 330px;
        position: relative;
        opacity: 1 !important
    }
}

.new-450x__charging__card__item {
    flex-basis: 33.33%;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px
}

.new-450x__charging__card__item .ather-dot-popup-section {
    position: absolute;
    width: 320px;
    bottom: -3%
}

.new-450x__charging__card__item .ather-dot-popup-section .btn-explore {
    display: none
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__item .ather-dot-popup-section .btn-explore {
        display: flex;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #fff
    }

    .new-450x__charging__card__item .ather-dot-popup-section .btn-explore label {
        color: #191919
    }

    .new-450x__charging__card__item .ather-dot-popup-section .btn-explore .fa-play:before {
        color: #191919;
        font-size: 12px
    }
}

.new-450x__charging__card__item .ather-dot-popup-section .play i, .new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup p {
    color: #fff
}

.new-450x__charging__card__item .ather-dot-popup-section .ather-dot-popup {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    width: 320px;
    margin: 0 auto;
    position: absolute;
    transition: all .4s linear;
    transform: translate(-50%, -50%);
    overflow: hidden;
    left: 50%
}

.new-450x__charging__card__item .ather-dot-popup-section .ather-dot-popup p {
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    width: 40%;
    transition: all .4s linear;
    z-index: 99
}

.new-450x__charging__card__item .ather-dot-popup-section .ather-dot-popup .img-bg {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 0;
    transition: all .4s linear;
    transform: translateX(-50%);
    bottom: 0
}

.new-450x__charging__card__item .ather-dot-popup-section .ather-dot-popup label {
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
    transition: all .4s linear
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__item .ather-dot-popup-section .ather-dot-popup p {
        font-size: 12px;
        color: #fff;
        width: 100%;
        display: none
    }

    .new-450x__charging__card__item .ather-dot-popup-section .ather-dot-popup label {
        color: #fff;
        display: none
    }

    .new-450x__charging__card__item .ather-dot-popup-section .ather-dot-popup {
        display: none;
        background-color: transparent
    }

    .new-450x__charging__card__item .ather-dot-popup-section {
        bottom: -5%;
        width: 99%;
        left: 0
    }

    .new-450x__charging__card__item .ather-dot-popup-section .video-img {
        opacity: 0
    }
}

.new-450x__charging__card__item .ather-dot-popup-section .video-img {
    transition: all .8s ease-in-out;
    opacity: 0;
    height: 80px;
    margin-left: -20px;
    width: 360px
}

.new-450x__charging__card__item .ather-dot-popup-section .video-img img {
    width: 100%;
    height: 100%
}

.new-450x__charging__card__item .ather-dot-popup-section .video-img label {
    position: absolute;
    right: 15%;
    top: 40%;
    cursor: pointer
}

.new-450x__charging__card__item .ather-dot-popup-section .video-img .wistia_click_to_play {
    height: 80px !important
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__item .ather-dot-popup-section .video-img .wistia_click_to_play {
        width: 100% !important
    }
}

.new-450x__charging__card__item .ather-dot-popup-section .video-img .video-text {
    position: absolute;
    left: 10%;
    top: 24%;
    font-size: 16px;
    line-height: 19px;
    width: 40%;
    color: #fff
}

.new-450x__charging__card__item .ather-dot-popup-section .play {
    opacity: 0;
    z-index: 99;
    position: absolute;
    margin-left: -20px !important
}

.new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup .img-bg, .new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup .play {
    opacity: 1
}

.new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup {
    width: 360px;
    padding: 20px 40px
}

.new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup .watch {
    opacity: 0
}

@media screen and (max-width:1200px) {
    .new-450x__charging__card__item {
        flex-basis: 45%
    }
}

@media screen and (max-width:991px) {
    .new-450x__charging__card__item {
        flex-basis: 50%
    }
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__item .ather-dot-popup-section:hover .video-img {
        opacity: 0
    }

    .new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup {
        display: flex;
        opacity: 1;
        width: 90%;
        padding: 10px
    }

    .new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup p {
        color: #000
    }

    .new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup .img-bg {
        opacity: 0
    }

    .new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup .watch {
        opacity: 1
    }

    .new-450x__charging__card__item .ather-dot-popup-section:hover .ather-dot-popup .play {
        opacity: 0
    }

    .new-450x__charging__card__item {
        z-index: 1;
        flex-basis: 100%;
        padding: 1.25rem;
        justify-content: flex-start;
        align-items: flex-end
    }

    .new-450x__charging__card__item .ather-dot-popup {
        width: 90%
    }
}

.new-450x__charging__card__item__list {
    display: flex;
    flex-direction: column;
    min-height: 230px
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__item__list {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        min-height: initial
    }
}

.new-450x__charging__card__item__list li {
    display: flex;
    transition: .5s ease all;
    margin-bottom: 4rem;
    align-items: center
}

.new-450x__charging__card__item__list li span {
    padding-right: 2.125rem;
    display: flex;
    text-align: center
}

.new-450x__charging__card__item__list li label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #fff
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__item__list li {
        align-items: flex-start;
        margin-bottom: 2.5rem;
        flex-direction: column;
        flex-basis: 50%
    }

    .new-450x__charging__card__item__list li span {
        margin-bottom: .625rem
    }

    .new-450x__charging__card__item__list li label {
        font-size: .75rem;
        line-height: 1rem
    }

    .new-450x__charging__card__item__list li:first-child label {
        width: 80px
    }
}

.new-450x__charging__card__item__list li:last-child {
    margin-bottom: 0
}

.new-450x__charging__card__item:nth-last-of-type(1) {
    flex-basis: 66.66%;
    justify-content: center
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__item.last {
        flex-basis: 100%
    }

    .new-450x__charging__card__overlay {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%
    }
}

.new-450x__charging__card__overlay {
    flex-basis: 66.66%
}

@media screen and (max-width:1200px) {
    .new-450x__charging__card__overlay {
        flex-basis: 55%
    }
}

@media screen and (max-width:991px) {
    .new-450x__charging__card__overlay {
        flex-basis: 50%
    }
}

.new-450x__charging__card__overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out
}

@media screen and (min-width:991px) and (max-width:1100px) {
    .new-450x__charging__card__overlay.right {
        width: 55%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .new-450x__charging__card__overlay.right {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__overlay.right {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .new-450x__charging__card__overlay.left {
        width: 50%
    }
}

.new-450x__charging__card__bg-overlay {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.new-450x__charging__card.last {
    flex-direction: row-reverse
}

.new-450x__charging__card__wrap {
    position: relative;
    height: 520px;
    margin-bottom: 3rem
}

@media screen and (max-width:1024px) {
    .new-450x__charging__card__item .ather-dot-popup-section {
        bottom: -5%
    }

    .new-450x__charging__card__wrap {
        height: 440px
    }
}

@media screen and (max-width:767px) {
    .new-450x__charging__card__overlay.left {
        width: 100%
    }

    .new-450x__charging__card__bg-overlay {
        display: block
    }

    .new-450x__charging__card__wrap {
        height: auto;
        margin-bottom: 1.75rem
    }
}

.new-450x__charging__questions.mbquestion {
    display: none
}

.new-450x__charging__questions ul {
    display: flex;
    justify-content: space-between;
    padding: 0 3.625rem 0 4.313rem
}

.new-450x__charging__questions ul li {
    border-bottom: 1px solid #e2e2e2;
    color: #e2e2e2;
    cursor: pointer
}

.new-450x__charging__questions ul li:first-child {
    border-bottom: none
}

.new-450x__charging__questions ul li:first-child label {
    font-size: 1.71rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

@media screen and (max-width:875px) {
    .new-450x__charging__questions ul li:first-child label {
        font-size: 1.1rem
    }
}

@media screen and (max-width:767px) {
    .new-450x__charging__questions ul {
        padding: 0
    }

    .new-450x__charging__questions ul li {
        border-bottom: none
    }

    .new-450x__charging__questions ul li:first-child label {
        font-size: .875rem;
        width: 80px;
        display: inline-block
    }

    .new-450x__charging__questions ul li:nth-child(2) a {
        display: flex;
        width: 45px;
        justify-content: space-between;
        border-bottom: 1px solid #fff
    }

    .new-450x__charging__questions ul li:last-child a {
        display: flex;
        width: 75px;
        justify-content: space-between;
        border-bottom: 1px solid #fff
    }
}

.new-450x__charging__questions ul li a label {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #e2e2e2;
    line-height: 1.25rem;
    cursor: pointer
}

.new-450x__charging__questions ul li a label.mob-show-content {
    display: none
}

@media screen and (max-width:767px) {
    .new-450x__charging__questions ul li a label {
        font-size: .75rem
    }

    .new-450x__charging__questions ul li a label.mob-hide-content {
        display: none
    }

    .new-450x__charging__questions ul li a label.mob-show-content {
        display: inline
    }
}

.new-450x__charging__questions ul li a span {
    font-size: .875rem;
    padding-left: .313rem;
    color: #e2e2e2
}

.new-450x__charging__questions ul li a span .svg-inline--fa {
    transform: matrix(.71, -.71, .71, .71, 0, 0)
}

.new-450x__mobile-app__sections {
    background-color: #383838;
    padding-bottom: 10.438rem;
    padding-top: 0
}

@media screen and (max-width:767px) {
    .new-450x__mobile-app__sections {
        padding: 2.5rem 1rem
    }
}

@media all and (min-width:1025px) {
    .new-450x__mobile-app__sections {
        float: left;
        width: 100%
    }
}

.new-450x__mobile-app__heading {
    padding: 4.063rem 5rem
}

@media screen and (max-width:850px) {
    .new-450x__mobile-app__heading {
        padding: 4.063rem 0
    }
}

@media screen and (min-width:851px) and (max-width:991px) {
    .new-450x__mobile-app__heading {
        padding: 4.063rem 1rem
    }
}

@media screen and (max-width:767px) {
    .new-450x__mobile-app__heading {
        padding: 2rem 0
    }
}

.new-450x__mobile-app__descriptions {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:850px) {
    .new-450x__mobile-app__descriptions {
        flex-direction: column
    }

    .new-450x__mobile-app__descriptions .para-450x {
        margin-top: 1.25rem
    }
}

.new-450x__mobile-app__descriptions .heading-450x {
    flex-basis: 60%
}

.new-450x__mobile-app__descriptions .para-450x {
    flex-basis: 40%;
    padding-top: 18px
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .new-450x__mobile-app__descriptions .para-450x {
        flex-basis: 46%;
        font-size: 1.2rem;
        padding-top: 7px
    }
}

.new-450x__mobile-app__body {
    margin-bottom: 2.5rem
}

.new-450x__mobile-app__body img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width:767px) {
    .new-450x__mobile-app__descriptions .para-450x {
        margin-top: 0
    }

    .new-450x__mobile-app__body {
        position: relative;
        height: 100%
    }

    .new-450x__mobile-app__list {
        position: absolute;
        left: 20px;
        bottom: 32px;
        width: calc(100% - 40px)
    }
}

.new-450x__mobile-app__list ul {
    display: flex;
    justify-content: space-between;
    margin: 0 5rem
}

@media screen and (max-width:767px) {
    .new-450x__mobile-app__list ul {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: space-between;
        height: 155px
    }
}

.new-450x__mobile-app__list ul li {
    display: flex;
    align-items: center;
    color: #efefef
}

.new-450x__mobile-app__list ul li span {
    padding-right: 1.5rem;
    display: flex
}

@media screen and (max-width:1200px) {
    .new-450x__mobile-app__list ul li span {
        padding-right: 1rem
    }
}

.new-450x__mobile-app__list ul li label {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.6rem
}

@media screen and (min-width:851px) and (max-width:991px) {
    .new-450x__mobile-app__list ul li label {
        font-size: .85rem;
        line-height: 1.275rem
    }
}

@media screen and (min-width:768px) and (max-width:850px) {
    .new-450x__mobile-app__list ul li label {
        font-size: .75rem;
        line-height: 1.275rem
    }
}

@media screen and (max-width:767px) {
    .new-450x__mobile-app__list ul li {
        flex-direction: column;
        align-items: flex-start;
        flex-basis: 33%
    }

    .new-450x__mobile-app__list ul li span {
        padding-right: 0;
        padding-bottom: .75rem
    }

    .new-450x__mobile-app__list ul li label {
        font-size: .75rem;
        line-height: 1rem
    }

    .new-450x__mobile-app__wrap {
        height: 386px;
        position: relative
    }
}

.new-450x__mobile-app__bg-overlay {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.new-450x__accessories__sections {
    background-color: #e6e6e6;
    padding: 4.5rem 10.375rem
}

@media all and (min-width:1025px) {
    .new-450x__accessories__sections {
        float: left;
        width: 100%
    }
}

@media screen and (max-width:1300px) {
    .new-450x__accessories__sections {
        padding: 4.5rem 6rem
    }
}

@media screen and (max-width:1024px) {
    .new-450x__accessories__sections {
        padding: 3rem 4rem
    }
}

@media screen and (max-width:767px) {
    .new-450x__mobile-app__bg-overlay {
        display: block
    }

    .new-450x__accessories__sections {
        padding: 1.25rem 1.438rem
    }
}

.new-450x__accessories__descriptions {
    display: flex;
    justify-content: space-between
}

.new-450x__accessories__descriptions p {
    width: 480px
}

@media screen and (max-width:991px) {
    .new-450x__mobile-app__list ul {
        margin: 0
    }

    .new-450x__accessories__descriptions p {
        width: 47%
    }
}

@media screen and (max-width:767px) {
    .new-450x__accessories__descriptions {
        flex-direction: column
    }

    .new-450x__accessories__descriptions h1 {
        font-size: 1.75rem !important;
        line-height: 2rem !important;
        padding-bottom: 1.25rem
    }

    .new-450x__accessories__descriptions p {
        width: 65% !important;
        font-size: 12px !important;
        line-height: 16px !important
    }
}

@media screen and (max-width:450px) {
    .new-450x__accessories__descriptions p {
        width: 90% !important
    }
}

.new-450x__accessories__descriptions p .btn-explore {
    margin-top: 3.5625rem
}

.new-450x__accessories__descriptions p .btn-explore label {
    padding-right: .813rem
}

@media screen and (max-width:767px) {
    .new-450x__accessories__descriptions p .btn-explore {
        margin-top: 1.998rem;
        padding: 1.25rem !important;
        font-size: 1rem !important
    }
}

.new-450x__mob__banner {
    height: calc(100vh - 250px);
    position: relative;
    display: block
}

@media screen and (min-width:768px) {
    .new-450x__mob__banner {
        display: none
    }
}

@media screen and (max-width:420px) {
    .new-450x__mob__banner {
        height: calc(100vh - 180px)
    }
}

@media screen and (max-width:400px) {
    .new-450x__mob__banner {
        height: calc(100vh - 100px)
    }
}

@media screen and (max-width:340px) and (min-width:320px) {
    .new-450x__mob__banner {
        height: calc(100vh - 80px)
    }
}

.new-450x__mob__banner__desc {
    position: absolute;
    bottom: 0;
    width: calc(100% - 32px);
    opacity: 0;
    transition: all .4s
}

.new-450x__mob__banner__desc.show, .new-450x__mob__banner__img.show {
    opacity: 1
}

.new-450x__mob__banner__desc h1 {
    color: #191919;
    font-size: 40px !important;
    line-height: 45px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.new-450x__mob__banner__img {
    display: flex;
    justify-content: flex-end;
    margin: 30px 0;
    transition: all .4s
}

@media screen and (max-width:320px) {
    .new-450x__mob__banner__desc h1 {
        font-size: 32px !important;
        line-height: 38px !important
    }

    .new-450x__mob__banner__img {
        margin: 20px 0
    }
}

.new-450x__mob__banner-para {
    margin-bottom: 8.875rem;
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .new-450x__mob__banner-para {
        display: none
    }
}

.new-450x__mob__banner-para p {
    width: 173px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #191919;
    font-size: 18px;
    line-height: 22px
}

.new-450x__mob__banner-para p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.new-450x__mob__bike__variant {
    padding: 48px 0;
    display: block
}

@media screen and (min-width:768px) {
    .new-450x__mob__bike__variant {
        display: none
    }
}

.new-450x__mob__bike__variant p {
    color: #9b9b9b;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    width: 172px;
    padding-left: 16px;
    padding-top: 20px
}

.new-450x__mob__bike__variant p label {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.new-450x__mob__bike__list {
    padding-bottom: 20px
}

.new-450x__mob__bike__list ul {
    display: flex;
    justify-content: space-around;
    align-items: flex-end
}

.new-450x__mob__bike__list ul li {
    font-size: 6rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 6.375rem;
    color: #989898;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.new-450x__mob__bike__list ul li span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 10px
}

@media screen and (max-width:1200px) {
    .new-450x__mob__bike__list ul li {
        font-size: 5rem;
        line-height: 5rem
    }
}

.new-450x__mob__bike__list ul li.active {
    color: #fff
}

.new-450x__mob__bike__img img {
    width: 100%
}

.ui.dimmer.modals.page.transition {
    z-index: 99999
}

.ui.modal.loancalculator {
    width: 580px !important
}

.ui.dimmer {
    background-color: #00001a !important
}

.ui.modal.october-modal {
    width: 658px
}

.ui.modal.october-modal .october-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 9
}

.ui.modal.october-modal .october-content {
    display: flex
}

@media screen and (max-width:767px) {
    .new-450x__mob__bike__list ul li {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .ui.modal.october-modal .right::-webkit-scrollbar {
        width: 4px
    }

    .ui.modal.october-modal .right::-webkit-scrollbar-track {
        box-shadow: inset 0 0 4px #C4C4C4;
        border-radius: 40px
    }

    .ui.modal.october-modal {
        width: 85%
    }

    .ui.modal.october-modal .october-close {
        right: 14px;
        top: 14px
    }

    .ui.modal.october-modal .october-close img {
        width: 20px
    }

    .ui.modal.october-modal .october-content .bg-color {
        background: linear-gradient(to bottom, #E3E3E300, #E3E3E3B3);
        height: 40px;
        position: absolute;
        bottom: 63px;
        width: 100%;
        opacity: .7
    }

    .ui.modal.october-modal .october-content {
        flex-direction: column
    }
}

.ui.modal.october-modal .october-content .left {
    padding: 56px;
    background-color: #F1E7C1;
    width: 290px;
    border-radius: 2px
}

@media screen and (max-width:767px) {
    .ui.modal.october-modal .october-content .left {
        padding: 24px 32px;
        width: 100%
    }

    .ui.modal.october-modal .october-content .left img {
        width: 18px
    }
}

.ui.modal.october-modal .october-content .left h2 {
    font-size: 20px !important;
    color: #000;
    line-height: 28px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    padding-bottom: 12px
}

@media screen and (max-width:767px) {
    .ui.modal.october-modal .october-content .left h2 {
        font-size: 14px !important;
        line-height: 20px !important;
        padding-bottom: 6px;
        width: 220px
    }
}

.ui.modal.october-modal .october-content .left p {
    font-size: 12px;
    line-height: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ui.modal.october-modal .october-content .left p span {
    display: block
}

.ui.modal.october-modal .october-content .left .left-bottom {
    padding-top: 70px
}

@media screen and (max-width:767px) {
    .ui.modal.october-modal .october-content .left p {
        font-size: 10px;
        line-height: 14px
    }

    .ui.modal.october-modal .october-content .left p span {
        display: inline-block
    }

    .ui.modal.october-modal .october-content .left .left-bottom {
        display: none
    }
}

.ui.modal.october-modal .october-content .left .left-bottom .left-btn {
    padding-bottom: 24px
}

.ui.modal.october-modal .october-content .left .left-bottom .left-btn a {
    padding: 12px 16px;
    font-size: 14px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background: #191919;
    border-radius: 2px;
    text-align: center;
    display: inline-block
}

.ui.modal.october-modal .october-content .left .left-bottom label, .ui.modal.october-modal .october-content .left .left-bottom label a {
    font-size: 12px;
    line-height: 16px;
    color: #4F4F4F;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ui.modal.october-modal .october-content .left .left-bottom label a {
    cursor: pointer;
    border-bottom: 1px solid #4f4f4f
}

.ui.modal.october-modal .october-content .left .left-bottom label a span {
    padding-left: 6px
}

.ui.modal.october-modal .october-content .right {
    padding: 42px 40px;
    width: 368px;
    position: relative
}

@media screen and (max-width:767px) {
    .ui.modal.october-modal .october-content .right {
        padding: 24px 32px;
        width: 100%;
        height: 230px;
        overflow-y: scroll
    }
}

.ui.modal.october-modal .october-content .right h3 {
    color: #828282 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    padding-bottom: 12px;
    border-bottom: 1px solid #BDBDBD
}

@media screen and (max-width:767px) {
    .ui.modal.october-modal .october-content .right h3 {
        font-size: 10px !important;
        line-height: 14px !important;
        padding-bottom: 10px
    }
}

.ui.modal.october-modal .october-content .right ul li {
    padding: 12px 0;
    border-bottom: 1px solid #BDBDBD;
    display: flex;
    align-items: baseline
}

.ui.modal.october-modal .october-content .right ul li span {
    margin-right: 12px
}

.ui.modal.october-modal .october-content .right ul li label {
    color: #000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 16px
}

@media screen and (max-width:767px) {
    .ui.modal.october-modal .october-content .right ul li {
        padding: 10px 0
    }

    .ui.modal.october-modal .october-content .right ul li label {
        font-size: 10px;
        line-height: 13px
    }
}

.ui.modal.october-modal .october-content .right .right-content {
    padding: 28px
}

.ui.modal.october-modal .october-content .right p {
    font-size: 10px;
    color: #828282;
    line-height: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ui.modal.october-modal .october-content .bottom {
    display: none
}

@media screen and (max-width:767px) {
    .ui.modal.october-modal .october-content .right .right-content {
        padding: 0
    }

    .ui.modal.october-modal .october-content .right p {
        padding-top: 18px
    }

    .ui.modal.october-modal .october-content .bottom {
        display: flex;
        padding: 18px 32px;
        justify-content: space-between
    }

    .ui.modal.october-modal .october-content .bottom label {
        font-size: 10px;
        color: #828282;
        line-height: 14px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        width: 115px
    }

    .ui.modal.october-modal .october-content .bottom label a {
        font-size: 10px;
        color: #828282;
        line-height: 14px;
        cursor: pointer;
        border-bottom: 1px solid #828282
    }

    .ui.modal.october-modal .october-content .bottom label a span {
        padding-left: 6px
    }

    .ui.modal.october-modal .october-content .bottom .black-btn {
        font-size: 10px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        color: #fff;
        padding: 6px 8px;
        background: #191919;
        border-radius: 2px;
        display: inline-block;
        line-height: 16px
    }
}

.ui.modal.report {
    width: 360px;
    background-color: #219653;
    padding: 40px
}

.ui.modal.report .report-close {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .ui.modal.report {
        padding: 20px;
        width: 280px
    }
}

.ui.modal.report .report-content {
    text-align: center
}

.ui.modal.report .report-content label img {
    width: 50px;
    height: 35px
}

.ui.modal.report .report-content h1, .ui.modal.report .report-content h4 {
    color: #FFF;
    font-size: 24px !important;
    line-height: 23px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    padding-bottom: 12px;
    padding-top: 10px
}

@media screen and (max-width:767px) {
    .ui.modal.report .report-content label img {
        width: 35px;
        height: 30px
    }

    .ui.modal.report .report-content h1, .ui.modal.report .report-content h4 {
        font-size: 18px !important;
        padding-bottom: 8px
    }
}

.ui.modal.report .report-content p {
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 32px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 0
}

@media screen and (max-width:767px) {
    .ui.modal.report .report-content p {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 24px
    }
}

.ui.modal.report .report-content .read-btn {
    border: 2px solid #FFF;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-align: center;
    padding: 12px 20px;
    color: #fff;
    cursor: pointer
}

.ui.modal.report .report-content .read-btn span {
    float: right;
    margin-top: -3px;
    overflow: hidden
}

.ui.modal.report .report-content .read-btn span:after {
    content: url(../../images/450x-new/icons/white-arrow.svg);
    font-size: 0;
    line-height: initial;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    padding-top: 2px;
    will-change: transform
}

.ui.modal.report .report-content .read-btn:hover span:after {
    -webkit-animation: toRightFromLeft .75s forwards;
    -moz-animation: toRightFromLeft .75s forwards;
    animation: toRightFromLeft .75s forwards
}

@media screen and (max-width:767px) {
    .ui.modal.report .report-content .read-btn {
        font-size: 12px;
        line-height: 18px;
        padding: 10px 16px
    }
}

.ui.modal.caution-modal .caution-close.ec-modal-close {
    background: 0 0
}

.ui.modal.caution-modal .caution-close.ec-modal-close .mdi {
    color: #191919;
    font-size: 20px;
    font-weight: 100
}

.ui.modal.caution-modal .caution-content {
    padding: 32px
}

.ui.modal.caution-modal .caution-content .caution-btn {
    display: inline-block;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .ui.modal.caution-modal .caution-content {
        padding: 32px 16px 16px
    }
}

.ui.modal.caution-modal .caution-content h1 {
    font-size: 24px !important;
    line-height: 30px !important;
    padding-top: 8px;
    padding-bottom: 20px;
    border-top: 1px solid #b6b6b633;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

@media screen and (max-width:767px) {
    .ui.modal.caution-modal .caution-content h1 {
        font-size: 16px !important;
        padding-bottom: 10px
    }
}

.ui.modal.caution-modal .caution-content p {
    font-size: 14px;
    color: #191919;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 8px
}

.ui.modal.caution-modal .caution-content p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.ui.modal.caution-modal .caution-content p span a {
    text-decoration: underline !important;
    font-size: 14px;
    color: #191919;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .ui.modal.caution-modal .caution-content p, .ui.modal.caution-modal .caution-content p span a {
        font-size: 12px;
        line-height: 16px
    }
}

.ui.modal.caution-modal .caution-content label.notes {
    color: #71747F;
    font-size: 10px;
    line-height: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    padding-top: 24px;
    display: block
}

@media screen and (max-width:767px) {
    .ui.modal.caution-modal .caution-content label.notes {
        padding-top: 8px
    }
}

.ui.modal.financing-more {
    max-width: 944px !important
}

.ui.modal.financing-more .scrolling.content, .ui.modal.loancalculator .scrolling.content {
    max-height: initial
}

@media screen and (max-width:1300px) {
    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section {
        padding: 45px 45px 0
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section .buyback-list span {
        font-size: 20px
    }

    .pricing-financing .financing-sections .buyback-sections .know-more {
        padding: 23px 45px
    }

    .pricing-financing .financing-sections .buyback-sections .know-more-section.active {
        padding: 40px
    }

    .pricing-financing .pricing-sections .variants-sections {
        padding: 4.5rem 6rem
    }

    .pricing-financing .pricing-sections .variants-sections .heading-450x {
        width: 40%
    }

    .pricing-financing .pricing-sections .pricing-details {
        padding: 2.5rem 6rem
    }

    .pricing-financing .pricing-sections .whats-included {
        padding: 0 3.5rem
    }

    .pricing-financing .pricing-sections .whats-included .whats-included-img {
        width: 250px;
        height: 180px;
        top: 0;
        left: 14%
    }

    .pricing-financing .pricing-sections .whats-included .whats-included-section {
        padding: 28px
    }

    .disclaimer-sections, .experience-sections {
        padding: 4.5rem 6rem
    }

    .pricing-financing .pricing-sections .whats-included .whats-included-section .whats-included-feature label {
        font-size: 12px
    }

    .experience-sections .experience-card a {
        font-size: 2rem;
        line-height: 38px
    }
}

@media screen and (max-width:1240px) {
    .pricing-financing .financing-sections .ownership-details .ownership-card-450x .ownership-card-details label {
        width: 78%
    }
}

@media screen and (max-width:1024px) {
    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .right .limited-offer, .pricing-financing .pricing-sections .pricing-details ul .price-section label label {
        display: none
    }

    .pricing-financing .pricing-sections {
        background-color: #fff
    }

    .pricing-financing .pricing-sections .variants-sections {
        padding: 50px 15px;
        background-color: #191919
    }

    .pricing-financing .pricing-sections .variants-sections .heading-450x {
        width: 215px;
        font-size: 28px !important;
        line-height: 28px !important;
        margin-bottom: 20px !important
    }

    .pricing-financing .pricing-sections .variants-sections ul .variants-list label {
        padding-left: 0;
        font-size: 10px;
        line-height: 16px;
        flex-basis: 40%
    }

    .pricing-financing .pricing-sections .variants-sections ul .variants-list span {
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        flex-basis: 45%
    }

    .pricing-financing .pricing-sections .pricing-details {
        padding: 2.5rem 15px 0
    }

    .pricing-financing .pricing-sections .pricing-details .heading-450x {
        font-size: 28px !important;
        margin-bottom: 35px !important
    }

    .pricing-financing .pricing-sections .pricing-details ul .price-section {
        padding: 0
    }

    .pricing-financing .pricing-sections .pricing-details ul .price-section label {
        position: absolute;
        top: -100px;
        right: 0;
        font-size: 14px;
        border-bottom: 1px solid #707070
    }

    .pricing-financing .pricing-sections .pricing-details ul .price-section label .city {
        border-bottom: none
    }

    .pricing-financing .pricing-sections .pricing-details ul .price-section label .city .ui.dropdown .menu>.item {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 20px !important
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section {
        padding-bottom: 10px;
        border-bottom: 0;
        padding-top: 20px
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .right {
        width: 65%
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left {
        width: 35%;
        padding-top: 0
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section .left p {
        font-size: 16px;
        line-height: 20px
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section p {
        width: 90%
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section h2 {
        font-size: 16px !important;
        line-height: 10px !important
    }

    .pricing-financing .pricing-sections .pricing-details ul .exclusive-section h2 span {
        font-size: 12px;
        line-height: 13px;
        top: 0;
        left: 0
    }

    .pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li .left {
        width: 35%
    }

    .pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li .right {
        width: 65%
    }

    .pricing-financing .pricing-sections .pricing-details ul .breakup {
        border-top: 1px solid #e5e5e5
    }

    .pricing-financing .pricing-sections .pricing-details ul .breakup label {
        border: 0;
        font-size: 12px
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob {
        margin-top: 20px;
        display: block;
        padding: 20px;
        background-color: #f2f3f3
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 40%;
        padding-bottom: 30px
    }
}

@media screen and (max-width:1024px) and (max-width:767px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec {
        width: 100%
    }
}

@media screen and (max-width:1024px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .whatsincluded-list {
        display: flex;
        flex-direction: column;
        width: 40%
    }
}

@media screen and (max-width:1024px) and (max-width:320px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .whatsincluded-list {
        width: 50%
    }
}

@media screen and (max-width:1024px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .whatsincluded-list label {
        margin-left: 0 !important;
        width: 85%
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .or {
        font-size: 12px;
        color: #191919;
        line-height: 22px;
        margin-left: 0 !important;
        position: relative;
        height: 20px;
        margin-right: 10px !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .or .left {
        display: inline-block;
        width: 20px;
        height: 1px;
        background: #707070;
        position: absolute;
        transform: rotate(130deg);
        right: -10px;
        top: -7px
    }
}

@media screen and (max-width:1024px) and (max-width:460px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .or .left {
        width: 30px;
        transform: rotate(110deg);
        right: -15px;
        top: -10px
    }
}

@media screen and (max-width:1024px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .or .right {
        display: inline-block;
        width: 20px;
        height: 1px;
        background: #707070;
        position: absolute;
        transform: rotate(130deg);
        left: -14px;
        bottom: -7px
    }
}

@media screen and (max-width:1024px) and (max-width:460px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob .whatsincluded-list-sec .or .right {
        width: 30px;
        transform: rotate(110deg);
        left: -12px;
        bottom: -12px
    }
}

@media screen and (max-width:1024px) {
    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob ul li {
        padding-bottom: 20px
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob ul li label {
        font-size: 12px;
        margin-left: 20px !important;
        line-height: 16px;
        vertical-align: super;
        display: inline-block;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list .getback_web, .pricing-financing .pricing-sections .whats-included {
        display: none
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob ul li span img {
        width: 20px;
        height: 20px
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob ul li:last-child {
        padding-bottom: 0
    }

    .pricing-financing .pricing-sections .pricing-details ul .whatsincluded-mob ul li:first-child label {
        margin-left: 0 !important
    }

    .pricing-financing .pricing-sections .list-heading {
        padding-bottom: 10px
    }

    .pricing-financing .pricing-sections .list-heading h1, .pricing-financing .pricing-sections .list-heading h3 {
        flex-basis: 34%;
        font-size: 14px !important;
        line-height: 20px !important
    }

    .pricing-financing .financing-sections {
        padding: 50px 0 20px
    }

    .pricing-financing .financing-sections .buyback-sections {
        border-radius: 0;
        margin-bottom: 2.5rem
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section {
        padding: 25px 15px
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section .heading-450x {
        font-size: 24px !important;
        line-height: 28px !important;
        width: 215px;
        margin-bottom: 20px
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section .shield-img {
        position: absolute;
        top: 30px;
        right: 3%
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section .shield-img img {
        width: 30px
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section .buyback-text {
        width: 270px;
        font-size: 14px
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list .years {
        color: #8e8e8e;
        line-height: 18px;
        padding-top: 10px
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list label {
        font-size: 12px;
        line-height: 1rem;
        flex-basis: 25%
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list span {
        font-size: 16px;
        line-height: 24px;
        flex-basis: 45%
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list .getback_mob, .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list .getback_mob label {
        display: block
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list .getback_mob span {
        font-size: 18px
    }

    .pricing-financing .financing-sections .buyback-sections .buyback-inner-section ul .buyback-list:last-child {
        border-bottom: 1px solid #8e8e8e
    }

    .pricing-financing .financing-sections .buyback-sections .know-more {
        padding: 10px 15px 15px
    }

    .pricing-financing .financing-sections .buyback-sections .know-more h2 label {
        font-size: 12px !important
    }

    .pricing-financing .financing-sections .buyback-sections .know-more-section.active {
        padding: 30px 15px
    }

    .pricing-financing .financing-sections .buyback-sections .know-more-section ul li {
        display: block;
        width: 100%;
        padding-bottom: 20px
    }

    .pricing-financing .financing-sections .buyback-sections .know-more-section ul li p {
        width: 100%;
        font-size: 14px;
        padding-top: 10px
    }

    .pricing-financing .financing-sections .buyback-sections .know-more-section ul li label {
        width: 100%;
        font-size: 14px
    }

    .pricing-financing .financing-sections .buyback-sections .know-more-section ul li:last-child {
        padding-top: 20px
    }

    .pricing-financing .financing-sections .list-heading h1, .pricing-financing .financing-sections .list-heading h3 {
        font-size: 14px !important;
        flex-basis: 39%
    }

    .pricing-financing .financing-sections .list-heading.inverse {
        border-color: #8e8e8e
    }

    .pricing-financing .financing-sections .ownership-wrapper {
        padding: 0 15px;
        overflow-x: hidden
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x {
        padding: 20px;
        flex-direction: column
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-card-details {
        width: 100%;
        padding-top: 30px
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-card-details p {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 24px
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-card-details label {
        width: 100%;
        font-size: 14px
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-card-details a {
        max-width: 90px;
        margin-top: 30px;
        font-size: 12px
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-right-card {
        align-items: unset
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-right-card:last-child {
        text-align: left;
        padding-top: 0
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-right-card p {
        min-width: 90px;
        max-width: 300px;
        margin-top: 30px;
        font-size: 12px;
        padding-bottom: 0
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-right-card p a {
        min-width: auto;
        max-width: auto;
        margin-top: 0
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .slick-dots {
        top: 10px;
        bottom: unset;
        padding-left: 15px
    }

    .pricing-financing .financing-sections .financing-details-wrapper {
        padding: 0 15px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .heading-450x {
        font-size: 24px !important;
        line-height: 28px !important
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details {
        margin-bottom: 30px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .list-heading {
        flex-basis: 40%
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .list-heading h1, .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .list-heading h3 {
        font-size: 14px !important;
        line-height: 20px !important;
        flex-basis: 40%
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list {
        position: relative;
        padding-bottom: 73px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list label {
        font-size: 16px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list span {
        font-size: 10px;
        flex-basis: 49%;
        line-height: 13px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list a {
        position: absolute;
        top: 54%;
        text-align: center;
        margin: 0 auto;
        width: 80%
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list a label {
        font-size: 10px;
        line-height: 20px;
        min-width: 115px;
        padding: 8px 12px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list a label span {
        display: inline-block;
        margin-left: 8px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list a label span .svg-inline--fa {
        font-size: 10px
    }

    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list:last-child a label span .svg-inline--fa {
        transform: matrix(.71, -.71, .71, .71, 0, 0)
    }

    .experience-sections {
        padding: 50px 62px;
        flex-direction: column
    }

    .experience-sections .experience-card {
        margin-bottom: 36px;
        align-self: auto;
        border-bottom: 1px solid #efefef
    }

    .experience-sections .experience-card:last-child {
        margin-bottom: 0
    }

    .experience-sections .experience-card a {
        font-size: 20px;
        line-height: 28px
    }

    .disclaimer-sections {
        padding: 50px 15px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll {
        display: block;
        width: calc(100% - 40px);
        justify-content: center;
        margin: 0 auto 20px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display {
        width: 100%;
        height: 100%;
        margin: 0 0 1.5rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content {
        width: 100%;
        display: block
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list {
        left: 32px;
        bottom: initial;
        top: 60%;
        transform: translateY(-35%);
        width: calc(100% - 32px)
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list h1, .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important;
        width: 14.375rem;
        margin-bottom: 2rem !important
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list ul {
        flex-direction: column;
        width: 230px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list ul li {
        display: flex;
        align-items: center;
        margin-bottom: 1.75rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list ul li span {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-display .intelligence-display-content .intelligence-display-list ul li label {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list {
        width: 100%;
        height: auto;
        margin: 0 12px 1.5rem 0;
        flex-basis: 50%;
        position: relative
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 3rem;
        justify-content: flex-start
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li {
        flex-basis: 50%;
        display: block;
        margin-bottom: 4rem;
        padding: 0
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li span {
        display: block;
        margin-bottom: 1rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li label {
        padding-left: 0;
        display: block !important
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li .connection {
        flex-direction: column;
        display: block
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:nth-last-child(2n) {
        justify-content: flex-end;
        align-items: flex-start;
        display: flex
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:nth-last-child(2n) .connection {
        width: 100px;
        display: flex;
        align-items: flex-start
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:last-child {
        margin-bottom: 0
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation {
        width: 100%;
        height: auto;
        margin: 0 0 1.5rem 12px;
        flex-basis: 50%;
        position: relative
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation h1, .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation h2 {
        font-size: 2rem !important;
        line-height: 2rem !important;
        padding-top: 71px;
        width: 210px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card {
        width: 0%;
        height: auto;
        margin: 0 12px 1.5rem 0;
        text-align: center;
        flex-basis: 50%;
        position: relative
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card .dark-mode {
        flex-basis: auto
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card .document-storage .storage-card {
        padding: 0;
        margin-bottom: 25px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card .document-storage .storage-card span {
        width: 172px;
        margin: 0 auto
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing {
        width: 0%;
        height: auto;
        margin: 0 0 1.5rem 12px;
        flex-basis: 50%;
        justify-content: space-between
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content {
        padding: 24px 33px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content h1, .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content p {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-img {
        height: auto
    }

    .scrolling-wrapper-flexbox .guide-me {
        display: block;
        width: calc(100% - 40px);
        justify-content: center;
        margin: 0 auto !important
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand {
        position: relative;
        height: auto;
        width: 100%;
        margin: 0 12px 1.5rem 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-basis: 50%
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand .text-section {
        width: 270px;
        margin: 0 auto;
        padding: 24px
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand .text-section h1, .scrolling-wrapper-flexbox .guide-me .side-stand .text-section h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important;
        padding-bottom: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand .text-section p {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand .img-section {
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito {
        width: 100%;
        height: auto;
        margin: 0 0 1.5rem 12px;
        position: relative;
        flex-basis: 50%
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section {
        padding: 24px;
        width: 300px;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section h1.h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important;
        padding-bottom: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section p {
        font-size: .875rem;
        line-height: 1.25rem;
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .img-section {
        height: 100%;
        position: relative
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section {
        width: 0%;
        margin: 0 12px 1.5rem 0;
        height: auto;
        flex-basis: 50%;
        position: relative
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section {
        top: 0;
        left: 50%;
        transform: translate(-50%);
        padding: 24px;
        width: 300px
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section h1, .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important;
        padding-bottom: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section p {
        font-size: .875rem;
        line-height: 1.25rem;
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .img-section img {
        object-fit: cover
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report {
        width: 0%;
        margin: 0 0 1.5rem 12px;
        height: auto;
        flex-basis: 50%
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section {
        width: 270px;
        margin: 0 auto;
        padding: 24px
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section h1, .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important;
        padding-bottom: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section a {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section {
        position: relative;
        bottom: 0;
        margin-top: 43px
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .list {
        padding: 0
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .list a {
        margin: 0 auto;
        width: 40%
    }

    .warp-mode .brains, .warp-mode .true-range {
        margin-bottom: 20px;
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .img {
        text-align: center;
        margin-top: 24px;
        position: relative;
        bottom: -5px;
        height: auto
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .img img {
        height: auto;
        width: auto;
        max-width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .flex-wraper:nth-child(1) {
        max-height: 100%
    }

    .warp-mode .hello-section {
        width: 100%;
        padding: 0 44px
    }

    .warp-mode .hello-section .img-section {
        width: 100%
    }

    .warp-mode .hello-section .inner-img {
        height: 290px
    }

    .warp-mode .engine-section {
        width: 100%;
        margin-bottom: 20px
    }

    .warp-mode .engine-section .img-section {
        width: 100% !important;
        height: auto !important;
        margin-top: 25px !important
    }

    .warp-mode .engine-section .img-section img {
        width: 100%;
        height: auto
    }

    .warp-mode .true-range {
        height: 100%
    }

    .warp-mode .true-range .text-section p {
        width: 320px
    }

    .warp-mode .true-range .range a {
        display: inline-block;
        width: auto
    }

    .warp-mode .true-range .range a span {
        padding-left: 12px
    }

    .warp-mode .true-range .eco-section {
        width: 52%
    }

    .warp-mode .true-range .eco-section ul li {
        padding: 15px 0;
        min-width: 24%
    }

    .warp-mode .intelligence-side-scroll {
        margin-left: 24px
    }
}

@media screen and (max-width:1100px) and (min-width:1024px) {
    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x {
        padding: 48px 50px
    }
}

@media screen and (max-width:991px) {
    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation {
        height: auto
    }

    .warp-mode .hello-section .test-ride p {
        font-size: 28px
    }

    .warp-mode .hello-section .test-ride a {
        font-size: 13px
    }

    .warp-mode .brains, .warp-mode .engine-section {
        padding: 48px
    }

    .warp-mode .true-range {
        padding: 48px;
        height: auto;
        justify-content: flex-start
    }

    .warp-mode .true-range .text-section {
        margin-bottom: 87px
    }

    .warp-mode .true-range .eco-section {
        margin-bottom: 32px
    }

    .warp-mode .true-range .eco-km {
        margin-bottom: 87px
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .list a {
        width: 50%
    }
}

@media screen and (max-width:900px) {
    .warp-mode .hello-section .hello-text {
        padding-left: 0
    }

    .warp-mode .hello-section .img-section {
        height: calc(100% - 100px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        top: 0;
        transform: translateY(0)
    }

    .warp-mode .hello-section .inner-img {
        height: 80%
    }
}

@media screen and (max-width:767px) {
    .pricing-financing .pre-order-now {
        margin-bottom: 8px;
        padding: 0;
        align-items: initial
    }

    .pricing-financing .pre-order-now p {
        padding: 20px;
        font-size: 12px
    }

    .pricing-financing .pre-order-now a {
        font-size: 12px;
        line-height: 20px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .pricing-financing .pre-order-now a span {
        padding-left: 4px
    }

    .pricing-financing .pricing-sections .pricing-details ul .price-section label {
        top: -90px !important
    }

    .pricing-financing .pricing-sections .pricing-details ul .see-more-collpase ul li h2 {
        font-size: 12px !important;
        line-height: 16px !important
    }

    .disclaimer-sections {
        padding: 30px 15px
    }

    .loan-cal-content .loan-cal-heading h4 {
        font-size: 24px !important;
        line-height: 28px !important;
        padding-bottom: 28px
    }

    .loan-cal-content .loan-cal-heading p {
        font-size: 14px;
        padding-bottom: 28px
    }

    .loan-cal-content .white-btn {
        padding: 8px 0
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list {
        margin-right: 0
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul {
        justify-content: space-between
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li {
        flex-basis: 50%
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:nth-last-child(2n) .connection {
        width: 81px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation {
        height: auto;
        margin-left: 0;
        padding: 4rem 0
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation h1, .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation h2 {
        padding-top: 35px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-navigation label {
        padding: 0 32px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card {
        width: 100%;
        margin-right: 0
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card .document-storage .storage-card span {
        width: 50%
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card .document-storage .id-card {
        position: relative;
        top: 5px;
        width: 100%;
        height: 100%
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing {
        width: 100%;
        margin-left: 0
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content p {
        width: 60%
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .flex-wraper {
        flex-direction: column
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand {
        min-height: 500px
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand .text-section {
        width: 100%;
        padding: 24px 32px
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito {
        margin: 0 0 1.5rem 12px;
        height: 500px
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section {
        text-align: left;
        padding: 24px 32px;
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section h1, .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section p {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section {
        width: 0%;
        margin: 0 12px 1.5rem 0
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section {
        padding: 24px 32px;
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section h1, .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section h2 {
        font-size: 2.75rem !important;
        line-height: 2.75rem !important
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section p {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report {
        margin: 0 0 1.5rem 12px;
        width: 0%
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section {
        width: 100%;
        padding: 24px 32px
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .list {
        padding: 0 34px
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .list a {
        margin: 0 auto;
        width: 90%
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .img {
        margin: 24px auto 0
    }

    .warp-mode .true-range {
        padding: 24px;
        margin-bottom: 100px
    }

    .warp-mode .true-range .text-section {
        margin-bottom: 20px
    }

    .warp-mode .true-range .text-section h1, .warp-mode .true-range .text-section h2 {
        font-size: 38px !important
    }

    .warp-mode .true-range .text-section h1 sup, .warp-mode .true-range .text-section h2 sup {
        font-size: 35%;
        top: -20px
    }

    .warp-mode .true-range .text-section p {
        width: 100%;
        font-size: 14px;
        line-height: 20px
    }

    .warp-mode .true-range .eco-section {
        margin-bottom: 20px;
        width: 70%
    }

    .warp-mode .brains .left, .warp-mode .brains .left .img-section img {
        width: 100%
    }

    .warp-mode .true-range .eco-section ul li {
        min-width: 23%
    }

    .warp-mode .true-range .range {
        text-align: center
    }

    .warp-mode .true-range .range a {
        font-size: 13px
    }

    .warp-mode .true-range .eco-km h1, .warp-mode .true-range .eco-km h2 {
        font-size: 32px !important;
        line-height: 33px !important
    }

    .warp-mode .brains {
        flex-direction: column;
        padding: 24px
    }

    .warp-mode .brains .left .text-section h1, .warp-mode .brains .left .text-section h2 {
        font-size: 44px !important;
        line-height: 44px !important
    }

    .warp-mode .brains .left .text-section p {
        display: none
    }

    .warp-mode .brains .left .img-section {
        padding: 48px 0
    }

    .warp-mode .brains .right ul {
        flex-direction: row;
        flex-wrap: wrap;
        height: auto;
        width: 100%
    }

    .warp-mode .brains .right ul li {
        padding-bottom: 0;
        min-height: 100%;
        flex-basis: 50%
    }

    .warp-mode .brains .right ul li p {
        width: 92px !important;
        font-size: 12px;
        line-height: 16px
    }

    .warp-mode .brains .right ul li:last-child {
        padding-top: 26px
    }

    .warp-mode .brains .right ul li:nth-child(2) span {
        margin-left: -8px
    }

    .warp-mode .engine-section {
        padding: 24px 32px;
        height: auto
    }

    .warp-mode .engine-section .text-section h2 {
        font-size: 44px !important;
        line-height: 44px !important
    }

    .warp-mode .engine-section .text-section p {
        width: 100%
    }

    .warp-mode .hello-section {
        padding: 0
    }

    .warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
        line-height: initial !important
    }

    .warp-mode .hello-section .img-section {
        height: calc(100% - 70px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        top: 0;
        transform: translateY(0)
    }

    .warp-mode .hello-section .inner-img {
        top: 50%;
        width: 100%
    }

    .warp-mode .hello-section .test-ride {
        flex-direction: column;
        margin-bottom: 68px;
        padding: 16px;
        align-items: flex-start;
        height: 236px;
        position: relative;
        width: 100%
    }

    .warp-mode .hello-section .test-ride label {
        position: absolute;
        right: 16px;
        top: 16px;
        display: block
    }

    .warp-mode .hello-section .test-ride p {
        width: 140px;
        font-size: 24px;
        line-height: 26px
    }

    .warp-mode .hello-section .test-ride a {
        font-size: 14px;
        line-height: 20px
    }

    .warp-mode .hello-section .test-ride a span {
        padding-left: 8px
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x {
        padding: 20px 16px;
        height: 260px
    }

    .pricing-financing .pre-order-now a span {
        padding-top: 1px
    }

    .ui.modal.loancalculator {
        width: 90% !important
    }
}

@media screen and (min-width:1025px) and (max-height:750px) {
    .warp-mode .engine-section .img-section {
        width: auto;
        height: auto;
        margin-top: 0
    }

    .side-stand .img-section {
        height: 57%
    }
}

@media screen and (min-width:1025px) and (max-height:650px) {
    .warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
        font-size: 12vw !important
    }

    .warp-mode .engine-section .img-section {
        width: 80%
    }

    .warp-mode .true-range .eco-section ul li {
        padding: 10px 20px
    }

    .warp-mode .true-range .eco-km h1, .warp-mode .true-range .eco-km h2 {
        font-size: 48px !important
    }

    .warp-mode .true-range .text-section p {
        line-height: 21px
    }

    .side-stand .img-section {
        height: 54%
    }

    .guide-me .monthly-report .img-section .img {
        height: 250px
    }

    .guide-me .monthly-report .img-section .img img {
        height: 97%
    }
}

@media screen and (max-width:620px) {
    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section p, .scrolling-wrapper-flexbox .guide-me .side-stand .text-section p {
        width: 250px
    }

    .scrolling-wrapper-flexbox .guide-me .flex-wraper {
        flex-direction: column
    }

    .scrolling-wrapper-flexbox .guide-me .flex-wraper:nth-child(1) {
        max-height: initial
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand .img-section {
        position: relative
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito {
        margin-left: 0
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section {
        width: 100%;
        margin-right: 0
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section p {
        width: 250px
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report {
        margin-left: 0;
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section a {
        width: 250px
    }
}

@media screen and (max-width:520px) {
    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:nth-child(2n) {
        flex-direction: column;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:nth-child(2n) .connetion {
        width: 104px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:nth-last-child(-n+2) {
        margin-bottom: 4rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content h1, .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content h2, .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-content p {
        width: 100%
    }

    .ui.modal.financing-more {
        width: 90% !important
    }
}

@media screen and (max-width:510px) {
    .pricing-financing .pre-order-now p {
        padding: 17px
    }

    .pricing-financing .pre-order-now a {
        min-width: 155px;
        min-height: 51px
    }

    .experience-sections {
        padding: 50px 35px
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-mode-card .document-storage .storage-card span {
        width: 80%
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-img, .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-installing .installing-img img {
        width: 100%;
        height: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand {
        padding: 0
    }

    .scrolling-wrapper-flexbox .guide-me .side-stand .img-section img, .scrolling-wrapper-flexbox .guide-me .side-stand .text-section {
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito {
        height: 444px
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section {
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section {
        height: 435px
    }

    .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section, .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section {
        width: 100%
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .list {
        width: 100%;
        padding: 0 40px
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .list a {
        margin: initial
    }

    .scrolling-wrapper-flexbox .guide-me .monthly-report .img-section .img {
        width: 100%
    }

    .warp-mode .true-range .eco-km {
        margin-bottom: 58px;
        text-align: center
    }

    .warp-mode .true-range .eco-km label {
        font-size: 12px;
        line-height: 20px
    }

    .warp-mode .true-range .eco-section {
        width: 100%
    }

    .warp-mode .true-range .eco-section ul li {
        padding: 15px 0;
        min-width: 23%;
        font-size: 12px
    }

    .warp-mode .true-range .text-section {
        margin-bottom: 57px
    }
}

@media screen and (max-width:367px) {
    .warp-mode .hello-section .test-ride a {
        font-size: 11px
    }

    .warp-mode .hello-section .hello-text h1, .warp-mode .hello-section .hello-text h2 {
        font-size: 50px !important
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-right-card p, .warp-mode .true-range .range a {
        font-size: 10px
    }
}

@media screen and (max-width:330px) {
    .pricing-financing .financing-sections .financing-details-wrapper .financing-details ul .financing-list span {
        font-size: 9px;
        line-height: 1rem
    }
}

@media screen and (max-width:325px) {
    .pricing-financing .pre-order-now p {
        padding: 14px
    }

    .pricing-financing .pre-order-now a {
        display: flex;
        align-items: center
    }

    .pricing-financing .pre-order-now a span {
        padding-left: 5px
    }
}

@media screen and (max-width:320px) {
    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul {
        padding: 1.5rem
    }

    .scrolling-wrapper-flexbox .intelligence-side-scroll .intelligence-connectivity-list ul li:nth-child(2n) .connetion {
        width: 85px
    }

    .scrolling-wrapper-flexbox .guide-me .go-incognito .text-section p, .scrolling-wrapper-flexbox .guide-me .guide-me-section .text-section p, .scrolling-wrapper-flexbox .guide-me .monthly-report .text-section a, .scrolling-wrapper-flexbox .guide-me .side-stand .text-section p {
        width: 100%
    }

    .warp-mode .engine-section .img-section {
        width: 100% !important;
        height: auto !important;
        margin-top: 25px !important
    }

    .warp-mode .engine-section .text-section p, .warp-mode .true-range .text-section p {
        width: 100%
    }

    .warp-mode .true-range .text-section h1 sup {
        font-size: 25%;
        top: -27px;
        left: -5px
    }

    .warp-mode .true-range .range a {
        font-size: 11px
    }

    .pricing-financing .financing-sections .ownership-wrapper .ownership-details .ownership-card-450x .ownership-card-details a {
        font-size: 10px
    }
}

@media (max-width:767px) {
    .pricing-banner-top {
        margin: -50px -15px 70px
    }

    .pricing-banner-top .single-update {
        padding: 17px 20px 21px 18px
    }

    .pricing-banner-top .single-update .banner-icon {
        margin-right: 0;
        margin-bottom: 8px
    }

    .pricing-banner-top .single-update .banner-icon svg {
        height: 14px
    }

    .pricing-banner-top .single-update a, .pricing-banner-top .single-update p, .pricing-banner-top .single-update span {
        font-size: 10px;
        line-height: 15px
    }

    .pricing-banner-top .multi-update {
        padding: 18px 20px 24px 18px
    }

    .pricing-banner-top .multi-update .update-left {
        border-bottom: 1.4px solid #946000;
        margin-right: 0;
        width: 100%;
        padding-bottom: 8px;
        margin-bottom: 16px;
        min-width: unset;
        max-width: unset;
        border-right: 0
    }

    .pricing-banner-top .multi-update .update-left .banner-icon {
        display: inline-block;
        margin: 0 8px 0 0;
        vertical-align: middle;
        width: 10.5px;
        height: 12px
    }

    .pricing-banner-top .multi-update .update-left span {
        font-size: 14px;
        line-height: 18px;
        font-weight: 500
    }

    .pricing-banner-top .multi-update .multi-notes .banner-icon {
        width: 10.5px;
        height: 12px;
        line-height: 12px
    }

    .pricing-banner-top .multi-update .update-right a, .pricing-banner-top .multi-update .update-right p, .pricing-banner-top .multi-update .update-right span, .pricing-banner-top a, .pricing-banner-top p, .pricing-banner-top span {
        font-size: 10px;
        line-height: 15px
    }

    .pricing-banner-top .multi-update .update-right {
        border: none;
        padding: 0
    }

    .pricing-banner-top .multi-update .update-right p {
        margin-bottom: 12px
    }
}

.mob-banner-img {
    max-width: 195px
}

.mob-banner-img img {
    max-width: 100%
}

@media (max-width:480px) {
    .inner-img {
        top: 51%
    }
}

.tpms-more {
    min-width: 1064px
}

.tpms-more .ec-modal-close {
    right: 22.66px !important;
    top: 22.66px !important;
    background-color: transparent;
    z-index: 9999;
    width: auto;
    height: auto
}

.tpms-more .ec-modal-close label .mdi {
    color: #191919;
    font-weight: 400
}

@media screen and (max-width:1120px) {
    .tpms-more {
        max-width: 280px !important;
        max-height: 513px;
        min-width: auto
    }

    .tpms-more .ec-modal-close {
        right: 18px !important;
        top: 16px !important
    }
}

.ui.page.dimmer {
    z-index: 999999 !important;
    background-color: rgba(0, 0, 0, .85) !important
}

.page-atherone {
    padding: 0 85px 50px;
    background-color: #e2e2e2;
    margin-top: 110px
}

.page-atherone .banner {
    padding-top: 168px;
    padding-bottom: 80px
}

.page-atherone .ownership-plans h2 {
    color: #191919;
    font-size: 16px !important;
    line-height: 40px !important;
    padding-bottom: 18px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.page-atherone .ownership-plans .atherone-subscription {
    display: flex;
    justify-content: space-between;
    padding-bottom: 115px
}

.page-atherone .ownership-plans .atherone-subscription .subscription-head {
    width: 45%
}

.page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap {
    width: 55%
}

.page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .subscription-desc {
    width: 420px;
    margin: 0 auto
}

.page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section {
    margin-top: 48px;
    border-radius: 2px;
    width: 84%;
    border: 4px solid #f0f0f0
}

.page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section ul {
    display: flex
}

.page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section ul li {
    padding: 15px 27px;
    display: inline-block;
    color: #969595;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    cursor: pointer;
    width: 50%
}

.page-atherone .ownership-plans .atherone-subscription h2, .page-atherone .ownership-plans .atherone-subscription h3, .page-atherone .ownership-plans .atherone-subscription p, .page-atherone .plans .plans-text-section h2, .page-atherone .plans .plans-text-section p {
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section ul li.active {
    background-color: #f0f0f0;
    color: #191919
}

.page-atherone .ownership-plans .atherone-subscription h2 {
    font-size: 56px !important;
    line-height: 64px !important
}

.page-atherone .ownership-plans .atherone-subscription h3 {
    font-size: 32px !important;
    line-height: 40px !important
}

.page-atherone .ownership-plans .atherone-subscription p {
    font-size: 20px;
    line-height: 30.4px
}

.page-atherone .ownership-plans .atherone-subscription:last-child {
    padding-bottom: 90px
}

.page-atherone .plans {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px
}

.page-atherone .plans .plans-text-section {
    width: 40%
}

.page-atherone .plans .plans-text-section h2 {
    font-size: 32px !important;
    line-height: 40px !important;
    padding-bottom: 24px
}

.page-atherone .plans .plans-text-section p {
    font-size: 20px !important;
    line-height: 30.4px !important
}

.page-atherone .plans .plans-cards-section .plans-card h2, .page-atherone .plans .plans-cards-section .plans-card h3 {
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 40px !important
}

.page-atherone .plans .plans-cards-section {
    display: flex;
    justify-content: space-between;
    width: 55%
}

.page-atherone .plans .plans-cards-section .plans-card {
    padding: 32px 48px;
    background-color: #f0f0f0;
    width: 320px;
    position: relative
}

.page-atherone .plans .plans-cards-section .plans-card h2 {
    padding-bottom: 30px
}

.page-atherone .plans .plans-cards-section .plans-card h3 {
    padding-top: 38px;
    padding-bottom: 20px
}

@media screen and (max-width:1200px) {
    .page-atherone .plans .plans-cards-section .plans-card h3 {
        padding-bottom: 30px
    }
}

.page-atherone .plans .plans-cards-section .plans-card .connect-pro {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px;
    background: #C2ECC8;
    border-radius: 0 0 2px 2px;
    width: 100%
}

.page-atherone .plans .plans-cards-section .plans-card .connect-pro label {
    color: #155908;
    font-size: 12px;
    line-height: 16px
}

.page-atherone .plans .plans-cards-section .plans-card .connect-pro span {
    margin-right: 8px
}

.page-atherone .plans .plans-cards-section .plans-card ul li {
    padding-bottom: 20px
}

.page-atherone .plans .plans-cards-section .plans-card ul li label {
    color: #191919;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 20px !important;
    width: 89%;
    display: inline-block
}

.page-atherone .plans .plans-cards-section .plans-card ul li span {
    display: inline-block;
    width: 8%;
    vertical-align: top;
    margin-top: 3px
}

.page-atherone .plans .plans-cards-section .plans-card ul li span svg {
    color: #191919
}

.page-atherone .plans .plans-cards-section .plans-card ul li:last-child {
    padding-bottom: 0
}

.page-atherone .plans .plans-cards-section .plans-card ul li.disable label, .page-atherone .plans .plans-cards-section .plans-card ul li.disable span svg {
    color: #969595
}

.page-atherone .atherone-act {
    display: flex;
    justify-content: flex-end;
    width: 90%;
    margin-bottom: 104px
}

.page-atherone .atherone-act p {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #191919;
    text-align: center
}

.page-atherone .atherone-footer {
    text-align: center
}

.page-atherone .atherone-footer h2 {
    color: #191919;
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500
}

.page-atherone .atherone-footer p {
    color: #191919;
    font-size: 20px !important;
    line-height: 30.4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

.page-atherone .atherone-footer p a {
    text-decoration: underline;
    color: #191919;
    cursor: pointer
}

.page-atherone .atherone-footer p a:hover {
    text-decoration: underline !important
}

@media screen and (max-width:1350px) {
    .page-atherone {
        padding: 50px 60px
    }

    .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section {
        width: 92%
    }

    .page-atherone .plans .plans-text-section {
        width: 35%
    }

    .page-atherone .plans .plans-cards-section {
        width: 58%
    }
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .page-atherone .ownership-plans .atherone-subscription .subscription-head {
        width: 36%
    }

    .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap, .page-atherone .plans .plans-cards-section {
        width: 64%
    }

    .page-atherone .ownership-plans .atherone-subscription .subscription-head h2 {
        font-size: 40px !important;
        line-height: 50px !important
    }

    .page-atherone .plans .plans-text-section h2 {
        font-size: 26px !important
    }

    .page-atherone .plans .plans-text-section p {
        font-size: 18px !important
    }

    .page-atherone .plans .plans-cards-section .plans-card {
        padding: 32px 20px;
        width: 260px
    }
}

@media screen and (max-width:991px) {
    .page-atherone {
        padding: 50px
    }

    .page-atherone .banner {
        padding-top: 80px;
        padding-bottom: 50px
    }

    .page-atherone .banner .banner-img {
        width: 70%;
        height: 100%
    }

    .page-atherone .ownership-plans h2 {
        font-size: 10px;
        padding-bottom: 12px
    }

    .page-atherone .ownership-plans .atherone-subscription {
        flex-direction: column;
        padding-bottom: 75px
    }

    .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap, .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .subscription-desc, .page-atherone .ownership-plans .atherone-subscription .subscription-head {
        width: 100%
    }

    .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section {
        margin-top: 40px;
        width: 49%
    }

    .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section ul li {
        font-size: 14px;
        padding: 15px 30px;
        width: 50%
    }

    .page-atherone .ownership-plans .atherone-subscription h2 {
        font-size: 28px !important;
        line-height: 28px !important;
        padding-bottom: 20px
    }

    .page-atherone .ownership-plans .atherone-subscription h3 {
        font-size: 20px !important;
        line-height: 26px !important;
        padding-bottom: 12px
    }

    .page-atherone .ownership-plans .atherone-subscription p {
        font-size: 14px;
        line-height: 20px
    }

    .page-atherone .ownership-plans .atherone-subscription:last-child {
        padding-bottom: 40px
    }

    .page-atherone .plans {
        flex-direction: column;
        margin-bottom: 40px
    }

    .page-atherone .plans .plans-text-section {
        width: 100%;
        padding-bottom: 24px
    }

    .page-atherone .plans .plans-text-section h2 {
        font-size: 20px !important;
        line-height: 26px !important;
        padding-bottom: 12px
    }

    .page-atherone .plans .plans-text-section p {
        font-size: 14px !important;
        line-height: 20px !important
    }

    .page-atherone .plans .plans-cards-section {
        width: 76%
    }

    .page-atherone .plans .plans-cards-section .plans-card {
        padding: 30px 26px;
        width: 233px
    }

    .page-atherone .plans .plans-cards-section .plans-card h2 {
        font-size: 20px !important;
        padding-bottom: 34px
    }

    .page-atherone .plans .plans-cards-section .plans-card h3 {
        padding-top: 28px
    }

    .page-atherone .plans .plans-cards-section .plans-card ul li {
        padding-bottom: 16px
    }

    .page-atherone .plans .plans-cards-section .plans-card ul li label {
        font-size: 14px !important
    }

    .page-atherone .atherone-act {
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .page-atherone {
        padding: 50px 25px
    }

    .page-atherone .banner .banner-img {
        width: auto;
        height: auto
    }

    .page-atherone .banner .banner-img img, .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap, .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section {
        width: 100%
    }

    .page-atherone .ownership-plans .atherone-subscription .subscription-desc-wrap .pay-section ul li {
        padding: 15px
    }

    .page-atherone .plans .plans-cards-section {
        width: 100%;
        flex-direction: column
    }

    .page-atherone .plans .plans-cards-section .plans-card {
        width: 230px !important;
        margin-right: 16px
    }

    .page-atherone .atherone-footer {
        padding-top: 0
    }

    .page-atherone .atherone-footer h2, .page-atherone .atherone-footer p {
        font-size: 14px !important;
        line-height: 20px !important
    }
}

.together-electric-banner {
    width: 100%;
    height: calc(100vh - 110px);
    background: url(../../images/together_electric/bg.png) no-repeat;
    display: flex;
    align-items: center;
    background-size: cover;
    overflow: hidden
}

.together-electric-banner .together-container {
    width: 1024px;
    margin: 0 auto
}

.together-electric-banner .together-container .together-electric-banner-text h1 {
    color: #EBD579;
    font-size: 48px !important;
    width: 560px;
    line-height: 58px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
}

.together-electric-banner .together-container .together-banner-botom {
    width: 70%;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.together-electric-banner .together-container .together-banner-botom .t-next-section-indication {
    display: inline-block;
    vertical-align: top
}

.together-electric-banner .together-container .together-banner-botom .t-next-section-text {
    display: inline-block;
    float: right
}

.together-wrapper {
    background-color: #191919;
    padding: 140px 0
}

.together-wrapper .together-container {
    width: 1024px;
    margin: 0 auto
}

.together-wrapper .together-container .together-team-details {
    margin-bottom: 150px
}

.together-wrapper .together-container .together-team-details p {
    color: #FFF;
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 120px
}

.together-wrapper .together-container .together-team-details p label {
    border-bottom: 1px solid #EBD579;
    padding-bottom: 5px
}

.together-wrapper .together-container .together-team-details ul {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.together-wrapper .together-container .together-team-details ul li {
    margin: 0 20px
}

.together-wrapper .together-container .together-team-details ul li:first-child {
    margin-left: 0
}

@media all and (max-width:767px) {
    .together-wrapper .together-container .together-team-details ul li {
        margin: 0;
        padding: 0 10px
    }

    .together-wrapper .together-container .together-team-details ul img {
        width: 90px
    }
}

.together-wrapper .t-ownership-card-wrapper .flip-card {
    background-color: transparent;
    perspective: 1000px;
    height: 418px;
    cursor: pointer
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 1.25s;
    transform-style: preserve-3d
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout {
    padding: 46px 56px;
    height: 400px;
    border-radius: 4px;
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout.t-yellow-color {
    background-color: #EBD579
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout.t-green-color {
    background-color: #B7D5C7
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout.t-red-color {
    background-color: #CB8E6E
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout.t-grey-color {
    background-color: #B5B5B5
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout p {
    color: #191919;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout p a {
    color: #191919
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-img.lg {
    display: flex;
    justify-content: flex-end;
    width: 85%
}

@media screen and (max-width:991px) {
    .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-img.lg {
        justify-content: flex-start
    }
}

@media screen and (max-width:500px) {
    .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-img img, .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-img.lg img {
        width: 100%
    }
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-collapse-icon {
    position: absolute;
    bottom: 46px;
    right: 56px;
    backface-visibility: hidden
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner.flip {
    transform: rotateY(180deg)
}

.together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner.flip-top {
    transform: rotateX(180deg)
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card {
    position: relative
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap {
    display: flex;
    justify-content: flex-end;
    width: 80%;
    margin-top: -37px
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap .t-card-img {
    border-radius: 100%;
    height: 210px;
    width: 210px;
    overflow: hidden
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap .t-card-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-corner-img {
    position: absolute;
    top: -50px;
    right: -30px;
    border-radius: 100%;
    height: 245px;
    width: 245px;
    overflow: hidden;
    backface-visibility: hidden
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-corner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-layout {
    overflow: hidden
}

.together-wrapper .t-ownership-card-wrapper .flip-card.t-ownership-card {
    position: relative
}

.together-wrapper .t-ownership-card-wrapper .flip-card:hover .t-card-collapse-icon {
    opacity: .6;
    cursor: pointer
}

.together-wrapper .t-ownership-card-wrapper .t-card-row {
    display: flex;
    justify-content: space-between;
    height: 418px
}

.together-wrapper .t-ownership-card-wrapper .t-card-row .t-charging-card {
    flex-basis: 53.5%
}

.together-wrapper .t-ownership-card-wrapper .t-card-row .t-save-money-card {
    flex-basis: 45%
}

.together-wrapper .t-ownership-card-wrapper .together-notes {
    background-color: #EBD579;
    border-radius: 4px;
    padding: 36px 35px;
    text-align: center
}

.together-wrapper .t-ownership-card-wrapper .together-notes:hover p a::after {
    width: 100%
}

.together-wrapper .t-ownership-card-wrapper .together-notes p {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0 40px
}

.together-wrapper .t-ownership-card-wrapper .together-notes p a {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: inline-block;
    color: #191919
}

.together-wrapper .t-ownership-card-wrapper .together-notes p a::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    transition: width .3s;
    opacity: .9;
    background: #fff
}

.together-wrapper .t-ownership-card-wrapper .together-notes label {
    display: inline-block
}

.together-wrapper .t-ownership-card-wrapper .together-notes label svg {
    font-size: 20px;
    position: relative;
    top: 4px
}

.together-wrapper .t-ownership-card-wrapper .together-notes label .with-shine {
    display: none
}

.together-wrapper .t-ownership-card-wrapper .together-notes:hover label .with-shine {
    display: block
}

.together-wrapper .t-ownership-card-wrapper .together-notes:hover label .without-shine {
    display: none
}

.together-wrapper .t-ownership-form-wrapper {
    padding: 6px 0 0
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form-notes p {
    color: #909090;
    font-size: 12px;
    line-height: 15px;
    max-width: 670px;
    text-align: center;
    margin: 0 auto
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form-notes label {
    color: #909090;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin: 0;
    display: block
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form-heading {
    text-align: center;
    padding-top: 88px
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form-heading h2 {
    color: #FFF;
    font-size: 40px !important;
    line-height: 40px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    margin-bottom: 20px !important
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form-heading p {
    width: 320px;
    text-align: center;
    font-size: 14px;
    color: #B4B4B4;
    margin: 0 auto
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form {
    width: 320px;
    margin: 0 auto;
    padding: 40px 0 0
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .b-form {
    margin-bottom: 12px
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .b-form input {
    font-size: 14px;
    padding: 12px 16px;
    display: block;
    width: 100%;
    border: 1px solid #4F4F4F !important;
    background-color: #4F4F4F;
    color: #fff;
    border-radius: 2px;
    line-height: 24px;
    outline: 0
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .b-form-button {
    margin-top: 32px
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .b-form-button .btn-yellow {
    width: 100%
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .b-terms {
    margin-top: 25px
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .b-terms p {
    color: #909090;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .b-terms p a {
    color: #909090;
    text-decoration: underline !important;
    display: inline-block
}

.btn-border-black-lg:hover, .btn-border-black-md:active, .btn-border-black-md:active:focus, .btn-border-black-md:hover, .btn-border-black:active, .btn-border-black:active:focus, .btn-border-black:hover, .btn-border-white-lg:active, .btn-border-white-lg:active:focus, .btn-border-white-lg:hover, .btn-border-white-md:active, .btn-border-white-md:active:focus, .btn-border-white-md:hover, .btn-border-white:active, .btn-border-white:active:focus, .btn-border-white:hover, .button {
    text-decoration: none;
    outline-offset: 0;
    outline: 0
}

.together-wrapper .t-ownership-form-wrapper .t-ownership-form .error {
    font-size: 10px;
    color: #EC6363
}

.together-wrapper .t-ownership-form-wrapper .ownership-form-success {
    text-align: center;
    border-bottom: 1px solid #F0D66D;
    width: 320px;
    margin: 80px auto
}

.together-wrapper .t-ownership-form-wrapper .ownership-form-success h2 {
    color: #B4B4B4 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    margin-top: 24px !important
}

.together-wrapper .t-ownership-form-wrapper .ownership-form-success p {
    color: #B4B4B4;
    font-size: 14px;
    line-height: 20px;
    padding-top: 16px;
    padding-bottom: 24px
}

.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0
}

.flip-card-back, .flip-card-top-back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    background-color: #fff;
    color: #fff;
    height: 400px;
    padding: 46px 56px
}

.flip-card-back {
    transform: rotateY(180deg);
    border-radius: 4px
}

.flip-card-top-back {
    top: 18px;
    transform: rotateX(180deg);
    border-radius: 4px
}

.t-card-close-icon {
    position: absolute;
    bottom: 46px;
    right: 56px;
    cursor: pointer
}

.t-card-close-icon img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.flip-back-container h1, .flip-back-container h2 {
    color: #191919;
    font-size: 32px;
    line-height: 38px !important;
    margin-bottom: 16px !important
}

.flip-back-container p {
    color: #191919;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.flip-back-container a {
    font-size: 14px;
    color: #CB8E6E;
    display: inline-block;
    padding-top: 85px;
    border-bottom: 1px solid #CB8E6E;
    line-height: initial
}

.flip-back-container .flip-back-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flip-back-container .flip-back-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.flip-back-container.f-ownership-card p {
    max-width: 275px
}

.flip-back-container.f-charging-card p {
    max-width: 410px
}

.flip-back-container.f-save-money-card p {
    max-width: 250px
}

@media screen and (max-width:1100px) and (min-width:992px) {
    .together-electric-banner .together-container, .together-wrapper .together-container {
        width: 900px
    }
}

@media screen and (max-width:991px) {
    .together-wrapper .t-ownership-form-wrapper .t-ownership-form-notes p {
        display: block
    }

    .together-wrapper .t-ownership-form-wrapper .t-ownership-form-notes label {
        display: none
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .together-electric-banner .together-container {
        width: 90%
    }

    .together-wrapper .together-container {
        width: 700px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap {
        width: 85%
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap .t-card-img {
        height: 150px;
        width: 150px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-corner-img {
        height: 200px;
        width: 200px
    }

    .together-wrapper .t-ownership-card-wrapper .t-card-row {
        flex-direction: column;
        height: 836px
    }

    .together-wrapper .t-ownership-card-wrapper .t-card-row .t-charging-card, .together-wrapper .t-ownership-card-wrapper .t-card-row .t-save-money-card {
        flex-basis: 100%;
        flex: auto
    }

    .together-wrapper .t-ownership-card-wrapper .together-notes {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .together-wrapper .t-ownership-card-wrapper .together-notes p {
        font-size: 14px;
        padding: 0
    }

    .flip-back-container a {
        padding-top: 120px
    }
}

@media screen and (max-width:767px) {
    .together-electric-banner .together-container .together-banner-botom .t-next-section-indication, .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout p a {
        display: none
    }

    .together-electric-banner {
        height: calc(100vh - 90px)
    }

    .together-electric-banner .together-container {
        width: 100%;
        padding: 0 48px
    }

    .together-electric-banner .together-container .together-electric-banner-text h1 {
        width: 230px;
        font-size: 43px !important
    }

    .together-electric-banner .together-container .together-banner-botom {
        width: 100%;
        padding-right: 50px
    }

    .together-wrapper {
        padding: 140px 0 56px
    }

    .together-wrapper .together-container {
        width: 100%;
        padding: 0 24px
    }

    .together-wrapper .together-container .together-team-details {
        padding: 0 5px;
        margin-bottom: 82px
    }

    .together-wrapper .together-container .together-team-details p {
        font-size: 32px;
        margin-bottom: 52px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card {
        height: 498px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout {
        padding: 32px 24px;
        height: 480px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout p {
        font-size: 24px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-img {
        display: flex;
        margin-bottom: 78px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-collapse-icon {
        bottom: 32px;
        right: 32px;
        height: 32px;
        width: 32px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card .flip-card-inner .t-card-layout .t-card-collapse-icon img {
        height: 100%;
        width: 100%
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap {
        flex: auto;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap .t-card-img {
        height: 175px;
        width: 175px;
        flex: initial
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-corner-img {
        bottom: -50px;
        left: -30px;
        height: 250px;
        width: 250px;
        top: initial
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-save-money-card .flip-card-inner .t-card-layout .t-card-img {
        justify-content: flex-start
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-save-money-card .flip-card-inner .t-card-layout .t-card-img img {
        width: auto
    }

    .together-wrapper .t-ownership-card-wrapper .t-card-row {
        flex-direction: column;
        height: 996px
    }

    .together-wrapper .t-ownership-card-wrapper .t-card-row .t-charging-card, .together-wrapper .t-ownership-card-wrapper .t-card-row .t-save-money-card {
        flex-basis: 100%;
        flex: auto
    }

    .together-wrapper .t-ownership-card-wrapper .together-notes {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 32px 24px
    }

    .together-wrapper .t-ownership-card-wrapper .together-notes p {
        padding: 0 4px
    }

    .together-wrapper .t-ownership-form-wrapper .t-ownership-form-heading h2 {
        font-size: 32px !important
    }

    .together-wrapper .t-ownership-form-wrapper .ownership-form-success {
        width: 315px
    }

    .together-team-slick .slick-track {
        display: flex;
        align-items: center
    }

    .flip-card-back, .flip-card-top-back {
        height: 480px;
        padding: 32px 24px
    }

    .t-card-close-icon {
        height: 32px;
        width: 32px;
        bottom: 32px;
        right: 32px
    }

    .flip-back-container h1 {
        line-height: 32px !important
    }

    .flip-back-container a {
        padding-top: 220px
    }
}

@media screen and (max-width:600px) {
    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-img-wrap .t-card-img {
        height: 150px;
        width: 150px
    }

    .together-wrapper .t-ownership-card-wrapper .flip-card.t-journey-card .t-card-corner-img {
        height: 200px;
        width: 200px
    }
}

@media screen and (max-width:320px) {
    .together-electric-banner .together-container .together-electric-banner-text h1 {
        font-size: 36px !important;
        line-height: 48px !important
    }

    .together-wrapper .t-ownership-form-wrapper .ownership-form-success, .together-wrapper .t-ownership-form-wrapper .t-ownership-form, .together-wrapper .t-ownership-form-wrapper .t-ownership-form-heading p {
        width: 100%
    }
}

* {
    -webkit-font-smoothing: antialiased
}

.hero-video {
    width: 100%
}

.hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s
}

.hero-video video.show {
    opacity: 1
}

.hero-wrapper {
    background: #000
}

.hero-content-image img, .hero-image img {
    width: 100%;
    display: block
}

.hero-content-image {
    background: #181618
}

.c-d-performance, .parallax-section {
    min-height: 100vh;
    background-position: center;
    background-size: cover
}

.c-d-interface, .c-d-performance, .parallax-section {
    background-repeat: no-repeat
}

.hero-content-image img {
    opacity: 0
}

.hero-content-image img.show {
    opacity: 1
}

.hero-image img {
    opacity: 0
}

.hero-video-wrapper {
    width: 100%;
    position: relative
}

.collector-edition-banner-btn {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    right: 133px;
    opacity: 1;
    z-index: 99
}

.collector-edition-banner-btn a {
    color: #EFEFEF;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid;
    visibility: hidden
}

@media all and (max-width:767px) {
    .hero-video {
        height: 100%;
        left: 0
    }

    .hero-image img {
        height: 300px
    }

    .collector-edition-banner-btn {
        right: 23px
    }
}

.collector-edition-banner {
    height: calc(100vh - 110px);
    background-color: #181618;
    position: relative
}

.collector-edition-banner .collector-edition-banner-video {
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.collector-edition-banner .collector-edition-banner-video video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.collector-edition-banner-content {
    background-color: #000;
    position: relative;
    z-index: 99
}

.collector-edition-banner-content .collector-edition-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 110px;
    padding-top: 79px
}

.collector-edition-banner-content .collector-edition-container p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #AFAFAF;
    margin: 0;
    width: 439px;
    padding-right: 24px
}

.collector-edition-banner-content .collector-edition-container h1, .collector-edition-banner-content .collector-edition-container h2 {
    font-size: 64px !important;
    line-height: 72px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    color: #AFAFAF;
    width: 320px;
    text-align: right
}

.collector-edition-banner-img {
    position: absolute;
    top: 0;
    z-index: 9;
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    height: 100%;
    width: 100%
}

.collector-edition-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.collector-edition-container {
    padding: 0 70px
}

.c-d-performance {
    background-image: url(../../images/collectors-edition/performance-bg.png);
    padding-top: 80px;
    position: relative
}

.c-d-performance .collector-edition-container {
    position: absolute;
    bottom: 86px;
    width: 100%;
    left: 0;
    right: 0
}

.c-d-performance .c-d-content {
    display: flex;
    justify-content: flex-end
}

.c-d-performance .c-d-content h1, .c-d-performance .c-d-content h2 {
    color: #AFAFAF;
    font-size: 96px !important;
    line-height: 110px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    position: relative;
    width: 890px
}

.c-d-performance .c-d-content h1 label, .c-d-performance .c-d-content h2 label {
    display: none
}

.c-d-performance .c-d-content.top {
    padding-right: 130px
}

.c-d-performance .c-d-content.bottom {
    justify-content: space-between;
    align-items: flex-start
}

.c-d-performance .c-d-content.bottom .hint {
    padding-top: 20px;
    padding-left: 20px;
    width: 32.5%
}

.c-d-accessories {
    background-color: #191919
}

.c-d-accessories .c-d-accessories-detail {
    padding-top: 85px
}

.c-d-accessories .c-d-accessories-detail .c-d-accessories-img-01 {
    display: flex;
    justify-content: space-between
}

.c-d-accessories .c-d-accessories-detail .c-d-accessories-img-01 .hint {
    padding-top: 40px;
    width: 450px;
    padding-right: 50px
}

.c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc {
    position: relative;
    overflow: hidden;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -100px
}

.c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h1, .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h2 {
    font-size: 96px !important;
    line-height: 100px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    color: #AFAFAF;
    padding-right: 70px;
    width: 910px;
    text-align: right
}

.c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h1 span, .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h2 span {
    left: 70px
}

.c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h1 a, .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h2 a {
    color: #FE3F3E
}

.c-d-accessories .c-d-accessories-content {
    padding: 84px 0 120px
}

.c-d-accessories .c-d-accessories-content .c-d-content {
    display: flex;
    justify-content: flex-end
}

.c-d-accessories .c-d-accessories-content .c-d-content.top {
    padding-right: 20px
}

.c-d-accessories .c-d-accessories-content .c-d-content.bottom {
    justify-content: space-between;
    align-items: flex-start
}

.c-d-accessories .c-d-accessories-content .c-d-content.bottom h1, .c-d-accessories .c-d-accessories-content .c-d-content.bottom h2 {
    width: 890px
}

.c-d-accessories .c-d-accessories-content .c-d-content.bottom .hint {
    width: 37%;
    padding-top: 20px;
    text-align: right
}

.c-d-accessories .c-d-accessories-content h1, .c-d-accessories .c-d-accessories-content h2 {
    font-size: 96px !important;
    line-height: 100px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    color: #AFAFAF;
    position: relative
}

.c-d-accessories .c-d-accessories-content h1 label, .c-d-accessories .c-d-accessories-content h2 label {
    display: none
}

.parallax-section {
    background-image: url(../../images/collectors-edition/translucent.png);
    background-attachment: fixed
}

.c-d-interface {
    background-image: url(../../images/collectors-edition/interface.png);
    position: relative;
    background-color: #E0E0E0;
    display: flex;
    flex-direction: row-reverse;
    background-size: 74%;
    background-position-y: bottom
}

.c-d-interface .collector-edition-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 64px;
    padding-bottom: 64px;
    padding-right: 40px
}

.c-d-interface .collector-edition-container h1, .c-d-interface .collector-edition-container h2 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 96px !important;
    line-height: 110px !important;
    color: #191919;
    position: relative;
    width: 575px;
    text-align: right;
    padding-left: 0;
    padding-bottom: 40px
}

.c-d-interface .collector-edition-container .hint {
    width: 440px
}

.c-d-interface .c-d-inter-img-wrap {
    display: none
}

.c-d-faq {
    background-color: #171719
}

.c-d-faq .collector-edition-container {
    display: flex;
    justify-content: space-between;
    padding-top: 120px;
    padding-bottom: 104px
}

.c-d-faq .collector-edition-container .c-d-faq-left {
    width: 480px
}

.c-d-faq .collector-edition-container .c-d-faq-left .c-d-faq-content p {
    color: #AFAFAF;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.c-d-faq .collector-edition-container .c-d-faq-left .c-d-faq-content p a {
    color: #AFAFAF;
    display: inline-block;
    border-bottom: 1px solid;
    cursor: pointer
}

.c-d-faq .collector-edition-container .c-d-faq-left .c-d-faq-content p a .red-arrow {
    height: 24px;
    width: 24px;
    display: inline-block
}

.c-d-faq .collector-edition-container .c-d-faq-left .c-d-faq-content p a .red-arrow img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: text-bottom
}

.c-d-faq .collector-edition-container .c-d-faq-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    width: 175px;
    text-align: right
}

.c-d-faq .collector-edition-container .c-d-faq-right .c-d-faq-link a {
    color: #AFAFAF;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    border-bottom: 1px solid rgba(175, 175, 175, .5);
    cursor: pointer
}

.hint {
    color: #AFAFAF;
    font-size: 20px;
    line-height: 28px;
    width: 400px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: block
}

.hint.normal {
    color: #191919
}

.max-width-container {
    max-width: 1580px;
    margin: 0 auto
}

@media only screen and (min-width:1450px) {
    .c-d-interface {
        padding-top: 7em
    }
}

@media only screen and (max-width:1420px) and (min-width:1301px) {
    .c-d-interface {
        background-size: 59%
    }
}

@media only screen and (max-width:1300px) and (min-width:1101px) {
    .c-d-interface {
        background-size: 52%
    }

    .c-d-interface .collector-edition-container h1, .c-d-interface .collector-edition-container h2 {
        line-height: 100px !important
    }
}

@media only screen and (max-width:1250px) {
    .c-d-performance .c-d-content h1 label, .c-d-performance .c-d-content h2 label {
        display: inline-block
    }

    .c-d-performance .c-d-content.top {
        justify-content: flex-start;
        padding-right: 0
    }

    .c-d-performance .c-d-content.bottom {
        justify-content: flex-end
    }

    .c-d-performance .c-d-content.bottom h1, .c-d-performance .c-d-content.bottom h2 {
        display: none
    }

    .c-d-performance .c-d-content.bottom .hint {
        width: 400px
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc {
        margin-top: 50px
    }

    .c-d-accessories .c-d-accessories-content h1 label, .c-d-accessories .c-d-accessories-content h2 label {
        display: inline-block
    }

    .c-d-accessories .c-d-accessories-content .c-d-content.top {
        justify-content: flex-start;
        padding-right: 0
    }

    .c-d-accessories .c-d-accessories-content .c-d-content.bottom {
        justify-content: flex-end
    }

    .c-d-accessories .c-d-accessories-content .c-d-content.bottom h1, .c-d-accessories .c-d-accessories-content .c-d-content.bottom h2 {
        display: none
    }

    .c-d-accessories .c-d-accessories-content .c-d-content.bottom .hint {
        width: 500px
    }
}

@media only screen and (max-width:1100px) and (min-width:992px) {
    .c-d-interface {
        background-size: 57%
    }

    .c-d-interface .collector-edition-container h1, .c-d-interface .collector-edition-container h2 {
        font-size: 66px !important;
        line-height: 75px !important
    }
}

@media only screen and (max-width:991px) {
    .collector-edition-container {
        padding: 0 40px
    }

    .collector-edition-banner-content .collector-edition-container {
        flex-direction: column-reverse;
        text-align: center
    }

    .collector-edition-banner-content .collector-edition-container p {
        text-align: center;
        padding-right: 0
    }

    .collector-edition-banner-content .collector-edition-container h1, .collector-edition-banner-content .collector-edition-container h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 24px !important
    }

    .c-d-interface {
        background-image: none;
        background-color: #e0e0e0;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .c-d-interface .collector-edition-container {
        align-items: flex-start;
        width: 100%
    }

    .c-d-interface .collector-edition-container h1, .c-d-interface .collector-edition-container h2 {
        text-align: left
    }

    .c-d-interface .c-d-inter-hint-wrap {
        width: 100%;
        display: flex
    }

    .c-d-interface .c-d-inter-img-wrap {
        display: block;
        width: 100%
    }

    .c-d-interface .c-d-inter-img-wrap img {
        width: 100%;
        vertical-align: bottom
    }

    .c-d-accessories .c-d-accessories-detail .collector-edition-container {
        padding-right: 0
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-img-01 {
        flex-direction: column-reverse
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-img-01 .c-d-acc-img-wrap {
        display: flex;
        justify-content: flex-end;
        width: 100%
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc {
        flex-direction: column-reverse;
        align-items: flex-end;
        padding-bottom: 0
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h1, .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h2 {
        width: 600px;
        padding-right: 40px
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h1 a, .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h2 a {
        display: block
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc .c-d-accessories-img-02 {
        width: 100%;
        margin-top: -80px
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc .c-d-accessories-img-02 img {
        width: 500px
    }

    .c-d-accessories .c-d-accessories-content {
        padding: 0 0 85px
    }

    .c-d-performance {
        min-height: 760px;
        padding: 280px 0 40px
    }

    .c-d-performance .collector-edition-container {
        position: initial
    }

    .c-d-performance .c-d-content h1, .c-d-performance .c-d-content h2 {
        width: 510px
    }

    .c-d-performance .c-d-content.top {
        justify-content: flex-end;
        text-align: right
    }

    .c-d-performance .c-d-content.bottom {
        justify-content: flex-start
    }

    .c-d-performance .c-d-content.bottom .hint {
        padding-left: 0
    }
}

@media only screen and (max-width:767px) {
    .collector-edition-container {
        padding: 0 48px
    }

    .collector-edition-banner {
        height: calc(100vh - 90px)
    }

    .collector-edition-banner .collector-edition-banner-btn {
        top: 122px;
        right: 48px
    }

    .collector-edition-banner-content .collector-edition-container {
        flex-direction: column-reverse;
        padding: 48px;
        text-align: center
    }

    .collector-edition-banner-content .collector-edition-container p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        padding-right: 0
    }

    .collector-edition-banner-content .collector-edition-container h1, .collector-edition-banner-content .collector-edition-container h2 {
        font-size: 32px !important;
        line-height: 32px !important;
        margin-bottom: 24px !important;
        text-align: center
    }

    .c-d-performance {
        min-height: 100%
    }

    .c-d-performance .c-d-content h1, .c-d-performance .c-d-content h2 {
        color: #AFAFAF;
        font-size: 37px !important;
        line-height: 46px !important;
        width: 200px
    }

    .c-d-performance .c-d-content.bottom .hint {
        width: 220px
    }

    .c-d-accessories .c-d-accessories-detail {
        padding-top: 48px
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-img-01 {
        align-items: flex-start
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-img-01 img {
        width: 256px
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-img-01 .hint {
        padding-top: 40px;
        width: 240px;
        padding-right: 0
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc {
        padding-top: 0;
        margin-top: 0
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h1, .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc h2 {
        width: 250px;
        font-size: 37px !important;
        line-height: 46px !important;
        padding-right: 48px
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc .c-d-accessories-img-02 {
        margin-top: -30px
    }

    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc .c-d-accessories-img-02 img {
        width: 100%;
        margin-left: -38%
    }

    .c-d-accessories .c-d-accessories-content {
        padding: 0 0 48px
    }

    .c-d-accessories .c-d-accessories-content .c-d-content.bottom .hint {
        width: 250px
    }

    .c-d-accessories .c-d-accessories-content h1, .c-d-accessories .c-d-accessories-content h2 {
        font-size: 37px !important;
        line-height: 46px !important
    }

    .parallax-section {
        min-height: 247px;
        background-color: #000;
        background-size: contain;
        background-attachment: initial !important
    }

    .parallax-section video {
        top: 50%;
        transform: translateY(-50%);
        background-color: #000;
        object-fit: contain
    }

    .c-d-interface {
        min-height: 550px;
        background-image: none;
        background-color: #e0e0e0
    }

    .c-d-interface .collector-edition-container {
        padding-right: 48px;
        padding-top: 48px;
        width: 100%
    }

    .c-d-interface .collector-edition-container h1, .c-d-interface .collector-edition-container h2 {
        font-size: 37px !important;
        line-height: 46px !important;
        width: 220px;
        padding-top: 0;
        padding-bottom: 24px
    }

    .c-d-interface .hint {
        width: 240px
    }

    .c-d-faq .collector-edition-container {
        flex-direction: column;
        padding-top: 48px;
        padding-bottom: 48px
    }

    .c-d-faq .collector-edition-container .c-d-faq-left {
        width: 100%;
        margin-bottom: 56px
    }

    .c-d-faq .collector-edition-container .c-d-faq-left .c-d-faq-content p {
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }

    .c-d-faq .collector-edition-container .c-d-faq-left .c-d-faq-content p a {
        display: block;
        width: 86px;
        margin: 0 auto
    }

    .c-d-faq .collector-edition-container .c-d-faq-left .c-d-faq-content p a .red-arrow {
        height: 16px;
        width: 16px;
        display: inline-block;
        margin-left: -4px
    }

    .c-d-faq .collector-edition-container .c-d-faq-right {
        width: 100%;
        align-items: center
    }

    .c-d-faq .collector-edition-container .c-d-faq-right .c-d-faq-link {
        width: 100px;
        text-align: center
    }

    .c-d-faq .collector-edition-container .c-d-faq-right .c-d-faq-link a, .hint {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width:320px) {
    .c-d-accessories .c-d-accessories-detail .c-d-accessories-detail-desc .c-d-accessories-img-02 img {
        width: 185px
    }
}

.buyback-banner {
    height: calc(100vh - 110px);
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 8%;
    justify-content: space-between
}

@media screen and (max-width:1100px) and (min-width:991px) {
    .buyback-banner {
        padding: 0 4%
    }
}

@media screen and (max-width:991px) and (min-width:767px) {
    .buyback-banner {
        flex-direction: column;
        align-items: normal;
        padding: 60px 40px;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .buyback-banner {
        padding: 60px 16px 40px;
        flex-direction: column;
        align-items: normal;
        height: auto
    }
}

.buyback-banner .buyback-banner-heading {
    flex-basis: 70%
}

.buyback-banner .buyback-banner-heading label {
    color: #24BB3B;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 8px;
    display: block
}

@media screen and (max-width:991px) {
    .buyback-banner .buyback-banner-heading {
        flex: initial
    }

    .buyback-banner .buyback-banner-heading label {
        padding-bottom: 25px
    }
}

@media screen and (max-width:767px) {
    .buyback-banner .buyback-banner-heading label {
        font-size: 16px;
        line-height: 16px
    }
}

.buyback-banner .buyback-banner-heading h1 {
    width: 465px;
    font-size: 48px !important;
    line-height: 58px !important;
    color: #191919;
    padding-bottom: 80px
}

@media screen and (max-width:767px) {
    .buyback-banner .buyback-banner-heading h1 {
        width: 100%;
        font-size: 32px !important;
        line-height: 36px !important
    }
}

.buyback-banner .buyback-banner-para {
    flex-basis: 30%
}

@media screen and (max-width:991px) {
    .buyback-banner .buyback-banner-heading h1 {
        padding-bottom: 40px
    }

    .buyback-banner .buyback-banner-heading img {
        display: none
    }

    .buyback-banner .buyback-banner-para {
        flex: initial
    }

    .buyback-banner .buyback-banner-para img {
        display: none
    }
}

.buyback-banner .buyback-banner-para p {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
    color: #191919;
    margin: 0;
    padding-bottom: 60px
}

@media screen and (max-width:1100px) {
    .buyback-banner .buyback-banner-para p {
        width: 100%;
        font-size: 16px
    }
}

.buyback-banner .mob-image {
    display: none
}

@media screen and (max-width:991px) {
    .buyback-banner .mob-image {
        display: block
    }

    .buyback-banner .mob-image img {
        width: 100%
    }
}

.buyback-advantages-wrapper {
    display: flex;
    padding: 55px 8%;
    justify-content: space-between
}

@media screen and (max-width:1100px) and (min-width:991px) {
    .buyback-advantages-wrapper {
        padding: 60px 4%
    }
}

@media screen and (max-width:991px) {
    .buyback-advantages-wrapper {
        flex-direction: column;
        padding: 40px 4%
    }
}

.buyback-advantages-wrapper .buyback-adv-list {
    flex-basis: 320px
}

@media screen and (max-width:991px) {
    .buyback-advantages-wrapper .buyback-adv-list {
        margin-bottom: 60px;
        flex-basis: initial
    }

    .buyback-advantages-wrapper .buyback-adv-list:last-child {
        margin-bottom: 0
    }
}

.buyback-advantages-wrapper .buyback-adv-list svg {
    font-size: 48px;
    color: #464646;
    margin-bottom: 45px
}

@media screen and (max-width:991px) {
    .buyback-advantages-wrapper .buyback-adv-list svg {
        font-size: 36px;
        margin-bottom: 20px
    }
}

.buyback-advantages-wrapper .buyback-adv-list label {
    color: #24BB3B;
    font-size: 18px;
    line-height: 22px;
    display: block;
    padding-bottom: 8px
}

@media screen and (max-width:767px) {
    .buyback-advantages-wrapper .buyback-adv-list label {
        font-size: 16px;
        line-height: 15px;
        padding-bottom: 12px
    }
}

.buyback-advantages-wrapper .buyback-adv-list h3 {
    color: #191919;
    font-size: 36px !important;
    line-height: 43px !important;
    padding-bottom: 25px
}

@media screen and (max-width:767px) {
    .buyback-advantages-wrapper .buyback-adv-list h3 {
        font-size: 28px !important;
        line-height: 34px !important;
        padding-bottom: 20px
    }

    .buyback-advantages-wrapper .buyback-adv-list p {
        width: 100%
    }
}

.buyback-advantages-wrapper .buyback-adv-list p {
    width: 100%;
    color: #191919;
    font-size: 14px;
    line-height: 20px
}

.buyback-advantages-wrapper .buyback-adv-list p span {
    font-weight: 600
}

.ather-pro-buyback-more-img {
    display: block;
    padding: 50px 0 0
}

@media screen and (max-width:767px) {
    .ather-pro-buyback-more-img {
        padding: 0
    }

    .ather-pro-buyback-more-img .buyback-owner-img {
        height: 250px;
        padding: 20px 0
    }
}

.ather-pro-buyback-more-img .buyback-owner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.buyback-howitworks-wrapper {
    padding: 100px 8% 30px;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1100px) and (min-width:991px) {
    .buyback-howitworks-wrapper {
        padding: 100px 4%
    }
}

@media screen and (max-width:991px) {
    .buyback-howitworks-wrapper {
        padding: 40px 20px 20px;
        display: block
    }

    .buyback-howitworks-wrapper .buyback-howitworks-heading {
        margin-bottom: 30px
    }
}

.buyback-howitworks-wrapper .buyback-howitworks-heading label {
    color: #24BB3B;
    font-size: 18px;
    line-height: 22px;
    display: block;
    padding-bottom: 8px
}

@media screen and (max-width:767px) {
    .buyback-howitworks-wrapper .buyback-howitworks-heading label {
        font-size: 16px;
        line-height: 15px
    }
}

.buyback-howitworks-wrapper .buyback-howitworks-heading h4 {
    width: 390px;
    color: #191919;
    font-size: 36px !important;
    line-height: 43px !important;
    padding-bottom: 25px
}

@media screen and (max-width:767px) {
    .buyback-howitworks-wrapper .buyback-howitworks-heading h4 {
        width: 100%;
        font-size: 32px !important;
        line-height: 38px !important
    }
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper {
    width: 41%
}

@media screen and (max-width:991px) {
    .buyback-howitworks-wrapper .buyback-howitworks-list-wrapper {
        width: 100%
    }
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li {
    margin-bottom: 100px;
    position: relative
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li label {
    width: 106px;
    height: 106px;
    padding: 32px 0;
    background-color: #E3FFF0;
    border-radius: 100%;
    display: inline-block;
    text-align: center
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li svg {
    color: #24BB3B;
    font-size: 40px
}

@media screen and (max-width:767px) {
    .buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li label {
        width: 70px;
        height: 70px;
        padding: 22px 0;
        z-index: 9
    }

    .buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li svg {
        font-size: 27px
    }
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li p {
    display: inline-block;
    font-size: 18px;
    color: #191919;
    line-height: 22px;
    width: 70%;
    padding-left: 40px;
    vertical-align: middle;
    margin-top: -25px
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li p span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.btn-explore, .btn-white label, .button {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

@media screen and (max-width:767px) {
    .buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li p {
        font-size: 16px;
        width: 70%;
        padding-left: 10px;
        margin-top: 0
    }
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li::before {
    content: '';
    display: inline-block;
    height: 175px;
    background-color: #000;
    position: absolute;
    width: 1px;
    left: 50px;
    top: 100%
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li:last-child {
    margin-bottom: 0
}

.buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li:last-child::before {
    display: none
}

.getmeone-card-wrapper {
    padding: 50px 8%
}

@media screen and (max-width:1100px) {
    .getmeone-card-wrapper {
        padding: 40px 4%
    }
}

.getmeone-card-wrapper .getmeone-card {
    background-color: #191919;
    padding: 55px
}

@media screen and (max-width:767px) {
    .buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li::before {
        top: 72%;
        z-index: -1;
        left: 35px
    }

    .getmeone-card-wrapper .getmeone-card {
        padding: 30px 16px
    }
}

.getmeone-card-wrapper .getmeone-card h3 {
    width: 400px;
    font-size: 44px !important;
    line-height: 53px !important;
    color: #fff;
    display: inline-block
}

@media screen and (max-width:991px) {
    .buyback-howitworks-wrapper .buyback-howitworks-list-wrapper .buyback-howitworks-list ul li::before {
        height: 150px
    }

    .getmeone-card-wrapper .getmeone-card h3 {
        width: 100%;
        font-size: 32px !important;
        line-height: 38px !important;
        margin-bottom: 30px !important
    }
}

.getmeone-card-wrapper .getmeone-card a {
    width: 280px;
    background-color: #fff;
    color: #191919;
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
    text-align: center;
    padding: 22px 15px;
    position: relative;
    top: 20px;
    float: right
}

.btn-explore, .btn-explore:hover {
    color: #efefef
}

@media screen and (max-width:991px) {
    .getmeone-card-wrapper .getmeone-card a {
        float: none;
        display: block;
        position: initial;
        width: 280px
    }
}

@media screen and (max-width:420px) {
    .getmeone-card-wrapper .getmeone-card a {
        width: 100%
    }
}

.button {
    border-radius: 2px;
    font-size: 14px;
    line-height: 22px;
    padding: 12px 0;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: relative
}

.btn-explore {
    min-width: 12.938rem;
    max-width: 18rem;
    width: fit-content;
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: 1.429rem;
    cursor: pointer;
    background: linear-gradient(to right, #ddc04b 50%, #191919 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all .6s ease-out;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-border-black, .btn-border-black-lg, .btn-border-black-md, .btn-border-white, .btn-border-white-lg, .btn-border-white-md {
    transition: all .5s ease-out
}

.btn-explore label {
    cursor: pointer;
    padding-right: 1rem
}

.btn-explore span {
    display: inline-block;
    overflow: hidden
}

.btn-explore span .svg-inline--fa {
    font-size: .875rem;
    transform: matrix(.71, -.71, .71, .71, 0, 0);
    display: none
}

.btn-explore span:after {
    content: url(../../images/450x-new/icons/white-arrow.svg);
    font-size: 0;
    line-height: initial;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    float: right;
    padding-top: 2px;
    will-change: transform
}

.btn-explore:hover span:after {
    -webkit-animation: toRightFromLeft .75s forwards;
    -moz-animation: toRightFromLeft .75s forwards;
    animation: toRightFromLeft .75s forwards
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%, -100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%, 100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%, -100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%, 100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%, -100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%, 100%)
    }

    51% {
        opacity: 1
    }
}

@media screen and (max-width:767px) {
    .btn-explore {
        font-size: 1rem;
        line-height: 1rem;
        min-width: initial;
        max-width: initial;
        padding: 1rem;
        height: 52px
    }
}

.btn-white {
    display: block;
    cursor: pointer;
    padding-bottom: .5rem;
    border-bottom: 1px solid #fff
}

.btn-black-lg.disable, .btn-black-md.disable, .btn-black.disable, .btn-border-black-md.disable, .btn-border-black.disable, .btn-border-white-lg.disable, .btn-border-white-md.disable, .btn-border-white.disable, .btn-green.disable, .inverse-border-btn-lg.disable, .inverse-border-btn-md.disable, .inverse-border-btn.disable {
    cursor: not-allowed;
    pointer-events: all !important
}

.btn-white label {
    font-size: 1rem !important;
    line-height: 1.25rem !important;
    color: #efefef
}

.btn-white:hover {
    color: #f5f5f5
}

.btn-white .svg-inline--fa {
    float: right;
    transform: matrix(.71, -.71, .71, .71, 0, 0);
    color: #efefef
}

.btn-black {
    background-color: #191919;
    color: #FFF;
    min-width: 128px
}

.btn-black:hover {
    background-color: #292A2D;
    color: #FFF
}

.btn-black.disable {
    background-color: #c9c9c9;
    color: #8f8f8f
}

.btn-black-md {
    background-color: #191919;
    color: #FFF;
    min-width: 200px;
    border: none
}

.btn-black-md:hover {
    background-color: #292A2D;
    color: #FFF
}

.btn-black-md.disable {
    background-color: #c9c9c9;
    color: #8f8f8f
}

.btn-black-lg {
    background-color: #191919;
    color: #FFF;
    min-width: 320px
}

.btn-black-lg:hover {
    background-color: #292A2D;
    color: #FFF
}

.btn-black-lg.disable {
    background-color: #c9c9c9;
    color: #8f8f8f
}

.btn-green, .btn-green:hover {
    background-color: #24BB3B;
    color: #FFF
}

.btn-green {
    min-width: 128px
}

.btn-green.disable {
    background-color: #c9c9c9;
    color: #8f8f8f
}

.btn-border-black {
    background-color: transparent;
    color: #191919;
    border: 1px solid #191919;
    min-width: 128px;
    z-index: 1;
    background: linear-gradient(to right, #191919 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom
}

.btn-border-black:hover {
    color: #FFF;
    background-position: left bottom
}

.btn-border-black:hover::after {
    width: 100%;
    color: #FFF
}

.btn-border-black:active, .btn-border-black:active:focus {
    color: #FFF
}

.btn-border-black:focus {
    color: #FFF
}

.btn-border-black.disable {
    background-color: #c9c9c9;
    border: none;
    color: #8f8f8f
}

.btn-border-black-md {
    background-color: transparent;
    color: #191919;
    border: 1px solid #191919;
    min-width: 200px;
    z-index: 1;
    background: linear-gradient(to right, #191919 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom
}

.btn-border-black-md:hover {
    color: #FFF;
    background-position: left bottom
}

.btn-border-black-md:active, .btn-border-black-md:active:focus {
    color: #FFF
}

.btn-border-black-md:focus {
    color: #FFF
}

.btn-border-black-md.disable {
    background-color: #c9c9c9;
    border: none;
    color: #8f8f8f
}

.btn-border-black-lg {
    background-color: transparent;
    color: #191919;
    border: 1px solid #191919;
    min-width: 320px;
    z-index: 1;
    background: linear-gradient(to right, #191919 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom
}

.btn-border-black-lg:hover {
    color: #FFF;
    background-position: left bottom
}

.btn-border-black-lg:hover::after {
    width: 100%;
    color: #FFF
}

.btn-border-black-lg:active, .btn-border-black-lg:active:focus {
    color: #FFF;
    text-decoration: none;
    outline-offset: 0;
    outline: 0
}

.btn-border-black-lg:focus {
    color: #FFF
}

.btn-border-black-lg.disable {
    background-color: #c9c9c9;
    border: none;
    color: #8f8f8f;
    cursor: not-allowed;
    pointer-events: all !important
}

.btn-border-white {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    min-width: 128px;
    background: linear-gradient(to right, #fff 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom
}

.btn-border-white:hover {
    color: #191919;
    background-position: left bottom
}

.btn-border-white:hover::after {
    width: 100%;
    color: #191919
}

.btn-border-white:active, .btn-border-white:active:focus {
    color: #191919
}

.btn-border-white:focus {
    color: #191919
}

.btn-border-white.disable {
    background-color: #c9c9c9;
    border: none;
    color: #8f8f8f
}

.btn-border-white-md {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    min-width: 200px;
    background: linear-gradient(to right, #fff 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom
}

.btn-border-white-md:hover {
    color: #191919;
    background-position: left bottom
}

.btn-border-white-md:hover::after {
    width: 100%;
    color: #191919
}

.btn-border-white-md:active, .btn-border-white-md:active:focus {
    color: #191919
}

.btn-border-white-md.disable {
    background-color: #c9c9c9;
    border: none;
    color: #8f8f8f
}

.btn-border-white-lg {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    min-width: 320px;
    background: linear-gradient(to right, #fff 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom
}

.btn-border-white-lg:hover {
    color: #191919;
    background-position: left bottom
}

.btn-border-white-lg:hover::after {
    width: 100%;
    color: #191919
}

.btn-border-white-lg:active, .btn-border-white-lg:active:focus {
    color: #191919
}

.btn-border-white-lg:focus {
    color: #191919
}

.btn-border-white-lg.disable {
    background-color: #c9c9c9;
    border: none;
    color: #8f8f8f
}

.inverse-border-btn {
    background-color: transparent;
    border: 1px solid #24BB3B;
    border-radius: 2px;
    min-width: 128px;
    color: #C7C7C7
}

.inverse-border-btn:hover {
    background-color: #24BB3B;
    color: #FFF
}

.inverse-border-btn.disable {
    color: #3b3a3a
}

.inverse-border-btn-md {
    border: 1px solid #24BB3B;
    border-radius: 2px;
    min-width: 200px;
    background-color: transparent;
    color: #C7C7C7
}

.inverse-border-btn-md:hover {
    background-color: #24BB3B;
    color: #FFF
}

.inverse-border-btn-md.disable {
    color: #3b3a3a
}

.inverse-border-btn-lg {
    border: 1px solid #24BB3B;
    border-radius: 2px;
    min-width: 320px;
    background-color: transparent;
    color: #C7C7C7
}

.btn-ul-black, .btn-ul-black-lg {
    border-bottom: 1px solid #191919
}

.inverse-border-btn-lg:hover {
    background-color: #24BB3B;
    color: #FFF
}

.inverse-border-btn-lg.disable {
    color: #3b3a3a
}

.btn-ul-black, .btn-ul-black-lg:hover, .btn-ul-black:hover {
    color: #191919
}

.btn-ul-black {
    font-size: 12px;
    line-height: 20px;
    cursor: pointer
}

.btn-ul-black-lg {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer
}

.btn-ul-white, .btn-ul-white-lg {
    border-bottom: 1px solid #FFF;
    cursor: pointer
}

.btn-ul-white, .btn-ul-white-lg:hover, .btn-ul-white:hover {
    color: #FFF
}

.btn-ul-white {
    font-size: 12px;
    line-height: 20px
}

.btn-ul-white-lg {
    color: #FFF;
    font-size: 16px;
    line-height: 24px
}

.expand-btn, .expand-btn:hover {
    color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.hover-link:after {
    content: "";
    display: block;
    border-bottom: solid 1px #191919;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    transform-origin: 0 50%
}

.hover-link:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%
}

.expand-btn {
    height: 45px;
    min-width: 145px;
    border: 1px solid #282a2c;
    border-radius: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 25px;
    background-color: #282a2c;
    position: relative;
    justify-content: center
}

.expand-btn label {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.expand-btn label.active {
    transform: rotate(45deg)
}

.expand-btn label svg {
    font-size: 16px
}

.expand-btn span {
    font-size: 14px;
    padding-left: 27px;
    position: relative
}

.expand-btn:hover {
    border: 1px solid #333435;
    background-color: #333435
}

.expand-btn.btnsticky {
    position: fixed;
    top: 118px
}

.expand-btn:after, .expand-btn:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 25px;
    position: absolute;
    width: 12px;
    transition: transform .5s ease
}

.btn-yellow, .btn-yellow:hover {
    background-color: #EBD579;
    color: #191919
}

.expand-btn:before {
    transform: rotate(180deg)
}

.expand-btn:after {
    transform: rotate(90deg)
}

.expand-btn.active:after, .expand-btn.active:before {
    transform: rotate(0)
}

.expand-btn.active:after {
    transform-origin: center
}

.btn-yellow {
    border: 1px solid #EBD579
}

.btn-yellow.disable {
    background-color: #c9c9c9;
    color: #8f8f8f;
    cursor: not-allowed;
    pointer-events: all !important
}

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

.notification {
    display: none;
    height: 45px;
    background-color: #56b33b;
    width: 100%;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    align-items: center;
    justify-content: center
}

.notification .icon {
    margin-right: 5px;
    display: inline-block
}

.notification.grey-box {
    font-size: 14px;
    color: #191919;
    background-color: #CECECE
}

.notification.grey-box a {
    color: #191919;
    border-bottom: 1px solid;
    cursor: pointer;
    display: inline-block
}

@media all and (max-width:767px) {
    .notification {
        font-size: 11px;
        padding: 10px;
        box-sizing: border-box;
        height: auto;
        overflow: hidden
    }
}



/* Contact Us Page Style */
.contact-container {
    max-width: 932px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}

.card_contactLocation__x7E6D .card_cardContainer__Xkgne {
    margin-bottom: 60px;
    padding-top: 60px;
}

.ant-row, .ant-row:after, .ant-row:before {
    display: flex;
}

.ant-row {
    flex-flow: row wrap;
}

.ant-col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
}

.ant-col-24 {
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
    align-items: center;
}

.ant-col {
    position: relative;
    max-width: 100%;
    min-height: 1px;
}

.card_cardContainer__Xkgne .card_contactLocationCardSec__0cLa4 .card_contactLocationCard__ujy_u {
    padding: 40px;
    background-color: #ffffff;
    border-radius: 2px;
    width: 440px;
    height: 100%;
}

.card_cardContainer__Xkgne .card_contactLocationCardSec__0cLa4 .card_contactLocationCard__ujy_u h2 {
    font-size: 16px;
    line-height: 22px;
    color: #191919;
    padding-bottom: 16px;
    font-weight: 400;
}

.card_cardContainer__Xkgne .card_contactLocationCardSec__0cLa4 .card_contactLocationCard__ujy_u p {
    color: #191919;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    display: flex;
    /* align-items: center; */
}

.card_cardContainer__Xkgne .card_contactLocationCardSec__0cLa4 .card_contactLocationCard__ujy_u p i {
    margin: 5px 10px;
}

.card_cardContainer__Xkgne .card_contactLocationCardSec__0cLa4 .card_contactLocationCard__ujy_u p a {
    color: #191919;
    text-decoration: underline;
}

/* form */
form * {
    font-family: 'Poppins', sans-serif;
}

input[type=text], input[type=email], select, textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

input[type=submit] {
    /* background-color: #04AA6D; */
    background-color: rgb(36, 187, 59);
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    /* float: right; */
    margin-top: 15px;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.col-50 {
    float: left;
    width: 50%;
    margin-top: 15px;
}

.col-100 {
    float: left;
    width: 100%;
    margin-top: 15px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-50, .col-100, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}