.login-signup-content {
    min-width: 534px;
    margin: 0 auto;
    padding: 69px 70px 0 100px
}

.login-right-container {
    min-width: 554px;
    min-height: 348px;
    margin: 50px 0;
    border-left: 1px solid #979797;
    padding: 16px 40px
}

.login-right-header {
    color: #303030;
    font-size: 32px;
    font-weight: 900;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase
}

.login-signup-content .cust-nav-tabs {
    border: 0;
    padding: 0 8px;
    margin-bottom: 28px
}

    .login-signup-content .cust-nav-tabs li {
        min-width: 172px
    }

        .login-signup-content .cust-nav-tabs li .nav-tab-link {
            color: var(--text-color-dark);
            font-size: var(--font-size32);
            line-height: var(--line-height-32);
            font-weight: var(--font-weight-900);
            font-family: 'Poppins', sans-serif;
            opacity: .5
        }

            .login-signup-content .cust-nav-tabs li .nav-tab-link.active {
                opacity: 1
            }

.login-signup-content .signup-form .cust-form-group .campaign-p, .login-signup-content .login-form .cust-form-group .campaign-p {
    font-size: var(--font-size12)
}

.login-signup-content .signup-form .mobile-number-login.valid + .otp-link, .login-signup-content .login-form .mobile-number-login.valid + .otp-link, .login-signup-content .signup-form .mobile-number-login.valid + label + .otp-link, .login-signup-content .login-form .mobile-number-login.valid + label + .otp-link {
    display: block !important
}

.login-signup-content .signup-form .mobile-number-login.error + .otp-link, .login-signup-content .login-form .mobile-number-login.error + .otp-link, .login-signup-content .signup-form .mobile-number-login.error + label + .otp-link, .login-signup-content .login-form .mobile-number-login.error + label + .otp-link {
    display: none !important
}

.login-signup-content .successful-submit {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size14);
    line-height: var(--line-height-17);
    color: #45af43;
    margin: 12px 0
}

.campaign-form .cust-form-group {
    margin-bottom: 32px;
    position: relative
}

    .campaign-form .cust-form-group .input-img1 {
        top: 18px;
        position: absolute;
        right: 17px;
        opacity: .5
    }

    .campaign-form .cust-form-group .input-img2 {
        top: 18px;
        position: absolute;
        right: 17px
    }

    .campaign-form .cust-form-group .sent-otp {
        font-size: var(--font-size16);
        line-height: var(--line-height-18);
        font-weight: var(--font-weight-400);
        position: absolute;
        top: 12px;
        right: 4px;
        z-index: 1;
        background: #fff;
        color: #303030;
        text-decoration: underline;
        display: none
    }

        .campaign-form .cust-form-group .sent-otp.show {
            display: block
        }

    .campaign-form .cust-form-group .resend-otp {
        font-size: var(--font-size16);
        line-height: var(--line-height-18);
        font-weight: var(--font-weight-400);
        position: absolute;
        top: 12px;
        right: 4px;
        z-index: 1;
        background: #fff;
        color: #303030;
        text-decoration: underline;
        display: none
    }

        .campaign-form .cust-form-group .resend-otp.show {
            display: block
        }

    .campaign-form .cust-form-group .form-span {
        font-size: var(--font-size12);
        line-height: var(--line-height-16);
        font-weight: var(--font-weight-400);
        position: absolute;
        top: -7px;
        left: 15px;
        z-index: 1;
        background: #fff;
        color: rgba(48,48,48);
        padding: 0 4px
    }

    .campaign-form .cust-form-group .campaign-input {
        color: #303030;
        padding: 0 17px;
        padding-right: 100px;
        height: 49px;
        border-radius: 7px;
        font-family: 'Poppins', sans-serif!important;
        border: 1px solid #ced4da;
        font-size: var(--font-size16);
        line-height: var(--line-height-18);
        text-transform: capitalize
    }

        .campaign-form .cust-form-group .campaign-input:focus {
            box-shadow: none !important
        }

        .campaign-form .cust-form-group .campaign-input::placeholder {
            color: rgba(48,48,48,0.3)
        }

    .campaign-form .cust-form-group label {
        font-family: 'Poppins', sans-serif!important;
        font-size: var(--font-size12);
        color: #0000ab;
        display: block;
        padding-left: 16px;
        position: relative
    }

        .campaign-form .cust-form-group label::before {
            content: "";
            position: absolute;
            left: 0;
            top: calc(50% - 4.5px);
            width: 9px;
            height: 9px;
            background: url("../components/content/authenticated-flow-components/login/clientlibs/images/campaign/error.html") no-repeat;
            background-size: 100%
        }

    .campaign-form .cust-form-group .select-dropdown {
        position: relative
    }

        .campaign-form .cust-form-group .select-dropdown .btn-drop {
            position: relative;
            background: #fff;
            border: 1px solid #ced4da;
            height: 49px;
            border-radius: 7px;
            padding: 0 17px;
            text-transform: capitalize;
            display: block;
            width: 100%;
            color: rgba(48,48,48,0.38);
            font-family: 'Poppins', sans-serif!important;
            font-size: var(--font-size16);
            line-height: var(--line-height-18);
            background-color: #fff
        }

            .campaign-form .cust-form-group .select-dropdown .btn-drop.active {
                color: rgba(48,48,48)
            }

            .campaign-form .cust-form-group .select-dropdown .btn-drop::after {
                content: url(../components/content/authenticated-flow-components/login/clientlibs/images/campaign/select-icon.html);
                border: 0;
                position: absolute;
                right: 25px
            }

        .campaign-form .cust-form-group .select-dropdown .campaign-dropdown {
            top: 10px !important;
            max-height: 250px;
            overflow-y: auto;
            margin: 0;
            border: 0;
            border-radius: 0 0 16px 16px;
            width: 100%;
            z-index: 2;
            padding: 5px 16px;
            transform: translate3d(0,41px,0) !important
        }

            .campaign-form .cust-form-group .select-dropdown .campaign-dropdown .dropdown-content {
                border-bottom: 1px solid rgba(235,235,235,0.5);
                font-size: 12px;
                font-family: "tstar-medium"!important;
            }

                .campaign-form .cust-form-group .select-dropdown .campaign-dropdown .dropdown-content .dropdown-anchor {
                    padding: 10px 0 6px 0;
                    font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-400);
                    font-size: var(--font-size16);
                    color: #303030
                }

        .campaign-form .cust-form-group .select-dropdown .select-p {
            position: absolute;
            top: -7px;
            left: 15px;
            z-index: 1;
            background: #fff;
            color: #303030;
            font-size: var(--font-size12);
            line-height: var(--line-height-16);
            font-weight: var(--font-weight-400);
            padding: 0 4px
        }

    .campaign-form .cust-form-group.cust-input-padding .cust-form-control {
        padding-right: 40px
    }

.campaign-form .campaign-p {
    font-size: var(--font-size14);
    line-height: var(--line-height-16);
    font-weight: var(--font-weight-400);
    color: #303030
}

    .campaign-form .campaign-p a {
        font-size: var(--font-size14);
        line-height: var(--line-height-16);
        font-weight: var(--font-weight-400);
        color: #0000ab;
        display: inline-block;
        padding: unset;
        margin: unset
    }

.campaign-form .campaign-btn {
    margin-top: 22px
}

@media(max-device-width:767px) and (min-width:320px) {
    .login-signup-content .cust-nav-tabs {
        padding: 0 20px
    }

        .login-signup-content .cust-nav-tabs li {
            min-width: 140px
        }

    .login-signup-content .signup-form .campaign-p, .login-signup-content .login-form .campaign-p {
        font-size: var(--font-size12)
    }

    .login-signup-content .successful-submit {
          font-family: 'Poppins', sans-serif!important;
        font-size: var(--font-size14);
        line-height: var(--line-height-17);
        color: #45af43;
        margin: 12px 0
    }
}

@media(max-width:767px) and (min-width:576px) {
    .login-signup-content .cust-nav-tabs {
        padding: 0 20px
    }

        .login-signup-content .cust-nav-tabs li {
            min-width: 160px
        }
}

.logout-header .logout-linkText {
    color: white;
    display: flex
}

.logout-header .logout-dd-linkWrap {
    border-bottom: 1px solid;
    padding: 10px
}

    .logout-header .logout-dd-linkWrap .active {
        color: red
    }

.logout-header .profile-name {
    padding-top: 3px;
    padding-left: 10px
}

.logout-header .dropdown-toggle::after {
    margin-top: 10px
}

.logout-header .logout-dd-linkWrap:last-child {
    border: 0
}

.logout-header .logout-dd-img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.logout-header .profile-pic-header, .initials {
    width: 25px;
    border: 1px solid #fff;
    text-align: center
}

.profile-pic-header, .initials {
    display: inline;
    width: 25px;
    margin-right: 10px;
    border-radius: 50%;
    margin-left: 10px
}

.logout-header.show .dropdown-menu.show {
    border-radius: 0 0 10px 10px;
    z-index: 1001
}

.login {
    display: flex;
    min-height: 480px
}

@media(max-width :768px) {
    .login {
        display: inherit !important
    }
}

.multi-thingh {
    width: 50%;
    height: 48px;
    float: left;
    margin-top: 40px
}

.multi-thingh-left {
    float: left;
    width: 48px;
    height: 48px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border-radius: 50%;
    border: 3px solid #ebebeb
}

    .multi-thingh-left img {
        max-width: 18px
    }

.multi-thingh-right {
    float: left;
    width: 40%;
    padding-left: 10px
}

    .multi-thingh-right h4 {
        font-size: 16px;
        font-weight: 900;
        font-family: 'tstar-heavy'!important;
        text-transform: uppercase
    }

.user-manual {
    clear: both;
    font-size: 16px;
    font-family: 'tstar-regular'!important;
    margin-top: 27px;
    display: inline-block
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    .modal-content.login-content {
        width: 100% !important
    }

    .login-signup-content {
        padding: 0
    }

    .login-signup-content {
        min-width: unset
    }

    .login-right-container {
        min-width: unset;
        padding: 0;
        border: 0;
        margin: 20px 0;
        min-height: unset
    }

    .login-signup-content .cust-nav-tabs li .nav-tab-link {
        font-size: 24px
    }

    .login-right-header {
        font-size: 24px
    }

    .multi-thingh-right h4 {
        font-size: 14px
    }

    .user-manual {
        font-size: 12px;
        margin-top: 5px
    }

    .multi-thingh {
        margin-top: 30px;
        margin-bottom: 0
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .modal-content.login-content {
        width: 100% !important
    }

    .login-signup-content {
        padding: 0
    }

    .login-signup-content {
        min-width: unset
    }

    .login-right-container {
        min-width: unset;
        padding: 0;
        border: 0;
        margin: 20px 0;
        min-height: unset
    }

    .login-signup-content .cust-nav-tabs li .nav-tab-link {
        font-size: 24px
    }

    .login-right-header {
        font-size: 24px
    }

    .multi-thingh-right h4 {
        font-size: 14px
    }

    .user-manual {
        font-size: 12px;
        margin-top: 5px
    }

    .multi-thingh {
        margin-top: 30px;
        margin-bottom: 0
    }
}

@media only screen and (min-device-width:820px) and (max-device-width:1180px) and (orientation:portrait) {
    .login {
        flex-wrap: wrap
    }

    .login-right-container {
        max-width: 500px;
        margin: 20px auto
    }
}

.imagebanner .bike-product-prant {
    width: 100%
}

.imagebanner .bike-product-prant {
    width: 100%
}

.two-wheeler-img img {
    height: 240px;
    border-radius: 12px;
    border: 1px solid #a5a5a5
}

@media(max-width:768px) {
    .two-wheeler-img img {
        width: 156px;
        height: 135px
    }
}

.modal .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
    width: 20%
}

.country-modal .modal-xl {
    max-width: 850px
}

    .country-modal .modal-xl .modal-content {
        border-radius: 8px
    }

        .country-modal .modal-xl .modal-content .modal-body {
            padding: 50px 49px
        }

            .country-modal .modal-xl .modal-content .modal-body .close {
                opacity: 1;
                font-size: 35px;
                top: 20px;
                position: absolute;
                right: 10px;
                line-height: 35px;
                float: none;
                color: var(--text-color-red)
            }

            .country-modal .modal-xl .modal-content .modal-body h2 {
                font-family: 'Poppins', sans-serif!important;
                font-size: var(--font-size30);
                font-weight: var(--font-weight-900);
                margin-bottom: 25px;
                text-align: center
            }

            .country-modal .modal-xl .modal-content .modal-body ul {
                display: flex;
                flex-wrap: wrap
            }

                .country-modal .modal-xl .modal-content .modal-body ul li {
                    width: 140px;
                    margin: 5px
                }

                    .country-modal .modal-xl .modal-content .modal-body ul li a {
                        background-color: #686868;
                        color: #fff;
                        padding: 12px 8px;
                        font-family: 'Poppins', sans-serif!important;
                        font-size: var(--font-size14);
                        display: flex;
                        align-items: flex-start;
                        white-space: nowrap
                    }

                        .country-modal .modal-xl .modal-content .modal-body ul li a img {
                            margin-right: 5px;
                            width: auto;
                            height: 20px
                        }

@media(max-width:991.2px) and (min-width:768px) {
    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 100%
    }

    .modal .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 100%
    }

    .country-modal .modal-xl {
        max-width: 700px
    }

        .country-modal .modal-xl .modal-content .modal-body {
            padding: 50px 49px
        }

            .country-modal .modal-xl .modal-content .modal-body h2 {
                font-size: var(--font-size24)
            }
}

@media(max-device-width:767px) and (min-width:320px) {
    .modal .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 100%
    }

    .country-modal .modal-xl {
        max-width: 100%;
        margin: 0
    }

        .country-modal .modal-xl .modal-content {
            border: 0;
            border-radius: 0;
            padding: 0 15px
        }

            .country-modal .modal-xl .modal-content .modal-body {
                padding: 40px 30px
            }

                .country-modal .modal-xl .modal-content .modal-body h2 {
                    font-size: var(--font-size24)
                }

                .country-modal .modal-xl .modal-content .modal-body ul li {
                    width: 46%
                }
}

#requestCallBack #bookTestRideCollapse {
    display: block !important
}

#requestCallBack .modal-content {
    background-color: var(--bg-color-danger)
}

@media(min-width:992px) {
    #requestCallBack .modal-dialog {
        max-width: 1140px
    }
}

#requestCallBack .close {
    opacity: 1;
    font-size: 35px;
    top: 20px;
    position: absolute;
    right: 10px;
    line-height: 35px;
    float: none;
    color: #fff;
    z-index: 9
}

.login-modal {
    justify-content: center
}

#logIn .login-content {
    width: unset
}

.login-content .modal-body .close {
    text-transform: capitalize;
    font-size: 3rem;
    margin-top: -2%
}

.login-content .megamenu-option-wrapper .bootstraplayout .row {
    margin-top: 3rem
}

.login-content .megamenu-option-wrapper .formfield {
    display: flex;
    justify-content: center
}

    .login-content .megamenu-option-wrapper .formfield .profile-button {
        padding: 12px 32px;
        font-weight: var(--font-weight-900);
        font-size: var(--font-size20);
        line-height: var(--line-height-24);
        text-transform: uppercase;
        color: #f5f5f7;
        background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
        border-radius: 4px;
        border: 1px solid #0000ab;
        width: 100%
    }

    .login-content .megamenu-option-wrapper .formfield .form-group {
        margin-bottom: 1rem
    }

.joyride-main {
    position: relative;
    z-index: 1
}

    .joyride-main .joy-ride-heading {
        font-family: 'Poppins', sans-serif !important;
        font-weight: var(--font-weight-900);
        font-size: 33px !important;
        line-height: var(--line-height-57);
        color: #16169f !important;
    }

        .joyride-main .joy-ride-heading a {
            display: flex !important
        }

            .joyride-main .joy-ride-heading a img {
                padding-left: 1rem
            }

    .joyride-main .image-section {
        height: auto
    }

        .joyride-main .image-section img {
            height: auto
        }

    .joyride-main p, .joyride-main .know-more {
        font-family: 'Poppins', sans-serif!important;
        font-weight: var(--font-weight-700);
        font-size: var(--font-size20);
        line-height: var(--line-height-32);
        color: var(--text-color-black);
        letter-spacing: .03em
    }

    .joyride-main .know-more {
        letter-spacing: .02em
    }

    .joyride-main ul.joyride-right-cards li.card {
        width: 210px;
        height: 180px;
        margin-bottom: 50px;
        background: #fcfcfc;
        box-shadow: 0 1px 4px rgba(0,0,0,0.16);
        border-radius: 5px;
        font-style:  ;
        padding: 20px 15px 20px 15px
    }

        .joyride-main ul.joyride-right-cards li.card .card-body {
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

            .joyride-main ul.joyride-right-cards li.card .card-body h4 {
                font-size: var(--font-size84);
                color: var(--text-color-red);
                line-height: var(--line-height-100);
                font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-900)
            }

                .joyride-main ul.joyride-right-cards li.card .card-body h4 span.fs-24 {
                    font-size: var(--font-size24);
                    color: var(--text-color-red)
                }

            .joyride-main ul.joyride-right-cards li.card .card-body .decrease-font {
                font-size: 40px;
                font-weight: 900;
                color: var(--text-color-red);
                font-family: var(--font-tstar-heavy)!important;
            }

@media(max-width:991px) {
    .joyride-main ul.joyride-right-cards li.card .card-body .decrease-font {
        font-size: 25px;
        margin-bottom: 10px;
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .joyride-main ul.joyride-right-cards li.card .card-body .decrease-font {
        font-size: 28px
    }
}

.joyride-main ul.joyride-right-cards li.card .card-body span {
    font-size: var(--font-size20);
    line-height: var(--line-height-24);
    color: var(--text-color-black);
    font-weight: var(--font-weight-400);
      font-family: 'Poppins', sans-serif!important;
}

.joyride-main ul.joyride-right-cards li.card.bg-red {
    background-color: var(--bg-color-danger);
    height: 110px;
    border-radius: 0;
    box-shadow: none
}

    .joyride-main ul.joyride-right-cards li.card.bg-red .card-body h4, .joyride-main ul.joyride-right-cards li.card.bg-red .card-body p, .joyride-main ul.joyride-right-cards li.card.bg-red .card-body span {
        color: #fff
    }

    .joyride-main ul.joyride-right-cards li.card.bg-red .card-body p {
        font-weight: var(--font-weight-400)
    }

.joyride-main ul.joyride-right-cards li.card.card:last-of-type {
    margin-bottom: 0
}

@media(max-device-width:767px) and (min-width:320px) {
    .joy-ride-heading .image-section {
        height: auto
    }

        .joy-ride-heading .image-section img {
            height: auto
        }
}

.register {
    font-family: 'robotocondensed-regular',sans-serif,Arial,Helvetica!important;
    position: relative
}

    .register .register-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .register .register-img img {
            object-fit: cover
        }

    .register label.error, .register .invalid-otp-message {
        font-size: 12px;
        color: #ed1c24;
        padding-left: 12px;
        position: relative
    }

        .register label.error::before, .register .invalid-otp-message::before {
            content: "";
            position: absolute;
            left: 0;
            top: 3px;
            width: 9px;
            height: 9px;
            background: url('clientlib-site/resources/images/icons/error.svg') no-repeat;
            background-size: 100%
        }

.registration-form {
    padding: 2rem;
    background: #fff;
    position: relative
}

.xpulse-form-wrapp .registration-form {
    padding: 2rem;
    background: transparent;
    position: relative;
    margin-right: 10rem
}

@media screen and (max-width:767.98px) {
    .xpulse-form-wrapp .registration-form {
        padding: 1.5rem .2rem 0 .2rem;
        margin-right: 0
    }
}

.xtrack-form .modal-content {
    width: fit-content
}

.registration-form .form-group {
    margin-bottom: 10px
}

.registration-form .thankyou {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    display: none
}

    .registration-form .thankyou .ty-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%)
    }

        .registration-form .thankyou .ty-content img {
            margin: 0 auto
        }

        .registration-form .thankyou .ty-content span {
            display: block;
            font-size: 1.5rem
        }

.registration-form h6 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: .75rem;
    text-align: center;
    font-family: 'robotocondensed-bold',sans-serif,Arial,Helvetica!important;
}

.registration-form .btn-hm-primary {
    border: 0;
    margin-top: .75rem
}

.xpulse-form-wrapp .registration-form .btn-hm-primary {
    border: 0;
    margin-top: .75rem;
    width: 160px;
    height: 48px
}

.btn-hm-primary {
    background: #ed1c24;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    padding: .8rem 1.25rem;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    margin-left: 0;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s
}

    .btn-hm-primary:hover, .btn-hm-primary:focus {
        color: #fff;
        background: #000
    }

.xpulse-form-wrapp .btn-hm-primary:hover, .xpulse-form-wrapp .btn-hm-primary:focus {
    color: #fff;
    background: #ed1c24
}

.lg-container {
    width: 100%;
    max-width: 1600px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.hm-heading {
    margin-bottom: 1.5rem
}

    .hm-heading p {
        font-family: 'MonumentExtended-Ultrabold',sans-serif,Arial,Helvetica!important;
        font-size: 36px;
        color: #000;
        font-style:  ;
        text-transform: uppercase;
        margin-bottom: 0
    }

.hm-form .form-control::-webkit-input-placeholder {
    color: #000
}

.hm-form .form-control:-moz-placeholder {
    color: #000
}

.hm-form .form-control::-moz-placeholder {
    color: #000
}

.hm-form .form-control:-ms-input-placeholder {
    color: #000
}

.hm-form .form-control {
    height: 48px;
    border-radius: 5px
}

    .hm-form .form-control:hover, .hm-form .form-control:focus {
        background-color: #fff
    }

.xpulse-form-wrapp .hm-form .form-control::-webkit-input-placeholder {
    color: #b7b7b7 !important;
    font-weight: bold
}

.xpulse-form-wrapp .hm-form .form-control:-moz-placeholder {
    color: #b7b7b7 !important;
    font-weight: bold
}

.xpulse-form-wrapp .hm-form .form-control::-moz-placeholder {
    color: #b7b7b7 !important;
    font-weight: bold
}

.xpulse-form-wrapp .hm-form .form-control:-ms-input-placeholder {
    color: #b7b7b7 !important;
    font-weight: bold
}

.xpulse-form-wrapp option, .xpulse-form-wrapp select:hover {
    background-color: #000 !important;
    color: #fff !important
}

.xpulse-form-wrapp .hm-form .form-control {
    height: 48px;
    border-radius: 5px;
    background-color: transparent;
    color: #b7b7b7 !important;
    font-weight: bold;
    font-size: 16px;
    font-family: "Roboto",Arial,Helvetica,sans-serif!important;
}

    .xpulse-form-wrapp .hm-form .form-control:hover, .xpulse-form-wrapp .hm-form .form-control:focus {
        background-color: #000;
        border: #ed1c24 1px solid
    }

.f-fb {
    background: url("clientlib-site/resources/images/xtrack-icons/facebook.png") top left no-repeat;
    background-size: 46px;
    padding-left: 52px
}

.f-tw {
    background: url("clientlib-site/resources/images/xtrack-icons/twitter.png") top left no-repeat;
    background-size: 46px;
    padding-left: 52px
}

.f-insta {
    background: url("clientlib-site/resources/images/xtrack-icons/instagram.png") top left no-repeat;
    background-size: 46px;
    padding-left: 52px
}

.hm-form select {
    background: url("clientlib-site/resources/images/xtrack-icons/select-arrow-down.png") no-repeat right 10px center;
    background-color: #fff;
    padding-right: 2rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.xpulse-form-wrapp .hm-form select {
    background: url("clientlib-site/resources/images/icons/select-dropdown-icon.svg") no-repeat right 10px center;
    background-color: #fff;
    padding-right: 2rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.hm-form select::-ms-expand {
    display: none
}

.hm-modal {
    font-family: 'robotocondensed-regular',sans-serif,Arial,Helvetica!important;
}

    .hm-modal strong, .hm-modal h4 {
        font-family: 'robotocondensed-bold',sans-serif,Arial,Helvetica!important;
    }

    .hm-modal .location h4 {
        font-size: inherit;
        color: inherit;
        line-height: inherit
    }

    .hm-modal .location p {
        font-size: inherit;
        color: inherit;
        line-height: inherit
    }

    .hm-modal .modal-header {
        padding: 1.5rem 2rem .5rem
    }

        .hm-modal .modal-header h5 {
            font-family: 'MonumentExtended-Ultrabold',sans-serif,Arial,Helvetica!important;
            font-size: 36px;
            color: #000;
            font-style:  ;
            text-transform: uppercase
        }

            .hm-modal .modal-header h5 span {
                font-family: 'MonumentExtended-Ultrabold',sans-serif,Arial,Helvetica!important;
                font-size: 80px;
                color: transparent;
                font-style: normal;
                -webkit-text-stroke: 2px #000;
                text-transform: uppercase;
                letter-spacing: 2px;
                line-height: .9
            }

    .hm-modal.abt-modal .modal-header h5 {
        font-size: 30px
    }

        .hm-modal.abt-modal .modal-header h5 span {
            font-size: 60px
        }

    .hm-modal .modal-header .close {
        font-size: 2rem;
        color: #ed1c24;
        opacity: 1
    }

    .hm-modal .modal-body {
        padding-bottom: 2rem
    }

.evt-row .form-row .col-lg-6 {
    margin-bottom: 10px
}

.event-list {
    padding: 1rem;
    border: 1px solid #ccc;
    height: 100%
}

    .event-list .evt-date {
        text-align: center;
        font-family: 'robotocondensed-bold',sans-serif,Arial,Helvetica!important;
    }

        .event-list .evt-date .date {
            width: 84px;
            background: #000;
            text-align: center;
            color: #fff;
            font-family: 'MonumentExtended-Ultrabold',sans-serif,Arial,Helvetica!important;
            font-size: 34px;
            padding: .75rem 0;
            margin-bottom: .5rem
        }

        .event-list .evt-date span {
            display: block;
            font-size: 22px;
            font-weight: 700;
            color: #000;
            text-align: center;
            text-transform: uppercase
        }

    .event-list .evt-content h5 {
        font-family: 'robotocondensed-bold',sans-serif,Arial,Helvetica!important;
        font-size: 30px;
        color: #000;
        font-weight: 700;
        margin-bottom: 8px
    }

    .event-list .evt-content ul li {
        padding: 5px 0 5px 1.5rem;
        position: relative
    }

        .event-list .evt-content ul li::before {
            content: url('clientlib-site/resources/images/xtrack-icons/icon-time.png');
            display: inline-block;
            width: 17px;
            height: 17px;
            position: absolute;
            top: 8px;
            left: 0
        }

        .event-list .evt-content ul li.time::before {
            content: url('clientlib-site/resources/images/xtrack-icons/icon-time.png')
        }

        .event-list .evt-content ul li.location::before {
            content: url('clientlib-site/resources/images/xtrack-icons/icon-location.png')
        }

    .event-list .evt-content .btn-register-now {
        margin-top: .75rem
    }

.hm-modal .modal-dialog {
    max-width: 100%
}

.hm-modal .modal-header .close {
    font-size: 2rem;
    color: #ed1c24;
    opacity: 1
}

.event-list .evt-content ul li {
    line-height: 1.5
}

.btn-register-now {
    background: #fff;
    color: #ed1c24;
    border-radius: 5px;
    border: 2px solid #ed1c24;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 10px 1rem;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    margin-left: 0;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    font-family: 'robotocondensed-bold',sans-serif,Arial,Helvetica!important;
}

    .btn-register-now:hover, .btn-register-now:focus {
        background: #ed1c24;
        color: #fff;
        border-color: #fff
    }

.thankyou, .thankyou p {
    color: #00950b;
    padding-top: .2rem;
    margin-bottom: 0;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    min-height: 28px;
    font-family: 'robotocondensed-bold',sans-serif,Arial,Helvetica!important;
}

.xpulse-form-wrapp .registration-form input {
    color-scheme: dark;
    font-family: "Roboto",Arial,Helvetica,sans-serif!important;
    font-weight: 600
}

.registration-form .form-group {
    position: relative
}

@media(max-width:575.98px) {
    .registration-form .form-group .right-check {
        margin-left: 4px
    }
}

@media(max-width:575.98px) {
    .registration-form .form-group .boolean {
        margin-left: 27px
    }
}

@media(max-width:575.98px) {
    .registration-form .form-group #captcha {
        width: 80%
    }
}

@media(max-width:575.98px) {
    #xtrack-events .banner-img {
        min-height: 275px !important
    }
}

#xtrack-events .hero-carousel #scooterBanner .button-aligner {
    top: 125px
}

@media screen and (max-width:1499.98px) {
    .lg-container {
        max-width: 1260px
    }

    .hm-heading {
        font-size: 32px
    }

    .hm-modal .modal-header h5 {
        font-size: 32px
    }

        .hm-modal .modal-header h5 span {
            font-size: 72px
        }

    .hm-modal.abt-modal .modal-header h5 {
        font-size: 26px
    }

        .hm-modal.abt-modal .modal-header h5 span {
            font-size: 56px
        }
}

@media screen and (max-width:1199.98px) {
    .hm-container, .lg-container, .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }

    .hm-heading {
        font-size: 30px
    }

    .event-list {
        padding: 10px
    }

        .event-list .evt-content h5 {
            font-size: 24px
        }

        .event-list .evt-date .date {
            font-size: 30px;
            width: 70px;
            padding: .5rem 0
        }

        .event-list .evt-date span {
            font-size: 20px
        }
}

@media screen and (max-width:991.98px) {
    .hm-modal.abt-modal .modal-header h5 {
        font-size: 24px
    }

        .hm-modal.abt-modal .modal-header h5 span {
            font-size: 34px
        }
}

@media screen and (max-width:767.98px) {
    .hm-heading {
        font-size: 26px
    }

    .hm-modal .modal-header h5 span {
        font-size: 42px
    }

    .hm-modal .modal-header h5 {
        font-size: 26px
    }
}

@media screen and (max-width:575.98px) {
    .hm-container, .lg-container, .container-fluid {
        padding-right: 20px;
        padding-left: 20px
    }

    .hm-heading {
        font-size: 24px;
        margin-bottom: 1.5rem
    }

    .hm-modal .modal-header {
        padding: 1rem
    }

        .hm-modal .modal-header h5 {
            font-size: 30px
        }

    .event-list .evt-date {
        margin-right: -15px
    }

        .event-list .evt-date .date {
            font-size: 20px;
            width: 56px;
            margin-bottom: 4px
        }

        .event-list .evt-date span {
            font-size: 16px
        }

    .hm-modal.abt-modal .modal-header h5 {
        font-size: 18px;
        line-height: 1.2
    }

        .hm-modal.abt-modal .modal-header h5 span {
            font-size: 24px
        }
}

@media screen and (max-width:355.98px) {
    .hm-container, .lg-container, .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }

    .hm-heading {
        font-size: 1.5rem
    }
}

.xtrac-gallery-section .xtrac-contents-wrapper .a-left-xtrac {
    transform: rotate(180deg);
    top: 28% !important;
    left: -5px
}

@keyframes passing-through {
    0 {
        opacity: 0;
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes slide-in {
    0 {
        opacity: 0;
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0 {
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 1px solid rgba(0,0,0,.8);
    border-radius: 5px;
    padding: 20px 20px
}

    .dropzone.dz-clickable {
        cursor: pointer
    }

        .dropzone.dz-clickable * {
            cursor: default
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer
        }

    .dropzone.dz-drag-hover {
        border-style: solid
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: .5
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 2em 0
    }

        .dropzone .dz-message .dz-button {
            background: 0;
            color: inherit;
            border: 0;
            padding: 0;
            font: inherit;
            cursor: pointer;
            outline: inherit
        }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px
    }

        .dropzone .dz-preview:hover {
            z-index: 1000
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom,#eee,#ddd)
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview.dz-image-preview {
            padding: 12px 16px
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                transition: opacity .2s linear
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: 0
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0,0,0,.9);
            line-height: 150%
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200,200,200,.8);
                    background-color: rgba(255,255,255,.8)
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255,255,255,.4);
                    padding: 0 .4em;
                    border-radius: 3px
                }

        .dropzone .dz-preview:hover .dz-image img {
            transform: scale(1.05,1.05);
            filter: blur(8px)
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10
        }

            .dropzone .dz-preview .dz-image img {
                display: block
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            animation: passing-through 3s cubic-bezier(0.77,0,0.175,1)
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            animation: slide-in 3s cubic-bezier(0.77,0,0.175,1)
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px;
            background: rgba(0,0,0,.8);
            border-radius: 50%
        }

            .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px;
                fill: #fff
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            transition: all .2s linear
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            transition: opacity .4s ease-in
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            animation: pulse 6s ease infinite
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 20px;
            top: 50%;
            margin-top: -10px;
            left: 15%;
            right: 15%;
            overflow: hidden
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #fff;
                display: block;
                position: relative;
                height: 100%;
                width: 0;
                transition: width 300ms ease-in-out;
                border-radius: 17px
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            transition: opacity .3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #b10606;
            padding: .5em 1em;
            color: #fff
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: "";
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #b10606
            }

.book-test-drive-section .book-test-drive-wrapper {
    position: relative
}

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent {
        background-color: #252578
    }

        .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .book-test-drive-cta .callback-btn {
            border-radius: 4px;
            border: 0;
            color: #252578;
            background-color: #fff;
            font-family: 'Poppins', sans-serif !important;
            font-size: var(--font-size24);
            width: 200px;
            text-transform: uppercase
        }

        .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .book-test-drive-heading h3 {
            font-size: var(--font-size40);
            font-family: 'Poppins', sans-serif!important;
            color: var(--text-color-white)
        }

        .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .book-test-drive-heading p {
            font-size: 17px;
            font-family: 'Poppins', sans-serif!important;
            color: var(--text-color-white)
        }

        .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
            width: 18%;
            margin: 0 12px 20px 12px;
            position: relative
        }

            .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-form-control {
                border: 0;
                border-bottom: 1px solid #fff;
                background-color: #252578;
                border-radius: 0;
                color: var(--text-color-white);
                font-size: var(--font-size18);
                font-family: 'Poppins', sans-serif !important;
                position: relative;
                padding: 8px 0;
                text-transform: none;
                width:100%;
            }

                .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-form-control:focus {
                    box-shadow: none !important;
                    outline: 0 !important
                }

                .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-form-control::placeholder {
                    color: #fff
                }

                .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-form-control:-webkit-autofill {
                    -webkit-text-fill-color: #fff;
                    transition: background-color 50000s ease-in-out 0
                }

            .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group label {
                font-family: 'Poppins', sans-serif!important;
                font-size: var(--font-size12);
                color: var(--text-color-white);
                display: block;
                padding-left: 13px;
                position: absolute
            }

                .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group label::before {
                    content: '';
                    position: absolute;
                    top: 4px;
                    left: 0;
                    width: 9px;
                    height: 9px;
                    background: url('clientlib-site/resources/images/icons/error-icon.svg') no-repeat;
                    background-size: 100%
                }

            .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .test-drive-otp-link {
                position: absolute;
                background: transparent;
                border: 0;
                top: 9px;
                right: 0;
                font-size: 14px;
                padding: 0;
                color: #fff;
                border-bottom: 1px solid #fff;
                display: none
            }

                .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .test-drive-otp-link.show {
                    display: block
                }

            .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down {
                color: var(--text-color-white)
            }

                .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down:after {
                    content: url("clientlib-site/resources/images/icons/homepage/dropdown-icon-select.svg");
                    position: absolute;
                    right: 10px;
                    bottom: 8px;
                    z-index: 1;
                    pointer-events: none
                }

                .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down .cust-dropdown-menu {
                    text-transform: capitalize;
                    position: relative;
                    max-height: 250px;
                    overflow-y: auto;
                    min-width: -webkit-fill-available;
                    z-index: 1;
                    border-radius: 0 0 16px 16px
                }

                    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down .cust-dropdown-menu::-webkit-scrollbar {
                        width: 5px;
                        border-radius: 15px
                    }

                    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down .cust-dropdown-menu::-webkit-scrollbar-track {
                        background-color: #fff
                    }

                    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down .cust-dropdown-menu::-webkit-scrollbar-thumb {
                        box-shadow: inset 0 0 6px #ea0000
                    }

                    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down .cust-dropdown-menu li {
                        padding: 8px 8px;
                        border-bottom: 1px solid rgba(235,235,235,0.5);
                        font-size: 12px;
                        font-family: 'Poppins', sans-serif !important;
                        /*font-family: "tstar-medium"!important;*/
                    }

                        .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down .cust-dropdown-menu li a {
                            color: #303030
                        }

                            .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-drop-down .cust-dropdown-menu li a:hover {
                                color: #ea0000
                            }

    .book-test-drive-section .book-test-drive-wrapper .collapse-btn {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        display: table;
        width: 38px;
        height: 38px;
        border-radius: 100%;
        box-shadow: 0 7px 11px 1px rgba(132,130,130,0.25);
        bottom: -18px;
        transform-origin: center;
        transform: rotate(-180deg);
        transition: .3s
    }

        .book-test-drive-section .book-test-drive-wrapper .collapse-btn.collapsed {
            transform: rotate(0);
            transition: .3s
        }

        .book-test-drive-section .book-test-drive-wrapper .collapse-btn img {
            display: block
        }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-loading {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--bg-color-danger);
        justify-content: center;
        align-items: center;
        z-index: 2;
        display: none
    }

        .book-test-drive-section .book-test-drive-wrapper .book-test-drive-loading.active {
            display: flex
        }

    .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        flex-direction: column;
        background: var(--bg-color-danger);
        justify-content: center;
        align-items: center;
        z-index: 2
    }

        .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou .form-close {
            color: #fff;
            position: absolute;
            right: 5%;
            top: 5%;
            font-size: 40px;
            opacity: 1
        }

        .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou .book-test-thankyou-head {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou .book-test-thankyou-head h3 {
                font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-900);
                font-size: 64px;
                color: var(--text-color-white);
                line-height: 76px
            }

        .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou p {
            font-family: 'Poppins', sans-serif!important;
            font-weight: var(--font-weight-300);
            font-size: var(--font-size40);
            color: var(--text-color-white)
        }

        .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou.active {
            display: flex
        }

.book-test-drive-column .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
    width: 20%
}

@media(max-width:767px) {
    .book-test-drive-column .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 100%
    }
}

.golf-page .book-test-drive-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-color-danger);
    justify-content: center;
    align-items: center;
    z-index: 2;
    display: none
}

    .golf-page .book-test-drive-loading.active {
        display: flex
    }

.golf-page #golf-error-response {
    color: var(--bg-color-danger);
    padding-top: 15px;
    font-family: var(--font-tstar-heavy)!important;
    font-size: var(--font-size18);
    text-align: center;
    display: none
}

    .golf-page #golf-error-response.active {
        display: flex
    }

.campaign-section .campaign-container .campaign-wrapper .campaign-right-content .campaign-form .cust-form-group .campaign-input#email {
    text-transform: none
}

.modal-body .form-close {
    display: none
}

#harley__dealer--address {
    pointer-events: none;
    resize: vertical;
    height: auto;
    padding: 10px 17px
}

.cust-container-student {
    width: 100%;
    padding: 0 16px;
    margin-bottom: 32px
}

@media(max-width:768px) {
    .cust-container-student {
        margin-bottom: 0
    }
}

.cust-container-student .campaign-right-content {
    padding-bottom: 52px !important
}

@media(max-width:768px) {
    .cust-container-student .campaign-right-content {
        padding: 16px 8px !important;
        margin-bottom: 0 !important
    }
}

#rect-text {
    padding-top: 16px;
    border-top: 1px solid silver
}

    #rect-text p {
        font-size: 14px
    }

@media(max-width:768px) {
    #rect-text {
        font-size: 12px !important;
        line-height: 16px !important
    }

        #rect-text p {
            font-size: 12px;
            line-height: 16px
        }
}

#student__campaign {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

    #student__campaign .offer-subtext {
        color: #bf2600;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
        font-family: 'Poppins', sans-serif!important;
        margin-bottom: 16px
    }

@media(max-width:768px) {
    #student__campaign .offer-subtext {
        font-size: 16px;
        line-height: 20px
    }
}

#student__campaign .otp-form {
    margin-bottom: 0
}

#student__campaign .btn:disabled {
    opacity: 1;
    background: #a5a5a5
}

#student__campaign #doc--form .cust-form-group:last-child {
    margin-bottom: 22px
}

#student__campaign h3.student-header {
    margin-bottom: 10px;
    font-size: 24px
}

@media(max-width:768px) {
    #student__campaign h3.student-header {
        margin-bottom: 8px;
        font-size: 18px
    }
}

#student__campaign .student-sub-success .success__gif img {
    height: 200px;
    width: 200px
}

#student__campaign .student-sub-success .success--text {
    color: #038252;
    font-family: var(--font-tstar-heavy)!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 24px
}

#student__campaign .student-sub-success p {
    font-family: 'Poppins', sans-serif!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

    #student__campaign .student-sub-success p.connect {
        margin-bottom: 12px
    }

    #student__campaign .student-sub-success p a, #student__campaign .student-sub-success p b {
        font-family: var(--font-tstar-heavy)!important;
    }

#student__campaign .student-voucher {
    width: 100%
}

    #student__campaign .student-voucher .tab-container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px 22px;
        border-radius: 40px;
        margin-bottom: 22px
    }

        #student__campaign .student-voucher .tab-container.activated {
            background: #e6f3ee
        }

            #student__campaign .student-voucher .tab-container.activated p {
                color: #038252
            }

        #student__campaign .student-voucher .tab-container.under-process {
            background: #ffdecc
        }

            #student__campaign .student-voucher .tab-container.under-process p {
                color: #ff5800
            }

        #student__campaign .student-voucher .tab-container.expired {
            background: #f6cccc
        }

            #student__campaign .student-voucher .tab-container.expired p {
                color: #d30000
            }

        #student__campaign .student-voucher .tab-container p {
            font-family: 'Poppins', sans-serif!important;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 32px
        }

    #student__campaign .student-voucher .voucher {
        background: url('clientlib-site/resources/images/icons/voucher-bg.png') no-repeat;
        height: 115px;
        margin-bottom: 24px;
        align-items: center;
        justify-content: center;
        background-size: 100% 100%
    }

        #student__campaign .student-voucher .voucher picture {
            width: 36px;
            height: 55.385px
        }

            #student__campaign .student-voucher .voucher picture img {
                width: 100%
            }

        #student__campaign .student-voucher .voucher .voucher-details {
            gap: 7px;
            padding-left: 17px;
            margin-left: 32px;
            position: relative
        }

            #student__campaign .student-voucher .voucher .voucher-details::before {
                content: '';
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                width: 2px;
                background: url('clientlib-site/resources/images/icons/border.html') no-repeat
            }

            #student__campaign .student-voucher .voucher .voucher-details .discount {
                font-family: var(--font-tstar-heavy)!important;
                font-size: 24px;
                font-style: normal;
                font-weight: 900;
                line-height: 32px
            }

@media(max-width:768px) {
    #student__campaign .student-voucher .voucher .voucher-details .discount {
        font-size: 18px
    }
}

#student__campaign .student-voucher .voucher .voucher-details .voucher-wrap .voucher-no {
    font-family: 'Poppins', sans-serif!important;
    font-size: 16px;
    font-style: normal;
    color: #303030;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    align-items: center
}

@media(max-width:768px) {
    #student__campaign .student-voucher .voucher .voucher-details .voucher-wrap .voucher-no {
        font-size: 14px
    }
}

#student__campaign .student-voucher .voucher .voucher-details .voucher-wrap .voucher-no img {
    margin-left: 6px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

#student__campaign .student-voucher .voucher .voucher-details .validity {
    font-family: 'Poppins', sans-serif!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    color: #a5a5a5
}

@media(max-width:768px) {
    #student__campaign .student-voucher .voucher .voucher-details .validity {
        font-size: 10px
    }
}

#student__campaign .student-voucher .confirmation--text {
    font-family: var(--font-tstar-heavy)!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    color: #038252;
    margin-bottom: 18px
}

@media(max-width:768px) {
    #student__campaign .student-voucher .confirmation--text {
        font-size: 16px
    }
}

#student__campaign .student-voucher .dateandtime {
    display: flex;
    align-items: center
}

    #student__campaign .student-voucher .dateandtime p {
        font-family: 'Poppins', sans-serif!important;
        font-size: 18px;
        font-style: normal;
        color: #303030;
        font-weight: 700;
        line-height: 24px;
        padding-left: 8px
    }

@media(max-width:768px) {
    #student__campaign .student-voucher .dateandtime p {
        font-size: 16px
    }
}

#student__campaign .student-voucher .dateandtime p:first-child {
    padding-right: 8px;
    padding-left: 0;
    border-right: 1px solid silver
}

#student__campaign .student-voucher .dateandtime p span {
    color: #a5a5a5
}

#student__campaign .or--text {
    width: 100%;
    text-align: center;
      font-family: 'Poppins', sans-serif!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #303030;
    margin: 22px 0
}

#student__campaign form {
    width: 100%
}

    #student__campaign form .cust-drop-down {
        position: relative
    }

    #student__campaign form button {
        background: transparent;
        color: #a5a5a5;
        border: 1px solid silver;
        padding: 12px 16px;
        border-radius: 8px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
          font-family: 'Poppins', sans-serif!important;
    }

        #student__campaign form button.active {
            color: #303030;
            text-transform: capitalize !important
        }

@media(max-width:768px) {
    #student__campaign form button {
        font-size: 14px;
        line-height: 20px
    }
}

#student__campaign form .form-control {
    padding: 12px 16px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid silver;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #303030;
      font-family: 'Poppins', sans-serif!important;
}

    #student__campaign form .form-control::placeholder {
        color: #a5a5a5;
        font-size: 16px
    }

@media(max-width:768px) {
    #student__campaign form .form-control::placeholder {
        font-size: 14px
    }
}

#student__campaign form input:-internal-autofill-selected {
    background: transparent
}

#student__campaign form .form-span {
    position: absolute;
    top: -7px;
    left: 20px;
    background: white;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
      font-family: 'Poppins', sans-serif!important;
}

#student__campaign form .invalid-otp-message {
    font-family: 'Poppins', sans-serif!important;
    font-size: var(--font-size14);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: relative;
    margin-top: 5px
}

#student__campaign form label.error, #student__campaign form .err-here {
    font-family: 'Poppins', sans-serif!important;
    font-size: var(--font-size14);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: relative;
    margin-top: 5px
}

    #student__campaign form label.error::before, #student__campaign form .err-here::before {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        width: 9px;
        height: 9px;
        background: url('clientlib-site/resources/images/icons/error.svg') no-repeat;
        background-size: 100%
    }

#student__campaign form .select-p {
    position: absolute;
    left: 17px;
    top: -7px;
    background-color: white;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #303030;
      font-family: 'Poppins', sans-serif!important
}

@media(max-width:768px) {
    #student__campaign form .select-p {
        font-size: 10px;
        line-height: 12px;
        top: -4px
    }
}

#student__campaign form .send-otp-btn, #student__campaign form .send-otp-student {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
      font-family: 'Poppins', sans-serif!important;
    color: #009fda;
    display: none
}

    #student__campaign form .send-otp-btn:hover, #student__campaign form .send-otp-student:hover {
        color: #009fda !important
    }

    #student__campaign form .send-otp-btn.show, #student__campaign form .send-otp-student.show {
        display: block
    }

#student__campaign form .valid--otp {
    position: relative
}

    #student__campaign form .valid--otp::before {
        content: '';
        position: absolute;
        right: 19px;
        top: 9px;
        background: url('clientlib-site/resources/images/icons/greencheck.svg') no-repeat;
        width: 24px;
        height: 24px;
        display: block
    }

    #student__campaign form .valid--otp input {
        border: 1px solid #038252
    }

#student__campaign form ul {
    width: 100%;
    z-index: 99;
    max-height: 200px;
    overflow-y: scroll
}

    #student__campaign form ul li {
        padding: 6px 9px
    }

        #student__campaign form ul li a {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.25;
            color: #303030;
            font-family: 'Poppins', sans-serif!important;
            text-transform: capitalize
        }

#student__campaign .cust-form-group {
    margin-bottom: 20px;
    position: relative
}

    #student__campaign .cust-form-group:last-child {
        margin-bottom: 0
    }

#student__campaign .campaign--footer {
    margin-top: 50px
}

    #student__campaign .campaign--footer .student-campaign-p {
          font-family: 'Poppins', sans-serif!important;
        color: #303030;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        display: flex
    }

@media(max-width:768px) {
    #student__campaign .campaign--footer .student-campaign-p .campaign-form-richtext {
        font-size: 12px
    }
}

#student__campaign .campaign--footer .student-campaign-p a {
    color: #009fda
}

#student__campaign .dpz-close-custom {
    height: 20px;
    width: 20px;
    position: relative;
    cursor: pointer
}

    #student__campaign .dpz-close-custom::after {
        height: 100%;
        display: block;
        width: 100%;
        content: '';
        background: url('clientlib-site/resources/images/icons/close-dpz.svg') no-repeat
    }

#student__campaign .dz-remove {
    color: #009fda;
      font-family: 'Poppins', sans-serif!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

    #student__campaign .dz-remove.dpz-upload-success {
        color: #038252;
        pointer-events: none
    }

#student__campaign .dropdown-select.btn-drop {
    position: relative;
    text-transform: none
}

    #student__campaign .dropdown-select.btn-drop[name='file']::before {
        display: none
    }

    #student__campaign .dropdown-select.btn-drop::before {
        position: absolute;
        height: 8px;
        width: 14px;
        content: '';
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('clientlib-site/resources/images/icons/dropdrown-arrow-black-icon.svg') no-repeat
    }

#student__campaign .accordion-card {
    margin-bottom: 22px
}

@media(max-width:768px) {
    #student__campaign .accordion-card {
        margin-bottom: 16px
    }
}

#student__campaign .accordion--title {
    padding: 12px 22px;
    background: #ededed;
    border-radius: 12px;
    display: flex;
    position: relative;
    cursor: pointer;
    min-height: 68px;
    align-items: center
}

@media(max-width:768px) {
    #student__campaign .accordion--title {
        padding: 8px 12px;
        min-height: 56px
    }
}

#student__campaign .accordion--title.pe-none {
    pointer-events: none
}

#student__campaign .accordion--title .top--wrap {
    display: flex;
    align-items: flex-start
}

#student__campaign .accordion--title img {
    margin-right: 14px;
    width: 24px;
    height: 24px
}

@media(max-width:768px) {
    #student__campaign .accordion--title img {
        width: 20px;
        height: 20px;
        margin-right: 12px
    }
}

#student__campaign .accordion--title .headers h6 {
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    font-family: var(--font-tstar-heavy)!important;
    padding: 0
}

@media(max-width:768px) {
    #student__campaign .accordion--title .headers h6 {
        font-size: 16px;
        line-height: 20px
    }
}

#student__campaign .accordion--title .headers p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
      font-family: 'Poppins', sans-serif!important;
    color: #a5a5a5;
    display: flex
}

@media(max-width:768px) {
    #student__campaign .accordion--title .headers p {
        font-size: 14px
    }
}

#student__campaign .accordion--title .headers p span {
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
    text-transform: capitalize
}

    #student__campaign .accordion--title .headers p span:first-child {
        padding-left: 0
    }

    #student__campaign .accordion--title .headers p span:last-child::after {
        display: none
    }

    #student__campaign .accordion--title .headers p span::after {
        content: '';
        display: block;
        height: 90%;
        width: 1px;
        background: #a5a5a5;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

@media(max-width:768px) {
    #student__campaign .accordion--title .headers p span::after {
        height: 60%
    }
}

#student__campaign .accordion--title.active::after {
    transform: translateY(-50%) rotate(45deg);
    transition: .5s ease all
}

#student__campaign .accordion--title::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    right: 22px;
    top: 50%;
    transition: .5s ease all;
    transform: translateY(-50%);
    background: url('clientlib-site/resources/images/icons/openicon.svg') no-repeat
}

@media(max-width:768px) {
    #student__campaign .accordion--title::after {
        width: 20px;
        height: 20px;
        background-size: cover;
        right: 12px
    }
}

#student__campaign .accordion--panel {
    padding: 22px;
    padding-bottom: 0;
    display: none
}

@media(max-width:768px) {
    #student__campaign .accordion--panel {
        padding: 16px 12px;
        padding-bottom: 0
    }
}

@media(max-width:768px) {
    #student__campaign .accordion--panel .wrapper {
        padding: 0 !important
    }
}

#student__campaign .accordion--panel .accordion-content-wrap {
    flex-direction: column
}

#student__campaign .dropdown-toggle::after {
    display: none
}

#student__campaign #check__status {
    left: 50%;
    bottom: 22px;
    width: 100%;
    text-align: center;
    font-family: 'Poppins', sans-serif!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #303030;
    margin-top: 16px
}

@media(max-width:768px) {
    #student__campaign #check__status {
        font-size: 16px;
        line-height: 20px;
        bottom: 16px;
        max-width: unset
    }
}

#student__campaign #check__status a {
    display: inline;
    color: #009fda
}

#student__campaign .student-check-container {
    width: 100%
}

#student__campaign #sub-btn-new {
    position: absolute;
    bottom: 58px;
    left: 50%;
    transform: translateX(calc(-50% - 32px));
    margin: 0 32px;
    max-width: 370px
}

@media(max-width:768px) {
    #student__campaign #sub-btn-new {
        position: relative;
        bottom: unset;
        left: unset;
        transform: unset;
        margin: 0;
        margin-top: 28px
    }
}

.h-100 .booktestride {
    height: 100%
}

.custom-thankyou {
    padding-left: 16px !important;
    padding-right: 16px !important;
    flex-direction: column;
    align-items: center
}

@media(max-width:768px) {
    .custom-thankyou {
        height: 100%;
        justify-content: center
    }
}

.custom-thankyou .close {
    opacity: 1;
    padding-right: 24px;
    padding-top: 24px
}

@media(max-width:768px) {
    .custom-thankyou .close {
        padding-top: 16px;
        padding-right: 16px
    }
}

.custom-thankyou .close img {
    width: 24px;
    height: 24px
}

.custom-thankyou .success__gif, .custom-thankyou .failure__gif {
    width: 125px;
    height: 125px;
    margin-bottom: 12px
}

@media(max-width:768px) {
    .custom-thankyou .success__gif, .custom-thankyou .failure__gif {
        width: 138px;
        height: 138px;
        margin-bottom: 6px
    }
}

.custom-thankyou .success__gif img, .custom-thankyou .failure__gif img {
    width: 100%;
    height: 100%
}

.custom-thankyou h5 {
    color: #FFF;
    text-align: center;
    font-family: var(--font-tstar-heavy)!important;
    font-size: 52px;
    font-style: normal;
    font-weight: 900;
    line-height: 64px;
    margin-bottom: 14px
}

@media(max-width:768px) {
    .custom-thankyou h5 {
        margin-bottom: 8px;
        font-size: 32px;
        line-height: 48px
    }
}

.custom-thankyou p {
    color: #FFF !important;
    text-align: center;
      font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 32px;
    margin-bottom: 20px
}

@media(max-width:768px) {
    .custom-thankyou p {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.custom-thankyou .modal-body {
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 0;
    margin-top: -24px;
    padding-bottom: 91px
}

@media(max-width:768px) {
    .custom-thankyou .modal-body {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 30px
    }
}

.custom-thankyou .exchange--journey-anchor {
    padding: 10px 32px;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #0000ab;
    border-radius: 4px;
    max-width: 322px;
    width: 100%;
    margin-bottom: 18px
}

@media(max-width:768px) {
    .custom-thankyou .exchange--journey-anchor {
        padding: 8px 24px;
        max-width: 328px;
        margin-bottom: 16px
    }
}

.custom-thankyou .exchange--journey-anchor p.exchange--cta {
    font-family: var(--font-tstar-heavy) !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 900 !important;
    line-height: 28px;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
    -webkit-background-clip: text
}

@media(max-width:768px) {
    .custom-thankyou .exchange--journey-anchor p.exchange--cta {
        font-size: 14px;
        line-height: 20px
    }
}

.custom-thankyou a {
    color: white;
    font-family: 'Poppins', sans-serif!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    padding-right: 30px
}

@media(max-width:768px) {
    .custom-thankyou a {
        font-size: 14px;
        line-height: 20px
    }
}

.custom-thankyou a::after {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: url('clientlib-site/resources/images/icons/akar-icons_chevron-down.html')
}

@media(max-width:768px) {
    .custom-thankyou a::after {
        width: 20px;
        height: 20px
    }
}

.custom-thankyou .modal-content {
    background-color: var(--bg-color-danger);
    border-radius: 16px
}

@media(max-width:768px) {
    .custom-thankyou .modal-content {
        height: 404px
    }
}

.custom-thankyou .exchange--journey-anchor {
    padding: 10px 32px;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #0000ab;
    border-radius: 4px;
    max-width: 322px;
    width: 100%;
    margin-bottom: 18px
}

@media(max-width:768px) {
    .custom-thankyou .exchange--journey-anchor {
        padding: 8px 24px;
        max-width: 328px;
        margin-bottom: 16px
    }
}

.custom-thankyou .exchange--journey-anchor p.exchange--cta {
    font-family: var(--font-tstar-heavy) !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 900 !important;
    line-height: 28px;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
    -webkit-background-clip: text
}

@media(max-width:768px) {
    .custom-thankyou .exchange--journey-anchor p.exchange--cta {
        font-size: 14px;
        line-height: 20px
    }
}

.dropzone {
    background: white;
    border-radius: 8px;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 50px;
    position: relative
}

    .dropzone::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
        height: 24px;
        width: 24px;
        background: url('clientlib-site/resources/images/icons/upload.svg') no-repeat
    }

    .dropzone::before {
        color: #a5a5a5;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
          font-family: 'Poppins', sans-serif!important;
        position: absolute;
        left: 16px;
        content: 'Max. file size 1MB. JPEG, PNG';
        top: 50%;
        transform: translateY(-50%)
    }

@media(max-width:768px) {
    .dropzone::before {
        font-size: 14px
    }
}

.dropzone.dz-started {
    border-color: #038252 !important
}

    .dropzone.dz-started::before, .dropzone.dz-started::after {
        display: none
    }

.dropzone .camera-img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    position: absolute;
    left: 0
}

    .dropzone .camera-img img {
        width: 100%;
        height: 100%;
        display: block
    }

.dropzone .img-circle {
    position: relative;
    display: inline-block;
    position: absolute;
    left: 17px;
    top: -7px;
    background-color: white;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #303030;
      font-family: 'Poppins', sans-serif!important;
    letter-spacing: 0
}

.dropzone .dz-preview {
    width: 100%;
    height: 50px;
    min-height: 50px;
    margin: 0
}

    .dropzone .dz-preview.dz-complete .upload--percentage {
        display: none
    }

    .dropzone .dz-preview .dz-details {
        z-index: 9;
        height: 50px;
        min-height: 50px;
        padding: 0;
        padding-left: 25px;
        text-align: left;
        display: flex;
        align-items: center;
        opacity: 1;
        justify-content: space-between
    }

        .dropzone .dz-preview .dz-details .dz-filename {
            display: flex
        }

            .dropzone .dz-preview .dz-details .dz-filename:hover span {
                border: 1px solid transparent
            }

            .dropzone .dz-preview .dz-details .dz-filename .upload--details {
                  font-family: 'Poppins', sans-serif!important;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px;
                color: #a5a5a5;
                width: 50%;
                overflow: hidden
            }

@media(max-width:768px) {
    .dropzone .dz-preview .dz-details .dz-filename .upload--details {
        width: 40%;
        font-size: 14px
    }
}

.dropzone .dz-preview .dz-details .dz-filename .upload--percentage {
      font-family: 'Poppins', sans-serif!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #a5a5a5;
    padding-left: 0
}

@media(max-width:768px) {
    .dropzone .dz-preview .dz-details .dz-filename .upload--percentage {
        font-size: 14px
    }
}

.dropzone .dz-preview .dz-details .dz-size {
    display: none
}

.dropzone .dz-preview .dz-progress {
    left: -1px;
    right: -1px;
    margin: 0;
    bottom: -10px;
    top: unset;
    height: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: auto
}

    .dropzone .dz-preview .dz-progress .dz-upload {
        background: #038252;
        border-radius: 6px
    }

.dropzone .dz-preview .dz-image {
    height: 50px;
    width: 50px;
    border-radius: 0 !important;
    display: none
}

    .dropzone .dz-preview .dz-image img {
        height: 100%;
        width: 100%
    }

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none
}

.dropzone .dz-preview .dz-error-message {
    top: auto;
    left: 0;
    background: linear-gradient(to bottom,#f00,#f00);
    background: red
}

    .dropzone .dz-preview .dz-error-message:after {
        border-bottom: 6px solid red
    }

.dropzone .dz-preview .dz-remove {
    color: #396e90;
    text-decoration: none;
    padding: 0 25px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10
}

    .dropzone .dz-preview .dz-remove:hover {
        text-decoration: none
    }

.dropzone .dz-message {
    position: relative;
    margin: 0
}

.dropzone .dz-preview.image__open .dz-details {
    padding-left: 55px
}

.dropzone .dz-preview.image__open .dz-image {
    display: block;
    height: 24px;
    width: 36px
}

.dropzone .dz-preview.image__open .uploading {
    display: none
}

.dropzone.dz-clickable {
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 1px;
    border: 1px solid silver;
    border-radius: 8px
}

.captcha-section {
    display: block;
    border: 1px solid #ced4da;
    border-radius: .50rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.captcha-field #captcha {
    border-radius: 10px;
    margin-left: 2%;
    width: auto;
    height: 48px;
    padding-left: 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    display: inline-block;
    background: linear-gradient(to top,#c4c5c7 0,#dcdddf 52%,#ebebeb 100%);
    margin-top: 6px
}

    .captcha-field #captcha .captcha-img {
        height: 30px;
        margin: 8px;
        margin-left: 35%
    }

.captcha-field .refresh {
    margin-top: 7px;
    display: inline-block;
    position: absolute;
    padding: 10px;
    cursor: pointer;
    right: 0
}

#cpatchaTextBox {
    text-transform: none !important;
    margin: 0 0 6px 8px;
    width: 95%
}

.product-header-main .bread-crumbs-section {
    background: rgba(245,245,247,0.8);
    box-shadow: 0 2px 4px rgba(0,0,0,0.3)
}

    .product-header-main .bread-crumbs-section .breadcrumb .breadcrumb-item {
        color: var(--text-color-black)
    }

.product-header-main {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    z-index: 4;
    background: transparent
}

    .product-header-main .top-bar-main {
        background: var(--text-color-black);
        display: flex;
        justify-content: center;
        align-items: center
    }

        .product-header-main .top-bar-main .navbar-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row
        }

            .product-header-main .top-bar-main .navbar-nav .nav-item {
                margin: 0 18px
            }

                .product-header-main .top-bar-main .navbar-nav .nav-item .nav-link {
                    padding: 6px 0;
                      font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-400);
                    font-size: var(--font-size14);
                    color: var(--text-color-white);
                    text-transform: uppercase;
                    position: relative
                }

                    .product-header-main .top-bar-main .navbar-nav .nav-item .nav-link.active {
                        font-family: 'Poppins', sans-serif!important;
                        font-weight: var(--font-weight-900)
                    }

                        .product-header-main .top-bar-main .navbar-nav .nav-item .nav-link.active::after {
                            content: '';
                            position: absolute;
                            width: 10px;
                            height: 10px;
                            left: 0;
                            right: 0;
                            margin: auto;
                            bottom: 0;
                            border-right: 5px solid transparent;
                            border-bottom: 7px solid #fff;
                            border-left: 5px solid transparent
                        }

        .product-header-main .top-bar-main .mobile-nav-dropdown {
            display: none
        }

    .product-header-main .product-navbar {
        padding: 12px 40px;
        background: #fff
    }

        .product-header-main .product-navbar .navbar-brand {
            margin-right: 16px;
            padding: 0
        }

            .product-header-main .product-navbar .navbar-brand .mobile-logo {
                display: none
            }

        .product-header-main .product-navbar .navbar-nav {
            margin: 0 auto;
            display: flex;
            flex-direction: row
        }

            .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
                display: flex;
                padding: 0 15px;
                font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-700);
                font-size: var(--font-size14);
                color: #000;
                border-right: 1px solid #000;
                align-items: center
            }

                .product-header-main .product-navbar .navbar-nav .nav-item .nav-link img {
                    margin-right: 16px
                }

            .product-header-main .product-navbar .navbar-nav .nav-item:last-child .nav-link {
                border: 0
            }

        .product-header-main .product-navbar .btn-danger {
            padding: 3px 24px;
            font-size: var(--font-size14);
            visibility: hidden
        }

            .product-header-main .product-navbar .btn-danger.visible {
                visibility: visible
            }

@media(min-width:1200px) {
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(255,255,255,0.3);
        box-shadow: inset 0 0 6px rgba(0,0,0,0.5)
    }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255,255,255,0.3)
        }
}

@media(max-width:1199px) and (min-width:992px) {
    .product-header-main .product-navbar {
        padding: 12px 15px
    }

        .product-header-main .product-navbar .navbar-brand {
            width: 100px;
            margin-right: 0
        }

        .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
            padding: 0 10px
        }

    .product-header-main .bread-crumbs-section {
        padding: 0 15px
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .product-header-main .product-navbar {
        padding: 12px 0 12px 15px;
        flex-wrap: nowrap
    }

        .product-header-main .product-navbar .navbar-brand .desktop-logo {
            display: none
        }

        .product-header-main .product-navbar .navbar-brand .mobile-logo {
            display: block
        }

        .product-header-main .product-navbar .navbar-nav {
            flex-wrap: nowrap;
            overflow: auto;
            overflow: -webkit-scrollbars-none;
            overflow: -moz-scrollbars-none;
            overflow: -o-scrollbars-none;
            overflow: scrollbars-none;
            scroll-behavior: smooth;
            -ms-overflow-style: none;
            flex: 1
        }

            .product-header-main .product-navbar .navbar-nav .nav-item {
                width: max-content
            }

                .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
                    width: max-content
                }

            .product-header-main .product-navbar .navbar-nav::-webkit-scrollbar {
                width: 0 !important;
                display: none
            }

        .product-header-main .product-navbar .btn-danger {
            white-space: nowrap;
            margin-left: 20px;
            margin-right: 15px;
            display: none
        }

            .product-header-main .product-navbar .btn-danger.visible {
                display: block
            }

    .product-header-main .bread-crumbs-section {
        padding: 0 15px
    }
}

@media(max-width:767px) and (min-width:320px) {
    .product-header-main .top-bar-main {
        padding: 0
    }

        .product-header-main .top-bar-main .navbar-nav {
            display: none
        }

        .product-header-main .top-bar-main .mobile-nav-dropdown {
            display: block;
            width: 100%
        }

            .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-toggle {
                border-radius: 0;
                border: 0;
                width: 100%;
                background: transparent;
                padding: 9.5px 0;
                font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size14);
                color: #fff !important;
                line-height: 16px
            }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-toggle::before {
                    content: '';
                    position: absolute;
                    width: 10px;
                    height: 10px;
                    left: 0;
                    right: 0;
                    margin: auto;
                    bottom: 0;
                    border-right: 5px solid transparent;
                    border-bottom: 7px solid #fff;
                    border-left: 5px solid transparent
                }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-toggle::after {
                    content: '';
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    right: 20px;
                    top: calc(50% - 10px);
                    border: 0;
                    background: url(../components/structure/productnavigation/clientlibs/images/icons/select-dropdown-icon.html) no-repeat;
                    background-size: 100%;
                    transition: .3s;
                    transform: rotate(0)
                }

            .product-header-main .top-bar-main .mobile-nav-dropdown.show .dropdown-toggle::before {
                content: none
            }

            .product-header-main .top-bar-main .mobile-nav-dropdown.show .dropdown-toggle::after {
                transition: .3s;
                transform: rotate(180deg)
            }

            .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu {
                width: 100%;
                margin: 0;
                border-radius: 0 0 14px 14px;
                border: 0;
                /*background: var(--text-color-black)*/
            }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu.show {
                    transform: translate3d(0,35px,0) !important
                }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu .dropdown-item {
                    text-align: center;
                    color: #fff;
                    font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-400);
                    font-size: var(--font-size14)
                }

                    .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu .dropdown-item.active {
                        background: transparent;
                        font-family: 'Poppins', sans-serif!important;
                        font-weight: var(--font-weight-900)
                    }

    .product-header-main .product-navbar {
        padding: 10px 0 11px 16px;
        flex-wrap: nowrap
    }

        .product-header-main .product-navbar .navbar-brand {
            width: 20px
        }

            .product-header-main .product-navbar .navbar-brand .desktop-logo {
                display: none
            }

            .product-header-main .product-navbar .navbar-brand .mobile-logo {
                display: block
            }

        .product-header-main .product-navbar .navbar-nav {
            flex-wrap: nowrap;
            overflow: auto;
            overflow: -webkit-scrollbars-none;
            overflow: -moz-scrollbars-none;
            overflow: -o-scrollbars-none;
            overflow: scrollbars-none;
            scroll-behavior: smooth;
            -ms-overflow-style: none;
            flex: 1
        }

            .product-header-main .product-navbar .navbar-nav .nav-item {
                width: max-content
            }

                .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
                    width: max-content
                }

                    .product-header-main .product-navbar .navbar-nav .nav-item .nav-link img {
                        margin-right: 8px
                    }

                .product-header-main .product-navbar .navbar-nav .nav-item:first-child .nav-link {
                    padding-left: 0
                }

            .product-header-main .product-navbar .navbar-nav::-webkit-scrollbar {
                width: 0 !important;
                display: none
            }

        .product-header-main .product-navbar .btn-danger {
            display: none
        }

    .product-header-main .bread-crumbs-section {
        padding: 0 15px
    }
}

@media(max-width:767px) and (min-width:320px) and (orientation:landscape) {
    .product-header-main .product-navbar .btn-danger.visible {
        display: block
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .product-header-main .top-bar-main .navbar-nav .nav-item {
        margin: 0 16px
    }
}

.bread-crumbs-section {
    text-transform: uppercase;
    padding: 0 40px;
    position: fixed;
    width: 100%;
    z-index: 3;
    background-color: #fff
}

    .bread-crumbs-section .breadcrumb {
        background-color: transparent;
        padding: 6px 0;
        margin-bottom: 0
    }

        .bread-crumbs-section .breadcrumb .breadcrumb-item {
            font-family: 'Poppins', sans-serif!important;
            font-weight: var(--font-weight-400);
            font-size: var(--font-size14);
            color: var(--text-color-white)
        }

            .bread-crumbs-section .breadcrumb .breadcrumb-item.dark-theme {
                color: var(--text-color-black)
            }

            .bread-crumbs-section .breadcrumb .breadcrumb-item.smallnavbar {
                color: var(--text-color-black)
            }

            .bread-crumbs-section .breadcrumb .breadcrumb-item.active {
                font-family: 'Poppins', sans-serif!important;
                font-weight: 700
            }

            .bread-crumbs-section .breadcrumb .breadcrumb-item + .breadcrumb-item {
                padding: 0;
                padding-left: 15px;
                position: relative
            }

                .bread-crumbs-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                    content: ">";
                    color: inherit;
                    position: absolute;
                    padding: 0;
                    left: 0
                }

li.breadcrumb-item.smallnavbar::before {
    content: none !important
}

.bread-crumbs-section.dark-theme {
    padding: 0
}

    .bread-crumbs-section.dark-theme .breadcrumb-item {
        color: #303030 !important
    }

    .bread-crumbs-section.dark-theme li.breadcrumb-item.smallnavbar.overnav {
        color: black
    }

    .bread-crumbs-section.dark-theme .breadcrumb-item.active {
        font-family: 'Poppins', sans-serif;
        font-weight: 900;
        color: #303030
    }

.bread-crumbs-section nav {
    padding: 0 40px;
    background: #f4f4f4;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #303030;
    width: 100%
}

    .bread-crumbs-section nav:last-of-type {
        background-color: #fff
    }

.mob-dropdown.custom-dropdown {
    position: relative
}

.mob-dropdown.mobile-nav-dropdown .dropdown-toggle {
    border-radius: 0;
    border: 0;
    width: 100%;
    background: black;
    padding: 9.5px 0;
    font-family: 'Poppins', sans-serif!important;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size14);
    color: #fff !important;
    line-height: 16px
}

.mob-dropdown .dropdown-menu-right {
    top: 100% !important;
    width: 100%;
    transform: translate3d(0,0,0) !important;
    text-align: center;
    border: 0;
    margin-top: 0;
    border-radius: 0
}

.mob-dropdown .dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: transparent;
    font-family: var(--font-tstar-heavy)!important;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size14);
    color: #303030 !important
}

.mob-dropdown .dropdown-toggle {
    white-space: nowrap
}

.mob-dropdown .dropdown-item {
    color: var(--text-color-black) !important;
    font-size: 14px;
    padding: 8px 24px
}

.mob-dropdown.mobile-nav-dropdown.show .dropdown-toggle::after {
    transition: .3s;
    transform: rotate(180deg)
}

.mob-dropdown.mobile-nav-dropdown .dropdown-toggle::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: calc(43%);
    border: 0;
    background: url("clientlib-site/resources/arrow.svg") no-repeat;
    background-size: 100%;
    transition: .3s;
    transform: rotate(0);
    background-position: center
}

.mob-dropdown.mobile-nav-dropdown .dropdown-toggle {
    border-radius: 0;
    border: 0;
    width: 100%;
    background: #f5f5f7;
    padding: 12px 0;
    font-family: var(--font-tstar-heavy)!important;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size14);
    color: #303030 !important;
    line-height: 16px
}

.mob-dropdown button.btn.dropdown-toggle:active {
    outline: 0 !important
}

@media only screen and (max-width:1024px) {
    .header-main.category-header-2 + main {
        margin-top: 158px
    }

    .expand-menu-desktop {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .mob-dropdown {
        display: none
    }
}

@media only screen and (min-width:1025px) and (max-width:1250px) {
    .header-main li.breadcrumb-item.smallnavbar.overnav {
        margin: 0 0 0 17px !important
    }
}

@media(max-device-width:767px) and (min-width:320px) {
    .product-header-main {
        position: fixed;
        top: 0;
        width: 100%;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
        z-index: 3;
        background: transparent
    }

        .product-header-main .bread-crumbs-section {
            background: rgba(48,48,48,0.9)
        }

    .bread-crumbs-section .breadcrumb .breadcrumb-item {
        font-size: var(--font-size12)
    }

        .bread-crumbs-section .breadcrumb .breadcrumb-item + .breadcrumb-item {
            margin: 0 0 0 4px;
            padding-left: 12px
        }
}

@media(max-device-width:767px) and (min-width:320px) {
    li.breadcrumb-item.smallnavbar.overnav {
        display: none
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .header-main li.breadcrumb-item.smallnavbar.overnav {
        margin: 0 0 0 9px !important
    }
}

@media(max-width:480px) {
    body {
        overflow-x: hidden
    }

    .bread-crumbs-section nav {
        padding: 0 15px;
        background: #f4f4f4
    }

    .bread-crumbs-section {
        text-transform: uppercase;
        padding: 0 17px
    }
}

@media(max-width:991px) {
    nav.newsabhead {
        display: none
    }
}

@media only screen and (min-width:1025px) and (max-width:1250px) {
    .header-main li.breadcrumb-item.smallnavbar.overnav {
        margin: 0 0 0 17px !important
    }
}

.bootstraplayout .wrapper {
    width: 100%
}

.tile-teaser {
    border-radius: 10px;
    background-size: cover;
    color: #fff
}

    .tile-teaser .img-text {
        width: 100%;
        padding: 10px 20px 20px 25px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 100%;
        border-radius: 0 0 8px 8px;
        position: relative;
        z-index: 1
    }

        .tile-teaser .img-text::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 96px;
            background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.898958) 23.23%,#000 100%);
            opacity: .5;
            border-radius: 0 0 10px 10px
        }

        .tile-teaser .img-text h4 {
            font-family: 'Poppins', sans-serif!important;
            font-weight: var(--font-weight-900);
            font-size: var(--font-size34);
            line-height: var(--line-height-42);
            text-transform: uppercase
        }

@media(max-width:767px) {
    .tile-teaser .img-text h4 {
        font-size: var(--font-size24);
        line-height: var(--line-height-28)
    }
}

.tile-teaser .img-text p {
    font-family: 'Poppins', sans-serif!important;
    font-weight: var(--font-weight-400);
    font-size: var(--font-size20);
    line-height: var(--line-height-24)
}

.tile-teaser .img-text .explore-more {
    font-family: 'Poppins', sans-serif!important;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size16)
}

.events-box {
    width: 629px;
    height: 590px;
    max-width: 100%;
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .events-box .event-box-link {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 18px;
        overflow: hidden
    }

        .events-box .event-box-link .event-img {
            min-width: 100%;
            max-width: 100%;
            min-height: 100%;
            transform: translate(-50%,-50%);
            position: relative;
            top: 50%;
            left: 50%
        }

        .events-box .event-box-link .event-info-main {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            z-index: 1;
            padding: 88px 50px 27px 50px;
            background: linear-gradient(to bottom,rgba(0,0,0,0) 23%,rgba(0,0,0,0.75) 100%);
            display: flex;
            align-items: flex-end;
            justify-content: space-between
        }

            .events-box .event-box-link .event-info-main .event-info h4 {
                font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size34);
                color: var(--text-color-white);
                text-transform: uppercase;
                line-height: var(--line-height-40)
            }

            .events-box .event-box-link .event-info-main .event-info p {
                  font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-400);
                font-size: var(--font-size20);
                color: var(--text-color-white)
            }

            .events-box .event-box-link .event-info-main .event-explore {
                display: flex;
                align-items: center
            }

                .events-box .event-box-link .event-info-main .event-explore p {
                    margin-right: 10px;
                    font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-900);
                    font-size: var(--font-size16);
                    color: var(--text-color-white)
                }

    .events-box .events-box {
        height: 281px
    }

@media(max-width:991.2px) and (min-width:768px) {
    .tile-teaser {
        width: 100%;
        margin: 0 0 20px 0
    }

        .tile-teaser .img-text {
            padding: 20px
        }

            .tile-teaser .img-text::before {
                height: 100px;
                background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.898958) 41.65%,#000 100%)
            }

            .tile-teaser .img-text h4 {
                font-size: var(--font-size26);
                line-height: var(--line-height-32)
            }

            .tile-teaser .img-text p, .tile-teaser .img-text .explore-more {
                font-size: var(--font-size18);
                line-height: var(--line-height-22)
            }

    .events-section-main {
        padding: 15px 0
    }

        .events-section-main .event-section-tabs-main {
            margin-bottom: 21px;
            padding: 0 16px
        }

            .events-section-main .event-section-tabs-main .nav-item {
                margin-right: 22px
            }

                .events-section-main .event-section-tabs-main .nav-item .nav-link {
                    font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-900);
                    font-size: var(--font-size14);
                    line-height: var(--line-height-16);
                    width: auto
                }

                    .events-section-main .event-section-tabs-main .nav-item .nav-link.active {
                        color: var(--text-color-danger-red);
                        border-color: var(--text-color-danger-red)
                    }

                .events-section-main .event-section-tabs-main .nav-item:last-child {
                    margin-right: 0
                }

        .events-section-main .event-section-tab-content {
            width: 768px;
            padding: 0 16px
        }

            .events-section-main .event-section-tab-content .events-main-wrapper .events-box {
                width: 360px;
                height: 342px;
                border-radius: 12px
            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link {
                    border-radius: 12px
                }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-img {
                        height: 100%
                    }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main {
                        padding: 49px 12px 12px 12px;
                        height: 100%;
                        background: linear-gradient(to bottom,rgba(0,0,0,0) -10%,rgba(0,0,0,0.65) 100%)
                    }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info h4 {
                            font-size: var(--font-size20);
                            line-height: var(--line-height-24)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info p {
                            font-size: var(--font-size14)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore {
                            display: flex;
                            align-items: center
                        }

                            .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore p {
                                font-size: var(--font-size14)
                            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .events-box {
                    width: 360px;
                    height: 165px;
                    margin: 0
                }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box:first-child {
                    margin-top: 0
                }
}

.events-box.new-release-tile-2 .event-box-link .event-info-main .event-info {
    width: 80%
}

@media(max-device-width:767px) and (min-width:320px) {
    .tile-teaser {
        width: 100%;
        height: 160px !important;
        margin: 0 0 10px 0
    }

        .tile-teaser .img-text {
            padding: 10px 10px 12px 10px
        }

            .tile-teaser .img-text::before {
                height: 100px;
                background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.898958) 41.65%,#000 100%)
            }

            .tile-teaser .img-text h4 {
                font-size: var(--font-size24);
                line-height: var(--line-height-28)
            }

            .tile-teaser .img-text p, .tile-teaser .img-text .explore-more {
                font-size: var(--font-size14);
                line-height: var(--line-height-17)
            }

    .events-section-main {
        padding: 15px 0
    }

        .events-section-main .event-section-tabs-main {
            margin-bottom: 21px;
            padding: 0 16px
        }

            .events-section-main .event-section-tabs-main .nav-item {
                margin-right: 22px
            }

                .events-section-main .event-section-tabs-main .nav-item .nav-link {
                    font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-900);
                    font-size: var(--font-size14);
                    line-height: var(--line-height-16);
                    width: auto
                }

                    .events-section-main .event-section-tabs-main .nav-item .nav-link.active {
                        color: var(--text-color-danger-red);
                        border-color: var(--text-color-danger-red)
                    }

                .events-section-main .event-section-tabs-main .nav-item:last-child {
                    margin-right: 0
                }

    .events-box {
        width: 100%;
        height: 162px !important;
        flex-direction: row;
        border-radius: 12px;
        margin-top: 7px !important
    }

        .events-box .event-box-link {
            border-radius: 12px
        }

            .events-box .event-box-link .event-img {
                width: 100%
            }

            .events-box .event-box-link .event-info-main {
                padding: 49px 12px 12px 12px;
                height: 100%;
                background: linear-gradient(to bottom,rgba(0,0,0,0) -10%,rgba(0,0,0,0.65) 100%)
            }

                .events-box .event-box-link .event-info-main .event-info h4 {
                    font-size: var(--font-size24);
                    line-height: var(--line-height-28)
                }

                .events-box .event-box-link .event-info-main .event-info p {
                    font-size: var(--font-size14)
                }

                .events-box .event-box-link .event-info-main .event-explore {
                    display: flex;
                    align-items: center
                }

                    .events-box .event-box-link .event-info-main .event-explore p {
                        font-size: var(--font-size14)
                    }

        .events-box .events-box {
            width: 162px;
            height: 162px;
            margin: 0
        }

            .events-box .events-box .event-img {
                width: auto;
                height: 100%
            }

            .events-box .events-box .event-info-main .event-explore {
                display: none
            }

        .events-box:first-child {
            margin-top: 0
        }

        .events-box.new-release-tile {
            margin-left: 8px;
            max-width: 94%
        }

            .events-box.new-release-tile .event-box-link .event-info-main {
                padding-top: 40px
            }

            .events-box.new-release-tile .event-box-link .event-explore {
                float: right
            }

        .events-box.new-release-tile-2 {
            max-width: 94%
        }

            .events-box.new-release-tile-2 .event-box-link .event-info-main {
                padding-top: 40px
            }

                .events-box.new-release-tile-2 .event-box-link .event-info-main .event-info {
                    width: 100%
                }

            .events-box.new-release-tile-2 .event-box-link .event-explore {
                float: right
            }

    .tileteaser2 {
        padding-right: 10px;
        word-break: break-word
    }

    .tileteaser3 {
        padding-left: 2px;
        word-break: break-word
    }
}

.post-refer-friend-wrapper {
    margin-left: 20px;
    margin-right: 20px
}

@media all and (max-width:768px) {
    .post-refer-friend-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.post-refer-friend-wrapper .row-padding {
    margin-top: 40px
}

.post-refer-friend-wrapper .refer-card {
    display: flex
}

@media all and (max-width:768px) {
    .post-refer-friend-wrapper .refer-card {
        display: block
    }
}

.post-refer-friend-wrapper .refer-card .refer {
    height: 200px;
    background: #fff;
    border: 1px solid rgba(51,51,51,0.1);
    box-shadow: 1px 4px 20px rgba(0,0,0,0.14);
    border-radius: 8px;
    margin: 10px 0;
    display: flex
}

    .post-refer-friend-wrapper .refer-card .refer .col-sm-7 {
        margin-top: 10px;
        padding-right: 0
    }

    .post-refer-friend-wrapper .refer-card .refer .col-sm-5 {
        padding-left: 0
    }

    .post-refer-friend-wrapper .refer-card .refer .heading {
        font-weight: 700;
        font-size: 24px;
        color: #303030;
        padding: 0
    }

@media all and (max-width:768px) {
    .post-refer-friend-wrapper .refer-card .refer .heading {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 16px;
        margin-top: 16px;
        font-weight: 700
    }
}

.post-refer-friend-wrapper .refer-card .refer .subtext p {
    font-weight: 400;
    font-size: 16px
}

@media all and (max-width:768px) {
    .post-refer-friend-wrapper .refer-card .refer .subtext p {
        font-size: 12px;
        margin-bottom: 23px
    }
}

.post-refer-friend-wrapper .refer-card .img_position {
    float: right;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0 -20px
}

@media all and (max-width:768px) {
    .post-refer-friend-wrapper .refer-card .img_position {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        margin: 0 -137px;
        position: absolute;
        height: 200px;
        left: 0;
        margin: auto;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        max-height: 100%
    }
}

.post-refer-friend-wrapper .refer-card a {
    position: absolute;
    bottom: 15px
}

    .post-refer-friend-wrapper .refer-card a .bt_refer {
        width: 195px;
        height: 45px;
        border: 1px solid #0000ab;
        border-radius: 4px;
        color: #fff;
        font-weight: 900;
        font-size: 20px;
        background: #fff;
        color: red;
        margin-top: 30px
    }

@media all and (max-width:768px) {
    .post-refer-friend-wrapper .refer-card a .bt_refer {
        width: 125px;
        height: 32px;
        font-size: 13px;
        margin-top: 10px
    }
}

.profile-and-rewards {
    padding: 0 40px 40px 40px
}

    .profile-and-rewards .complete-profile {
        display: flex;
        background: #fff1e4;
        box-shadow: 0 4px 10px rgba(0,0,0,0.14);
        border-radius: 4px;
        padding: 10px
    }

        .profile-and-rewards .complete-profile .view-arrow {
            width: 24px;
            height: 24px
        }

        .profile-and-rewards .complete-profile .img-profile {
            width: 135px;
            height: 130px
        }

        .profile-and-rewards .complete-profile a {
            padding-top: 20px;
            display: flex;
            white-space: nowrap
        }

@media(max-width:768px) {
    .profile-and-rewards .complete-profile a {
        font-size: 14px !important
    }
}

.profile-and-rewards .complete-profile .heading-comp-profile {
    white-space: nowrap
}

@media(max-width:768px) {
    .profile-and-rewards .complete-profile .heading-comp-profile {
        white-space: break-spaces
    }
}

.profile-and-rewards .complete-profile .title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #303030
}

@media(max-width:768px) {
    .profile-and-rewards .complete-profile .title {
        font-size: 24px
    }
}

.profile-and-rewards .complete-profile .subtext {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #303030
}

@media all and (max-width:768px) {
    .profile-and-rewards .complete-profile .subtext {
        font-size: 14px
    }
}

.profile-and-rewards .complete-profile .points {
    color: #333
}

.profile-and-rewards .complete-profile .red-text-view {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: .001em;
    color: red
}

@media all and (max-width:768px) {
    .profile-and-rewards .complete-profile .red-text-view {
        font-size: 14px !important
    }
}

.profile-and-rewards .complete-profile .complete-profile-subtext {
    padding-top: 20px
}

.profile-and-rewards .welcome-reward {
    display: flex;
    padding: 3px;
    background: linear-gradient(160.69deg,#201f1f 22.35%,#454141 68.47%,#000 114.59%);
    box-shadow: 0 4px 10px rgba(0,0,0,0.14);
    border-radius: 4px;
    color: white
}

    .profile-and-rewards .welcome-reward .view-arrow {
        width: 24px;
        height: 24px
    }

    .profile-and-rewards .welcome-reward .img-reward {
        width: 215px;
        height: 144px
    }

    .profile-and-rewards .welcome-reward a {
        padding-top: 20px;
        display: flex;
        white-space: nowrap
    }

@media all and (max-width:768px) {
    .profile-and-rewards .welcome-reward a {
        font-size: 14px
    }
}

.profile-and-rewards .welcome-reward .heading-comp-profile {
    white-space: nowrap
}

.profile-and-rewards .welcome-reward .title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #fff
}

@media all and (max-width:768px) {
    .profile-and-rewards .welcome-reward .title {
        font-size: 24px
    }
}

.profile-and-rewards .welcome-reward .subtext {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #fff
}

.profile-and-rewards .welcome-reward .white-text {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: .001em;
    color: #fff
}

@media all and (max-width:768px) {
    .profile-and-rewards .welcome-reward .white-text {
        font-size: 14px !important
    }
}

.profile-and-rewards .welcome-reward .welcome-reward-subtext {
    padding-top: 20px
}

.terms-conditions-wrapper {
    padding: 32px 30px;
    background-size: auto !important;
    background-position: right 10% top 50%
}

@media all and (max-width:768px) {
    .terms-conditions-wrapper {
        background-position: right 50% top 26%;
        margin-top: 20px
    }
}

.common-h3 {
    font-size: var(--font-size28);
    padding: 18px 0 18px 0
}

.common-h3 {
    font-family: 'Poppins', sans-serif!important;
    font-style:  ;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size48);
    text-align: center;
    color: var(--text-color-black);
    padding: 31px 0 31px 0
}

.common-h3x {
    font-family: 'Poppins', sans-serif!important;
    font-style:  ;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size48);
    text-align: center;
    color: var(--text-color-black);
    padding: 31px 0 31px 0
}

.engine-common-wrap {
    padding-bottom: 30px
}

.specifications-tabs-section {
    padding: 0 27px
}

.imagespecification .spec-img img, .imagespecification .engine-left-img img {
    max-width: 388px
}

.specifications-tabs-section .tab-wrapper {
    position: relative;
    z-index: 1
}

    .specifications-tabs-section .tab-wrapper .common-tabs-main {
        margin-bottom: 0
    }

        .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item {
            margin-right: 4px
        }

            .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link {
                background-color: #f3f3f5;
                min-width: unset;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 10px
            }

                .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link .stright-d {
                    display: flex;
                    flex-direction: column;
                    align-items: center
                }

                .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link .nav-link-p {
                    font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-900);
                    font-size: var(--font-size18);
                    line-height: var(--line-height-22);
                    color: var(--text-color-black)
                }

                .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link .nav-link-img {
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    width: 54px;
                    height: 54px;
                    transform: skewX(16deg)
                }

                .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link:hover .nav-link-p {
                    color: #fff
                }

                .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link:hover {
                    background-color: #ea0000;
                    transition: 1s
                }

                .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link.active {
                    background-color: #ea0000
                }

                    .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link.active .nav-link-p {
                        color: var(--text-color-white)
                    }

.specifications-tabs-section .slide-1-content {
    position: absolute;
    top: 86px;
    right: 22px;
    display: flex;
    align-items: center
}

.specifications-tabs-section .specfication-wrapper {
    margin-top: -50px;
    background-color: #e2e2e2;
    padding: 144px 20px 50px 20px;
    position: relative
}

    .specifications-tabs-section .specfication-wrapper .specification-div {
        background-color: #f00 !important
    }

    .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .cust-tab-pane-img {
        display: flex;
        flex-direction: row
    }

    .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .engine-info-sec {
        width: 100%;
        margin-left: 77px
    }

        .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .engine-info-sec .engine-common-div .engine-common-h1 {
            font-family: 'Poppins', sans-serif !important;
            /*font-style:  ;*/
            font-weight: var(--font-weight-900);
            font-size: 18px;
            line-height: 22px;
            color: #ff2c34;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .engine-info-sec .engine-common-div .engine-common-p {
            font-family: 'Poppins', sans-serif!important;
            font-size: 26px;
            line-height: 31px;
            color: #010101
        }

        .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .engine-info-sec .engine-common-div .engine-common-wrap div {
            padding-bottom: 20px
        }

            .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .engine-info-sec .engine-common-div .engine-common-wrap div p {
                padding-bottom: 10px
            }

.engine-info-sec {
    width: 100%;
    margin-left: 77px
}

.engine-left-img {
    display: flex;
    align-items: center
}

.engine-info-sec .engine-common-div .engine-common-h1 {
    font-family: 'Poppins', sans-serif!important;
    /*font-style:  ;*/
    font-weight: var(--font-weight-900);
    font-size: 18px;
    line-height: 22px;
    color: #010101
}

.engine-info-sec .engine-common-div .engine-common-p {
    font-family: 'Poppins', sans-serif!important;
    font-size: 18px;
    line-height: 22px;
    color: #010101
}

.engine-info-sec .engine-common-div .engine-common-wrap div {
    padding-bottom: 20px
}

    .engine-info-sec .engine-common-div .engine-common-wrap div p {
        padding-bottom: 10px
    }

@media(max-width:1199px) and (min-width:992px) {
    .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link {
        width: 128px
    }

    .engine-left-img img {
        width: 256px
    }

    .specifications-tabs-section .slide-1-content {
        top: 102px
    }

    .imagespecification .engine-left-img img {
        max-width: 100%
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .engine-common-div {
        padding-left: 30px
    }

    .specifications-tabs-section {
        padding: 0
    }

    .imagespecification .engine-left-img img {
        max-width: 100%
    }

    .specifications-tabs-section .tab-wrapper .common-tabs-main .slick-arrow {
        display: none !important
    }

    .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link.active {
        background: #f3f3f5;
        border-color: #303030
    }

        .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link.active .nav-link-p {
            color: var(--text-color-black)
        }

    .specifications-tabs-section .specfication-wrapper {
        padding-top: 100px
    }

        .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .cust-tab-pane-img {
            display: flex;
            flex-direction: column !important;
            align-items: center
        }

    .engine-left-img {
        width: 250px;
        margin-bottom: 15px;
        display: block
    }

    .engine-info-sec {
        margin: 0
    }

    .specifications-tabs-section .slide-1-content {
        display: flex;
        align-items: center;
        position: relative;
        top: unset;
        right: unset;
        justify-content: center
    }
}

@media(max-device-width:767px) and (min-width:320px) {
    .engine-common-div {
        padding-left: 15px
    }

    .specifications-tabs-section {
        padding: 0
    }

    .imagespecification .engine-left-img img {
        max-width: 100%
    }

    .specifications-tabs-section .tab-wrapper .common-tabs-main .slick-arrow {
        display: none !important
    }

    .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link.active {
        background: #f3f3f5;
        border-color: #303030
    }

        .specifications-tabs-section .tab-wrapper .common-tabs-main .nav-item .nav-link.active .nav-link-p {
            color: var(--text-color-black)
        }

    .specifications-tabs-section .specfication-wrapper {
        padding-top: 100px
    }

        .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .cust-tab-pane-img {
            display: flex;
            flex-direction: column !important;
            align-items: center
        }

    .engine-left-img {
        width: 250px;
        margin-bottom: 15px
    }

    .engine-info-sec {
        margin: 0
    }

    .specifications-tabs-section .slide-1-content {
        display: flex;
        align-items: center;
        position: relative;
        top: unset;
        right: unset;
        justify-content: center
    }

    .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .slide-1-content {
        display: flex;
        align-items: center;
        position: absolute;
        right: 50px;
        bottom: -15%
    }

        .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .slide-1-content .slide-1-cta .btn {
            padding: 12px 13px;
            font-size: 14px
        }
}

@media(max-width:767px) and (min-width:576px) {
    .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .slide-1-content {
        display: flex;
        align-items: center;
        position: absolute;
        right: 182px;
        bottom: -18%
    }

    .imagespecification .engine-left-img img {
        max-width: 100%
    }
}

.video-hero-section img {
    max-width: 100%;
    width: 100%
}

.video-hero-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,0.2) 49.9%,#000 100%)
}

.video-hero-section .display-bike-img {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto;
    display: table
}

.booking-testRide {
    padding: 16px 0
}

    .booking-testRide .scroll-down-btn-wrapper {
        height: 0
    }

        .booking-testRide .scroll-down-btn-wrapper .scroll-down-btn {
            max-width: 20px;
            position: relative;
            top: -25px;
            height: 0
        }

            .booking-testRide .scroll-down-btn-wrapper .scroll-down-btn img {
                max-width: 100%
            }

    .booking-testRide .bike-specifications li {
        padding: 10px 12px
    }

        .booking-testRide .bike-specifications li + li {
            border-left: 1px solid rgba(255,255,255,0.2)
        }

        .booking-testRide .bike-specifications li p {
            font-size: var(--font-size12)
        }

        .booking-testRide .bike-specifications li h4 {
            font-size: var(--font-size20)
        }

    .booking-testRide.bg-dark-2 {
        background: var(--bg-color-black-2)
    }

.category-banner-section {
    position: relative;
    background: url("clientlib-site/resources/images/banner-content-bg.png") center 475px;
    background-size: cover
}

    .category-banner-section .container {
        max-width: 1236px
    }

    .category-banner-section .banner-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

        .category-banner-section .banner-video .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg,rgba(0,0,0,0) 36.02%,rgba(0,0,0,0.86) 83.44%);
            z-index: 1
        }

        .category-banner-section .banner-video video {
            height: 500px;
            object-fit: cover;
            object-position: center
        }

    .category-banner-section .banner-content {
        position: relative;
        z-index: 2;
        text-align: center;
        font-style:  ;
        padding: 50px 0;
        color: var(--text-color-white)
    }

        .category-banner-section .banner-content .banner-heading {
            font-family: 'Poppins', sans-serif!important;
            color: rgba(0,0,0,0.7);
            text-shadow: -1px 1px 0 rgba(255,255,255,0.4),1px 1px 0 rgba(255,255,255,0.4),1px -1px 0 rgba(255,255,255,0.4),-1px -1px 0 rgba(255,255,255,0.4);
            font-size: var(--font-size64);
            letter-spacing: 5px
        }

        .category-banner-section .banner-content .banner-sub-heading {
            font-size: var(--font-size24)
        }

        .category-banner-section .banner-content .banner-bikes {
            display: flex;
            align-items: start;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 75px
        }

            .category-banner-section .banner-content .banner-bikes .bike {
                flex: 0 0 33.33%;
                max-width: 33.33%
            }

                .category-banner-section .banner-content .banner-bikes .bike img {
                    display: inline-block;
                    max-width: 100%
                }

                .category-banner-section .banner-content .banner-bikes .bike h2 {
                    font-size: var(--font-size26);
                    font-family: var(--font-tstar-heavy)!important
                }

                .category-banner-section .banner-content .banner-bikes .bike p {
                    font-size: var(--font-size18)
                }

                .category-banner-section .banner-content .banner-bikes .bike .hover-content {
                    display: none;
                    transition: all 300ms ease-in;
                    opacity: 0;
                    visibility: hidden
                }

                    .category-banner-section .banner-content .banner-bikes .bike .hover-content .actions li {
                        cursor: pointer;
                        color: var(--text-color-blue);
                        font-family: var(--font-tstar-heavy)!important;
                        font-style: normal
                    }

                    .category-banner-section .banner-content .banner-bikes .bike .hover-content .actions.red-color li {
                        color: #e50c0c !important
                    }

                    .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available {
                        display: flex;
                        align-content: center;
                        margin-bottom: 10px !important
                    }

                        .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color {
                            background-color: red;
                            height: 8px;
                            width: 25px;
                            transform: skewX(-50deg);
                            border: .6px solid #d3d3d3
                        }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color + .color {
                                margin-left: 5px
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red {
                                background: #e3090f
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-2 {
                                background: #ca2932
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-black {
                                background: linear-gradient(225deg,#ed1c24 0,#700004 100%)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.black {
                                background: #000
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.blue {
                                background: #0083de
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.blue-2 {
                                background: #0081be
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.yellow {
                                background: #e9a400
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.white {
                                background: #fff
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.matte-black {
                                background: #141414
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.grey {
                                background: #818181
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.purple {
                                background: #936188
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.brown {
                                background: #954535
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.silver {
                                background: #dfdbd8
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.blue-white {
                                background: linear-gradient(254.41deg,#fff -3.74%,#2196f3 100%)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.blue-black {
                                background: linear-gradient(225deg,#000 0,#03a9f4 100%)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-black {
                                background: linear-gradient(225deg,#0a0a0a 0,#ff0303 100%)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-white {
                                background: linear-gradient(225deg,#fff 0,#ff0303 100%)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-3 {
                                background: #c02023
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.yellow-1 {
                                background: #ded356
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.yellow-2 {
                                background: #dcad60
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.light-brown {
                                background: linear-gradient(to right,#efc785,#dcad60)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.purple-black {
                                background: linear-gradient(to right,#6c56a4,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.grey-black {
                                background: linear-gradient(to right,#848693,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.cyan-black {
                                background: linear-gradient(to right,#059091,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-black {
                                background: linear-gradient(to right,#ee292e,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.blue-black {
                                background: linear-gradient(to right,#4281b8,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-black-1 {
                                background: linear-gradient(to right,#c02023,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.skyblue-black-1 {
                                background: linear-gradient(to right,#1aa9b9,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.grey-black-1 {
                                background: linear-gradient(to right,#908d92,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.purple-black-1 {
                                background: linear-gradient(to right,#6d59a3,#262625)
                            }

                            .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color.red-black-1 {
                                background: linear-gradient(to right,#c02023,#262625)
                            }

                .category-banner-section .banner-content .banner-bikes .bike:hover .hover-content {
                    display: block;
                    opacity: 1;
                    visibility: visible
                }

                .category-banner-section .banner-content .banner-bikes .bike:hover h2 {
                    color: var(--bg-color-danger)
                }

                .category-banner-section .banner-content .banner-bikes .bike:hover p {
                    color: var(--bg-color-danger)
                }

        .category-banner-section .banner-content.white-theme {
            background: url(../components/content/productbanner/clientlibs/images/categories/background-image-white-theme.html) no-repeat center center;
            background-size: cover
        }

            .category-banner-section .banner-content.white-theme .white-theme-sub-heading {
                font-family: 'Poppins', sans-serif!important;
                color: var(--text-color-black);
                font-size: var(--font-size38);
                line-height: var(--line-height-46);
                font-weight: 700;
                font-style: normal
            }

            .category-banner-section .banner-content.white-theme .banner-bikes {
                margin-top: 18px
            }

                .category-banner-section .banner-content.white-theme .banner-bikes .bike h2 {
                    color: var(--text-color-black)
                }

                .category-banner-section .banner-content.white-theme .banner-bikes .bike .hover-content .actions li {
                    color: #e50c0c
                }

    .category-banner-section.banner-type-2 {
        background-color: #fff
    }

        .category-banner-section.banner-type-2 .banner-slider img {
            width: 100%
        }

        .category-banner-section.banner-type-2 .banner-slider .carousel-indicators {
            bottom: 10px
        }

        .category-banner-section.banner-type-2 .banner-content {
            background: #fff url(../components/content/productbanner/clientlibs/images/categories/scooters/offering-banner.html) no-repeat center center;
            background-size: cover;
            padding: 25px 0
        }

            .category-banner-section.banner-type-2 .banner-content .banner-heading {
                font-family: var(--font-tstar-heavy)!important;
                color: var(--text-color-black);
                text-shadow: none;
                font-size: var(--font-size48);
                letter-spacing: 0
            }

            .category-banner-section.banner-type-2 .banner-content .banner-sub-heading {
                font-size: var(--font-size24)
            }

            .category-banner-section.banner-type-2 .banner-content .banner-bikes {
                margin-top: 18px
            }

                .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike h2 {
                    font-size: var(--font-size26);
                    font-family: var(--font-tstar-heavy)!important;
                    color: var(--text-color-black);
                    margin-bottom: 0
                }

                    .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike h2.newhead {
                        margin-bottom: 10px !important
                    }

                .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike p {
                    font-size: var(--font-size18)
                }

                .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li {
                    cursor: pointer;
                    color: var(--text-color-black) !important;
                    font-family: 'Poppins', sans-serif!important;
                    font-style: normal
                }

                    .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li.compare-btn {
                        font-family: var(--font-tstar-heavy)!important
                    }

                    .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li span {
                        display: inline-block;
                        font-size: 16px;
                        color: #303030;
                        margin-left: 4px
                    }

                    .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li:hover {
                        color: var(--bg-color-danger)
                    }

                .category-banner-section.banner-type-2 .banner-content .banner-bikes .bike:hover h2 {
                    color: var(--bg-color-black)
                }

    .category-banner-section.banner-type-3 .banner-slider img {
        width: 100%
    }

    .category-banner-section.banner-type-3 .banner-slider .carousel-indicators {
        bottom: 10px
    }

    .category-banner-section.banner-type-3 .banner-content {
        background: #86888a e0 url(../components/content/productbanner/clientlibs/images/categories/banner-content-bg-2.html) no-repeat;
        background-size: cover;
        padding: 25px 0
    }

        .category-banner-section.banner-type-3 .banner-content .banner-heading {
            font-family: var(--font-tstar-heavy)!important;
            color: var(--text-color-white);
            text-shadow: none;
            font-size: var(--font-size48);
            letter-spacing: 0
        }

        .category-banner-section.banner-type-3 .banner-content .banner-sub-heading {
            font-size: var(--font-size24)
        }

        .category-banner-section.banner-type-3 .banner-content .banner-bikes {
            margin-top: 18px
        }

            .category-banner-section.banner-type-3 .banner-content .banner-bikes .bike h2 {
                font-size: var(--font-size26);
                font-family: var(--font-tstar-heavy)!important;
                color: var(--text-color-white);
                margin-bottom: 10px
            }

            .category-banner-section.banner-type-3 .banner-content .banner-bikes .bike p {
                font-size: var(--font-size18)
            }

            .category-banner-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li {
                cursor: pointer;
                color: var(--text-color-white) !important;
                font-family: 'Poppins', sans-serif!important;
                font-style: normal
            }

                .category-banner-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li.compare-btn {
                    font-family: var(--font-tstar-heavy)!important
                }

                .category-banner-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li span {
                    display: inline-block;
                    font-size: 16px;
                    margin-left: 4px;
                    color: white
                }

                .category-banner-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li:hover {
                    color: var(--bg-color-danger)
                }

            .category-banner-section.banner-type-3 .banner-content .banner-bikes .bike:hover h2 {
                color: var(--bg-color-black)
            }

@media(max-width:767px) and (min-width:320px) {
    .video-hero-section .display-bike-img {
        width: 300px;
        bottom: -50px
    }

    .banner-video video {
        height: 275px
    }
}

@media(max-width:991px) {
    .category-banner-section {
        position: relative;
        background: url("clientlib-site/resources/images/banner-content-bg.png") center 475px;
        background-size: cover
    }

        .category-banner-section .banner-content {
            background-size: contain !important
        }

            .category-banner-section .banner-content .banner-heading {
                font-size: var(--font-size52);
                letter-spacing: 5px
            }

            .category-banner-section .banner-content .banner-sub-heading {
                font-size: var(--font-size20)
            }
}

@media(max-width:767px) {
    .category-banner-section {
        position: relative;
        background: url("clientlib-site/resources/images/banner-content-bg.png") center 260px;
        background-size: cover
    }

        .category-banner-section .banner-video video {
            height: 275px
        }

        .category-banner-section .banner-wrapper {
            padding-top: 25px
        }

        .category-banner-section .banner-content {
            padding: 30px 0 10px
        }

            .category-banner-section .banner-content .banner-heading {
                font-size: var(--font-size40);
                letter-spacing: 3px;
                line-height: 1.2
            }

            .category-banner-section .banner-content .banner-sub-heading {
                font-size: var(--font-size14)
            }

            .category-banner-section .banner-content .banner-bikes {
                display: flex;
                justify-content: space-between;
                margin-top: 25px
            }

                .category-banner-section .banner-content .banner-bikes .bike {
                    flex: 0 0 calc(40%)
                }

                    .category-banner-section .banner-content .banner-bikes .bike:nth-child(3) {
                        max-width: calc(90%)
                    }

                        .category-banner-section .banner-content .banner-bikes .bike:nth-child(3) .bike-img {
                            max-width: calc(90%);
                            margin: 0 auto
                        }

                    .category-banner-section .banner-content .banner-bikes .bike h2 {
                        font-size: var(--font-size18)
                    }

                    .category-banner-section .banner-content .banner-bikes .bike p {
                        display: none
                    }

                    .category-banner-section .banner-content .banner-bikes .bike .hover-content {
                        display: block;
                        transition: all 300ms ease-in;
                        opacity: 1;
                        visibility: visible;
                        margin: 10px 0 20px
                    }

                        .category-banner-section .banner-content .banner-bikes .bike .hover-content .has-bluetooth img {
                            max-width: 15px
                        }

                        .category-banner-section .banner-content .banner-bikes .bike .hover-content .color-available .color {
                            height: 5px;
                            width: 20px;
                            transform: skewX(-50deg);
                            border: .2px solid #d3d3d3
                        }

                        .category-banner-section .banner-content .banner-bikes .bike .hover-content .actions li {
                            font-size: var(--font-size14)
                        }
}

.exchange-banner .exchange-banner-bg {
    height: 640px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative
}

.exchange-banner .landing-bg-image {
    z-index: -1;
    width: 100%;
    height: 100%
}

.exchange-banner .exchg-banner-desk-img {
    width: 100%;
    height: 100%
}

.exchange-banner .exchange-form {
    max-width: 414px;
    background-color: #fff;
    box-shadow: 0 10.4878px 36.7073px -7.86585px rgba(24,39,75,0.12),0 23.5976px 115.366px -5.2439px rgba(24,39,75,0.14);
    border-radius: 12px;
    margin-right: 2.5rem
}

.exchange-banner .ex-bulb-icon {
    padding: 4px 6px 4px 0;
    width: 36px
}

.exchange-banner .ex-options-text {
    color: #303030;
      font-family: 'Poppins', sans-serif!important;
    font-size: 18px;
    line-height: 24px
}

.exchange-banner .ex-form-heading {
    display: flex;
    justify-content: space-evenly
}

.exchange-banner .ex-form-tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative
}

.exchange-banner .ex-form-tab-item {
    flex: 1;
    text-align: center;
    transition: .3s;
    border-bottom: 2px solid silver;
    margin: 0 .7rem;
    color: #303030;
      font-family: 'Poppins', sans-serif!important;
    font-size: 24px;
    line-height: 32px
}

.exchange-banner .ex-form-tab-toggle {
    display: none !important
}

.exchange-banner .ex-form-tab-container .ex-form-tab-content {
    display: none
}

.exchange-banner .ex-form-tab-toggle:nth-child(1):checked ~ .ex-form-tab-list .ex-form-tab-item:nth-child(1), .exchange-banner .ex-form-tab-toggle:nth-child(2):checked ~ .ex-form-tab-list .ex-form-tab-item:nth-child(2) {
    font-family: var(--font-tstar-heavy)!important;
    color: #0000ab;
    border-bottom: 2px solid #0000ab
}

.exchange-banner .ex-form-tab-toggle:nth-child(2):checked ~ .ex-form-tab-list::before {
    transform: translateX(100%)
}

.exchange-banner .ex-form-tab-toggle:nth-child(1):checked ~ .ex-form-tab-container .ex-form-tab-content:nth-child(1), .exchange-banner .ex-form-tab-toggle:nth-child(2):checked ~ .ex-form-tab-container .ex-form-tab-content:nth-child(2) {
    display: flex;
    flex-direction: column
}

.exchange-banner .ex-form-tab-trigger {
    display: block;
    padding: 10px 0;
    cursor: pointer
}

.exchange-banner .ex-form-tab-container {
    padding: 15px 20px
}

.exchange-banner .ex-form-subhead-label {
    color: #303030;
    font-family: 'Poppins', sans-serif!important;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin: 12px 0 20px 0
}

    .exchange-banner .ex-form-subhead-label p {
        color: #303030;
        font-family: 'Poppins', sans-serif!important;
        font-size: 24px;
        line-height: 32px;
        text-align: center
    }

.exchange-banner .ex-form-updates-label {
    color: #303030;
    font-family: 'Poppins', sans-serif!important;
    font-size: 14px !important;
    line-height: 20px
}

    .exchange-banner .ex-form-updates-label p {
        color: #303030;
        font-family: 'Poppins', sans-serif!important;
        font-size: 14px !important;
        line-height: 20px
    }

.exchange-banner .ex-form-cta-label, .exchange-banner .ex-form-cta-label p {
    color: #303030;
    font-family: 'Poppins', sans-serif!important;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-top: .75rem
}

.exchange-banner .ex-options-wrap {
    margin: .5rem 0 1.688rem 0;
    flex-wrap: wrap;
    gap: 1.688rem
}

.exchange-banner .ex-new-options {
    border: 1.05px solid silver;
    border-radius: 12px;
    padding: .75rem 1rem
}

.exchange-banner .ex-bulb-wrap {
    display: none;
    background: #ededed;
    border-radius: 12px;
    padding: 12px;
    animation: fadeOut 3s infinite alternate
}

@keyframes fadeOut {
    from {
        opacity: 0;
        transform: translate3d(0,40%,0)
    }

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

.exchange-banner .ex-bulb-text {
    color: #303030;
    font-family: var(--font-tstar-heavy)!important;
    font-size: 18px;
    line-height: 24px
}

.exchange-banner .form-checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .exchange-banner .form-checkbox-wrap input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

.exchange-banner .form-checkbox-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 5px
}

.exchange-banner .form-checkbox-wrap:hover input ~ .form-checkbox-mark {
    background-color: #ccc
}

.exchange-banner .form-checkbox-wrap input:checked ~ .form-checkbox-mark {
    background-color: red
}

.exchange-banner .form-checkbox-mark:after {
    content: "";
    position: absolute;
    display: none
}

.exchange-banner .form-checkbox-wrap input:checked ~ .form-checkbox-mark:after {
    display: block
}

.exchange-banner .form-checkbox-wrap .form-checkbox-mark:after {
    left: 3px;
    top: 4px;
    width: 14px;
    height: 10px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(-45deg) scale(-1,1);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg) scale(-1,1);
    border-radius: 0 3px 3px 3px
}

.exchange-banner .exchange-form .ex-form-tab-content .exchg-landing-err-mobile, .exchange-banner .exchange-form .ex-form-tab-content .exchg-landing-fail-mobile, .exchange-banner .exchange-form .ex-form-tab-content .exchg-landing-err-otp {
    font-family: 'Poppins', sans-serif!important;
    font-size: var(--font-size12);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: relative
}

.exchange-banner .exchange-form .ex-form-tab-content .exchg-landing-success-mobile {
    font-family: 'Poppins', sans-serif!important;
    font-size: var(--font-size12);
    color: #038252;
    display: block;
    padding-left: 16px;
    position: relative
}

.exchange-banner .exchg-landing-success-mobile::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(45.5%);
    width: 9px;
    height: 9px;
    background: url("clientlib-campaign/resources/icons/success_label_number.html") no-repeat;
    background-size: 100%
}

.exchange-banner .exchg-disable-login {
    background: #a5a5a5 !important;
    cursor: not-allowed !important
}

.exchange-banner #send-otp {
    top: 23px;
    transform: translate(0,-50%);
    right: 28px;
    font-size: 16px;
    font-family: var(--font-tstar-heavy)!important;
    font-weight: 700;
    line-height: 24px;
    color: #009fda
}

@media(max-width:768px) {
    .exchange-banner #send-otp {
        font-size: 14px;
        line-height: 20px
    }
}

.exchange-banner #send-otp[disabled] {
    color: #a5a5a5;
    pointer-events: none;
    cursor: unset
}

.exchange-banner #timer, .exchange-banner .otp--sent, .exchange-banner .valid__otp, .exchange-banner .invalid__otp {
    display: none;
    margin-top: 3px;
    font-size: 14px;
    line-height: 17px;
    color: #0000ab;
    font-family: var(--font-tstar-heavy)!important;
    padding-left: 15px;
    display: flex;
    align-items: center;
    position: absolute
}

@media(max-width:768px) {
    .exchange-banner #timer, .exchange-banner .otp--sent, .exchange-banner .valid__otp, .exchange-banner .invalid__otp {
        font-size: 10px;
        line-height: 12px
    }
}

.exchange-banner #timer {
    right: 30px
}

.exchange-banner .ex-form-tab-container .ex-options-wrap input {
    position: absolute
}

.exchange-banner .ex-form-tab-container .ex-options-wrap label {
    padding: 0 .813rem
}

@media(max-width:1200px) {
    .exchange-banner .ex-form-tab-item {
        font-size: 18px;
        line-height: 26px
    }

    .exchange-banner .ex-form-subhead-label {
        font-size: 18px;
        line-height: 26px;
        margin: 12px 0 20px 0
    }

    .exchange-banner .ex-form-tab-container .addressPan .cust-form-group {
        margin-bottom: 25px
    }

    .exchange-banner .ex-form-cta-label, .exchange-banner .ex-form-cta-label p {
        font-size: 14px;
        margin-top: .5rem
    }

    .exchange-banner .ex-new-options {
        padding: .5rem 1rem
    }

    .exchange-banner .ex-bulb-text {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .ex-options-wrap {
        margin: .375rem 0 1rem 0;
        gap: 1rem
    }
}

@media(max-width:767px) {
    .exchange-banner .exchange-banner-bg {
        height: unset;
        display: flex;
        margin-top: 0;
        justify-content: center;
        align-items: center
    }

    .exchange-banner .exchg-banner-mob-img {
        width: 100%;
        height: 292px
    }

    .exchange-banner .exchange-form {
        max-width: unset;
        margin: 1.5rem 1rem;
        margin-top: 19rem
    }

    .exchange-banner .ex-form-tab-mob-toggle {
        display: none
    }

        .exchange-banner .ex-form-tab-mob-toggle:nth-child(1):checked ~ .ex-form-tab-list .ex-form-tab-item:nth-child(1), .exchange-banner .ex-form-tab-mob-toggle:nth-child(2):checked ~ .ex-form-tab-list .ex-form-tab-item:nth-child(2) {
            font-family: var(--font-tstar-heavy)!important;
            color: #0000ab;
            border-bottom: 2px solid #0000ab
        }

        .exchange-banner .ex-form-tab-mob-toggle:nth-child(2):checked ~ .ex-form-tab-list::before {
            transform: translateX(100%)
        }

        .exchange-banner .ex-form-tab-mob-toggle:nth-child(1):checked ~ .ex-form-tab-container .ex-form-tab-content:nth-child(1), .exchange-banner .ex-form-tab-mob-toggle:nth-child(2):checked ~ .ex-form-tab-container .ex-form-tab-content:nth-child(2) {
            display: flex;
            flex-direction: column
        }

    .exchange-banner .ex-form-tab-item {
        font-size: 18px;
        line-height: 24px
    }

    .exchange-banner .ex-form-tab-container {
        padding: 15px 16px 12px 16px
    }

    .exchange-banner .ex-form-subhead-label {
        font-size: 18px;
        line-height: 24px;
        margin: 9px 0 20px 0
    }

        .exchange-banner .ex-form-subhead-label p {
            font-size: 18px;
            line-height: 24px;
            margin: auto
        }

    .exchange-banner .ex-form-cta-label, .exchange-banner .ex-form-cta-label p {
        font-size: 14px
    }

    .exchange-banner .ex-form-tab-container .addressPan .cust-form-group {
        margin-bottom: 22px
    }

    .exchange-banner .ex-options-wrap {
        margin: .375rem -16px 1rem -16px;
        gap: 0
    }

    .exchange-banner .ex-new-options {
        padding: .344rem 1.813rem;
        position: relative;
        margin: 0 8px;
        margin-bottom: 16px
    }

        .exchange-banner .ex-new-options:last-child {
            margin-bottom: 0
        }

    .exchange-banner .landing-options {
        left: 8px
    }

    .exchange-banner .ex-form-tab-container .ex-new-options label {
        width: 100%
    }

    .exchange-banner .ex-options-text {
        font-size: 16px;
        line-height: 20px
    }

    .exchange-banner .ex-bulb-text {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .ex-bulb-wrap {
        padding: 4px 6px;
        margin-bottom: 0 !important
    }

    .exchange-banner .ex-form-tab-trigger {
        padding: 16px 0 4px 0
    }

    .exchange-banner .ex-bulb-icon {
        width: 30px
    }
}

@media(max-width:568px) {
    .exchange-banner .ex-form-tab-container .ex-options-wrap label {
        padding: 0
    }
}

@media(max-width:359px) {
    .exchange-banner .ex-new-options {
        padding: .344rem .813rem
    }

    .exchange-banner .ex-options-wrap {
        gap: .5rem
    }
}

@media(max-width:300px) {
    .exchange-banner .ex-new-options {
        padding: .35rem
    }
}

.explore-tab-section {
    background-repeat: no-repeat;
    background-position: 100% 96%;
    background-size: 100% 43%;
    margin-top: 30px
}

    .explore-tab-section .bike-product-prant a {
        text-align: center
    }

    .explore-tab-section .explore-div {
        display: flex;
        justify-content: flex-end
    }

@media(max-width:1199px) and (min-width:992px) {
    .explore-tab-section .explore-div {
        padding-top: 26px
    }

    .explore-tab-section Init .tab-wrapper .tab-nav-tabs::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .explore-tab-section .explore-div {
        padding-top: 26px
    }
}

@media(max-width:767px) and (min-width:320px) {
    .explore-tab-section {
        background-image: none !important;
        overflow: hidden
    }

        .explore-tab-section .explore-div {
            padding-top: 26px
        }

        .explore-tab-section .bike-tab-section .bike-product-wrapper {
            margin-top: 30px
        }

            .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant {
                display: block;
                flex-direction: column;
                align-items: center;
                flex: none;
                width: 30%
            }

                .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant a img.bike-product-img {
                    margin: 0 auto
                }

                .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant p {
                    font-size: var(--font-size12);
                    color: var(--text-color-black);
                    font-family: 'Poppins', sans-serif!important;
                    font-weight: var(--font-weight-900)
                }

            .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .layout-2 .bike-product-prant {
                width: 30%;
                margin: 0 22px 15px 22px
            }
}

.xoom-news-articles#blogs-and-news .common-tabs-main .nav-item .nav-link {
    color: var(--text-color-black);
    border-bottom: 2px solid #303030
}

#blogs-and-news .common-tabs-main .nav-item .nav-link.active {
    background: transparent;
    color: var(--text-color-danger-red);
    border-bottom: 2px solid var(--text-color-danger-red)
}

#blogs-and-news .common-tabs-main .nav-item .nav-link {
    color: var(--text-color-white);
    border-bottom: 2px solid #fff
}

@media(max-width:500px) {
    #blogs-and-news .tab-wrapper .slick-track {
        width: 300px !important
    }
}

@media(max-width:500px) {
    #blogs-and-news .tab-wrapper .slick-track .slick-slide {
        width: 110px !important
    }
}

.specifications-tabs-section {
    padding: 0 27px
}

    .specifications-tabs-section .tab-wrapper {
        position: relative;
        z-index: 1
    }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main {
            width: max-content;
            justify-content: flex-start;
            border: 0;
            margin: 0 auto
        }

            .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item {
                border-radius: 15px;
                margin-right: 10px;
                overflow: hidden
            }

                .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link {
                    background-color: #f3f3f5;
                    min-width: unset;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding: 10px;
                    border-radius: 0;
                    border: 0;
                    width: unset;
                    min-width: 160px;
                }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d {
                        display: flex;
                        flex-direction: column;
                        align-items: center
                    }

                        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-p {
                            font-family: 'Poppins', sans-serif !important;
                            font-weight: var(--font-weight-900);
                            font-size: var(--font-size18);
                            line-height: var(--line-height-22);
                            color: #ff2c34;
                            text-transform: capitalize;
                            /*font-style:  */
                        }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .nav-link-img {
                        background-repeat: no-repeat;
                        background-position: center;
                        background-size: contain;
                        width: 54px;
                        height: 54px;
                        transform: skewX(0deg)
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .nav-link-img.active {
                        display: inline-block
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .nav-link-img.inactive {
                        display: none
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .nav-link-img.active {
                        display: none
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .nav-link-img.inactive {
                        display: inline-block
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-p {
                        color: #fff
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-img.active {
                        display: inline-block
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-img.inactive {
                        display: none
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover {
                        background-color: #24246c;
                        transition: 1s
                    }

                    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active {
                        background-color: #24246c
                    }

                        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .nav-link-p {
                            color: var(--text-color-white)
                        }

    .specifications-tabs-section .slide-1-content {
        position: absolute;
        top: 86px;
        right: 22px;
        display: flex;
        align-items: center
    }

        .specifications-tabs-section .slide-1-content .share-icon {
            padding-left: 15px
        }

        .specifications-tabs-section .slide-1-content .share-options {
            position: absolute;
            right: 0;
            bottom: 55px;
            height: 0;
            overflow: hidden;
            transition: .5s;
            visibility: hidden
        }

            .specifications-tabs-section .slide-1-content .share-options ul {
                display: flex;
                width: max-content
            }

                .specifications-tabs-section .slide-1-content .share-options ul li {
                    margin: 0 5px
                }

            .specifications-tabs-section .slide-1-content .share-options.active {
                visibility: visible;
                height: 32px;
                transition: .5s
            }

    .specifications-tabs-section .specfication-wrapper {
        margin-top: -50px;
        background-color: #ffffff;
        padding: 100px 20px 30px 20px;
        position: relative;
/*        border: 2px solid #24246c;
*/        position: relative
    }

        .specifications-tabs-section .specfication-wrapper .specification-div {
            background-color: #f00 !important
        }

@media(max-width:1199px) and (min-width:992px) {
    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link {
        min-width: 110px
    }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-p {
            font-size: var(--font-size14)
        }

    .specifications-tabs-section .specfication-wrapper .tab-content .tab-pane .engine-left-img img {
        width: 256px
    }

    .specifications-tabs-section .slide-1-content {
        top: 75px
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .specifications-tabs-sectionx {
        padding: 0
    }

        .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main {
            width: 100%;
            margin: 0 auto
        }

            .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main .slick-arrow {
                display: none !important
            }

            .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main .slick-list {
                padding-left: 60px;
                padding-right: 60px
            }

            .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main .nav-item .nav-link {
                min-width: 70px;
                width: auto;
                padding: 5px 10px
            }

                .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-img {
                    width: 26px;
                    height: 26px;
                    background-size: 100% !important
                }

                .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-p {
                    font-size: 10px;
                    color: var(--text-color-black)
                }

                .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active {
                    border-color: #303030
                }

                    .specifications-tabs-sectionx .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .stright-d .nav-link-img {
                        width: 26px;
                        height: 26px;
                        background-size: 100% !important
                    }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover {
        background-color: #ea0000
    }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover .nav-link-p {
            color: #fff
        }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover .nav-link-img.active {
            display: inline-block
        }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover .nav-link-img.inactive {
            display: none
        }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-p {
        color: #000
    }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-img.active {
        display: none
    }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-img.inactive {
        display: inline-block
    }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover {
        background-color: #f3f3f5;
        transition: 1s
    }

    .specifications-tabs-sectionx .specfication-wrapper {
        padding-top: 100px
    }

        .specifications-tabs-sectionx .specfication-wrapper .tab-content .tab-pane .cust-tab-pane-img {
            display: flex;
            flex-direction: column !important;
            align-items: center
        }

            .specifications-tabs-sectionx .specfication-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-left-img {
                width: 250px;
                margin-bottom: 15px
            }

            .specifications-tabs-sectionx .specfication-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec {
                margin: 0
            }

    .specifications-tabs-sectionx .slide-1-content {
        display: flex;
        align-items: center;
        position: relative;
        top: unset;
        right: unset;
        justify-content: center;
        width: max-content;
        margin: auto
    }

        .specifications-tabs-sectionx .slide-1-content .share-options {
            right: auto;
            left: 100%;
            bottom: 10px;
            height: 32px;
            width: 0
        }

            .specifications-tabs-sectionx .slide-1-content .share-options.active {
                width: 84px;
                height: 32px
            }

    .specification-section {
        padding: 0
    }

        .specification-section .specification-wrapper {
            padding-top: 15px
        }

            .specification-section .specification-wrapper .specifications-tabs-section {
                padding: 0
            }

                .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main {
                    margin: 0 auto
                }

                    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .slick-arrow {
                        display: none !important
                    }

                    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .slick-list {
                        padding-left: 60px;
                        padding-right: 60px
                    }

                    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link {
                        min-width: 70px;
                        width: auto;
                        padding: 5px 10px
                    }

                        .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-img {
                            width: 26px;
                            height: 26px;
                            background-size: 100% !important
                        }

                        .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-p {
                            font-size: 10px
                        }

                        .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active {
                            border-color: #303030
                        }

                            .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .stright-d .nav-link-img {
                                width: 26px;
                                height: 26px;
                                background-size: 100% !important
                            }

                            .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .stright-d .nav-link-p {
                                font-size: 10px;
                                color: var(--text-color-white)
                            }

                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper {
                    margin-top: -30px;
                    padding: 40px 15px 15px 15px
                }

                    .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img {
                        display: flex;
                        flex-direction: column !important;
                        align-items: center
                    }

                        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-left-img {
                            width: 145px;
                            margin-bottom: 15px
                        }

                        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec {
                            margin: 0
                        }

                            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec .engine-common-div .engine-common-wrap {
                                padding-bottom: 25px
                            }

                                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec .engine-common-div .engine-common-wrap .engine-common-h1 {
                                    font-size: 12px
                                }

                                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec .engine-common-div .engine-common-wrap .engine-common-p {
                                    font-size: 16px;
                                    line-height: 19px
                                }

                    .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: relative;
                        top: auto;
                        left: auto;
                        right: auto;
                        bottom: auto;
                        width: max-content;
                        margin: 0 auto
                    }

                        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .slide-1-cta .btn {
                            padding: 12px 13px;
                            font-size: 14px
                        }

                        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-icon {
                            padding-left: 10px
                        }

                            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-icon img {
                                width: 20px
                            }

                        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options {
                            right: auto;
                            left: calc(100% + 3px);
                            bottom: 7px;
                            height: 30px;
                            width: 0
                        }

                            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options ul li {
                                margin: 0
                            }

                                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options ul li img {
                                    width: 30px
                                }

                            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options.active {
                                width: 60px;
                                height: 30px
                            }

                        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .callback-btn {
                            padding: 8px 24px;
                            font-size: 14px;
                            line-height: 16px
                        }
}

@media(max-width:767px) and (min-width:320px) {
    .specification-section {
        padding: 0
    }

        .specification-section .specification-wrapper {
            padding-top: 15px
        }

            .specification-section .specification-wrapper .specifications-tabs-section {
                padding: 0
            }

                .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main {
                    width: 100%;
                    margin: 0 auto
                }

                    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .slick-arrow {
                        display: none !important
                    }

                    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .slick-list {
                        padding-left: 60px;
                        padding-right: 60px
                    }

                    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link {
                        min-width: 70px;
                        width: auto;
                        padding: 5px 10px
                    }

                        .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-img {
                            width: 26px;
                            height: 26px;
                            background-size: 100% !important
                        }

                        .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link .stright-d .nav-link-p {
                            font-size: 10px
                        }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover {
        background-color: #252578;
    }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover .nav-link-p {
            color: #fff
        }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover .nav-link-img.active {
            display: inline-block
        }

        .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active:hover .nav-link-img.inactive {
            display: none
        }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-p {
        color: #000
    }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-img.active {
        display: none
    }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover .nav-link-img.inactive {
        display: inline-block
    }

    .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover {
        background-color: #f3f3f5;
        transition: 1s
    }

    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .stright-d .nav-link-img {
        width: 26px;
        height: 26px;
        background-size: 100% !important
    }

    .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper {
        margin-top: -30px;
        padding: 40px 15px 15px 15px
    }

        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img {
            display: flex;
            flex-direction: column !important;
            align-items: center
        }

            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-left-img {
                width: 145px;
                margin-bottom: 15px
            }

            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec {
                margin: 0
            }

                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec .engine-common-div .engine-common-wrap {
                    padding-bottom: 25px
                }

                    .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec .engine-common-div .engine-common-wrap .engine-common-h1 {
                        font-size: 12px
                    }

                    .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .tab-content .tab-pane .cust-tab-pane-img .engine-info-sec .engine-common-div .engine-common-wrap .engine-common-p {
                        font-size: 16px;
                        line-height: 19px
                    }

        .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
            width: max-content;
            margin: 0 auto
        }

            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .slide-1-cta .btn {
                padding: 12px 13px;
                font-size: 14px
            }

            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-icon {
                padding-left: 10px
            }

                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-icon img {
                    width: 20px
                }

            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options {
                right: auto;
                left: calc(100% + 3px);
                bottom: 7px;
                height: 30px;
                width: 0
            }

                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options ul li {
                    margin: 0
                }

                    .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options ul li img {
                        width: 30px
                    }

                .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .share-options.active {
                    width: 60px;
                    height: 30px
                }

            .specification-section .specification-wrapper .specifications-tabs-section .bike-product-wrapper .slide-1-content .callback-btn {
                padding: 8px 24px;
                font-size: 14px;
                line-height: 16px
            }
}

.home-main-section.city-bike-banner-section .carousel-inner .slider-content {
    bottom: 16%;
    left: -30px
}

.scooter-specifications .inner .content {
    padding: 50px 40px
}

    .scooter-specifications .inner .content h2 {
        font-size: var(--font-size48);
        font-weight: var(--font-weight-900);
        font-family: var(--font-tstar-heavy)!important;
    }

        .scooter-specifications .inner .content h2 .text-danger {
            color: var(--text-color-danger-red) !important
        }

    .scooter-specifications .inner .content .sub-text {
        font-size: var(--font-size18);
        max-width: 480px
    }

    .scooter-specifications .inner .content .specifications-list {
        margin: 30px 0
    }

        .scooter-specifications .inner .content .specifications-list li {
            flex: 0 0 33%;
            margin-bottom: 30px;
            font-size: var(--font-size14)
        }

            .scooter-specifications .inner .content .specifications-list li h4 {
                font-size: var(--font-size20)
            }

            .scooter-specifications .inner .content .specifications-list li .icon-box {
                margin-right: 10px
            }

    .scooter-specifications .inner .content .action {
        position: relative
    }

        .scooter-specifications .inner .content .action .share-btn {
            cursor: pointer
        }

        .scooter-specifications .inner .content .action .share-options {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #000;
            padding: 5px 10px;
            border-radius: 5px;
            transition: all 300ms ease-in;
            visibility: hidden;
            opacity: 0
        }

            .scooter-specifications .inner .content .action .share-options.active {
                opacity: 1;
                visibility: visible;
                top: -100%;
                transition: all 300ms ease-in
            }

.scooter-specifications .inner .img-box {
    flex: 0 0 45%;
    max-width: 38%;
    margin-bottom: -7px
}

    .scooter-specifications .inner .img-box img {
        max-width: 100%
    }

.product-highlighted-features {
    padding: 50px 0
}

    .product-highlighted-features .nav-tabs {
        border-bottom: 0;
        margin-bottom: 50px;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        padding-bottom: 10px
    }

        .product-highlighted-features .nav-tabs .nav-item {
            flex-grow: 1
        }

            .product-highlighted-features .nav-tabs .nav-item .nav-link {
                background-color: var(--text-color-white);
                border-radius: 16px;
                width: 100%;
                display: flex;
                font-weight: var(--font-weight-700);
                text-align: left;
                align-items: center;
                color: var(--text-color-black);
                white-space: nowrap
            }

                .product-highlighted-features .nav-tabs .nav-item .nav-link .icon {
                    margin-right: 10px
                }

                .product-highlighted-features .nav-tabs .nav-item .nav-link.active, .product-highlighted-features .nav-tabs .nav-item .nav-link:hover {
                    background: rgba(112,169,40,0.4);
                    font-family: var(--font-tstar-heavy)!important;
                    color: var(--text-color-black)
                }

    .product-highlighted-features .tab-inner {
        display: flex;
        align-items: center
    }

        .product-highlighted-features .tab-inner .info-panel {
            flex: 0 0 50%;
            max-width: 50%
        }

            .product-highlighted-features .tab-inner .info-panel h4 {
                font-size: var(--font-size28)
            }

            .product-highlighted-features .tab-inner .info-panel h2 {
                font-size: var(--font-size52);
                font-family: var(--font-tstar-heavy)!important;
                max-width: 400px;
                line-height: 1.2;
                margin-bottom: 16px
            }

            .product-highlighted-features .tab-inner .info-panel p {
                font-size: var(--font-size24);
                max-width: 500px
            }

        .product-highlighted-features .tab-inner .img-panel {
            flex: 0 0 50%;
            max-width: 50%
        }

            .product-highlighted-features .tab-inner .img-panel img {
                display: inline-block;
                max-width: 320px
            }

@media(max-width:991px) {
    .scooter-specifications .inner .content {
        padding: 50px 40px
    }

        .scooter-specifications .inner .content h2 {
            font-size: var(--font-size28)
        }

        .scooter-specifications .inner .content .sub-text {
            font-size: var(--font-size16)
        }

        .scooter-specifications .inner .content .specifications-list {
            margin: 50px 0
        }

            .scooter-specifications .inner .content .specifications-list li {
                flex: 0 0 49%;
                margin-bottom: 30px;
                font-size: var(--font-size14)
            }

                .scooter-specifications .inner .content .specifications-list li h4 {
                    font-size: var(--font-size16)
                }

    .product-highlighted-features {
        padding: 50px 0
    }

        .product-highlighted-features .tab-inner {
            display: flex;
            align-items: center
        }

            .product-highlighted-features .tab-inner .info-panel {
                flex: 0 0 60%;
                max-width: 60%
            }

                .product-highlighted-features .tab-inner .info-panel h4 {
                    font-size: var(--font-size20)
                }

                .product-highlighted-features .tab-inner .info-panel h2 {
                    font-size: var(--font-size32)
                }

                .product-highlighted-features .tab-inner .info-panel p {
                    font-size: var(--font-size20)
                }

            .product-highlighted-features .tab-inner .img-panel {
                flex: 0 0 40%;
                max-width: 40%
            }
}

@media(max-width:767px) {
    .scooter-specifications .inner .content .action {
        display: flex !important;
        justify-content: center
    }

    .scooter-specifications .inner .content {
        padding: 30px 15px;
        flex: 0 0 100%;
        max-width: 100%;
        order: 2
    }

        .scooter-specifications .inner .content h2 {
            text-align: center;
            margin-bottom: 20px;
            line-height: 1.4
        }

        .scooter-specifications .inner .content .sub-text {
            font-size: var(--font-size14);
            text-align: center
        }

        .scooter-specifications .inner .content .specifications-list {
            margin: 25px 0
        }

            .scooter-specifications .inner .content .specifications-list li {
                font-size: var(--font-size12);
                align-items: flex-start !important
            }

                .scooter-specifications .inner .content .specifications-list li h4 {
                    font-size: var(--font-size18)
                }

                .scooter-specifications .inner .content .specifications-list li .icon-box {
                    margin-right: 10px
                }

                    .scooter-specifications .inner .content .specifications-list li .icon-box img {
                        max-width: 30px
                    }

    .scooter-specifications .inner .action .share-btn img {
        max-width: 34px
    }

    .scooter-specifications .inner .img-box {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1
    }

        .scooter-specifications .inner .img-box img {
            width: 100%
        }

    .product-highlighted-features {
        padding: 50px 0
    }

        .product-highlighted-features .nav-tabs {
            margin-bottom: 25px
        }

            .product-highlighted-features .nav-tabs .nav-item {
                flex-grow: 1
            }

                .product-highlighted-features .nav-tabs .nav-item .nav-link {
                    font-size: var(--font-size14)
                }

                    .product-highlighted-features .nav-tabs .nav-item .nav-link .icon {
                        margin-right: 10px
                    }

                        .product-highlighted-features .nav-tabs .nav-item .nav-link .icon img {
                            max-width: 40px
                        }

                    .product-highlighted-features .nav-tabs .nav-item .nav-link.active, .product-highlighted-features .nav-tabs .nav-item .nav-link:hover {
                        background: rgba(112,169,40,0.4);
                        font-family: var(--font-tstar-heavy)!important;
                        color: var(--text-color-black)
                    }

        .product-highlighted-features .tab-inner {
            flex-wrap: wrap
        }

            .product-highlighted-features .tab-inner .info-panel {
                flex: 0 0 100%;
                max-width: 100%
            }

                .product-highlighted-features .tab-inner .info-panel h4 {
                    font-size: var(--font-size18);
                    margin-bottom: 15px
                }

                .product-highlighted-features .tab-inner .info-panel h2 {
                    font-size: var(--font-size28)
                }

                .product-highlighted-features .tab-inner .info-panel p {
                    font-size: var(--font-size16)
                }

            .product-highlighted-features .tab-inner .img-panel {
                flex: 0 0 100%;
                max-width: 100%;
                margin-top: 30px
            }

                .product-highlighted-features .tab-inner .img-panel img {
                    max-width: 250px
                }
}

@media(max-width:576px) {
    .product-highlighted-features {
        padding: 50px 0 10px
    }

        .product-highlighted-features .tab-inner {
            flex-wrap: wrap
        }

            .product-highlighted-features .tab-inner .info-panel h4 {
                font-size: var(--font-size16)
            }

            .product-highlighted-features .tab-inner .info-panel h2 {
                font-size: var(--font-size28)
            }

            .product-highlighted-features .tab-inner .info-panel p {
                font-size: var(--font-size14)
            }

            .product-highlighted-features .tab-inner .img-panel img {
                max-width: 200px
            }
}

.city-bike-specifications {
    background: url(../components/content/generictab/clientlibs/images/products/city-plus/specification-bg.html) no-repeat;
    color: #fff;
    background-position: center;
    background-size: cover;
    background: linear-gradient(180deg,#4f4d4d 0,#3d3d3d 100%) !important
}

    .city-bike-specifications h2 {
        font-size: var(--font-size48);
        font-family: var(--font-tstar-heavy)!important;
        margin-bottom: 25px
    }

    .city-bike-specifications .sharing-wrapper {
        margin-bottom: 10px
    }

        .city-bike-specifications .sharing-wrapper .inner {
            background: linear-gradient(90deg,rgba(0,0,0,0) .06%,rgba(0,0,0,0.2) 99.93%);
            position: relative;
            display: flex;
            align-items: center;
            padding: 10px 20px 10px 85px
        }

            .city-bike-specifications .sharing-wrapper .inner a {
                display: flex;
                align-items: center
            }

                .city-bike-specifications .sharing-wrapper .inner a p {
                    text-decoration: underline
                }

                .city-bike-specifications .sharing-wrapper .inner a + a {
                    margin-left: 50px
                }

            .city-bike-specifications .sharing-wrapper .inner .share-options {
                position: absolute;
                background-color: #000;
                border-radius: 5px;
                right: 0;
                top: -30px;
                padding: 5px 10px;
                opacity: 0;
                visibility: hidden;
                transition: all 300ms ease-in
            }

                .city-bike-specifications .sharing-wrapper .inner .share-options ul {
                    display: flex;
                    align-items: center
                }

                .city-bike-specifications .sharing-wrapper .inner .share-options.active {
                    opacity: 1;
                    visibility: visible;
                    top: -50px
                }

    .city-bike-specifications .city-bike-specifications-inner {
        max-width: 1300px;
        padding: 0 15px;
        margin: 0 auto
    }

    .city-bike-specifications .specifications-list {
        display: flex;
        align-items: center
    }

        .city-bike-specifications .specifications-list .slider-nav {
            flex: 0 0 250px;
            max-width: 250px
        }

            .city-bike-specifications .specifications-list .slider-nav .slick-slide {
                margin-bottom: 10px;
                padding: 10px 5px;
                text-align: center;
                border: 1px solid transparent;
                border-radius: 8px;
                font-size: var(--font-size24);
                cursor: pointer
            }

                .city-bike-specifications .specifications-list .slider-nav .slick-slide.slick-current {
                    background: rgba(255,255,255,0.7);
                    border-color: #000;
                    color: #000
                }

        .city-bike-specifications .specifications-list .right-content {
            flex: 0 0 calc(100% - 250px);
            max-width: calc(100% - 250px);
            padding-left: 20px
        }

            .city-bike-specifications .specifications-list .right-content .inner-content {
                display: flex;
                align-items: center
            }

                .city-bike-specifications .specifications-list .right-content .inner-content .info {
                    flex-grow: 1;
                    padding-left: 25px
                }

                    .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row {
                        display: flex;
                        align-content: center;
                        flex-wrap: wrap
                    }

                        .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col {
                            flex: 0 0 50%;
                            max-width: 50%;
                            margin-bottom: 25px
                        }

                            .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col.full {
                                flex: 0 0 100%;
                                max-width: 100%
                            }

                            .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col h4 {
                                font-size: var(--font-size18);
                                font-family: var(--font-tstar-heavy);
                                margin-bottom: 10px
                            }

                            .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col p {
                                font-size: var(--font-size26)
                            }

@media(max-width:1199px) {
    .city-bike-specifications .specifications-list {
        display: flex;
        align-items: center
    }

        .city-bike-specifications .specifications-list .slider-nav .slick-slide {
            border-radius: 5px;
            font-size: var(--font-size20);
            margin-bottom: 10px
        }

        .city-bike-specifications .specifications-list .right-content .inner-content .spec-img {
            max-width: 300px
        }

        .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col h4 {
            font-size: var(--font-size16)
        }

        .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col p {
            font-size: var(--font-size22)
        }
}

@media(max-width:991px) {
    .city-bike-specifications .sharing-wrapper {
        margin-bottom: 0;
        width: calc(100% + 30px);
        margin: 0 -15px
    }

        .city-bike-specifications .sharing-wrapper .inner {
            width: 100%;
            justify-content: center
        }

    .city-bike-specifications .custom-slider-arrows {
        position: relative;
        bottom: -38px
    }

    .city-bike-specifications .specifications-list {
        flex-wrap: wrap
    }

        .city-bike-specifications .specifications-list .slider-nav {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 25px
        }

            .city-bike-specifications .specifications-list .slider-nav .slick-list .slick-track {
                display: flex;
                align-content: center;
                justify-content: center
            }

                .city-bike-specifications .specifications-list .slider-nav .slick-list .slick-track .slick-slide.slick-current {
                    max-width: 500px
                }

        .city-bike-specifications .specifications-list .right-content {
            flex: 0 0 calc(100%);
            max-width: calc(100%);
            padding-left: 0
        }

            .city-bike-specifications .specifications-list .right-content .inner-content {
                display: flex;
                align-items: center;
                flex-wrap: wrap
            }

                .city-bike-specifications .specifications-list .right-content .inner-content .spec-img {
                    flex: 0 0 100%;
                    max-width: 100%;
                    text-align: center
                }

                    .city-bike-specifications .specifications-list .right-content .inner-content .spec-img img {
                        display: inline-block
                    }
}

@media(max-width:767px) {
    .city-bike-specifications {
        background: linear-gradient(180deg,#6f6f70 0,#4e4e4e 100%)
    }

        .city-bike-specifications h2 {
            font-size: var(--font-size28);
            margin-bottom: 10px
        }

        .city-bike-specifications .custom-slider-arrows {
            bottom: -31px
        }

        .city-bike-specifications .specifications-list {
            flex-wrap: wrap
        }

            .city-bike-specifications .specifications-list .slider-nav .slick-list .slick-track .slick-slide {
                font-size: var(--font-size18);
                letter-spacing: 2px;
                padding: 3px 10px
            }

                .city-bike-specifications .specifications-list .slider-nav .slick-list .slick-track .slick-slide.slick-current {
                    max-width: 200px
                }

            .city-bike-specifications .specifications-list .right-content .inner-content .spec-img {
                flex: 0 0 100%;
                max-width: 100%;
                text-align: center
            }

                .city-bike-specifications .specifications-list .right-content .inner-content .spec-img img {
                    display: inline-block;
                    max-width: 150px
                }

            .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col {
                margin-bottom: 15px
            }

                .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col:nth-child(odd) {
                    padding-right: 16px
                }

                .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col h4 {
                    font-size: var(--font-size12);
                    margin-bottom: 10px
                }

                .city-bike-specifications .specifications-list .right-content .inner-content .info .info-row .info-col p {
                    font-size: var(--font-size16)
                }

        .city-bike-specifications h2 {
            padding: 0 15px
        }

        .city-bike-specifications .specifications-list .right-content .inner-content .info {
            padding-left: 0
        }
}

.governance-section {
    background: #f5f5f5;
    padding-bottom: 50px
}

    .governance-section .overview-heading.new {
        background: #f5f5f5;
        padding: 0 10px
    }

.gov-card .gov-img {
    width: 166px;
    margin: auto;
    padding: 10px
}

.governance-section .tab-pane {
    padding: 25px;
    background-color: #fff
}

.gov-card .card-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color-black);
    padding: 0 5px 0 5px
}

.gov-card .card-title {
    font-family: var(--font-tstar-heavy)!important;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--text-color-black);
    margin-bottom: 4px;
    font-size: 18px
}

.gov-card .card-body {
    padding-top: 5px;
    height: 100%
}

.governance-section .nav-pills .nav-link.active {
    background-color: transparent;
    border: 0;
    color: #0000ab;
    font-family: var(--font-tstar-heavy)!important;
    font-size: 20px;
    line-height: 24px
}

.governance-section .nav-pills .nav-link {
    border: 0;
    background-color: transparent;
    font-size: 20px;
    line-height: 24px;
    text-align: left
}

    .governance-section .nav-pills .nav-link.active span {
        width: 2px;
        height: 2px;
        border: 5px solid #0000ab;
        border-radius: 100%;
        display: inline-block;
        padding: 3px;
        margin-right: 10px
    }

    .governance-section .nav-pills .nav-link span {
        width: 2px;
        height: 2px;
        border: 5px solid #a5a5a5;
        border-radius: 100%;
        display: inline-block;
        padding: 3px;
        margin-right: 10px
    }

.governance-section .nav-pills .nav-link {
    display: flex;
    align-items: center
}

.gov-card:hover {
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
    backdrop-filter: blur(6.57895px);
    border-radius: 18px
}

@media only screen and (max-width:768px) {
    .governance-section {
        background: #f5f5f5;
        padding-bottom: 50px
    }

    .gov-card .gov-img {
        padding: 10px
    }

    .governance-section .tab-pane {
        padding: 25px;
        background-color: #fff
    }

    .gov-card .card-text {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: var(- -text-color-black)
    }

    .gov-card .card-body {
        padding: 5px
    }

    .governance-section .nav-pills .nav-link.active {
        background-color: transparent;
        border: 0;
        color: #0000ab;
        font-family: var(- -font-tstar-heavy)!important;
        font-size: 20px;
        line-height: 24px
    }

    .governance-section .nav-pills .nav-link {
        border: 0;
        background-color: transparent;
        font-size: 20px;
        line-height: 24px;
        text-align: left
    }

        .governance-section .nav-pills .nav-link.active span {
            width: 2px;
            height: 2px;
            border: 5px solid #0000ab;
            border-radius: 100%;
            display: inline-block;
            padding: 3px;
            margin-right: 10px
        }

        .governance-section .nav-pills .nav-link span {
            width: 2px;
            height: 2px;
            border: 5px solid #a5a5a5;
            border-radius: 100%;
            display: inline-block;
            padding: 3px;
            margin-right: 10px
        }

    .governance-section .nav-pills .nav-link {
        display: flex;
        align-items: center
    }

    .gov-card:hover {
        box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
        backdrop-filter: blur(6.57895px);
        border-radius: 18px
    }

    .social-icon {
        visibility: hidden
    }

    .gov-card:hover .social-icon {
        visibility: visible
    }
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .governance-section {
        display: none
    }

    .hide_thisinlarge {
        display: block
    }
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .governance-section {
        display: none
    }

    .hide_thisinlarge {
        display: block
    }
}

@media screen and (max-device-width:480px) and (orientation:portrait) {
    .governance-section {
        display: none
    }

    .hide_thisinlarge {
        display: none
    }
}

@media screen and (max-device-width:640px) and (orientation:landscape) {
    .governance-section {
        display: none
    }

    .hide_thisinlarge {
        display: none
    }
}

@media screen and (max-device-width:640px) {
    .hide_thisinlarge {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .governance-section .nav-pills .nav-link.active, .governance-section .nav-pills .nav-link {
        font-size: 14px;
        line-height: 16px
    }

    .gov-card .card-title {
        font-size: 12px;
        line-height: 14px
    }

    .gov-card .gov-img {
        max-width: 100%
    }

    .gov-card .card-text {
        font-size: 10px;
        line-height: 12px
    }
}

@media only screen and (min-width:769px) {
    .section-tab-mob {
        display: none !important
    }

    .governance-section {
        display: block !important
    }
}

.p-40 {
    padding: 0 16px
}

@media only screen and (min-width:992px) {
    .p-40 {
        padding: 10px 40px
    }
}

.governance-section {
    background: #f5f5f5;
    padding-bottom: 50px
}

    .governance-section .overview-heading.new {
        background: #f5f5f5;
        padding: 0 10px
    }

.gov-card .gov-img {
    padding: 10px
}

.governance-section .tab-pane {
    padding: 25px;
    background-color: #fff
}

.gov-card .card-title {
    font-family: var(--font-tstar-heavy)!important;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--text-color-black);
    margin-bottom: 4px
}

.gov-card .card-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color-black)
}

.gov-card .card-body {
    padding-top: 5px
}

.governance-section .nav-pills .nav-link.active {
    background-color: transparent;
    border: 0;
    color: #0000ab;
    font-family: var(--font-tstar-heavy)!important;
    font-size: 20px;
    line-height: 24px
}

.governance-section .nav-pills .nav-link {
    border: 0;
    background-color: transparent;
    font-size: 20px;
    line-height: 24px;
    text-align: left
}

    .governance-section .nav-pills .nav-link.active span {
        width: 2px;
        height: 2px;
        border: 5px solid #0000ab;
        border-radius: 100%;
        display: inline-block;
        padding: 3px;
        margin-right: 10px
    }

    .governance-section .nav-pills .nav-link span {
        width: 2px;
        height: 2px;
        border: 5px solid #a5a5a5;
        border-radius: 100%;
        display: inline-block;
        padding: 3px;
        margin-right: 10px
    }

.governance-section .nav-pills .nav-link {
    display: flex;
    align-items: center
}

.gov-card:hover {
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
    backdrop-filter: blur(6.57895px);
    border-radius: 18px
}

.investor-explore .explore-div a {
    font-family: 'Poppins', sans-serif!important;
    font-size: 18px;
    line-height: 1.2;
    color: #009fda;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 15px
}

.investor-explore .explore-div {
    margin-top: 20px;
    margin-bottom: 15px
}

    .investor-explore .explore-div a::after {
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-right-style: solid;
        border-right-width: 3px;
        content: "";
        display: inline-block;
        height: 9px;
        right: 0;
        position: absolute;
        top: 6.5px;
        width: 9px;
        transform: rotate(315deg)
    }

.custom-blogs .explore-tab-section {
    margin-top: 0
}

.custom-blogs .common-tabs-main .nav-item .nav-link {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    padding-bottom: 8px
}

.custom-blogs .common-tabs-main {
    margin-bottom: 31px
}

.custom-blogs .slick-dotted.slick-slider {
    margin-top: 0
}

.custom-blogs .card {
    border: 0;
    border-bottom: 4px solid red;
    box-shadow: unset;
    border-radius: 12px
}

.custom-blogs .container-fluid {
    padding: 0 29px
}

.custom-blogs .slick-slide {
    padding: 0 11px !important
}

.custom-blogs .card .card-body {
    padding: 16px
}

    .custom-blogs .card .card-body .card-title {
        margin-bottom: 8px
    }

    .custom-blogs .card .card-body img {
        height: 24px;
        width: 24px
    }

.custom-blogs .explore .slick-dots li {
    width: 32px;
    height: 8px
}

    .custom-blogs .explore .slick-dots li button:before {
        width: 32px;
        height: 8px
    }

.custom-blogs .explore-card-section-slick {
    margin-bottom: 16px
}

@media(max-width:625px) {
    .investor-explore ul.common-tabs-main .nav-item {
        margin: 0 16px
    }

    .investor-explore .explore-tab-section .bike-tab-section .bike-product-wrapper {
        margin-top: 0
    }

    .investor-explore .slick-list {
        margin: 0 16px
    }

    .investor-explore .block {
        margin-top: 0
    }

    .investor-explore .explore-div a {
        font-size: 14px
    }

        .investor-explore .explore-div a::after {
            height: 8px;
            width: 8px;
            top: 4.5px
        }

    .investor-explore .explore-div {
        margin-top: 0;
        margin-bottom: 16px;
        padding-top: 0
    }

    .investor-explore .blog-container {
        margin-bottom: 16px
    }

    .custom-blogs .common-tabs-main .nav-item a.nav-link {
        font-size: 18px;
        font-style: normal;
        font-weight: 900;
        line-height: 24px;
        width: 100%;
        padding-bottom: 4px;
        padding-left: 0;
        padding-right: 0
    }

    .custom-blogs#blogs-and-news .tab-wrapper .slick-list .slick-track {
        width: 100% !important
    }

    .custom-blogs#blogs-and-news .tab-wrapper .slick-track .slick-slide {
        width: calc(50% - 16px) !important
    }

    .custom-blogs .investor-explore ul.common-tabs-main .slick-track .nav-item.slick-slide {
        margin: 0 8px;
        padding: 0 !important
    }

    .custom-blogs .common-tabs-main {
        margin-bottom: 16px
    }

    .custom-blogs .container-fluid {
        padding: 0 16px
    }

    .custom-blogs .tab-content .card .card-img-top {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .custom-blogs .card div.card-body {
        padding: 8px;
        height: 196px
    }

    .custom-blogs .card .card-body .card-title.title {
        margin-bottom: 4px
    }

    .custom-blogs .card-body a {
        bottom: 8px
    }

    .custom-blogs .explore .slick-dots li button:before {
        width: 26px !important;
        height: 6px !important
    }

    .custom-blogs .explore .slick-dots li {
        margin: 0 2px
    }

    .custom-blogs .explore .slick-list {
        margin: 0
    }

    .custom-blogs .slick-track .slick-slide {
        padding: 0 16px !important
    }

    .custom-blogs .nav.common-tabs-main {
        margin-bottom: 16px
    }

    .custom-blogs .explore-card-section-slick {
        margin-bottom: 0 !important
    }
}

.splendor-feature-section {
    background-image: url("../components/content/featurecarousel/clientlibs/images/products/city/splendor-feature-slide-bg.html");
    background-repeat: no-repeat;
    background-position: center;
    background: #fff;
    background-size: cover
}

    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .splender-feature-slider {
        margin-top: -30px
    }

    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .splendor-feature-h2 {
        font-family: 'Poppins', sans-serif!important;
        font-style:  ;
        font-weight: var(--font-weight-900);
        font-size: var(--font-size38);
        line-height: var(--line-height45);
        color: #303030;
        margin-top: 30px
    }

    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow {
        width: 65px;
        height: 65px;
        top: 200px;
        transform-origin: center;
        transform: translate(0,0);
        z-index: 1
    }

        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url("/assets/images/bikes-specs-icon/slider-icon/slider-nav-red.svg") no-repeat;
            background-size: 100%
        }

        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow.slick-next {
            transform: rotate(180deg)
        }

    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list {
        padding: 30px 10px !important
    }

        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide:not(.slick-center) {
            transform: scale(0.6,0.6);
            transition: all .4s ease-in-out
        }

            .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide:not(.slick-center) img {
                width: 100%
            }

            .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide:not(.slick-center) .splendor-feature-h3 {
                display: none;
                font-family: 'Poppins', sans-serif!important;
                font-style: normal;
                font-weight: var(--font-weight-300);
                font-size: var(--font-size38);
                line-height: var(--line-height-46);
                color: var(--text-color-white)
            }

        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-center img {
            width: 100%;
            margin-bottom: -15px
        }

        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-center .splendor-feature-h3 {
            font-family: 'Poppins', sans-serif!important;
            font-style: normal;
            font-weight: var(--font-weight-300);
            font-size: var(--font-size30);
            line-height: var(--line-height-46);
            color: var(--text-color-white)
        }

            .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-center .splendor-feature-h3 .feature-span {
                font-family: 'Poppins', sans-serif!important;
                font-style: normal;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size30);
                line-height: var(--line-height-46);
                color: var(--text-color-white)
            }

    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-next {
        z-index: 99;
        top: 30%
    }

        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-next::before {
            font-size: var(--font-size38) !important;
            content: url("clientlib-site/resources/images/icons/left-slider-white-arrow-icon.svg")
        }

@media(max-width:1199px) and (min-width:992px) {
    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow {
        top: 155px
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow {
        top: 235px;
        left: 80px
    }

        .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow.slick-next {
            left: auto;
            right: 80px
        }
}

@media(max-device-width:767px) and (min-width:320px) {
    .splendor-feature-section {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

        .splendor-feature-section .splendor-feature-section-content {
            max-width: 100%
        }

            .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .splendor-feature-h2 {
                font-family: 'Poppins', sans-serif!important;
                font-style:  ;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size28);
                line-height: var(--line-height34);
                color: #303030;
                padding: 16px 0
            }

            .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow {
                top: 115px;
                left: 0;
                width: 38px;
                height: 38px
            }

                .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow.slick-next {
                    left: auto;
                    right: 0
                }

            .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-prev::before {
                font-size: var(--font-size38) !important
            }

            .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list {
                padding: 30px 10px !important
            }

                .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide:not(.slick-center) {
                    transform: scale(0.8,0.8);
                    transition: all .4s ease-in-out;
                    position: relative
                }

                    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide:not(.slick-center)::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0,0,0,0.8);
                        border-radius: 100%
                    }

                    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide:not(.slick-center) .splendor-feature-h3 {
                        display: none;
                        font-family: 'Poppins', sans-serif!important;
                        font-style: normal;
                        font-weight: var(--font-weight-300);
                        font-size: var(--font-size18);
                        line-height: var(--line-height-22);
                        color: var(--text-color-white);
                        margin-bottom: 32px
                    }

                        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide:not(.slick-center) .splendor-feature-h3 .feature-span {
                            font-family: 'Poppins', sans-serif!important;
                            font-style: normal;
                            font-weight: var(--font-weight-900);
                            font-size: var(--font-size18);
                            line-height: var(--line-height-22);
                            color: var(--text-color-white)
                        }

                .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-center {
                    transform: scale(1.1)
                }

                    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-center img {
                        margin-bottom: 13px
                    }

                    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-center .splendor-feature-h3 {
                        font-family: 'Poppins', sans-serif!important;
                        font-style: normal;
                        font-weight: var(--font-weight-300);
                        font-size: var(--font-size18);
                        line-height: var(--line-height-22);
                        color: var(--text-color-white);
                        margin-bottom: 32px
                    }

                        .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-center .splendor-feature-h3 .feature-span {
                            font-family: 'Poppins', sans-serif!important;
                            font-style: normal;
                            font-weight: var(--font-weight-900);
                            font-size: var(--font-size18);
                            line-height: var(--line-height-22);
                            color: var(--text-color-white)
                        }
}

#hovervideo-section .hovervideo--container {
    padding: 0 40px
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container {
        padding: 0 16px
    }
}

#hovervideo-section .hovervideo--container h2 {
    line-height: 1.2;
    font-size: 48px;
    color: white;
    font-style:  ;
    font-family: var(--font-tstar-heavy)!important;
    text-align: center;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container h2 {
        font-size: 28px;
        margin-bottom: 16px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap {
    width: auto;
    display: block;
    margin: 0 -4px
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap {
        margin: 0 -2px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap {
    width: auto;
    display: flex;
    flex-wrap: wrap
}

    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile {
        width: 25%;
        position: relative;
        padding: 0 4px;
        margin-bottom: 8px;
        max-height: 278px;
        overflow: hidden
    }

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile {
        width: 50%;
        height: 170px;
        margin-bottom: 4px;
        padding: 0 2px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content {
    width: 100%;
    height: 100%;
    position: relative
}

    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content img {
        width: 100%;
        height: 100%
    }

        #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content img.left-auto {
            margin-left: auto;
            width: auto
        }

        #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content img.right-auto {
            margin-right: auto;
            width: auto
        }

    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        height: 100%
    }

        #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.bg-grey {
            background-color: #ededed
        }

        #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.bg-lt-orange {
            background-color: #fef8f2
        }

        #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.clip-path-1 {
            clip-path: polygon(20% 0,100% 80%,100% 100%,0 100%,0 0)
        }

        #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.clip-path-2 {
            clip-path: polygon(100% 0,100% 20%,20% 100%,0 100%,0 0)
        }

        #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.clip-path-3 {
            clip-path: polygon(65% 0,100% 100%,100% 100%,0 100%,0 0)
        }

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.clip-path-3 {
        clip-path: polygon(50% 0,100% 100%,100% 100%,0 100%,0 0)
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.clip-path-4 {
    clip-path: polygon(100% 0,100% 100%,100% 100%,35% 100%,0 0)
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content.clip-path-4 {
        clip-path: polygon(100% 0,100% 100%,100% 100%,50% 100%,0 0)
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap {
    width: 100%;
    height: 100%;
    position: relative
}

    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3 {
        font-size: 32px;
        line-height: 1.5;
        color: #303030;
        font-family: var(--font-tstar-heavy)!important;
        position: absolute;
        max-width: 75%
    }

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3 {
        font-size: 16px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3.bottom-left {
    bottom: 16px;
    left: 16px
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3.top-left {
    top: 16px;
    left: 16px
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3.top-left.bottom-mob {
        top: unset;
        bottom: 16px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3.top-right {
    top: 16px;
    right: 41px
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3.top-right {
        right: 16px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3.adj-width {
    max-width: 53%
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--content .overlay--content .overlay--wrap h3.adj-width-align-right {
    max-width: 33%;
    text-align: right
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile.half-width {
    width: 50%
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile.half-width {
        width: 100%
    }
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile.half-width.order-change {
        order: 5
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover {
    padding: 0 4px;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: bottom .1s ease-in;
    z-index: 2
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover {
        padding: 0 2px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-row-reverse img, #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-row img {
    max-width: 78%
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-row-reverse img, #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-row img {
        max-width: 70%
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-row-reverse .text-desc, #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-row .text-desc {
    padding: 6px
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-row .text-desc {
    text-align: right
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover.flex-column img {
    max-height: 180px
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover img {
    height: 100%;
    width: 100%
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover .text-desc {
    padding: 12px;
    background: #fef8f2;
    height: 100%;
    width: 100%
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover .text-desc {
        padding: 4px 11px 6px 4px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover .text-desc h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 1.33
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover .text-desc h4 {
        font-size: 14px
    }
}

#hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover .text-desc p {
      font-family: 'Poppins', sans-serif!important;
    font-size: 16px;
    line-height: 1.25;
    padding-top: 5px
}

@media(max-width:768px) {
    #hovervideo-section .hovervideo--container .outer--wrap .inner--wrap .feature--tile .tile--onhover .text-desc p {
        font-size: 12px
    }
}

.products-comparison-section {
    background: linear-gradient(180deg,rgba(0,0,0,0.89) 14.4%,rgba(0,0,0,0) 44.6%),linear-gradient(0,rgba(0,0,0,0.35),rgba(0,0,0,0.35));
    padding: 50px 0 20px
}

    .products-comparison-section .products-comparison-head-main {
        display: flex;
        justify-content: space-between;
        max-width: 946px;
        margin: 0 auto
    }

        .products-comparison-section .products-comparison-head-main .products-comparison-head {
            width: max-content;
            max-width: 100%;
            margin-bottom: 30px;
            text-transform: uppercase
        }

            .products-comparison-section .products-comparison-head-main .products-comparison-head h2 {
                font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size40);
                color: var(--text-color-info);
                font-style:  
            }

            .products-comparison-section .products-comparison-head-main .products-comparison-head.right h2 {
                color: var(--text-color-danger-red-2)
            }

    .products-comparison-section .products-comparison-wrapper {
        display: flex;
        justify-content: space-between
    }

        .products-comparison-section .products-comparison-wrapper .products-comparison-main {
            max-width: 946px;
            margin: 0 auto;
            flex: 1;
            padding: 0 0 0 45px
        }

            .products-comparison-section .products-comparison-wrapper .products-comparison-main .products-comparison-row {
                margin-bottom: 30px
            }

                .products-comparison-section .products-comparison-wrapper .products-comparison-main .products-comparison-row ul {
                    display: flex;
                    justify-content: space-between
                }

                    .products-comparison-section .products-comparison-wrapper .products-comparison-main .products-comparison-row ul li h4 {
                        font-family: 'Poppins', sans-serif!important;
                        font-weight: var(--font-weight-400);
                        font-size: var(--font-size28);
                        color: var(--text-color-white);
                        margin: 0 70px;
                        text-align: center
                    }

@media(max-device-width:767px) and (min-width:320px) {
    .products-comparison-section .products-comparison-head-main {
        max-width: 100%;
        padding: 0 15px
    }

        .products-comparison-section .products-comparison-head-main .products-comparison-head {
            margin: 0 10px 0 0;
            width: 50%
        }

            .products-comparison-section .products-comparison-head-main .products-comparison-head h2 {
                font-size: var(--font-size26)
            }

            .products-comparison-section .products-comparison-head-main .products-comparison-head.right {
                margin: 0 0 0 10px;
                text-align: right
            }

    .products-comparison-section .products-comparison-wrapper {
        position: relative;
        padding-top: 160px
    }

        .products-comparison-section .products-comparison-wrapper .products-comparison-img {
            width: 150px;
            position: absolute;
            top: 0;
            left: 0
        }

        .products-comparison-section .products-comparison-wrapper .products-comparison-main {
            padding: 0 60px;
            max-width: 100%
        }

            .products-comparison-section .products-comparison-wrapper .products-comparison-main .products-comparison-row {
                margin: 0 0 30px 0
            }

                .products-comparison-section .products-comparison-wrapper .products-comparison-main .products-comparison-row ul li {
                    margin-top: 0
                }

                    .products-comparison-section .products-comparison-wrapper .products-comparison-main .products-comparison-row ul li img {
                        width: 35px
                    }

                    .products-comparison-section .products-comparison-wrapper .products-comparison-main .products-comparison-row ul li h4 {
                        font-size: var(--font-size21);
                        margin: 0 22px
                    }

            .products-comparison-section .products-comparison-wrapper .products-comparison-main + .products-comparison-img {
                left: auto;
                right: 0
            }

    .products-comparison-section .btn {
        margin-top: 8px
    }
}

.compare-bike-section {
    background-color: var(--bg-color-white)
}

    .compare-bike-section .compare-bike-wrappper .bike-compare-div {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }

        .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-img {
            display: inline-block;
            max-width: 283px
        }

        .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info {
            max-width: 760px;
            width: 100%
        }

            .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-mob-div {
                display: none
            }

            .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 17px 0
            }

                .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div.variant p {
                    font-size: 30px
                }

@media(max-device-width:767px) and (min-width:320px) {
    .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div.variant p {
        font-size: 18px;
        max-width: 117px
    }
}

.compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-p {
    font-family: 'Poppins', sans-serif!important;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size24);
    color: var(--text-color-black);
    width: 30%;
    text-align: left
}

    .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-p.right {
        text-align: right
    }

.compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-middle-p {
    font-family: 'Poppins', sans-serif!important;
    font-size: var(--font-size20);
    color: var(--text-color-black)
}

.compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-img {
    display: inline-block
}

.compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info {
    text-align: center
}

.common-h3 {
    font-family: 'Poppins', sans-serif!important;
    font-style:  ;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size48);
    text-align: center;
    color: var(--text-color-black);
    padding: 31px 0 31px 0;
    display: block
}

.text-white .common-h3 {
    color: var(--text-color-white)
}

.common-cta {
    display: flex;
    justify-content: center;
    padding: 44px 0 44px 0
}

    .common-cta .cta-bg {
        background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%) !important;
        border-radius: 4px
    }

        .common-cta .cta-bg .btn-span {
            font-weight: var(--font-weight-900);
            font-size: var(--font-size20);
            line-height: var(--line-height-24);
            display: flex;
            align-items: center;
            text-transform: uppercase;
            color: #f5f5f7
        }

@media(max-device-width:767px) and (min-width:320px) {
    .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info {
        width: 100%
    }

        .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-mob-div {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-mob-div img {
                max-width: 100px
            }

        .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div {
            text-align: center;
            padding: 10px 16px;
            align-items: flex-start
        }

            .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-p {
                font-size: var(--font-size18);
                width: 25%
            }

                .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-p:last-child {
                    text-align: right
                }

            .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-middle-p {
                font-size: var(--font-size16)
            }

    .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-img {
        display: none !important
    }

    .compare-bike-section .compare-bike-wrappper .common-cta {
        display: flex;
        justify-content: center;
        padding: 44px 0 44px 0
    }

        .compare-bike-section .compare-bike-wrappper .common-cta .cta-bg {
            background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
            border-radius: 4px;
            padding: 8px 24px
        }

            .compare-bike-section .compare-bike-wrappper .common-cta .cta-bg .btn-span {
                font-weight: var(--font-weight-900);
                font-size: var(--font-size20);
                line-height: var(--line-height-24);
                display: flex;
                align-items: center;
                text-transform: uppercase;
                color: #f5f5f7
            }

    .compare-bike-section .compare-bike-wrappper .bike-compare-div .compare-bike-info {
        text-align: center
    }

    .common-h3 {
        font-size: var(--font-size28);
        padding: 18px 0 18px 0
    }
}

.text-white .compare-bike-common-p {
    color: var(--text-color-white) !important
}

.text-white .compare-bike-common-middle-p {
    color: var(--text-color-white) !important
}

.compare-bike-section.compare-scooter-section {
    padding: 20px 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../../../content/dam/hero-aem-website/in/products/scooters/scooters-bg-img.png) !important
}

@media(max-width:767px) {
    .compare-bike-section.compare-scooter-section .compare-bike-wrappper .compare-bike-header {
        padding: 15px
    }

    .compare-bike-section.compare-scooter-section .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-mob-div img {
        max-width: 35%
    }
}

.compare-bike-section.dark-theme {
    background-size: cover;
    background: linear-gradient(180deg,#4f4d4d 0,#3d3d3d 100%) !important;
    background: linear-gradient(180deg,#6f6f6f 0,#313131 100%),url(../components/content/productcompare/clientlibs/images/products/city-plus/comparision-bg.html) no-repeat center
}

    .compare-bike-section.dark-theme .common-h3 {
        color: #eee;
        text-transform: capitalize
    }

    .compare-bike-section.dark-theme .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-p {
        color: #eee
    }

        .compare-bike-section.dark-theme .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-p:nth-child(1) {
            color: #eee
        }

    .compare-bike-section.dark-theme .compare-bike-wrappper .bike-compare-div .compare-bike-info .compare-bike-common-div .compare-bike-common-middle-p {
        color: #eee
    }

    .compare-bike-section.dark-theme .common-cta {
        padding-top: 20px
    }

.quick-link-container {
    margin: 40px 40px 80px;
    display: flex;
    flex-wrap: wrap
}

    .quick-link-container .inner-field-1 {
        position: relative;
        background-color: #d72828;
        width: 50%;
        height: 236px;
        border-top-left-radius: 6px
    }

    .quick-link-container .inner-field-2 {
        position: relative;
        background-color: #303030;
        height: 236px;
        width: 25%
    }

    .quick-link-container .inner-field-3 {
        position: relative;
        background-color: #979797;
        height: 236px;
        width: 25%;
        border-top-right-radius: 6px
    }

    .quick-link-container .inner-field-4 {
        position: relative;
        background-color: #eaeaea;
        height: 236px;
        width: 50%;
        border-bottom-left-radius: 6px
    }

    .quick-link-container .inner-field-5 {
        background-color: #d1d1d1;
        position: relative;
        height: 236px;
        width: 50%;
        border-bottom-right-radius: 6px
    }

.inner-info-field {
    margin: 24px;
    display: flex;
    flex-direction: column
}

    .inner-info-field .card-name p {
        font-family: 'Poppins', sans-serif!important;
        font-size: 18px;
        line-height: .81;
        font-weight: 700;
        color: #fff
    }

    .inner-info-field .card-heading p {
        font-family: var(--font-tstar-heavy)!important;
        font-size: 28px;
        line-height: 1.2;
        font-weight: 900;
        color: #fff;
        padding: 12px 0 12px 0
    }

.quick-link-container .inner-field-5 .inner-info-field .card-heading p {
    width: 60%
}

.quick-link-container .inner-field-2 .inner-info-field .card-link, .quick-link-container .inner-field-3 .inner-info-field .card-link, .quick-link-container .inner-field-4 .inner-info-field .card-link, .quick-link-container .inner-field-5 .inner-info-field .card-link {
    position: absolute;
    bottom: 24px
}

.inner-info-field .card-link-middle {
    margin-top: 10px
}

.inner-info-field .first-card-link, .inner-info-field .card-link {
    display: flex
}

    .inner-info-field .card-link a, .inner-info-field .first-card-link a {
        font-family: 'Poppins', sans-serif!important;
        font-size: 18px;
        line-height: .81;
        font-weight: 700;
        color: #fff;
        text-decoration: none
    }

    .inner-info-field .card-link img {
        padding: 0 0 0 15px
    }

    .inner-info-field .first-card-link img {
        padding: 10px 0 0 15px
    }

.black .card-heading p, .black .card-name p, .black .card-link a {
    color: #303030
}

.quick-link-container .inner-field-1 .border-line {
    width: 70%;
    border-top: solid;
    color: #fff;
    margin: 10px 0 0 0
}

.quick-link-container .inner-field-1 .second-block {
    margin-top: 0
}

.second-block .card-heading {
    padding: 10px 0 0 0
}

.inner-info-field .card-link .right-arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-color: #fff
}

.quick-link-container .inner-field-3 .inner-info-field .card-link {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    font-weight: 700;
    font-family: 'Poppins', sans-serif!important;
}

.black .inner-info-field .card-link .right-arrow {
    border-color: #303030
}

#quicklink-dividents .row-wrapper {
    display: flex;
    width: 100%
}

#quicklink-dividents .border-line-separator {
    width: 100%;
    margin-top: 16px;
    border-top: 1px solid;
    color: #fff;
    opacity: .7
}

#quicklink-dividents .variation {
    width: 100%;
    position: relative
}

    #quicklink-dividents .variation.full-tile {
        height: 100%;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

        #quicklink-dividents .variation.full-tile .card-link {
            position: unset;
            margin-top: 11px
        }

#quicklink-dividents .spec-height {
    height: 175px
}

#quicklink-dividents .row-wrapper .divident-col {
    display: flex;
    flex-direction: column;
    width: 50%
}

#quicklink-dividents .card-heading p {
    padding: 24px 0 0 0
}

#quicklink-dividents .variation .card-link {
    position: absolute;
    bottom: 24px
}

    #quicklink-dividents .variation .card-link a, #quicklink-dividents .inner-info-field .card-name p {
        line-height: 1.2
    }

#quicklink-dividents .inner-info-field {
    padding: 24px;
    margin: 0
}

#quicklink-dividents .card-name {
    text-transform: uppercase
}

@media(max-width:910px) {
    .quick-link-container {
        flex-wrap: wrap
    }

        .quick-link-container .inner-field-1 {
            width: 100%
        }

        .quick-link-container .inner-field-2 {
            width: 50%
        }

        .quick-link-container .inner-field-3 {
            width: 50%;
            border-top-right-radius: 0
        }

        .quick-link-container .inner-field-4 {
            width: 100%;
            border-bottom-left-radius: 0
        }

        .quick-link-container .inner-field-5 {
            width: 100%
        }

            .quick-link-container .inner-field-5 img.tile-bg-img {
                border-bottom-left-radius: 6px
            }
}

@media(max-width:768px) {
    .quick-link-container {
        margin: 16px 16px 32px
    }

    .inner-info-field .card-name p {
        font-size: 14px;
        line-height: .83;
        font-weight: 700;
        width: fit-content
    }

    .inner-info-field .card-heading p {
        font-size: 24px;
        line-height: 1;
        font-weight: 900;
        padding-top: 10px;
        width: min-content
    }

    .inner-info-field .card-link a, .inner-info-field .first-card-link a {
        font-size: 14px;
        line-height: .81;
        font-weight: 700
    }

    .inner-info-field {
        margin: 10px 0 0 10px
    }

    .quick-link-container .inner-field-1 .border-line {
        width: 2px;
        height: 68px;
        border-left: solid;
        color: rgba(255,255,255,0.7);
        margin: 27px 19px 0 15px
    }

    .second-block .card-heading p {
        padding: 33px 0 0 0
    }

    .quick-link-container .inner-field-1 {
        height: 123px;
        display: flex;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

        .quick-link-container .inner-field-1 .inner-info-field > div:last-child {
            margin-top: 10px
        }

    .quick-link-container .inner-field-2 {
        height: 147px
    }

    .quick-link-container .inner-field-3 {
        height: 147px
    }

    .quick-link-container .inner-field-2 .inner-info-field {
        margin: 12px 0 12px 12px
    }

        .quick-link-container .inner-field-2 .inner-info-field .card-heading p {
            width: fit-content;
            padding-bottom: 6.5px
        }

    .quick-link-container .inner-field-3 .inner-info-field .card-heading p {
        width: fit-content
    }

    .quick-link-container .inner-field-4 {
        height: 147px
    }

        .quick-link-container .inner-field-4 .inner-info-field {
            margin: 12px 9px 12px 12px
        }

            .quick-link-container .inner-field-4 .inner-info-field .card-heading p {
                width: fit-content
            }

    .quick-link-container .inner-field-5 {
        background-color: #d1d1d1;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        height: 125px
    }

        .quick-link-container .inner-field-5 .inner-info-field .card-heading p {
            width: fit-content;
            font-size: 20px;
            line-height: 1.2
        }

    .inner-info-field .card-link {
        bottom: 10px
    }

    .quick-link-container .inner-field-5 img.tile-bg-img {
        border-bottom-left-radius: 12px;
        display: none
    }

    .quick-link-container .inner-field-5 .inner-info-field .card-name p {
        font-size: 16px;
        line-height: 1.19
    }

    .quick-link-container .inner-field-5 .inner-info-field .card-name p, .quick-link-container .inner-field-5 .inner-info-field .card-heading p, .quick-link-container .inner-field-5 .inner-info-field .card-link a {
        color: #303030
    }

    .quick-link-container .inner-field-2 .inner-info-field .card-link, .quick-link-container .inner-field-3 .inner-info-field .card-link, .quick-link-container .inner-field-4 .inner-info-field .card-link, .quick-link-container .inner-field-5 .inner-info-field .card-link {
        position: absolute;
        bottom: 12px;
        display: flex;
        align-items: center
    }

    .quick-link-container .inner-field-3 .inner-info-field .card-link {
        font-size: 14px;
        line-height: .81
    }

    .quick-link-container .inner-field-1 .inner-info-field {
        display: flex;
        flex-wrap: wrap
    }

        .quick-link-container .inner-field-1 .inner-info-field .card-heading {
            width: fit-content
        }

        .quick-link-container .inner-field-1 .inner-info-field .card-link {
            width: max-content
        }

    .inner-info-field .first-card-link img {
        padding: 10px 0 0 8px
    }

    .inner-info-field .card-link .right-arrow {
        padding: 2px;
        display: inline-block !important;
        width: 9px;
        height: 9px
    }

    #quicklink-dividents .row-wrapper {
        flex-direction: column
    }

        #quicklink-dividents .row-wrapper .divident-col {
            width: 100%
        }

    #quicklink-dividents .card-heading p {
        padding-top: 10px;
        padding-bottom: 0;
        width: 100%
    }

    #quicklink-dividents .inner-info-field {
        padding: 12px
    }

        #quicklink-dividents .inner-info-field .card-name p {
            font-size: 16px
        }

    #quicklink-dividents .card-heading p {
        font-size: 20px;
        line-height: 24px
    }

    #quicklink-dividents .quick-link-container .inner-field-4 {
        height: 116px
    }

    #quicklink-dividents .variation .card-link {
        bottom: 12.5px
    }

    #quicklink-dividents .spec-height {
        height: unset
    }

    #quicklink-dividents .border-line {
        margin-top: 16.5px;
        margin-bottom: 6px
    }

    #quicklink-dividents .variation.full-tile {
        border-bottom-left-radius: 6px;
        border-top-right-radius: 0
    }

        #quicklink-dividents .variation.full-tile .card-link {
            margin-top: 6.5px
        }

            #quicklink-dividents .variation.full-tile .card-link a, #quicklink-dividents .quick-link-container .inner-field-1 .inner-info-field > div:last-child {
                margin-top: 0
            }
}

.hero-exchange .hero-exchange-wrapper {
    background: var(--bg-color-light-skin);
    max-height: 245px;
    display: flex;
    align-items: flex-end;
    position: relative
}

    .hero-exchange .hero-exchange-wrapper .hero-exchange-content {
        display: flex;
        align-items: end;
        flex: 1
    }

        .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-img {
            display: inline-block;
            max-width: 320px
        }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-img img {
                max-height: 235px
            }

        .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content {
            text-align: left;
            padding: 32px 95px 32px 50px;
            flex: 1
        }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h4 {
                font-size: var(--font-size32);
                font-weight: var(--font-weight-900);
                line-height: var(--line-height-38);
                font-family: 'Poppins', sans-serif!important;
                margin-bottom: 8px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h5 {
                font-size: var(--font-size28);
                line-height: var(--line-height-33);
                color: var(--text-color-black);
                font-family: 'Poppins', sans-serif!important;
                margin-bottom: 27px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content p {
                font-size: var(--font-size18);
                font-weight: var(--font-weight-400);
                line-height: var(--line-height-22);
                font-family: 'Poppins', sans-serif!important;
                margin-bottom: 27px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main {
                display: flex;
                justify-content: start;
                align-items: center
            }

                .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .btn {
                    margin-right: 40px
                }

                    .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .btn:last-child {
                        margin-right: 0 !important
                    }

                .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info {
                    font-family: 'Poppins', sans-serif!important;
                    font-size: var(--font-size16);
                    line-height: var(--line-height-19);
                    color: var(--text-color-black);
                    display: flex;
                    align-items: center;
                    margin: 0
                }

                    .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info span {
                        margin: 0 5px;
                        font-family: 'Poppins', sans-serif!important;
                        font-size: var(--font-size16);
                        line-height: var(--line-height-19);
                        color: var(--text-color-red);
                        border-bottom: 1px solid var(--text-color-red)
                    }

    .hero-exchange .hero-exchange-wrapper .bookinghrs {
        background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
        border-radius: 32px 0 0 32px;
        position: absolute;
        right: 0;
        top: -23px;
        padding: 5px 0 5px 12px;
        z-index: 1
    }

        .hero-exchange .hero-exchange-wrapper .bookinghrs .bookinghrs-info {
            padding: 0 50px 0 13px;
            display: flex
        }

            .hero-exchange .hero-exchange-wrapper .bookinghrs .bookinghrs-info .bookinghrs-p {
                font-family: "tstar-regular"!important;
                font-style:  ;
                font-weight: 400;
                font-size: 24px;
                line-height: 29px;
                color: #fff
            }

.hero-exchange.restart-india .hero-exchange-wrapper .hero-exchange-content {
    padding-left: 0
}

    .hero-exchange.restart-india .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content {
        padding-top: 0;
        padding-bottom: 20px
    }

.hero-exchange.blue-bg .hero-exchange-wrapper {
    background-color: #b2e2ff
}

.hero-exchange.xoom-blue .hero-exchange-wrapper {
    background-color: #2776bc
}

.hero-exchange.grey-bg .hero-exchange-wrapper {
    background-color: #d0d0d1
}

.hero-exchange.dark-blue-bg .hero-exchange-wrapper {
    background-color: #76c9ff
}

.hero-exchange.yellow-bg .hero-exchange-wrapper {
    background-color: var(--bg-color-yellow)
}

.hero-exchange.red-bg .hero-exchange-wrapper {
    background-color: #ff5f66;
    color: #fff
}

    .hero-exchange.red-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h5 {
        color: #fff
    }

    .hero-exchange.red-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info {
        color: #fff
    }

        .hero-exchange.red-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info span {
            color: #fff;
            border-color: #fff
        }

.hero-exchange.blue-gradient-bg .hero-exchange-wrapper {
    background: linear-gradient(267.74deg,#4b65c4 1.71%,#f35e62 99.51%);
    color: #fff
}

    .hero-exchange.blue-gradient-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h5 {
        color: #fff
    }

    .hero-exchange.blue-gradient-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info {
        color: #fff
    }

        .hero-exchange.blue-gradient-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info span {
            color: #fff;
            border-color: #fff
        }

.hero-exchange.red-gradient-bg .hero-exchange-wrapper {
    background: linear-gradient(267.74deg,#7a1729 1.71%,#fe4a4f 99.51%);
    color: #fff
}

    .hero-exchange.red-gradient-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h5 {
        color: #fff
    }

    .hero-exchange.red-gradient-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info {
        color: #fff
    }

        .hero-exchange.red-gradient-bg .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info span {
            color: #fff;
            border-color: #fff
        }

.hero-exchange.red-theme .hero-exchange-wrapper {
    background-color: var(--bg-color-danger)
}

    .hero-exchange.red-theme .hero-exchange-wrapper .hero-exchange-content {
        padding-left: 0;
        color: #fff
    }

        .hero-exchange.red-theme .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-head-p {
            color: #fff
        }

        .hero-exchange.red-theme .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info {
            color: #fff
        }

            .hero-exchange.red-theme .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .emi-starting-info span {
                color: #fff;
                border-color: #fff;
                margin: 0 12px
            }

    .hero-exchange.red-theme .hero-exchange-wrapper.restart-india .hero-exchange-wrapper .hero-exchange-content .common-cta .common-cta-load-p {
        color: #fff;
        padding-left: 20px
    }

        .hero-exchange.red-theme .hero-exchange-wrapper.restart-india .hero-exchange-wrapper .hero-exchange-content .common-cta .common-cta-load-p .common-cta-load-span {
            color: #fff
        }

    .hero-exchange.red-theme .hero-exchange-wrapper .bookinghrs {
        background: #ffedef
    }

        .hero-exchange.red-theme .hero-exchange-wrapper .bookinghrs .bookinghrs-info .bookinghrs-p {
            color: var(--text-color-red)
        }

.bookinghrs.black-theme {
    background: linear-gradient(160.69deg,#201f1f 22.35%,#454141 68.47%,#000 114.59%) !important
}

.black-theme .bookinghrs-info .bookinghrs-p {
    color: #fff !important
}

@media(max-width:1199px) and (min-width:992px) {
    .hero-exchange .hero-exchange-wrapper {
        max-height: none
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .hero-exchange .hero-exchange-wrapper .hero-exchange-content {
        padding-left: 0
    }

        .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-img {
            display: none
        }

        .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content {
            text-align: center;
            padding: 32px 16px 32px 16px !important
        }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h4 {
                font-size: var(--font-size32);
                font-weight: var(--font-weight-900);
                line-height: var(--line-height-38);
                font-family: 'Poppins', sans-serif!important;
                margin-bottom: 8px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content p {
                font-size: var(--font-size18);
                font-weight: var(--font-weight-400);
                line-height: var(--line-height-22);
                font-family: 'Poppins', sans-serif!important;
                margin-bottom: 27px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main {
                justify-content: center
            }

                .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .btn:last-child {
                    margin-right: 0
                }
}

@media(max-width:767px) and (min-width:320px) {
    .hero-exchange .hero-exchange-wrapper .hero-exchange-content {
        padding-left: 0
    }

        .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-img {
            display: none
        }

        .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content {
            text-align: center;
            padding: 30px 15px 30px 15px
        }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h4 {
                font-size: var(--font-size24);
                font-weight: var(--font-weight-900);
                line-height: var(--line-height-28);
                font-family: 'Poppins', sans-serif!important;
                margin-bottom: 10px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content h5 {
                font-size: var(--font-size16);
                margin-bottom: 15px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content p {
                font-size: var(--font-size16);
                font-weight: var(--font-weight-400);
                line-height: var(--line-height-19);
                font-family: 'Poppins', sans-serif!important;
                margin-bottom: 20px
            }

            .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main {
                justify-content: center
            }

                .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .btn {
                    margin-right: 15px
                }

    .hero-exchange .hero-exchange-wrapper .bookinghrs {
        background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
        border-radius: 32px 0 0 32px;
        position: absolute;
        right: 0;
        top: -18px;
        padding: 5px 0 5px 12px
    }

        .hero-exchange .hero-exchange-wrapper .bookinghrs .bookinghrs-info {
            display: flex;
            align-items: center;
            padding: 0 0 0 13px
        }

            .hero-exchange .hero-exchange-wrapper .bookinghrs .bookinghrs-info img {
                width: 24px;
                height: 24px
            }

            .hero-exchange .hero-exchange-wrapper .bookinghrs .bookinghrs-info .bookinghrs-p {
                font-family: "tstar-regular"!important;
                font-style:  ;
                font-weight: 400;
                font-size: 16px;
                line-height: 19px;
                color: #fff;
                padding: 0 20px 0 5px
            }

    .hero-exchange.restart-india .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content {
        padding-top: 10px
    }

        .hero-exchange.restart-india .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main {
            flex-direction: column
        }

            .hero-exchange.restart-india .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .btn {
                margin: 0 0 15px 0
            }

    .ride-safe-ad-banner-img {
        padding: 30px 21px 28px 16px !important
    }

    .services-adbanner .ride-safe-ad-banner-img {
        padding: 0 21px 28px 16px !important
    }

    .services-adbanner .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content {
        text-align: center;
        padding: 16px 15px 16px 0
    }

    .services-adbanner .service-adban-heading {
        font-size: 24px !important;
        line-height: 29px !important;
        padding-bottom: 8px
    }

    .services-adbanner .service-adban-subheading {
        font-size: 12px !important;
        line-height: 14px !important
    }
}

.highlighted-features-section {
    background-color: #000
}

    .highlighted-features-section .container-fluid {
        padding: 0
    }

    .highlighted-features-section .overlay {
        background: linear-gradient(0,rgba(0,0,0,0.6),rgba(0,0,0,0.6));
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2
    }

    .highlighted-features-section .text-content {
        color: var(--text-color-white);
        font-style:  ;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 3
    }

        .highlighted-features-section .text-content h2 {
            font-size: var(--font-size58);
            font-family: var(--font-tstar-heavy)!important;
            padding-left: 40px
        }

        .highlighted-features-section .text-content p {
            font-size: var(--font-size22);
            padding-left: 40px
        }

        .highlighted-features-section .text-content .carousel-indicators {
            position: static;
            margin: 35px 0 50px 0
        }

            .highlighted-features-section .text-content .carousel-indicators li {
                width: auto;
                transform: none;
                height: auto;
                color: var(--text-color-white);
                padding: 15px 125px 15px 40px;
                margin-bottom: 10px;
                text-indent: 0;
                background-color: transparent;
                font-family: 'Poppins', sans-serif!important;
                font-style: normal;
                font-size: var(--font-size22)
            }

                .highlighted-features-section .text-content .carousel-indicators li.active {
                    background: linear-gradient(90deg,rgba(255,255,255,0.2) 40.59%,rgba(255,255,255,0) 100%)
                }

        .highlighted-features-section .text-content h3 {
            font-family: var(--font-tstar-heavy)!important;
            text-align: center;
            color: rgba(255,255,255,0.5);
            font-size: var(--font-size48);
            letter-spacing: 5px
        }

@media(max-width:1199px) {
    .highlighted-features-section {
        padding: 30px 0
    }

        .highlighted-features-section .text-content {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            transform: none;
            z-index: 3
        }

            .highlighted-features-section .text-content .carousel-indicators li {
                color: var(--text-color-white);
                padding: 10px 125px 10px 40px
            }

        .highlighted-features-section .carousel-inner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            height: 100%
        }

            .highlighted-features-section .carousel-inner video {
                min-height: 380px;
                object-fit: cover;
                object-position: center
            }
}

@media(max-width:991px) {
    .highlighted-features-section {
        padding: 16px 0
    }

        .highlighted-features-section .container-fluid {
            padding: 0 15px
        }

        .highlighted-features-section .text-content h2 {
            font-size: var(--font-size40);
            padding-left: 20px;
            line-height: 45px
        }

        .highlighted-features-section .text-content p {
            font-size: var(--font-size18);
            padding-left: 20px
        }

        .highlighted-features-section .text-content .carousel-indicators {
            position: static;
            margin: 35px 0 50px 0
        }

            .highlighted-features-section .text-content .carousel-indicators li {
                font-size: var(--font-size18);
                padding-right: 100px
            }

        .highlighted-features-section .text-content h3 {
            font-size: var(--font-size38)
        }
}

@media(max-width:767px) {
    .highlighted-features-section {
        padding: 0
    }

        .highlighted-features-section .container-fluid {
            padding: 0 15px
        }

        .highlighted-features-section .carousel-inner {
            position: relative;
            top: 0;
            left: 0
        }

        .highlighted-features-section .text-content h3 {
            margin-top: auto
        }

        .highlighted-features-section .text-content {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%
        }

            .highlighted-features-section .text-content h2 {
                font-size: var(--font-size34);
                padding-left: 0
            }

            .highlighted-features-section .text-content p {
                font-size: var(--font-size14);
                padding-left: 0
            }

            .highlighted-features-section .text-content .carousel-indicators {
                position: static;
                margin: 25px 0 35px
            }

                .highlighted-features-section .text-content .carousel-indicators li {
                    font-size: var(--font-size16);
                    padding-right: 10px;
                    padding-left: 15px;
                    margin-left: -15px;
                    margin-bottom: 0
                }

            .highlighted-features-section .text-content h3 {
                font-size: var(--font-size22)
            }

            .highlighted-features-section .text-content .container-fluid {
                display: flex;
                flex-direction: column;
                height: 100%;
                padding: 15px
            }
}

.e-shop-wrapper {
    overflow: hidden;
    transform: skewX(-10deg);
    margin: 0 -46px
}

    .e-shop-wrapper .customer-talk {
        background-size: cover;
        background-position: 100% 0
    }

        .e-shop-wrapper .customer-talk .talk-btn {
            background-color: #303030;
            color: #fff;
            width: 138px;
            height: 27px;
            text-align: center
        }

            .e-shop-wrapper .customer-talk .talk-btn .talk-btn-span {
                padding: 8px 13px;
                font-size: 14px;
                line-height: 27px
            }

        .e-shop-wrapper .customer-talk .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
            font-family: "tstar-bold";
            font-style:  ;
            font-weight: 900;
            font-size: 24px;
            line-height: 24px;
            text-transform: capitalize;
            color: #fff;
            padding-left: 10px
        }

        .e-shop-wrapper .customer-talk .profile-div .profile-info .profile-detail .profile-heading .profile-para-div {
            display: flex
        }

            .e-shop-wrapper .customer-talk .profile-div .profile-info .profile-detail .profile-heading .profile-para-div .profile-para-link {
                display: flex;
                flex-direction: column;
                align-items: center;
                font-family: "tstar-bold"!important;
                font-weight: 700;
                font-size: 14px;
                line-height: 100.02%;
                letter-spacing: .04em;
                text-transform: capitalize;
                color: #fff;
                padding-bottom: 12px
            }

    .e-shop-wrapper .e-shop-div {
        background-size: cover;
        background-position: center
    }

        .e-shop-wrapper .e-shop-div .talk-btn {
            background-color: #303030;
            color: #fff;
            width: 138px;
            height: 27px;
            text-align: center
        }

            .e-shop-wrapper .e-shop-div .talk-btn .talk-btn-span {
                padding: 8px 13px;
                font-size: 14px;
                line-height: 27px
            }

        .e-shop-wrapper .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
            font-family: "tstar-bold"!important;
            font-style:  ;
            font-weight: 900;
            font-size: 21px;
            line-height: 24px;
            text-transform: capitalize;
            color: #fff
        }

        .e-shop-wrapper .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-para-div {
            display: flex
        }

            .e-shop-wrapper .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-para-div .profile-para-link {
                display: flex;
                flex-direction: column;
                align-items: center;
                font-family: "tstar-bold"!important;
                font-weight: 700;
                font-size: 14px;
                line-height: 100.02%;
                letter-spacing: .04em;
                text-transform: capitalize;
                color: #fff;
                padding-bottom: 0;
                padding-right: 11px
            }

    .e-shop-wrapper .cummnity-div {
        background-size: cover;
        background-position: center
    }

        .e-shop-wrapper .cummnity-div .talk-btn {
            background-color: #303030;
            color: #fff;
            width: 138px;
            height: 27px;
            text-align: center
        }

            .e-shop-wrapper .cummnity-div .talk-btn .talk-btn-span {
                padding: 8px 13px;
                font-size: 14px;
                line-height: 27px
            }

        .e-shop-wrapper .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
            font-family: "tstar-bold"!important;
            font-style:  ;
            font-weight: 900;
            font-size: 24px;
            line-height: 24px;
            text-transform: capitalize;
            color: #fff
        }

        .e-shop-wrapper .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .profile-para-div {
            display: flex
        }

            .e-shop-wrapper .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .profile-para-div .profile-para-link {
                display: flex;
                flex-direction: column;
                align-items: center;
                font-family: "tstar-bold"!important;
                font-weight: 700;
                font-size: 14px;
                line-height: 100.02%;
                letter-spacing: .04em;
                text-transform: capitalize;
                color: #fff;
                padding-bottom: 12px
            }

    .e-shop-wrapper .cust-card {
        height: 523px;
        position: relative
    }

        .e-shop-wrapper .cust-card .talk-btn {
            width: 138px;
            border-radius: 50px;
            position: relative;
            top: 25px;
            left: 70px
        }

        .e-shop-wrapper .cust-card .cust-profile-div {
            max-width: 392px;
            position: relative;
            top: 49% !important
        }

        .e-shop-wrapper .cust-card .profile-div {
            position: absolute
        }

            .e-shop-wrapper .cust-card .profile-div .profile-info .profile-detail {
                padding: 0 10px
            }

            .e-shop-wrapper .cust-card .profile-div .profile-info .slick-dots {
                display: flex;
                margin: 0;
                padding: 1rem 0;
                list-style-type: none;
                justify-content: start !important;
                bottom: -20px !important;
                left: 1px !important
            }

                .e-shop-wrapper .cust-card .profile-div .profile-info .slick-dots .slick-active {
                    margin: 0 .25rem
                }

                    .e-shop-wrapper .cust-card .profile-div .profile-info .slick-dots .slick-active button {
                        background-color: #f00 !important
                    }

                .e-shop-wrapper .cust-card .profile-div .profile-info .slick-dots button {
                    border-radius: 100%;
                    width: 4px !important;
                    height: 4px !important;
                    background-color: #c4c4c4 !important;
                    text-indent: -9999px
                }

.engine-common-wrap {
    padding-bottom: 30px
}

.prise-form-content .common-cta {
    justify-content: flex-start;
    padding: 30px 0 44px 0
}

.eshop-section {
    overflow: hidden
}

    .eshop-section .e-shop-wrapper {
        transform: skewX(-10deg);
        margin: 0 -46px
    }

    .eshop-section .profile-div {
        width: 100%
    }

    .eshop-section .customer-talk .profile-div {
        left: 42px
    }

        .eshop-section .customer-talk .profile-div .profile-info {
            margin-left: 15px
        }

    .eshop-section .cummnity-div .talk-btn {
        transform: skewX(10deg);
        left: 23px
    }

    .eshop-section .cummnity-div .profile-div {
        left: 5px
    }

        .eshop-section .cummnity-div .profile-div .profile-info .profile-detail .profile-heading {
            position: relative
        }

            .eshop-section .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                margin-right: 9px
            }

    .eshop-section .e-shop-div .talk-btn {
        transform: skewX(10deg);
        left: 23px
    }

    .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading {
        position: relative
    }

        .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-content-p {
            font-size: 24px;
            padding: 0 69px 0 0
        }

        .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
            margin-right: 9px
        }

.customer-review-explore-div .customer-review-explore-a {
    font-family: 'Poppins', sans-serif!important;
    font-weight: var(--font-weight-400);
    font-size: var(--font-size16);
    color: var(--text-color-white);
    position: relative;
    text-align: right;
    margin-right: 42px;
    margin-top: 10px
}

    .customer-review-explore-div .customer-review-explore-a:after {
        content: url("clientlib-site/resources/arrow-next.png");
        position: absolute;
        width: 9px;
        height: 16px;
        right: -10px;
        top: 0
    }

@media(max-width:1199px) and (min-width:992px) {
    .eshop-section {
        overflow: hidden
    }

        .eshop-section .e-shop-wrapper {
            transform: skewX(-10deg);
            width: 1125px;
            margin-left: -52px
        }

        .eshop-section .customer-talk .talk-btn {
            transform: skewX(10deg)
        }

        .eshop-section .customer-talk .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
            margin-right: 62px
        }

        .eshop-section .cummnity-div .talk-btn {
            transform: skewX(10deg);
            left: 23px
        }

        .eshop-section .cummnity-div .profile-div .profile-info .profile-detail .profile-heading {
            position: relative;
            right: 55px
        }

            .eshop-section .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                margin-right: 9px
            }

        .eshop-section .e-shop-div .talk-btn {
            transform: skewX(10deg);
            left: 23px
        }

        .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading {
            position: relative;
            right: 55px
        }

            .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-content-p {
                font-size: 24px;
                padding: 0 69px 0 0
            }

            .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                margin-right: 9px
            }
}

@media(max-width:991.2px) and (min-width:768px) {
    .eshop-section {
        overflow: hidden
    }

        .eshop-section .e-shop-wrapper {
            transform: skewX(0);
            margin-left: 0;
            width: 100%
        }

        .eshop-section .customer-talk .talk-btn {
            transform: skewX(0)
        }

        .eshop-section .customer-talk .profile-div {
            left: 0
        }

            .eshop-section .customer-talk .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
                padding: 0 11px 0 16px
            }

            .eshop-section .customer-talk .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                margin-right: 62px
            }

        .eshop-section .cummnity-div {
            border-left: 0;
            border-right: 0
        }

            .eshop-section .cummnity-div .talk-btn {
                transform: skewX(0);
                left: 23px
            }

            .eshop-section .cummnity-div .profile-div {
                margin-left: 0;
                left: 0
            }

                .eshop-section .cummnity-div .profile-div .profile-info .profile-detail .profile-heading {
                    position: relative;
                    right: 55px
                }

                    .eshop-section .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
                        padding: 0 11px 0 16px
                    }

                    .eshop-section .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                        margin-right: 9px
                    }

        .eshop-section .e-shop-div .talk-btn {
            transform: skewX(0);
            left: 23px
        }

        .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading {
            position: relative;
            right: 55px
        }

            .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-content-p {
                font-size: 24px;
                padding: 0
            }

            .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                margin-right: 9px
            }
}

@media(max-device-width:767px) and (min-width:320px) {
    .eshop-section {
        overflow: hidden
    }

        .eshop-section .e-shop-wrapper {
            transform: skewX(0);
            margin-left: 0;
            width: 100%
        }

            .eshop-section .e-shop-wrapper .cust-card .talk-btn {
                width: 107px;
                left: 14px;
                top: 16px
            }

            .eshop-section .e-shop-wrapper .cust-card .cummnity-btn {
                width: 130px
            }

            .eshop-section .e-shop-wrapper .cust-card .profile-div {
                left: 0
            }

            .eshop-section .e-shop-wrapper .customer-talk .profile-div {
                transform: skewX(0);
                left: 0
            }

                .eshop-section .e-shop-wrapper .customer-talk .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
                    font-size: var(--font-size20);
                    line-height: 20px;
                    padding: 0 0 0 7px
                }

                .eshop-section .e-shop-wrapper .customer-talk .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                    margin-right: 30px
                }

            .eshop-section .e-shop-wrapper .customer-talk .talk-btn {
                transform: skewX(0)
            }

            .eshop-section .e-shop-wrapper .cummnity-div {
                border-left: 0;
                border-right: 0
            }

                .eshop-section .e-shop-wrapper .cummnity-div .talk-btn {
                    transform: skewX(0);
                    left: 23px;
                    width: fit-content
                }

                .eshop-section .e-shop-wrapper .cummnity-div .profile-div {
                    left: auto
                }

                    .eshop-section .e-shop-wrapper .cummnity-div .profile-div .profile-info .profile-detail {
                        padding-right: 30px
                    }

                        .eshop-section .e-shop-wrapper .cummnity-div .profile-div .profile-info .profile-detail .profile-heading {
                            position: relative;
                            right: auto
                        }

                            .eshop-section .e-shop-wrapper .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                                margin-right: 9px
                            }

                            .eshop-section .e-shop-wrapper .cummnity-div .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
                                font-size: var(--font-size20);
                                line-height: 20px
                            }

            .eshop-section .e-shop-wrapper .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-content .profile-content-p {
                font-size: var(--font-size20);
                line-height: 20px
            }

            .eshop-section .e-shop-wrapper .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-para-div .profile-para-link {
                padding-right: 28px
            }

        .eshop-section .e-shop-div .talk-btn {
            transform: skewX(0);
            left: 23px
        }

        .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading {
            position: relative;
            right: 0;
            padding-right: 20px
        }

            .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .profile-content-p {
                font-size: 24px;
                padding: 0
            }

            .eshop-section .e-shop-div .profile-div .profile-info .profile-detail .profile-heading .customer-review-explore-div .customer-review-explore-a {
                margin-right: 9px
            }
}

.teasericon .profile-div {
    bottom: 0;
    padding: 20px 25px
}

    .teasericon .profile-div.teaser-bg {
        background-color: #ccc;
        background-color: black;
        background-image: linear-gradient(#808080,#000);
        opacity: .8
    }

.teasericon-wrapper .image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.teasericon-wrapper .customer-image-background {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.teasericon-wrapper .animate {
    transition: .3s
}

.teasericon-wrapper:hover .animate {
    transform: scale(1.1)
}

.teasericon-wrapper .cummnity-div .customer-image-background {
    right: 4px;
    left: 4px;
    width: unset
}

@media(max-device-width:767px) {
    .teasericon-wrapper .cummnity-div .customer-image-background {
        right: 0;
        left: 0;
        width: 100%
    }

    .teasericon-wrapper .customer-image-background {
        background-size: 100% 100%
    }
}

.teaser-height-auto .tile-teaser .h3-bold-heading-std {
    font-size: 28px !important
}

@media(max-device-width:767px) {
    .teaser-height-auto .tile-teaser .h3-bold-heading-std {
        font-size: 18px !important
    }

    .teaser-height-auto .tile-teaser {
        height: 98px !important
    }

    .background-center .tile-teaser {
        background-position: center
    }
}

.image-max-height-305 .cmp-image__image {
    max-height: 305px
}

.news-n-blogs {
    overflow-x: hidden;
    background: var(--bg-color-black) !important
}

    .news-n-blogs .event-blog-box {
        position: relative;
        padding: 5px
    }

        .news-n-blogs .event-blog-box .img-wrapper {
            overflow: hidden
        }

            .news-n-blogs .event-blog-box .img-wrapper img {
                max-width: 100%;
                width: 100%;
                height: 385px;
                object-fit: cover;
                object-position: center;
                transition: .3s ease
            }

        .news-n-blogs .event-blog-box .content {
            position: absolute;
            display: flex;
            flex-direction: column;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 20px;
            justify-content: flex-end
        }

            .news-n-blogs .event-blog-box .content h2 {
                font-size: var(--font-size58);
                font-weight: var(--font-weight-900);
                line-height: 1;
                margin-bottom: 5px
            }

            .news-n-blogs .event-blog-box .content h4 {
                font-size: var(--font-size30);
                margin-bottom: 5px
            }

            .news-n-blogs .event-blog-box .content h5 {
                font-size: var(--font-size18);
                font-weight: var(--font-weight-900);
                margin-bottom: 5px;
                min-height: 28.5px
            }

            .news-n-blogs .event-blog-box .content .featured-users {
                margin-top: 20px
            }

                .news-n-blogs .event-blog-box .content .featured-users a img {
                    height: 56px;
                    width: 56px;
                    object-fit: cover;
                    object-position: center;
                    max-width: 100%;
                    border-radius: 50%;
                    border: 2px solid var(--text-color-white);
                    display: block;
                    margin: auto
                }

            .news-n-blogs .event-blog-box .content .text-right {
                position: absolute;
                right: 25px;
                bottom: 20px
            }

            .news-n-blogs .event-blog-box .content .view-btn {
                transition: all 300ms ease-in
            }

.customer-review-section.dark-theme {
    background: #242222
}

    .customer-review-section.dark-theme .customer-review-wrapper h3 {
        color: #eee;
        font-family: 'Poppins', sans-serif!important;
        font-style:  ;
        font-weight: var(--font-weight-900);
        font-size: var(--font-size48);
        padding: 17px 0 31px 0
    }

.customer-review-div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .customer-review-div .customer-review-common {
        flex: 1;
        height: 384px;
        background-size: 100%;
        overflow: hidden;
        position: relative
    }

        .customer-review-div .customer-review-common:nth-child(1) {
            background-position: center;
            background-size: 100% 100%
        }

        .customer-review-div .customer-review-common:nth-child(2) {
            background-size: cover;
            background-position: 60%
        }

        .customer-review-div .customer-review-common:nth-child(3) {
            background-size: cover
        }

        .customer-review-div .customer-review-common .customer-review-pic {
            display: flex;
            align-items: center;
            margin-bottom: 15px
        }

            .customer-review-div .customer-review-common .customer-review-pic img {
                margin-right: 22px
            }

                .customer-review-div .customer-review-common .customer-review-pic img:first-child {
                    border-radius: 100%;
                    overflow: hidden
                }

        .customer-review-div .customer-review-common .customer-review-info {
            margin-bottom: 12px
        }

            .customer-review-div .customer-review-common .customer-review-info .customer-info-h3 {
                font-family: 'Poppins', sans-serif!important;
                font-style:  ;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size32);
                text-transform: capitalize;
                color: var(--text-color-white);
                line-height: var(--line-height-32)
            }

            .customer-review-div .customer-review-common .customer-review-info .customer-info-p {
                font-family: 'Poppins', sans-serif!important;
                font-style:  ;
                font-weight: var(--font-weight-400);
                font-size: var(--font-size20);
                text-transform: capitalize;
                color: var(--text-color-white)
            }

        .customer-review-div .customer-review-common .customer-review-content .customer-review-p {
            font-family: 'Poppins', sans-serif!important;
            font-weight: var(--font-weight-400);
            font-size: var(--font-size16);
            color: var(--text-color-white)
        }

        .customer-review-div .customer-review-common .customer-review--middle-pic {
            display: flex;
            align-items: center
        }

            .customer-review-div .customer-review-common .customer-review--middle-pic .customer-review-p {
                font-family: 'Poppins', sans-serif!important;
                font-weight: var(--font-weight-400);
                font-size: var(--font-size16);
                color: var(--text-color-white);
                padding-left: 15px
            }

        .customer-review-div .customer-review-common .customer-review-explore-div {
            position: absolute;
            bottom: 15px;
            right: 0
        }

            .customer-review-div .customer-review-common .customer-review-explore-div.btn-black-ctabg {
                background: #000;
                border-radius: 10px;
                padding: 10px;
                opacity: .5;
                text-align: center;
                margin-right: 26px
            }

                .customer-review-div .customer-review-common .customer-review-explore-div.btn-black-ctabg .customer-review-explore-a {
                    margin-top: 0
                }

                    .customer-review-div .customer-review-common .customer-review-explore-div.btn-black-ctabg .customer-review-explore-a:after {
                        right: -24px
                    }

            .customer-review-div .customer-review-common .customer-review-explore-div .customer-review-explore-a {
                font-family: 'Poppins', sans-serif;
                font-weight: var(--font-weight-400);
                font-size: var(--font-size16);
                color: var(--text-color-white);
                position: relative;
                text-align: right;
                margin-right: 42px;
                margin-top: 10px
            }

                .customer-review-div .customer-review-common .customer-review-explore-div .customer-review-explore-a:after {
                    content: url("clientlib-site/resources/arrow-next.png");
                    position: absolute;
                    width: 9px;
                    height: 16px;
                    right: -10px;
                    top: 0
                }

.common-h3 {
    font-family: 'Poppins', sans-serif;
    font-style:;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size48);
    text-align: center;
    color: var(--text-color-black);
    padding: 30px 0 30px 0;
}

.customer-review-content-bg {
    position: absolute;
    bottom: 0;
    background-color: #ccc;
    width: 93.75%;
    padding: 20px 15px;
    background-color: black;
    background-image: linear-gradient(#808080,#000);
    opacity: .8;
    height: 165px;
    display: inline-grid
}

@media(max-width:991px) {
    .customer-review-content-bg {
        height: auto
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .news-n-blogs .event-blog-box .content h2 {
        font-size: var(--font-size48)
    }

    .news-n-blogs .event-blog-box .content h4 {
        font-size: var(--font-size28)
    }

    .news-n-blogs .event-blog-box .content h5 {
        font-size: var(--font-size16)
    }

    .customer-review-div .customer-review-common {
        padding: 107px 15px 15px 15px
    }
}

@media(max-width:991.2px) and (min-width:768px) {
    .customer-review-content-bg {
        width: -webkit-fill-available;
        margin-left: -15px
    }

    .news-n-blogs .event-blog-box .content {
        padding-bottom: 50px
    }

        .news-n-blogs .event-blog-box .content h4 {
            font-size: var(--font-size24)
        }

        .news-n-blogs .event-blog-box .content h2 {
            font-size: var(--font-size30)
        }

    .common-h3 {
        font-size: var(--font-size28);
        padding: 18px 0 18px 0
    }

    .customer-review-div {
        flex-direction: column
    }

        .customer-review-div:nth-child(1) {
            margin: 0
        }

        .customer-review-div .customer-review-common {
            padding: 139px 15px 15px 15px;
            width: 100%;
            flex: none;
            height: 100vh !important
        }

        .customer-review-div .customer-review-pic img {
            width: 64px;
            padding-right: 10px !important
        }

            .customer-review-div .customer-review-pic img:nth-child(2) {
                width: 50px
            }

        .customer-review-div .customer-review-info .customer-info-h3 {
            font-size: var(--font-size24)
        }

        .customer-review-div .customer-review-info .customer-info-p {
            font-size: var(--font-size12)
        }
}

.news-n-blogs.news-n-blogs-scooter {
    background-color: var(--text-color-white) !important
}

    .news-n-blogs.news-n-blogs-scooter .event-blog-box .content {
        max-width: calc(90%);
        max-height: calc(90%);
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

@media(max-width:767px) and (min-width:576px) {
    .news-n-blogs {
        overflow-x: hidden
    }

        .news-n-blogs .row {
            margin-left: -5px;
            margin-right: -5px
        }

        .news-n-blogs.news-n-blogs-scooter .event-blog-box .content {
            max-height: max-content
        }

        .news-n-blogs.news-n-blogs-scooter .event-blog-box {
            padding: 0
        }

        .news-n-blogs .event-blog-box {
            position: relative;
            padding: 0
        }

            .news-n-blogs .event-blog-box .content {
                padding: 15px
            }

                .news-n-blogs .event-blog-box .content h2 {
                    font-size: var(--font-size36)
                }

                .news-n-blogs .event-blog-box .content h4 {
                    font-size: var(--font-size18)
                }

                .news-n-blogs .event-blog-box .content h5 {
                    font-size: var(--font-size14)
                }

                .news-n-blogs .event-blog-box .content .featured-users {
                    margin-top: 20px;
                    font-size: var(--font-size12)
                }

                    .news-n-blogs .event-blog-box .content .featured-users a img {
                        height: 44px;
                        width: 44px;
                        border: 1px solid var(--text-color-white)
                    }

                .news-n-blogs .event-blog-box .content .view-btn {
                    font-size: var(--font-size14)
                }

    .common-h3 {
        font-size: var(--font-size28);
        padding: 18px 0 18px 0
    }
}

@media(max-device-width:767px) and (min-width:320px) {
    .customer-review-content-bg {
        margin-left: -15px;
        width: 100%
    }

    .customer-review-div {
        flex-direction: column
    }

        .customer-review-div .customer-review-common {
            padding: 139px 15px 15px 15px;
            background-size: auto,100%;
            width: 100%;
            margin-bottom: 8px;
            height: 320px !important;
            flex: none
        }

            .customer-review-div .customer-review-common .customer-review-pic {
                margin-bottom: 10px
            }

                .customer-review-div .customer-review-common .customer-review-pic img {
                    width: 64px;
                    margin-right: 17px !important
                }

                    .customer-review-div .customer-review-common .customer-review-pic img:nth-child(2) {
                        width: 36px
                    }

            .customer-review-div .customer-review-common .customer-review-info {
                margin-bottom: 10px
            }

                .customer-review-div .customer-review-common .customer-review-info .customer-info-h3 {
                    font-size: var(--font-size24);
                    line-height: var(--line-height-24);
                    margin-bottom: 4px
                }

                .customer-review-div .customer-review-common .customer-review-info .customer-info-p {
                    font-size: var(--font-size16);
                    line-height: var(--line-height-16)
                }

            .customer-review-div .customer-review-common .customer-review-content .customer-review-p {
                font-size: 12px
            }

            .customer-review-div .customer-review-common .customer-review--middle-pic .customer-review-p {
                font-size: 12px
            }

            .customer-review-div .customer-review-common .customer-review-explore-div .customer-review-explore-a {
                font-size: var(--font-size14);
                padding-top: 3px
            }

            .customer-review-div .customer-review-common:nth-child(2) {
                padding: 279px 8px 15px 15px
            }

            .customer-review-div .customer-review-common:nth-last-child(1) {
                margin-bottom: 0
            }

        .customer-review-div .customer-review-info .customer-info-h3 {
            font-size: var(--font-size24)
        }

        .customer-review-div .customer-review-info .customer-info-p {
            font-size: var(--font-size12)
        }

    .common-h3 {
        font-size: var(--font-size28);
        padding: 18px 0 18px 0
    }

    .news-n-blogs-scooter .event-blog-box .content {
        max-height: max-content
    }

    .news-n-blogs-scooter .event-blog-box {
        padding: 0
    }
}

.customer-review-div .image-link, .news-n-blogs .image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.customer-review-div .customer-image-background {
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.customer-review-div .animate {
    transition: .3s
}

.customer-review-common:hover .animate {
    transform: scale(1.1)
}

.genericteaser:hover .animate {
    transform: scale(1.1)
}

.xpulse-programs .exp_data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #282828
}

    .xpulse-programs .exp_data:hover .exp_type {
        -webkit-box-shadow: 0 -4px 7px -1px rgba(183,183,183,0.75);
        -moz-box-shadow: 0 -4px 7px -1px rgba(183,183,183,0.75);
        box-shadow: 0 -4px 7px -1px rgba(183,183,183,0.75)
    }

    .xpulse-programs .exp_data ul {
        padding: 30px 30px 5px;
        margin: 0 0 auto
    }

    .xpulse-programs .exp_data li {
        position: relative;
        font-size: 16px;
        color: #fff;
        line-height: 100%;
        font-style:  ;
        padding: 8px 0 8px 45px
    }

        .xpulse-programs .exp_data li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 33px;
            height: 20px;
            background: url("clientlib-site/resources/images/icons/icon-X.png") no-repeat center center
        }

.xpulse-programs .exp_type {
    position: relative;
    font-size: 26px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: 600;
    padding: 25px 10px;
    background: #191919;
    -webkit-box-shadow: 0 -4px 7px -1px rgba(211,6,19,0.75);
    -moz-box-shadow: 0 -4px 7px -1px rgba(211,6,19,0.75);
    box-shadow: 0 -4px 7px -1px rgba(211,6,19,0.75)
}

.xpulse-programs .exp_sub_type {
    position: absolute;
    left: 50%;
    bottom: -13px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-style:  ;
    padding: 5px 10px 5px 5px;
    background: #ed1c24
}

.xpulse-programs .exp_det {
    text-align: center;
    padding: 10px
}

    .xpulse-programs .exp_det span {
        display: block;
        font-size: 18px;
        color: #b7b7b7;
        line-height: 100%;
        margin-top: 5px;
        padding: 10px;
        border: #525252 1px solid
    }

        .xpulse-programs .exp_det span:first-child {
            color: #fff;
            background: #000;
            border: #d30613 1px solid
        }

.xpulse-exp-content-wrap {
    height: 100%;
    border: 0;
    background-color: unset
}

section.explore {
    width: 100%
}

    section.explore .row.explore {
        margin-left: auto;
        max-width: 1366px;
        margin-right: auto
    }

.explore-card {
    border-bottom: 6px solid red;
    border-radius: 0;
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15)
}

.card-title.title {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 42px
}

.explore-card .card-title.title {
    font-family: var(--font-tstar-heavy)
}

.exploer-card-section .slick-dots li {
    display: inline-block
}

    .exploer-card-section .slick-dots li.slick-active button:before {
        opacity: 0;
        color: red;
        font-size: 16px
    }

    .exploer-card-section .slick-dots li button:before {
        opacity: .25;
        font-size: 12px
    }

.exploer-card-section .slick-arrow {
    display: none !important
}

.card-text {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 19px;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.card-body a {
    color: #009fda;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

    .card-body a:hover, .card-body a:focus {
        color: #009fda !important
    }

h2.new1 {
    background: #fff !important;
    line-height: 37px !important;
    padding: 0 10px
}

@media only screen and (max-width:991px) {
    .exploer-card {
        margin-bottom: 20px
    }

    .exploer-card-section .slick-dots li.slick-active button:before {
        opacity: 1
    }
}

@media(min-width:768px) and (max-width:854px) {
    .card-title.title {
        font-size: 36px
    }
}

@media(min-width:481px) and (max-width:768px) {
    h2.new1 {
        padding-top: 25px;
        padding-bottom: 29px
    }
}

.explore .slick-dots li button:before {
    content: "";
    line-height: 0;
    height: 4px;
    width: 26px;
    transform: skew(-60deg)
}

.explore .slick-dots li button {
    width: 0;
    height: 0;
    padding: 0
}

.explore .slick-dots li {
    width: 26px;
    height: 3px;
    margin: 0 3px;
    padding: 0
}

.explore .our-mission-section .slick-dots {
    bottom: -25px;
    line-height: 0
}

.explore .slick-dots li.slick-active button:before {
    background-color: #0000ab
}

.explore .slick-dots li button:before {
    background-color: #c1c1c1;
    opacity: 1
}

.explore .slick-dotted.slick-slider {
    margin-bottom: 42px
}

@media only screen and (min-width:768px) {
    .explore .slick-dots {
        opacity: 0
    }
}

@media(max-width:480px) {
    h2.new1 {
        padding-top: 25px;
        padding-bottom: 29px
    }

    .card-title.title {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 900;
        font-size: 28px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .good-life-section.white-theme .benefits-list .benefit-box {
        background: #fff;
        box-shadow: 0 10.5263px 39.4737px rgb(120 120 120 / 15%);
        backdrop-filter: blur(6.57895px);
        border-radius: 18px;
        margin-bottom: 34px
    }
}

#scooterBanner .scooter-banner-slide {
    position: relative
}

#scooterBanner .volume-button {
    position: absolute;
    bottom: 30px;
    right: 30px;
    cursor: pointer
}

.explore-card-section-slick {
    margin-bottom: 0;
    padding-bottom: 3rem;
    .slick-dots

{
    opacity: 1
}

.card-body {
    height: 260px;

    @media(max-width:768px) {
        height:210px
    }
}

.explore-card {
    border-radius: 12px
}

.card-img-top {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.slick-dots {
    bottom: 20px;
}

.card-title.title {
    line-height: 48px !important;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: 32px !important;
    min-height: 95px;

    @media(max-width:768px) {
        line-height:32px !important;font-size:24px !important;min-height:50px
    }
}

.card-text {
    -webkit-line-clamp: 4;
    height: 80px;

    @media(max-width:768px) {
        height:75px
    }
}

.b1-bold-text-std {
    margin-top: 10px !important
}

}

.bgimage {
    font-family: 'tstar-bold';
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 46px;
    font-weight: 900
}

    .bgimage h1 {
        position: relative;
        display: inline-block
    }

    .bgimage .img {
        position: absolute;
        display: inline-block;
        top: 20%;
        left: -9px
    }

@media(max-width:786px) {
    .bgimage .img {
        left: 0;
        display: none !important
    }
}

@media(max-device-width:767px) and (min-width:320px) {
    .bgimage {
        line-height: 21px
    }

        .bgimage h1 {
            font-size: 18px
        }

        .bgimage img {
            position: absolute;
            display: inline-block;
            width: 5px;
            height: 25px
        }
}

@media(max-device-width:767px) and (min-width:320px) {
    .bgimage h1.mob-font-38 {
        font-size: 38px
    }
}

.bgimage .img {
    position: absolute;
    display: none;
    top: 20%;
    margin-left: -1.2rem
}

@media(max-device-width:767px) and (min-width:320px) {
    .bgimage {
        line-height: 21px
    }

        .bgimage h1 {
            font-size: 18px
        }

        .bgimage img {
            position: absolute;
            display: inline-block;
            width: 5px;
            height: 25px
        }
}

.headerbackground-multicolor {
    position: relative;
    z-index: 1;
    width: 100%
}

    .headerbackground-multicolor h2 {
        font-size: 48px;
        line-height: 1.2
    }

    .headerbackground-multicolor.with-background {
        background-color: #f7f7f7;
        padding: 40px 40px !important
    }

        .headerbackground-multicolor.with-background h2 {
            background-color: #f7f7f7
        }

.headerbackground {
    position: relative;
    z-index: 1;
    width: 100%
}

    .headerbackground h2 {
        font-size: var(--font-size38)
    }

    .headerbackground.with-background {
        background-color: #f7f7f7;
        padding: 40px 40px !important
    }

@media(max-width:786px) {
    .headerbackground.with-background {
        padding: 15px 15px !important
    }
}

.headerbackground.with-background h2 {
    background-color: #f7f7f7
}

.headerbackground::before {
    display: inline-block;
    content: "";
    background: #d9d9d9;
    width: 94%;
    position: absolute;
    top: 50%;
    height: 2px;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.headerbackground.with-background::before {
    display: inline-block;
    content: "";
    background: #d9d9d9;
    width: 94%;
    position: absolute;
    top: 50%;
    height: 2px;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.overview-heading {
    font-family: var(--font-tstar-heavy);
    letter-spacing: .04em;
    color: #0000ab;
    font-weight: 900;
    display: inline-block;
    background: #fff;
    line-height: 46px;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 75%
}

.with-background .overview-heading {
    background: #f7f7f7
}

@media(max-width:1150px) and (min-width:767px) {
    .overview-heading {
        max-width: 70%
    }
}

@media(max-device-width:767px) and (min-width:320px) {
    .headerbackground {
        padding: 16px !important
    }

        .headerbackground h2 {
            font-size: 18px;
            line-height: 1.22
        }

    .headerbackground-multicolor {
        padding: 5px !important
    }

        .headerbackground-multicolor h2 {
            font-size: 28px;
            line-height: 1.22
        }

        .headerbackground-multicolor .multicolor {
            letter-spacing: 0;
            max-width: 100%
        }

    .headerbackground::before {
        width: 91%
    }

    .headerbackground.with-background::before {
        width: 91%
    }

    .overview-heading {
        max-width: 248px;
        width: fit-content;
        padding: 0 6px;
        font-size: 18px;
        line-height: 1.22;
        letter-spacing: .04em
    }

        .overview-heading.with-background {
            font-size: 18px;
            line-height: 1.22;
            max-width: 248px;
            width: fit-content;
            padding: 0 6px;
            letter-spacing: .04em;
            text-transform: uppercase
        }
}

@media(max-device-width:767px) and (min-width:320px) {
    .headerbackground h2.mob-font-38 {
        font-size: 38px
    }

    .headerbackground-multicolor h2.mob-font-38 {
        font-size: 38px
    }
}

.service-main-heading {
    display: flex;
    align-items: center;
    padding: 20px 40px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    gap: 10px
}

    .service-main-heading img {
        width: 25px;
        height: 25px
    }

@media(max-width:767px) {
    .service-main-heading {
        padding: 20px;
        border: 0
    }
}

.service-main-heading .text-icon {
    display: inline;
    width: 39px;
    height: 39px
}

.service-main-heading span {
    font-size: 24px
}

    .service-main-heading span h2 {
        font-weight: 700;
        font-size: 28px;
        line-height: 34px;
        color: #303030;
        white-space: nowrap
    }

@media(max-width:767px) {
    .service-main-heading span h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px
    }
}

.service-main-heading.join-clan-heading {
    border: 0
}

.service-main-heading.book-service-heading {
    background-color: inherit;
    padding: 20px 40px 30px 0
}

    .service-main-heading.book-service-heading div:first-child {
        display: flex;
        gap: 10px;
        align-items: center
    }

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    .service-main-heading.book-service-heading {
        font-size: 1.5rem
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    .service-main-heading.book-service-heading span h2 {
        font-weight: 700
    }
}

.service-main-heading .service-btn {
    width: auto;
    height: auto;
    padding: 12px 32px
}

    .service-main-heading .service-btn:hover {
        width: auto;
        height: auto;
        padding: 12px 32px
    }

@media(max-width:767px) {
    .service-main-heading .service-btn {
        padding: 12px 24px;
        margin-top: 10px
    }

        .service-main-heading .service-btn:hover {
            width: auto;
            height: auto;
            padding: 12px 24px
        }
}

.xtreme160r-blog-maintitle {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 48px
}

@media(max-width:786px) {
    .xtreme160r-blog-maintitle {
        font-size: 24px;
        line-height: 32px
    }
}

.xtreme160r-blog-title {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px
}

@media(max-width:786px) {
    .xtreme160r-blog-title {
        font-size: 18px;
        line-height: 24px
    }
}

.xtreme160r-blog-content {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media(max-width:786px) {
    .xtreme160r-blog-content {
        font-size: 16px;
        line-height: 20px
    }
}

.h1-heading-std {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 52px !important;
    line-height: 1.2 !important
}

@media(max-width:786px) {
    .h1-heading-std {
        font-size: 32px !important
    }
}

.h2-heading-std, .exchange-banner .h2-heading-std p {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 33px !important;
    line-height: 1.2 !important
}

@media(max-width:786px) {
    .h2-heading-std, .exchange-banner .h2-heading-std p {
        font-size: 28px !important
    }
}

.h3-bold-heading-std {
    font-family: 'Poppins', sans-serif;
    font-size: 33px !important;
    line-height: 1.2 !important
}

@media(max-width:786px) {
    .h3-bold-heading-std {
        font-size: 24px !important
    }
}

.h3-heavy-heading-std {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 33px !important;
    line-height: 1.2 !important
}

@media(max-width:786px) {
    .h3-heavy-heading-std {
        font-size: 23px !important
    }
    .pt-section-title-box .pt-section-sub-title {
        border-left: 2px solid #24246c;
        line-height: 1;
        padding: 0 0 0 10px;
        color: #24246c;
        font-family: var(--title-fonts);
        font-weight: 600;
        font-size: 23px!important;
    }
}

.h4-heavy-heading-std {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 24px !important;
    line-height: 1.2 !important
}

@media(max-width:786px) {
    .h4-heavy-heading-std {
        font-size: 18px !important
    }
}

.h4-bold-heading-std {
    font-family: 'Poppins', sans-serif;
    font-size: 17px !important;
    line-height: 1.2 !important
}

@media(max-width:786px) {
    .h4-bold-heading-std {
        font-size: 18px !important
    }

    .compare-bike-middle-text {
        font-family: 'Poppins', sans-serif;
    }
}

.h4-medium-heading-std {
    font-family: 'Poppins', sans-serif;
    font-size: 17px !important;
    line-height: 1.4 !important;
}

@media(max-width:786px) {
    .h4-medium-heading-std {
        font-size: 15px !important
    }
}

.b1-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
    line-height: 25px !important;
}

@media(max-width:786px) {
    .b1-text-std {
        font-size: 16px !important;
        line-height: 20px !important
    }
}

.b2-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 15px !important;
    line-height: 20px !important
}

@media(max-width:786px) {
    .b2-text-std {
        font-size: 14px !important;
        line-height: 18px !important
    }
}

.b1-bold-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 18px !important;
    line-height: 24px !important
}

@media(max-width:786px) {
    .b1-bold-text-std {
        font-size: 16px !important;
        line-height: 20px !important
    }
}

.b1-heavy-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 19px !important;
    line-height: 24px !important
}

@media(max-width:786px) {
    .b1-heavy-text-std {
        font-size: 16px !important;
        line-height: 20px !important
    }
}

.b2-heavy-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
    line-height: 20px !important
}

@media(max-width:786px) {
    .b2-heavy-text-std {
        font-size: 14px !important;
        line-height: 18px !important
    }
}

.b2-bold-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
    line-height: 20px !important
}

@media(max-width:786px) {
    .b2-bold-text-std {
        font-size: 14px !important;
        line-height: 18px !important
    }
}

.text-to-uppercase {
    text-transform: uppercase !important
}

.tiny-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 14px !important;
    line-height: 18px !important
}

@media(max-width:786px) {
    font-size:10px !important;
    line-height:14px !important
}

.text-  {
    font-style:   !important
}

.our-values-font {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 32px !important;
    line-height: 1.2 !important
}

.our-values-desc-font {
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
    line-height: 20px !important
}

@media(max-width:786px) {
    .our-values-font {
        font-size: 24px !important
    }

    .our-values-desc-font {
        font-size: 8px !important;
        line-height: 12px !important
    }
}

@media(max-width:500px) {
    .our-values-font {
        font-size: 16px !important
    }
}

.h5-bold-heading-std {
    font-family: 'Poppins', sans-serif;
    font-size: 18px !important;
    line-height: 24px !important
}

@media(max-width:786px) {
    .h5-bold-heading-std {
        font-size: 16px !important;
        line-height: 20px !important
    }
}

.b3-text-std {
    font-family: 'Poppins', sans-serif;
    font-size: 14px !important;
    line-height: 20px !important
}

@media(max-width:786px) {
    .b3-text-std {
        font-size: 12px !important;
        line-height: 16px !important
    }
}

.text-to-heavy {
    font-family: 'Poppins', sans-serif;
}

.festivehub-header .banner-light-left {
    top: -40px
}

@media(max-width:786px) {
    .festivehub-header .banner-light-left {
        top: -15px;
        width: 45px;
        height: 41px
    }
}

.festivehub-header .banner-light-right {
    top: -40px;
    right: 0
}

@media(max-width:786px) {
    .festivehub-header .banner-light-right {
        top: -15px;
        width: 45px;
        height: 41px
    }
}

.festivehub-header .banner-light-gift-left {
    top: -100px
}

@media(max-width:1300px) {
    .festivehub-header .banner-light-gift-left {
        top: -55px;
        width: 140px
    }
}

@media(max-width:786px) {
    .festivehub-header .banner-light-gift-left {
        top: -15px;
        width: 56px;
        height: 72px
    }
}

.festivehub-header .banner-light-gift-right {
    top: -100px;
    right: 0
}

@media(max-width:1300px) {
    .festivehub-header .banner-light-gift-right {
        top: -55px;
        width: 140px
    }
}

@media(max-width:786px) {
    .festivehub-header .banner-light-gift-right {
        top: -15px;
        width: 56px;
        height: 72px
    }
}

.festivehub-header img {
    position: absolute;
    bottom: 0
}

    .festivehub-header img.img-left {
        left: -45px
    }

@media(max-width:768px) {
    .festivehub-header img.img-left {
        left: -15px
    }
}

.festivehub-header img.img-right {
    right: -40px
}

@media(max-width:768px) {
    .festivehub-header img.img-right {
        right: -14px
    }
}

@media(max-width:768px) {
    .festivehub-header img {
        width: 36px;
        height: 33px
    }
}

.festivehub-header .header--wrap {
    position: relative;
    padding: 7px 62px 13px;
    width: fit-content;
    margin: 40px auto;
    border-radius: 11px;
    background: #eb7b31
}

@media(max-width:1300px) {
    .festivehub-header .header--wrap {
        max-width: 650px
    }
}

@media(max-width:768px) {
    .festivehub-header .header--wrap {
        padding: 6px 28px;
        margin: 16px 40px 24px;
        margin: 16px auto 24px;
        max-width: 350px
    }
}

@media(max-width:569px) {
    .festivehub-header .header--wrap {
        width: 222px;
        max-width: 222px
    }
}

.festivehub-header .header--wrap h2 {
    font-size: 48px;
    font-style:  ;
    font-weight: 900;
    line-height: 58px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-tstar-heavy);
    color: #fff
}

@media(max-width:1300px) {
    .festivehub-header .header--wrap h2 {
        max-width: 650px;
        font-size: 28px;
        line-height: 54px
    }
}

@media(max-width:768px) {
    .festivehub-header .header--wrap h2 {
        font-size: 18px;
        font-style:  ;
        font-weight: 900;
        line-height: 120%;
        text-transform: uppercase
    }
}

.badge {
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-700);
    font-size: 12px;
    color: var(--text-color-blue);
    padding: 2px 2px 2px 6px;
    position: relative;
    text-transform: uppercase;
    vertical-align: super
}

    .badge::before {
        content: '';
        position: absolute;
        left: 0;
        top: calc(48%);
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background: var(--bg-color-blue)
    }

table, th, tr, td {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #303030;
    margin: 10px 0 20px 0 !important;
    border: 1px solid #fff !important;
    padding: 5px !important
}

    table tr:first-child, th tr:first-child, tr tr:first-child, td tr:first-child {
        background-color: #686868;
        text-transform: uppercase;
        text-align: left
    }

        table tr:first-child th, th tr:first-child th, tr tr:first-child th, td tr:first-child th {
            color: #fff
        }

    table tr, th tr, tr tr, td tr {
        background-color: #dfdfdf
    }

h6 span.profileheading {
    background: #cacaca;
    padding: 13px 20px 13px 25px;
    position: relative;
    display: block
}

    h6 span.profileheading img {
        position: absolute;
        top: 40%;
        left: -10px;
        height: 12px;
        width: 27px
    }

        h6 span.profileheading img .profileparagraph {
            padding: 10px 0 10px 20px;
            border-left: solid 2px red;
            display: block;
            line-height: 24px
        }

.profilesubpara {
    padding: 10px 0 10px 20px;
    border-left: solid 2px red;
    display: block;
    line-height: 24px
}

.profileparagraph {
    line-height: 24px
}

.red-link a {
    color: red;
    display: inline
}

    .red-link a:hover {
        color: #303030
    }

.container-fluid.text-center.mt-4 {
    background: url("../components/content/text/clientlibs/images/categories/aboutus/overview/belowbanner/leftimage.html"),url("../components/content/text/clientlibs/images/categories/aboutus/overview/belowbanner/rightimage.html");
    background-repeat: no-repeat;
    background-position: 0 45px,100% 45px;
    background-size: auto 85%
}

    .container-fluid.text-center.mt-4 .headsingle p {
        font-size: 52px !important;
        text-transform: uppercase;
        font-weight: 900;
        font-family: var(--font-tstar-heavy);
        padding: 100px 0;
        line-height: 74px
    }

        .container-fluid.text-center.mt-4 .headsingle p::before {
            content: "\201C"
        }

        .container-fluid.text-center.mt-4 .headsingle p::after {
            content: "\201D"
        }

        .container-fluid.text-center.mt-4 .headsingle p span {
            background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

section.Mission .misionbox {
    justify-content: center;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto
}

section.Mission .container-fluid.text-center {
    background-color: #f7f7f7
}

    section.Mission .container-fluid.text-center.pt-md-5.mt-md-5.secondmissionbox {
        padding: 38px 38px 20px 38px
    }

section.Mission .paramission {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    width: 100%
}

section.Mission h3 {
    font-size: var(--font-size38);
    text-align: left;
    border-bottom: 2px solid #0000ab;
    font-family: var(--font-tstar-heavy)
}

section.Mission ul {
    padding: 30px
}

section.Mission li {
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    list-style: disc;
    letter-spacing: .04em;
    padding: 10px 0;
    line-height: 34px
}

section.who-we-are {
    background-color: #f6f6f6
}

    section.who-we-are .who {
        background-color: #f6f6f6
    }

    section.who-we-are .rowbox1 {
        background: #fff
    }

    section.who-we-are h3 {
        font-size: var(--font-size38);
        text-align: left;
        font-family: var(--font-tstar-heavy);
        line-height: normal;
        margin-bottom: 1rem !important
    }

    section.who-we-are .whoweare {
        width: 649.23px
    }

    section.who-we-are .who .box p a {
        color: #2bb7b7;
        display: inline
    }

    section.who-we-are p {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: .09em;
        text-align: left;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 1rem !important
    }

    section.who-we-are .boxrow {
        max-width: 1366px;
        margin-left: auto;
        margin-right: auto
    }

    section.who-we-are .read-more {
        border: 0;
        background: 0;
        color: #41c2cb;
        font-weight: 600
    }

    section.who-we-are .read-more-mobile, section.who-we-are .read-less-mobile {
        color: #009fda;
        cursor: pointer
    }

.box.box1 .whowearepara {
    font-size: 18px
}

section.chairman-profile h2 {
    font-family: var(--font-tstar-heavy);
    font-size: var(--font-size38);
    letter-spacing: .04em;
    color: #0000ab;
    font-weight: 900;
    display: inline-block;
    background: #fff;
    line-height: 46px;
    padding-left: 20px;
    padding-right: 20px
}

section.chairman-profile .headerbackground {
    position: relative;
    z-index: 1
}

    section.chairman-profile .headerbackground::before {
        display: inline-block;
        content: "";
        background: #d9d9d9;
        width: 100%;
        position: absolute;
        top: 50%;
        height: 1px;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: -1
    }

section.chairman-profile .desk {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto
}

section.chairman-profile .profile h1 {
    font-family: open-sans-semibold;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px
}

section.chairman-profile .profile h4 {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    padding: 18px 0;
    font-family: sans-serif
}

section.chairman-profile .profile p {
    font-family: var(--font-tstar);
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    letter-spacing: .04em
}

    section.chairman-profile .profile p:not(:first-child) {
        margin-top: 16px
    }

section.chairman-profile .btn-read {
    display: none
}

section.profile-chairman {
    background-color: var(--bg-color-grey-2)
}

    section.profile-chairman .left-red-border .cmp-image {
        position: relative;
        padding: 6px 0 0 6px
    }

        section.profile-chairman .left-red-border .cmp-image .imagemission::after {
            content: "";
            height: 90%;
            width: 90%;
            background-color: red;
            position: absolute;
            top: -3px;
            left: -3px;
            z-index: 0
        }

    section.profile-chairman .right-red-border .cmp-image {
        position: relative;
        padding: 6px
    }

        section.profile-chairman .right-red-border .cmp-image .imagemission::after {
            content: "";
            height: 90%;
            width: 90%;
            background-color: red;
            position: absolute;
            top: -3px;
            right: -3px;
            z-index: 0
        }

    section.profile-chairman .rowbox1 {
        background: #fff;
        margin-left: auto;
        margin-right: auto
    }

        section.profile-chairman .rowbox1 p {
            font-family: var(--font-tstar);
            font-weight: 400;
            font-size: 17px;
            line-height: 19px;
            letter-spacing: .04em;
            margin-top: 16px
        }

            section.profile-chairman .rowbox1 p:not(:first-child) {
                margin-top: 16px
            }

        section.profile-chairman .rowbox1 .btn-read {
            color: #009fda;
            border: 0;
            padding: 0;
            font-size: 14px;
            font-weight: 400
        }

    section.profile-chairman h3 {
        font-size: var(--font-size38);
        text-align: left;
        font-family: var(--font-tstar-heavy);
        line-height: normal;
        margin-bottom: 1rem !important
    }

    section.profile-chairman img {
        position: relative;
        z-index: 1
    }

    section.profile-chairman .boxrow {
        max-width: 1366px;
        margin-left: auto;
        margin-right: auto
    }

.box.box1 .chairmanepara {
    font-size: 16px;
    line-height: 19px
}

.good-life {
    color: var(--text-color-red)
}

@media(max-device-width:767px) and (min-width:320px) {
    .container-fluid.text-center.mt-4 .headsingle p {
        font-size: 20px !important;
        padding: 0
    }

    section.Mission h3 {
        font-size: var(--font-size24)
    }

    section.Mission .secondmissionbox {
        padding: 38px 38px 86px 38px !important;
        margin-bottom: 25px
    }

    section.Mission ul {
        padding: 5px
    }

    section.Mission li {
        font-size: 16px
    }

        section.Mission li br {
            display: none
        }

    .misionbox {
        flex-wrap: wrap
    }

    .paramission.secpara.aos-init.aos-animate {
        margin-top: 0
    }

    .paramission.aos-init.aos-animate {
        width: 100%;
        padding: 0 15px
    }

    .box.box1 .whowearepara {
        font-size: 18px;
        text-align: justify
    }

    section.Mission .container-fluid.text-center {
        padding: 0
    }
}

.font-size-52 {
    font-size: 52px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    padding: 20px
}

.font-size-24 {
    line-height: 1.2;
    font-size: 24px;
    font-family: 'Poppins', sans-serif
}

.font-size-28 {
    line-height: 1.2;
    font-size: 28px;
      font-family: 'Poppins', sans-serif
}

@media(max-width:768px) {
    .font-size-52 {
        font-size: 26px;
        padding: 10px
    }

    .font-size-24 {
        font-size: 14px
    }

    .font-size-28 {
        font-size: 18px
    }
}

@media(max-width:1199px) and (min-width:992px) {
    section.Mission li {
        font-size: 20px
    }

    section.Mission h3 {
        font-size: var(--font-size35);
        text-align: left;
        border-bottom: 2px solid #0000ab;
        font-family: var(--font-tstar-heavy)
    }

    section.who-we-are h3 {
        font-size: var(--font-size28)
    }

    .box.box1 .whowearepara {
        font-size: 14px
    }
}

@media(max-width:480px) {
    section.who-we-are h3 {
        font-size: 18px;
        text-align: left;
        font-family: var(--font-tstar-heavy);
        line-height: normal;
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width:767px) {
    section.who-we-are h3 {
        text-align: left !important
    }
}

@media(max-width:480px) {
    section.Mission li {
        line-height: 19.2px
    }

    section.chairman-profile h2 {
        font-size: 18px
    }

    section.chairman-profile .profile h1 {
        font-size: 18px;
        line-height: 24.51px
    }

    section.chairman-profile .profile h4 {
        font-size: 18px;
        padding: 5px 0
    }

    section.chairman-profile .profile p {
        font-family: var(--font-tstar);
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .02em;
        text-align: justify
    }

    section.chairman-profile .btn-read {
        color: #009fda;
        border: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400
    }

    :hoversection.chairman-profile .btn-read:focus {
        color: #009fda;
        border: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400
    }

    section.chairman-profile .card.card-body.profile-collapse-card1 {
        border: 0;
        padding: 5px 0
    }

    section.profile-chairman .chairman-headline.mobile {
        font-family: var(--font-tstar-heavy);
        line-height: normal;
        font-size: 24px;
        margin-top: 12px;
        font-weight: 900
    }

    section.profile-chairman .rowbox1 p {
        font-size: 14px;
        line-height: 20px
    }

    section.profile-chairman .box1content .btn-read {
        color: #009fda;
        border: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400
    }

    section.profile-chairman .card.card-body.profile-collapse-card1 p {
        margin-top: 5px
    }

    section.profile-chairman .profile-img {
        width: 100%
    }

    section.profile-chairman .profile-img1 {
        width: 100%
    }

    section.profile-chairman .child_section1::after {
        content: "";
        height: 90%;
        width: 90%;
        background-color: red;
        position: absolute;
        top: 2px;
        left: 2px;
        z-index: 0
    }

    section.profile-chairman .child_section2::after {
        content: "";
        background-color: red;
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 0;
        height: 90%;
        width: 90%
    }

    section.profile-chairman .chairman-headline {
        display: none
    }

        section.profile-chairman .chairman-headline.mobile {
            font-family: var(--font-tstar-heavy);
            line-height: normal;
            font-size: 24px;
            font-weight: 900
        }

    section.profile-chairman .box.box1 .chairmanepara {
        font-size: 14px;
        line-height: 19px;
        text-align: justify;
        margin-top: 7px
    }

    section.profile-chairman .box.box1 .btn-read {
        color: #009fda;
        border: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400
    }
}

@media(min-width:481px) and (max-width:768px) {
    section.chairman-profile .btn-read {
        color: #009fda;
        border: 0;
        padding: 0;
        font-size: 18px;
        font-weight: 400
    }

    h2.overview-heading-1.new-1 {
        font-family: var(--font-tstar-heavy);
        font-size: var(--font-size18)
    }

    section.profile-chairman .profile-img {
        width: 100%;
        position: relative;
        z-index: 1
    }

    section.profile-chairman .btn-read {
        color: #009fda;
        border: 0;
        padding: 0;
        font-size: 18px;
        font-weight: 400
    }
}

.cmp-text ul {
    list-style: initial
}

@media(min-width:768px) and (max-width:1023px) {
    .container-fluid.text-center.mt-4 .headsingle p {
        font-size: 40px !important;
        line-height: 48px;
        padding: 40px 0
    }
}

h3 span.contact-metrology {
    font-size: 20px;
    color: red;
    padding: 0 0 5px 0;
    font-family: 'Poppins', sans-serif,sans-serif;
    font-weight: 400;
    line-height: 19.2px
}

p span.contact-metrology {
    font-size: 15px;
    color: #303030;
    font-weight: 500;
    line-height: 20px;
    font-family: 'Poppins', sans-serif,Arial,Helvetica,sans-serif
}

p:has(span.spacer) {
    margin: 30px 0 25px;
    height: 0;
    border-bottom: #ddd 1px solid
}

.text:has(span.contact-metrology) {
    padding: 40px 0 65px
}

.hero-app {
    display: block;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 16px;
    border: 0;
    background-color: rgba(255,255,255,0.8);
    color: #000;
    transition: transform .15s cubic-bezier(0,0.2,0.5,3) 0;
    position: relative;
    height: auto;
    border-radius: 4px;
    font-weight: 500;
    line-height: 1.5;
    align-items: center;
    border-sizing: border-box;
    padding: 16px 20px;
    font-family: var(--font-tstar-heavy);
    font-weight: 700;
    font-size: 19px
}

.sustainability-journey {
    text-align: center;
    margin: 0 auto;
    max-width: 957px;
    line-height: 24px;
    font-size: 20px
}

.sustainability-our-vision {
    max-width: 63%
}

p.investors-faq-contactus {
    line-height: 1.33;
    font-size: 18px
}

@media(min-width:360px) and (max-width:1023px) {
    .sustainability-journey {
        line-height: 20px;
        font-size: 14px
    }

    .sustainability-approuch {
        font-size: 14px
    }

    .sustainability-our-vision {
        max-width: 80%
    }

    p.investors-faq-contactus {
        line-height: 1.2;
        font-size: 12px
    }
}

@media(max-width:480px) {
    p:has(span.contact-metrology) {
        max-width: 90%
    }
}

section.Mission h3 {
    width: fit-content
}

.end_text1 {
    font-size: 16px;
    font-family: T-Star Pro;
    margin-left: 20px
}

@media all and (max-width:768px) {
    .end_text1 {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px
    }
}

@media(max-width:768px) {
    .gift-icon {
        margin: 0 4px 5px 4px !important
    }

    .voucher-description {
        display: block;
        position: relative;
        top: 10px;
        left: -30px
    }

    .con-span, .bold {
        display: block
    }
}

.container-fluid.text-center .misionbox {
    padding: 0 25px
}

.investors-board-information-cards {
    width: 100%;
    height: 205px;
    background: #303030;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .investors-board-information-cards p {
        text-align: center;
        font-weight: 900;
        font-size: 28px;
        line-height: 1.2;
        color: #fff;
        text-transform: uppercase;
        padding: 0 20px
    }

.investors-banner-text {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    bottom: unset !important;
    top: 50%;
    transform: translateY(-50%)
}

    .investors-banner-text h1 {
        font-size: 52px !important;
        color: #fff !important;
        opacity: 1
    }

.investors-banner-img img {
    min-height: 0 !important
}

.investors-child-page-banner-text {
    padding-bottom: 0 !important;
    padding-left: 0 !important
}

@media(max-width:1200px) {
    .investors-banner-text {
        bottom: unset !important
    }
}

@media(max-width:1000px) {
    .investors-banner-text h1 {
        font-size: 50px !important
    }
}

@media(max-width:630px) {
    .investors-banner-text {
        bottom: unset !important
    }
}

@media(max-width:500px) {
    .investors-banner-text {
        bottom: unset !important
    }
}

@media(max-width:768px) {
    .investors-banner-text {
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important
    }

        .investors-banner-text h1 {
            font-size: 32px !important;
            margin: 0 auto !important;
            max-width: 80%
        }

    .container-fluid.text-center.mt-4 .headsingle p.text-padding {
        max-width: 100% !important;
        font-size: 24px !important;
        line-height: 1.2 !important;
        padding: 21px 0 28px !important
    }

    .container-fluid.text-center .misionbox {
        padding: 0
    }

    section.Mission ul.padding-left {
        padding: 5px 18px 5px 16px
    }

    p.sustainability-journey {
        padding: 0 15px
    }

    .investors-board-information-cards p {
        font-size: 18px
    }
}

.bootstrap-dividend-iepf-wrapp {
    flex: 0 0 22% !important
}

.bootstrap-dividend-iepf-image {
    width: 236px
}

.iepf-dividend-pdf-wrapper {
    display: flex;
    width: 100% !important
}

.iepf-download-pdf-alligments {
    margin-top: 10px
}

@media(max-device-width:767px) and (min-width:320px) {
    .bootstrap-demat-mobile-layout {
        margin-left: 1rem;
        padding-right: 2rem
    }

    .spacing-image-text-demat {
        padding-top: 16px !important
    }

    .demat-ui-mobile-wrap {
        font-size: 14px !important;
        color: #303030 !important;
        line-height: 20px !important;
        font-family: tstar-regular !important;
        font-weight: 400
    }

    .iepf-dividend-pdf-wrapper {
        display: flex;
        width: 100% !important;
        padding-top: 0 !important
    }

    .iepf-download-pdf-alligments {
        margin-right: 21px !important;
        margin-top: 10px
    }

    .iepf-download-contents-alligments {
        padding-left: 16px !important
    }

    .iepf-download-contents-header {
        font-family: tstar-heavy;
        font-size: 18px !important;
        list-style: 22px !important
    }

    .iepf-download-contents-sub-header {
        font-family: tstar-medium;
        font-size: 14px !important;
        list-style: 17px !important
    }

    .bootstrap-dividend-iepf-image {
        width: auto
    }

    .bootstrap-dividend-iepf-wrapp {
        flex: none !important
    }

    .author-read-more-mobile-end {
        justify-content: flex-end
    }

    .info-share-wrapp-mob {
        padding-right: 1rem
    }

    .mob-faq-generic-tab-heading {
        font-size: 18px !important;
        padding: 16px 0 16px 10px !important
    }

    .mob-click-here-outer-wrap {
        padding: 10px 30px 0 10px !important
    }

    .mob-click-here-inner-wrap {
        border-left: 1px solid #0000ab !important;
        padding: 10px 0 0 18px !important;
        margin-bottom: 1rem
    }

    .mob-click-here-text {
        font-size: 18px !important;
        line-height: 22px !important
    }
}

.image-container-xpulse-position {
    position: relative
}

.xpulse-experience-main-logo {
    z-index: 1;
    width: 22%;
    position: absolute;
    left: 39%;
    top: 4%
}

.xpulse-experience-hero-logo {
    width: auto;
    position: absolute;
    z-index: 1;
    top: 5%;
    left: 4.5%
}

.scroll_indicator {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .83vw;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 60px;
    z-index: 1
}

    .scroll_indicator::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 4px;
        height: 50px;
        background: #282828
    }

    .scroll_indicator span:nth-child(6) {
        padding-bottom: 10px
    }

.xpulse-exp-book-now-wrap {
    position: fixed;
    right: 5%;
    bottom: 20%;
    width: 8.6%;
    cursor: pointer;
    z-index: 99
}

.xpulse-exp-book-now-img {
    -webkit-animation: spin 10s linear infinite;
    -moz-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.bootstrap-generic-xpulse {
    height: 100%;
    margin: 0 6px
}

    .bootstrap-generic-xpulse .genericteaser {
        height: 100%
    }

.generic-teaser-xpulse-bg {
    background-color: #191919;
    padding: 0 5rem
}

.xpulse-exp-book-icon-call {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.xpulse-exp-main-heading {
    font-family: var(--font-space-outside);
    font-size: 39px;
    color: #d30613;
    padding: 4rem 0 0 1rem
}

.xpulse-exp-sub-heading {
    font-family: var(--font-amateur-naked);
    font-size: 78px;
    color: #fff;
    text-transform: uppercase;
    line-height: 64px;
    padding: 0 0 1rem 1rem
}

.xpulse-exp-stage-heading {
    font-size: 20px;
    line-height: 30px;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-style:  ;
    color: #fff;
    padding: 0 1rem
}

.xpulse-exp-stage-subhead {
    font-size: 16px;
    line-height: 26px;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-weight: 400;
    color: #fff;
    padding: 30px 0
}

.xpulse-exp-stage-wrap {
    background: url(../../../content/dam/hero-aem-website/in/xpulse-experience/bg-venue.jpg) no-repeat center left;
    background-size: 100% 100%;
    padding: 4rem 2.5rem
}

.xpulse-exp-form-wrap {
    background: url(../../../content/dam/hero-aem-website/in/xpulse-experience/bg-experince-center.jpg);
    padding: 4rem 2.5rem
}

.xpulse-exp-buttons {
    display: inline-block;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    background: #ed1c24;
    padding: 15px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px 0 #000;
    -moz-box-shadow: 3px 3px 3px 0 #000;
    box-shadow: 3px 3px 3px 0 #000
}

.xpulse-exp-buttons-call {
    display: inline-block;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    background: #ed1c24;
    padding: 15px 15px 15px 39px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px 0 #000;
    -moz-box-shadow: 3px 3px 3px 0 #000;
    box-shadow: 3px 3px 3px 0 #000
}

.xpulse-exp-buttons-location {
    display: inline-block;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    background: #ed1c24;
    padding: 15px 10px 15px 30px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px 0 #000;
    -moz-box-shadow: 3px 3px 3px 0 #000;
    box-shadow: 3px 3px 3px 0 #000
}

.xpulse-exp-buttons-call::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 18px;
    background-image: url(../../../content/dam/hero-aem-website/in/xpulse-experience/white-call-icon.png);
    left: 30px;
    background-size: 100% 100%
}

.xpulse-exp-buttons-location::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 18px;
    background-image: url(../../../content/dam/hero-aem-website/in/xpulse-experience/white-location-dot.png);
    left: 27px;
    background-size: 100% 100%
}

.xpulse-exp-allignments {
    padding: 0
}

.book-now-anchor-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.xpulse-exp-mob-stage {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.xuplse-horizontal-layout {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.xpulse-exp-mob-stage .carousel-indicators {
    bottom: -20px
}

.xpulse-exp-form-subheading {
    font-family: var(--font-space-outside) !important;
    font-size: 39px !important;
    color: #d30613 !important;
    text-align: left !important;
    margin-bottom: 1rem !important;
    font-weight: normal !important
}

.xpulse-exp-form-heading {
    font-family: var(--font-amateur-naked) !important;
    font-size: 78px !important;
    color: #fff !important;
    line-height: 64px !important;
    text-transform: uppercase !important;
    text-align: left !important;
    margin-bottom: 0 !important;
    font-weight: normal !important
}

.xpulse-img-width-resize {
    width: 95%
}

.unclaimed-dividend-and-shares-no-details {
    margin: 10px 5px 10px 40px
}

.scooters-dealer-bg {
    background-image: url(../../../content/dam/hero-aem-website/in/products/scooters/scooters-bg-img.png);
    background-size: 100% 100%
}

.joy-ride-desktop-imgs {
    display: block;
    width: auto
}

.joy-ride-mobile-imgs {
    display: none
}

.service-joyride-allignments {
    padding: 24px
}

.service-joyride-text-alligns {
    margin-left: -2rem
}

.service-joyride-text-sub {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #303030
}

.service-joyride-text-main {
    font-weight: 900;
    font-size: 38px;
    line-height: 46px;
    color: #303030;
    font-family: var(--font-tstar-heavy)
}

.key-joyride-text-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
      font-family: 'Poppins', sans-serif;
    color: #303030
}

.key-joyride-text-wrap {
    text-align: center
}

.key-joyride-text-terms {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
      font-family: 'Poppins', sans-serif;
    color: #303030
}

.service-safe-hero-nav-links {
    width: auto !important
}

.ride-safe-ad-banner-img {
    padding: 30px 0 29px 36px
}

.service-banner-exchange-content {
    align-items: center !important
}

.service-riding-tips-engine {
    font-weight: 900;
    font-size: 32px;
    line-height: 38px;
    font-family: var(--font-tstar-heavy);
    color: #303030;
    text-transform: capitalize
}

.scooters-dealer-bg .splendor-feature-section {
    background-image: url(../../../content/dam/hero-aem-website/in/products/scooters/scooters-bg-img.png) !important;
    background-size: 100% 100% !important
}

.scooters-dealer-bg .specfication-wrapper, #scooterWrapper .specfication-wrapper {
    background-color: #fff
}

.scooters-dealer-bg .splendor-feature-h3, .scooters-dealer-bg .splendor-feature-h3 p {
    color: #303030 !important
}

.executive-dealer-bg .splendor-feature-section {
    background: linear-gradient(180deg,#4f4d4d 0,#3d3d3d 100%) !important
}

.executive-dealer-bg .splendor-feature-h2 {
    color: #fff !important
}

#performanceWrapper .explore-360-main, #performanceWrapper .prise-section.sports-section, #performanceWrapper .near-you-section, #performanceWrapper .near-you-section.dark-theme {
    background-image: url(../../../content/dam/hero-aem-website/in/products/sports-adventure/premium-bg-img.png) !important;
    background-size: 100% 100% !important
}

    #performanceWrapper .prise-section.sports-section .prise-wrapper .prise-left-div .prise-form .prise-form-dropdown-div .cust-form-group {
        opacity: .7
    }

#performanceWrapper .cust-form-group:has(.cust-drop-down.show) {
    opacity: 1 !important
}

.scooters-dealer-bg .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link, #scooterWrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link {
    background: #fef8f2
}

    .scooters-dealer-bg .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active, #scooterWrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active {
        background-color: red
    }

    #scooterWrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover, .scooters-dealer-bg .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link:hover {
        background-color: red
    }

.scooters-dealer-bg .near-you-section .near-you-wrapper .near-you-left .near-you-content .near-you-form .cust-form-group .cust-drop-down .cust-form-control, #scooterWrapper .near-you-section .near-you-wrapper .near-you-left .near-you-content .near-you-form .cust-form-group .cust-drop-down .cust-form-control {
    background-color: transparent
}

.about-us-stats-heading {
    font-family: var(--font-tstar-heavy);
    font-size: 84px;
    line-height: 101px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    padding: 23px 0 10px 0
}

.about-us-stats-sub-heading {
    font-family: var(--font-tstar-heavy);
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    padding-bottom: 36px;
    font-style:  
}

.about-us-stats-image-heading-first {
    font-family: var(--font-tstar-heavy);
    font-size: 84px;
    line-height: 101px;
    font-weight: 900;
    color: #fff;
    font-style:  ;
    padding: 9px 0 9px 0
}

.about-us-stats-image-heading-span {
      font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    font-style:  ;
    color: #fff
}

.about-us-fading-wrapper {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    width: 100%
}

.about-us-stats-image-sub-heading {
    font-family: var(--font-tstar-heavy);
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    font-style:  
}

.about-us-manufacturing .desktop-aboutus-wrap {
    max-width: 18.077%
}

.about-us-manufacturing .about-us-manuf-container {
    margin: 0 80px
}

.about-us-manufact-main-heading-wrap {
    padding: 48px 0 12px 0
}

.about-us-manufact-main-heading {
    font-family: var(--font-tstar-heavy);
    font-size: 48px;
    line-height: 58px;
    font-weight: 900;
    color: #1b1717;
    margin-left: 28px
}

.about-us-manufact-sub-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #303030;
    width: 85%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px
}

.service-safe-hero-nav-links {
    width: auto !important
}

.ride-safe-ad-banner-img {
    padding: 30px 0 29px 36px
}

.service-banner-exchange-content {
    align-items: center !important
}

.service-riding-tips-engine {
    font-weight: 900;
    font-size: 32px;
    line-height: 38px;
    font-family: var(--font-tstar-heavy);
    color: #303030;
    text-transform: capitalize
}

.safe-hero-carousel-content-wrap {
    margin-left: -3.5rem
}

@media(max-width:768px) {
    .unclaimed-dividend-and-shares-no-details {
        margin: 10px 5px 10px 15px
    }
}

@media(max-width:1400px) {
    .xpulse-exp-mob-stage, .xuplse-horizontal-layout {
        max-width: 1200px;
        margin: 0 auto
    }
}

@media(max-width:1200px) {
    .service-joyride-text-alligns {
        margin-left: 2rem
    }

    .tablet-about-sub-allighments {
        margin-bottom: 0 !important
    }

    .about-us-stats-heading {
        font-size: 65px;
        line-height: 75px
    }

    .about-us-stats-sub-heading {
        font-size: 17px;
        line-height: 21px;
        padding-bottom: 24px
    }

    .about-us-stats-image-sub-heading {
        font-size: 17px;
        line-height: 21px
    }

    .about-us-stats-image-heading-first {
        font-size: 65px;
        line-height: 75px
    }

    .about-us-manufacturing .about-us-manuf-container {
        margin: 0 40px
    }
}

@media(max-width:1000px) {
    .xpulse-experience-hero-logo {
        display: none
    }

    .scroll_indicator {
        display: none
    }

    .service-joyride-text-alligns {
        margin-left: 4rem
    }

    .about-us-stats-sub-heading {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 16px
    }

    .about-us-stats-heading {
        font-size: 50px;
        line-height: 55px
    }

    .about-us-stats-image-heading-first {
        font-size: 50px;
        line-height: 55px
    }

    .about-us-stats-image-heading-span {
        font-size: 24px;
        line-height: 29px;
        margin-left: .2rem
    }

    .about-us-stats-image-sub-heading {
        font-size: 15px;
        line-height: 24px
    }

    .about-us-manufacturing .about-us-manuf-container {
        margin: 0 16px
    }

    .tablet-about-sub-allighments {
        margin-bottom: 0 !important;
        padding-bottom: 16px !important
    }

    .about-us-manufact-main-heading {
        font-size: 32px;
        line-height: 45px;
        margin-left: 18px
    }

    .about-us-manufact-sub-heading {
        font-size: 19px;
        line-height: 26px
    }
}

@media(max-width:768px) {
    .xpulse-experience-main-logo {
        width: 51%;
        left: 23%;
        top: 10%
    }

    .xpulse-exp-book-now-wrap {
        bottom: 10%;
        width: 25%
    }

    .generic-teaser-xpulse-bg {
        padding: 0 0 2rem 0
    }

    .xpulse-exp-main-heading {
        font-size: 28px;
        line-height: 28px
    }

    .xpulse-exp-sub-heading {
        font-size: 30px;
        line-height: 34px
    }

    .xpulse-exp-stage-heading {
        font-size: 16px;
        line-height: 22px
    }

    .xpulse-exp-allignments {
        padding: 1rem 0 1rem 0
    }

    .xpulse-exp-mob-stage {
        flex-direction: column-reverse
    }

    .xpulse-exp-stage-wrap {
        padding: 2rem .5rem
    }

    .xpulse-exp-form-wrap {
        padding: 2rem .5rem
    }

    .xpulse-exp-mob-stage .carousel-indicators {
        bottom: -15px
    }

    .xpulse-exp-form-subheading {
        font-size: 28px !important;
        line-height: 28px !important;
        margin-bottom: 2rem !important
    }

    .xpulse-exp-form-heading {
        font-size: 30px !important;
        line-height: 34px !important
    }

    .xpulse-img-width-resize {
        width: 100%
    }

    .bootstrap-generic-xpulse {
        margin: 0
    }

    .service-joyride-text-alligns {
        margin-left: 7rem
    }
}

.our-values-card-heading-var {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 900
}

.our-values-card-desc-var {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400
}

@media(max-width:786px) {
    .our-values-card-heading-var {
        font-size: 16px
    }

    .our-values-card-desc-var {
        font-size: 8px
    }
}

.social-linktree {
    z-index: 0;
    overflow: hidden;
    margin-bottom: 16px;
    border: 0;
    background-color: rgba(255,255,255,0.8);
    color: #000;
    transition: transform .15s cubic-bezier(0,0.2,0.5,3) 0;
    box-shadow: rgba(10,11,13,0.08) 0 2px 4px 0;
    border-radius: 4px;
    max-width: 680px;
    margin: 0 auto;
    margin-bottom: 15px
}

.social-linkanchor {
    hyphens: auto;
    white-space: normal;
    color: inherit;
    transition: box-shadow .25s cubic-bezier(0.08,0.59,0.29,0.99) 0,border-color .25s cubic-bezier(0.08,0.59,0.29,0.99) 0,transform .25s cubic-bezier(0.08,0.59,0.29,0.99) 0,background-color .25s cubic-bezier(0.08,0.59,0.29,0.99) 0;
    overflow-wrap: break-word;
    word-break: break-word;
    padding-left: 44px;
    padding-right: 44px;
    margin: 0;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: center;
    cursor: pointer;
    background: 0;
    text-decoration: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: auto;
    position: relative;
    padding: 16px 20px;
    width: 100%;
    appearance: none;
    box-sizing: border-box;
    vertical-align: middle
}

.social-linktree:hover {
    transform: scale(1.02)
}

@media(max-width:569px) {
    .joy-ride-mobile-imgs {
        display: block;
        width: auto;
        margin: 0 auto
    }

    .joy-ride-desktop-imgs {
        display: none
    }

    .service-joyride-allignments {
        padding: 12px
    }

    .service-joyride-text-alligns {
        margin-left: 0
    }

    .service-joyride-text-sub {
        font-size: 14px;
        line-height: 17px
    }

    .service-joyride-text-main {
        font-size: 16px;
        line-height: 19px
    }

    .key-joyride-text-wrap {
        padding-left: 6px;
        padding-right: 6px;
        text-align: left;
        display: flex;
        align-items: center
    }

    .key-joyride-text-text {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 20px
    }

    .key-joyride-text-terms {
        font-size: 14px;
        line-height: 17px
    }

    .service-genric-scroll-header-width {
        width: auto !important
    }

    .service-genric-scroll-header-wrap {
        display: flex;
        overflow-x: scroll;
        margin-bottom: 1rem
    }

        .service-genric-scroll-header-wrap::-webkit-scrollbar {
            display: none
        }

    .service-riding-tips-engine {
        font-size: 18px;
        line-height: 22px
    }

    .about-us-stats-heading {
        font-size: 38px;
        line-height: 46px;
        padding: 13px 0 4px 0
    }

    .about-us-stats-image-heading-span {
        font-size: 11px;
        line-height: 13px;
        margin-left: .2rem
    }

    .about-us-stats-sub-heading {
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 13px
    }

    .about-us-stats-image-heading-first {
        font-size: 38px;
        line-height: 46px;
        padding: 4px 0 4px 0
    }

    .about-us-stats-image-sub-heading {
        font-size: 10px;
        line-height: 12px
    }

    .about-us-img-height {
        height: 130px
    }

    .about-us-single-img-height {
        height: 245px
    }

    .about-us-manufacturing {
        margin: 0 1rem
    }

        .about-us-manufacturing .mobile-aboutus-wrap {
            max-width: 33.33%
        }

        .about-us-manufacturing .middle-wrapper-mobile-aboutus {
            padding: 0 10px
        }

    .about-us-manufact-main-heading {
        font-family: var(--font-tstar-heavy);
        font-size: 23px;
        line-height: 28px;
        margin-left: 24px
    }

    .about-us-manufact-sub-heading {
        font-size: 16px;
        line-height: 155.02%;
        letter-spacing: .03em;
        width: 100%;
        text-align: left
    }

    .safe-hero-carousel-heading {
        margin: 0 -10px 0 -2px
    }

    .safe-hero-carousel-heading {
        margin: 0 -10px 0 -2px
    }
}

@media(max-width:350px) {
    .about-mobile-allignments {
        padding: 0 0 13px 0 !important
    }
}

@media(max-width:768px) {
    #xtremepricesection .prise-form-cta-img {
        width: 100%
    }
}

.overlay-blogs-text-stories {
    position: absolute;
    bottom: 0;
    min-height: 100px;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    background: rgba(0,0,0,0.6);
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    line-height: 32px;
    padding: 0 18px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

@media(max-width:1050px) {
    .overlay-blogs-text-stories {
        font-size: 22px;
        line-height: 28px
    }
}

@media(max-width:768px) {
    .overlay-blogs-text-stories {
        min-height: 90px;
        font-size: 20px;
        line-height: 24px
    }
}

@media(max-width:575px) {
    .overlay-blogs-text-stories {
        min-height: 80px;
        font-size: 18px;
        line-height: 24px;
        padding: 0 16px
    }
}

.megamenu-option-main.service-nav-journey .megamenu-option-box {
    padding: 0 40px 40px !important;
    gap: 32px 22px
}

    .megamenu-option-main.service-nav-journey .megamenu-option-box .dropdown-item {
        width: 305px !important;
        flex-basis: 23.5% !important;
        margin: 0 !important
    }

        .megamenu-option-main.service-nav-journey .megamenu-option-box .dropdown-item .menu-item-icon-main h5 {
            margin-left: 6px !important;
            font-weight: var(--font-weight-700) !important
        }

        .megamenu-option-main.service-nav-journey .megamenu-option-box .dropdown-item p {
            margin-top: 7px !important;
            margin-left: 30px !important;
            font-weight: var(--font-weight-400) !important
        }

.megamenu-option-main.service-nav-journey .megamenu-option-head {
    padding: 0 40px !important
}

@media(max-width:768px) {
    .megamenu-option-main.service-nav-journey .megamenu-option-box {
        padding: 0 !important;
        gap: 0
    }

        .megamenu-option-main.service-nav-journey .megamenu-option-box .dropdown-item {
            width: 100% !important;
            flex-basis: unset !important;
            margin: 0 10px !important
        }
}

.exchange-helpdesk-wrap {
    background-color: #0000ab
}

.exchange-helpdesk-help-text {
    font-family: var(--font-tstar-heavy);
    font-size: 32px;
    line-height: 48px;
    color: #FFF
}

.exchange-helpdesk-sub-text {
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #FFF
}

.exchg-help-border {
    width: 1px;
    background-color: silver
}

@media(max-width:569px) {
    .exchange-helpdesk-help-text {
        font-size: 24px;
        line-height: 32px
    }

    .exchange-helpdesk-sub-text {
        font-size: 16px;
        line-height: 20px
    }
}

.exchange-sell-row {
    margin: 40px
}

.exchange-sell-wrap {
    background: #fef8f2;
    border-radius: 12px;
    width: 98.42%;
    padding: 1rem;
    height: 100%
}

.exchange-sell-heading, .exchange-banner .exchange-sell-heading, .exchange-banner .exchange-sell-heading p {
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    line-height: 32px
}

.exchange-sell-subheading, .exchange-banner .exchange-sell-subheading {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
    width: 95%
}

    .exchange-banner .exchange-sell-subheading p {
          font-family: 'Poppins', sans-serif;
        font-size: 16px;
        line-height: 20px
    }

.exchange-choose-row {
    margin: 4rem;
    padding-bottom: 6px
}

    .exchange-choose-row .exchg-choose-col {
        max-width: 25%;
        flex: 0 0 25%
    }

.exchange-choose-image {
    max-width: 110px;
    min-height: 110px;
    margin: auto
}

.exchange-choose-text-allign {
    padding-top: 18px;
    text-align: center
}

.exchg-product-entry-bg-grey {
    background: linear-gradient(180deg,#4f4d4d 0,#3d3d3d 100%)
}

.exchg-product-entry-wrap-grey {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: auto 40px;
    padding: 0 40px 0 52px;
    border: 1px solid silver;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1);
    border-radius: 12px
}

.mob-exchange-cta-product {
    display: none;
    border-radius: 4px;
    background: url("../../../content/dam/hero-aem-website/in/exchange---assets/exchange-mob-shine.gif") 100%,linear-gradient(96deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
    font-family: var(--font-tstar-heavy);
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    min-width: 66px;
    text-align: center
}

.exchg-product-entry-text-grey {
    font-family: var(--font-tstar-heavy);
    font-size: 48px;
    line-height: 58px;
    color: #fff;
    -webkit-mask-image: linear-gradient(-75deg,rgba(0,0,0,0.6) 30%,#000 50%,rgba(0,0,0,0.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s linear infinite
}

@keyframes shine {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}

.exchg-product-entry-wrap-white {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto 40px;
    padding: 0 40px 0 52px;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1);
    border-radius: 16px
}

.exchg-product-entry-text-white {
    font-family: var(--font-tstar-heavy);
    font-size: 48px;
    line-height: 58px;
    background: linear-gradient(-15deg,rgba(81,81,81,0.16) 0,#000 64.48%,rgba(78,65,65,0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.exchange-prod-box {
    width: 207px
}

.wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion-content-wrap p {
    padding-left: 0 !important
}

.wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion--title p {
    font-size: 32px !important;
    line-height: 48px !important
}

.wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion-card {
    margin-bottom: 20px !important;
    border-radius: 12px
}

.wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion-content-wrap p {
    font-size: 18px !important;
    line-height: 24px !important
}

.wot-terms-heading-text {
    font-family: var(--font-tstar-heavy);
    font-size: 48px;
    line-height: 58px;
    color: #303030;
    margin: 40px 40px 32px;
    text-align: center
}

.wot-terms-subheading-text {
    font-family: var(--font-tstar-normal);
    font-size: 18px;
    line-height: 24px;
    color: #303030
}

.wot-terms-copyrights-text {
    font-family: var(--font-tstar-normal);
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    text-align: center;
    margin: 40px auto 20px
}

@media(max-width:1050px) {
    .exchange-sell-heading, .exchange-banner .exchange-sell-heading .exchange-banner .exchange-sell-heading p {
        font-size: 14px;
        line-height: 24px
    }

    .exchange-sell-subheading, .exchange-banner .exchange-sell-subheading {
        font-size: 12px;
        line-height: 16px;
        margin-top: 4px;
        width: 100%
    }

        .exchange-banner .exchange-sell-subheading p {
            font-size: 12px;
            line-height: 16px;
            margin-top: 4px
        }

    .exchange-sell-image-wrap {
        padding: 0 10px !important
    }

    .exchg-product-entry-text-grey, .exchg-product-entry-text-white {
        font-size: 30px;
        line-height: 38px
    }
}

@media(max-width:768px) {
    .exchange-sell-row {
        margin: 16px
    }

    .exchange-sell-image-wrap {
        padding: 0 6px !important
    }

    .exchange-choose-row {
        margin: 1rem
    }

    .exchange-sell-wrap {
        width: 100%;
        margin-bottom: 1rem;
        height: auto
    }
}

@media(max-width:575px) {
    .exchange-sell-image-wrap {
        padding: 0 15px !important
    }

    .exchange-sell-heading, .exchange-banner .exchange-sell-heading, .exchange-banner .exchange-sell-heading p {
        font-size: 18px;
        line-height: 24px
    }

    .exchange-sell-subheading, .exchange-banner .exchange-sell-subheading {
        font-size: 14px;
        line-height: 20px;
        margin-top: 4px;
        width: 101%
    }

        .exchange-banner .exchange-sell-subheading p {
            font-size: 14px;
            line-height: 20px
        }

    .exchange-sell-text-allign {
        margin-left: -14px
    }

    .exchange-sell-image {
        width: 42px;
        height: 42px
    }

    .exchange-choose-row {
        margin: 1rem;
        padding-bottom: 0
    }

    .exchange-choose-image {
        max-width: 80px;
        min-height: 80px
    }

    .exchg-product-entry-wrap-white {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: auto 40px;
        padding: 0 40px 0 52px;
        box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1);
        border-radius: 16px
    }

    .exchg-product-entry-text-white {
        font-family: var(--font-tstar-heavy);
        font-size: 48px;
        line-height: 58px;
        background: linear-gradient(-15deg,rgba(81,81,81,0.16) 0,#000 64.48%,rgba(78,65,65,0) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .exchg-product-entry-wrap-white {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: auto 40px;
        padding: 0 40px 0 52px;
        box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1);
        border-radius: 16px
    }

    .exchg-product-entry-text-white {
        font-family: var(--font-tstar-heavy);
        font-size: 48px;
        line-height: 58px;
        background: linear-gradient(-15deg,rgba(81,81,81,0.16) 0,#000 64.48%,rgba(78,65,65,0) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .exchg-product-entry-wrap-grey, .exchg-product-entry-wrap-white {
        margin: auto 16px;
        padding: 4px 6px;
        border-radius: 8px;
        gap: 0
    }

    .exchg-product-entry-text-grey, .exchg-product-entry-text-white {
        font-size: 12px;
        line-height: 20px;
        width: 70%
    }

    .exchange-prod-box {
        width: 56px
    }

    .wot-terms-heading-text {
        font-size: 28px;
        line-height: 40px;
        margin: 16px auto
    }

    .wot-terms-subheading-text {
        font-size: 16px;
        line-height: 20px
    }

    .wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion-content-wrap p {
        padding-left: 0 !important
    }

    .wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion--title p {
        font-size: 18px !important;
        line-height: 24px !important;
        width: 90% !important;
        padding: 0 !important
    }

    .wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion-card {
        margin-bottom: 16px !important
    }

    .wot-terms-condition-wrap #genuine-parts .genuine-accordion-container .accordion-content-wrap p {
        font-size: 16px !important;
        line-height: 20px !important
    }

    .wot-terms-copyrights-text {
        font-size: 12px;
        line-height: 16px;
        margin: 24px auto 16px
    }

    .mob-exchange-cta-product {
        display: block
    }

    .exchange-choose-row .exchg-choose-col {
        padding: 0 8px
    }
}

.good-life-section {
    background: url(../components/content/ourvalues/clientlibs/images/categories/banner-content-bg.html) no-repeat center;
    background-size: cover;
    padding: 32px 0 0
}

    .good-life-section .container {
        max-width: 1236px
    }

    .good-life-section h2 {
        font-family: var(--font-tstar-heavy);
        font-size: var(--font-size40)
    }

    .good-life-section .second-value-row {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .good-life-section .benefits-list {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        margin-top: 50px
    }

        .good-life-section .benefits-list .benefit-box {
            background: rgba(114,114,114,0.6);
            flex: 0 0 23%;
            max-width: 23%;
            padding: 23px;
            transition: all 250ms ease-in
        }

            .good-life-section .benefits-list .benefit-box span.text {
                display: block;
                margin-top: 10px;
                font-family: var(--font-tstar-heavy);
                font-size: var(--font-size38)
            }

            .good-life-section .benefits-list .benefit-box img {
                display: inline-block
            }

    .good-life-section.white-theme {
        background: #fff
    }

        .good-life-section.white-theme p {
            color: var(--text-color-black)
        }

        .good-life-section.white-theme .benefits-list .benefit-box {
            background: #fff;
            box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
            backdrop-filter: blur(6.57895px);
            border-radius: 18px
        }

            .good-life-section.white-theme .benefits-list .benefit-box img {
                display: inline-block
            }

            .good-life-section.white-theme .benefits-list .benefit-box span.text {
                color: var(--text-color-black)
            }

.wrapper.mobile-wrapper {
    display: none
}

@media(max-device-width:767px) and (min-width:320px) {
    .container-fluid.text-center.mt-4 {
        background-size: auto 60%
    }

    .good-life-section .benefits-list {
        display: block
    }

        .good-life-section .benefits-list .benefit-box {
            max-width: 100%
        }

    .good-life-section.white-theme .benefits-list .benefit-box {
        background: #fff;
        box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
        backdrop-filter: blur(6.57895px);
        border-radius: 18px;
        margin-bottom: 34px;
        min-height: 300px
    }

    .wrapper.mobile-wrapper {
        display: block
    }

    .wrapper.desktop-wrapper {
        display: none
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .good-life-section .benefits-list .benefit-box span.text {
        display: block;
        margin-top: 10px;
        font-family: var(--font-tstar-heavy);
        font-size: var(--font-size30)
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .good-life-section .benefits-list .benefit-box {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .overview-heading, .good-life-section h2 {
        font-size: 18px;
        line-height: 21px
    }

    .mobile-wrapper {
        display: block
    }

    .desktop-wrapper {
        display: none
    }

    .benefits-list {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .mobile-wrapper .icon img {
        max-width: 100%
    }

    .good-life-section.white-theme .benefits-list .benefit-box span.text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 0;
        margin-bottom: 5px
    }

    .good-life-section.white-theme p {
        font-size: 8px;
        line-height: 9px
    }

    .benefits-list .row {
        justify-content: center
    }
}

@media(max-width:480px) {
    .good-life-section .benefits-list .benefit-box {
        padding: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:820px) {
    .icon img {
        max-width: 100%
    }

    .good-life-section.white-theme .benefits-list .benefit-box span.text {
        word-wrap: break-word
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .good-life-section .benefits-list .benefit-box span.text {
        font-size: 19px;
        line-height: 30px
    }

    .good-life-section .benefits-list .benefit-box {
        max-width: 100%
    }

    .good-life-section .white-theme .benefits-list .benefit-box {
        background: #fff;
        box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
        backdrop-filter: blur(6.57895px);
        border-radius: 18px;
        margin-bottom: 34px
    }

    .mobile-wrapper .icon img {
        max-width: 100%
    }

    .good-life-section .white-theme .benefits-list .benefit-box span.text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 0;
        margin-bottom: 5px
    }

    .benefits-list .row {
        justify-content: center
    }

    .wrapper.mobile-wrapper {
        display: block
    }

    .wrapper.desktop-wrapper {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .good-life-section .benefits-list .benefit-box {
        min-height: 230px
    }
}

section.Mission .imagemission {
    margin-right: 50px;
    position: relative;
    padding: 6px;
    width: 100%
}

    section.Mission .imagemission img {
        position: relative;
        z-index: 1;
        margin-bottom: -40px
    }

section.Mission .imagemission1 {
    width: 50%
}

section.Mission .imagemission1 {
    margin-right: 50px;
    position: relative;
    padding: 6px
}

    section.Mission .imagemission1::after {
        content: "";
        height: 291.27px;
        width: 288.58px;
        background-color: red;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0
    }

    section.Mission .imagemission1 img {
        width: 645px;
        margin-bottom: -40px;
        position: relative;
        z-index: 1
    }

section.Mission .left-red-border .imagemission::after {
    content: "";
    height: 291.27px;
    width: 288.58px;
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

section.Mission .right-red-border .imagemission::after {
    content: "";
    height: 291.27px;
    width: 288.58px;
    background-color: red;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

@media(max-device-width:767px) and (min-width:320px) {
    section.Mission .imagemission {
        margin-right: 0;
        width: 100%
    }

    section.Mission .imagemission1 {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    section.Mission .right-red-border .imagemission::after {
        content: "";
        height: 120.27px;
        width: 120.27px;
        background-color: red;
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 0
    }

    section.Mission .left-red-border .imagemission::after {
        content: "";
        height: 120.27px;
        width: 120.27px;
        background-color: red;
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 0
    }

    .misionbox {
        flex-wrap: wrap
    }
}

@media(max-width:1199px) and (min-width:992px) {
    section.Mission .right-red-border .imagemission::after {
        content: "";
        height: 199.27px;
        width: 288.58px;
        background-color: red;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0
    }

    section.Mission .left-red-border .imagemission::after {
        content: "";
        height: 199.27px;
        width: 288.58px;
        background-color: red;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0
    }

    section.Mission .secondmissionbox .imagemission::after {
        right: 0
    }
}

@media(max-width:991px) {
    section.Mission .imagemission img {
        margin-bottom: 0
    }
}

@media(max-width:768px) {
    .good-life-plan-wrapper .cmp-image__image {
        width: auto;
        height: auto
    }

    .good-life-plan-wrapper .each-member-row .bootstraplayout .col-xl-3.col-lg-3.col-md-3.col-12 {
        max-width: 30%
    }

    .good-life-plan-wrapper .each-member-row .bootstraplayout .col-xl-9.col-lg-9.col-md-9.col-12 {
        max-width: 70%
    }
}

.new_inf {
    padding: 12px 0 12px 190px;
    float: none;
    background: url("clientlib-site/resources/images/icons/marq-bgi.gif")#f3f3f3 left 150px center no-repeat
}

    .new_inf .txtscr {
        width: 100%;
        max-width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        background: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.txtscr {
    color: #000;
    padding: 12px 0 12px 40px;
    background: url(../components/content/marquee/clientlibs/images/marq-bg.html)#f3f3f3 left center no-repeat;
    float: right;
    font-size: 13px;
    max-width: 720px;
    margin-top: 15px
}

@media screen and (max-width:610px) {
    .new_inf {
        background: url("clientlib-site/resources/images/icons/marq-bgi.gif")#f3f3f3 left 20px center no-repeat;
        padding-left: 70px
    }
}

.keypolicies {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    font-size: 15px;
    transition: .4s;
    border-bottom: #ddd 1px solid
}

.faq-accordian {
    position: relative
}

.hm-container {
    width: 100%;
    max-width: 1250px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding: 4rem 0
}

@media(max-width:575.98px) {
    .hm-container {
        padding-right: 20px;
        padding-left: 20px
    }
}

.accordian-background-gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.hm-accordion .card {
    margin-bottom: 5px;
    border: 0;
    border-radius: 0
}

    .hm-accordion .card .card-body {
        padding: 1.25rem
    }

        .hm-accordion .card .card-body p {
            font-size: 18px;
            font-family: var(--font-robotocondensed-regular);
            font-weight: 400;
            line-height: 1.5;
            color: #3c3c3c
        }

.hm-accordion .card-header {
    padding: 0;
    border-radius: 0;
    background: #d0d0d0;
    border: 0;
    cursor: pointer
}

    .hm-accordion .card-header h5 p {
        font-size: 1.25rem;
        padding: 1rem 4rem 1rem 1.25rem;
        color: #3c3c3c;
        position: relative;
        margin-bottom: 0;
        font-family: var(--font-robotocondensed-regular);
        font-weight: 500;
        line-height: 1.2
    }

    .hm-accordion .card-header h5::after {
        content: "+";
        display: inline-block;
        width: 56px;
        height: 56px;
        text-align: center;
        font-size: 1.5rem;
        line-height: 2.4;
        color: #fff;
        background: #ed1c24;
        position: absolute;
        top: 0;
        right: 0
    }

    .hm-accordion .card-header.active h5::after {
        content: "-"
    }

.hm-heading {
    font-family: var(--font-monumentExtended-ultrabold);
    font-size: 32px;
    color: #000;
    font-style:  ;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    font-weight: 900
}

@media(max-width:575.98px) {
    .hm-heading {
        font-size: 24px
    }
}

.faq-accordian .hm-heading {
    text-align: center
}

.keypolicies .card-header .btn {
    padding-left: 50px;
    border: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size20);
    line-height: var(--line-height-24);
    background: #fff;
    color: #000000f0 !important;
    border-radius: 4px;
    box-shadow: none !important
}

.keypolicies .card-header {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.125)
}

.keypolicies .dlink {
    position: relative;
    float: right;
    right: 2%
}

.keypolicies p, .keypolicies h5 {
    display: inline-block
}

.keypolicies .card {
    border: 0
}

.keypolicies .card-body {
    border-bottom: 1px solid rgba(0,0,0,0.125);
    display: flex;
    flex-wrap: wrap;
    padding: 0 8% 2%
}

.keypolicies .dlink img {
    display: inline
}

.keypolicies .card-header.active button .expand-icon {
    background: url("clientlib-site/resources/images/icons/close-acc.gif") left center no-repeat
}

.keypolicies .card-header button .expand-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 18px;
    left: 10px;
    background: url("clientlib-site/resources/images/icons/open-acc.gif") left center no-repeat
}

.productgallery .accordion-button {
    display: block;
    border: 0;
    background: 0;
    color: white;
    width: 100%;
    text-align: left;
    font-weight: 400;
    padding: 1px 30px
}

.accordion-button img {
    left: 80%;
    position: relative;
    display: inline-block;
    top: 9px
}

.accordion-button p {
    font-size: 24px
}

.card-header.gallery {
    padding-left: 2px;
    border: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size20);
    line-height: var(--line-height-24);
    background: #000;
    color: #fff !important;
    border-radius: 4px;
    box-shadow: none !important
}

.accordion-container {
    position: relative;
    border: 1px solid #ddd;
    width: 16%;
    box-shadow: 5px 10px 10px #888;
    float: left;
    margin: 2px
}

.accordion-image {
    display: block;
    width: 100%;
    height: auto
}

.accordion-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: #0b0b0b
}

.accordion-container:hover .accordion-overlay {
    opacity: .6
}

.accordion-icon {
    color: white;
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center
}

.fa-user:hover {
    color: #eee
}

.accordion-icons {
    width: 80px
}

#accordion-modal {
    visibility: hidden;
    opacity: 0;
    transition: all .5s cubic-bezier(0.075,0.82,0.165,1)
}

    #accordion-modal.show {
        visibility: visible;
        opacity: 1
    }

        #accordion-modal.show .accordion-modal {
            opacity: 1
        }

    #accordion-modal:target .accordion-modal {
        transform: translateY(0);
        opacity: 1
    }

    #accordion-modal.hide .accordion-modal {
        opacity: 0
    }

.accordion-modal-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.accordion-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2)
}

.image-aliner {
    display: flex;
    flex-wrap: wrap;
    padding: 0 8% 2%
}

.accordion-modal {
    z-index: 1;
    background-color: white;
    width: 630px;
    padding: 1rem;
    border-radius: 8px
}

.zoom-img {
    width: 600px;
    box-shadow: 0 0 0 #888
}

    .zoom-img:hover {
        box-shadow: 0;
        opacity: 1
    }

.modal-close {
    float: right
}

.close-icon {
    width: 20px;
    padding-bottom: 5px;
    opacity: .6
}

@media(max-width:480px) {
    .accordion-container {
        justify-content: center
    }

    .accordion-modal {
        z-index: 1;
        background-color: white;
        width: 250px;
        padding: 1rem;
        border-radius: 8px
    }

    .zoom-img {
        width: 200px;
        box-shadow: 0 0 0 #888
    }

    .keypolicies .card-body {
        justify-content: center
    }
}

@media(max-width:801px) {
    .accordion-container {
        justify-content: center;
        width: 27%
    }

    .accordion-icons {
        width: 100%
    }

    .accordion-modal {
        z-index: 1;
        background-color: white;
        width: 400px;
        padding: 1rem;
        border-radius: 8px
    }

    .zoom-img {
        width: 350px;
        box-shadow: 0 0 0 #888
    }

    .keypolicies .card-body {
        justify-content: center
    }

    .keypolicies .card-header button .expand-icon {
        top: 10px
    }
}

.fileUpload {
    width: 191px;
    height: 108px;
    background: #fff;
    border: 1px solid red;
    box-shadow: 0 2px 10px rgba(192,18,18,0.2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1%
}

#fileInput {
    display: none
}

.uploadIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem
}

    .uploadIcon span {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        color: red
    }

.emergencyContact {
    display: flex;
    padding: 40px 30px;
    align-items: center
}

@media(max-width:767px) {
    .emergencyContact {
        flex-direction: column;
        gap: 1.5rem;
        width: -webkit-fill-available;
        padding-top: 5px
    }
}

.emergencyContact .emergency-contact {
    display: flex;
    align-items: center
}

@media(max-width:767px) {
    .emergencyContact .emergency-contact {
        flex-direction: column;
        gap: 1.5rem;
        width: -webkit-fill-available
    }
}

.emergencyContact .emergency-contact .fetch-contact {
    padding: 13px;
    display: flex;
    margin-right: 20px;
    align-items: center;
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: 0 2px 10px rgba(40,40,40,0.1);
    border-radius: 8px
}

@media(max-width:767px) {
    .emergencyContact .emergency-contact .fetch-contact {
        margin: unset;
        justify-content: space-evenly;
        width: -webkit-fill-available
    }
}

.emergencyContact .emergency-contact .fetch-contact .image-con {
    text-align: center;
    height: 50px;
    width: 50px;
    padding-top: 4%;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.emergencyContact .emergency-contact .fetch-contact .contact-info {
    margin-left: 10px;
    display: flex;
    flex-direction: column
}

    .emergencyContact .emergency-contact .fetch-contact .contact-info p.name {
        display: block;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        color: #303030
    }

    .emergencyContact .emergency-contact .fetch-contact .contact-info p.number {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #303030
    }

        .emergencyContact .emergency-contact .fetch-contact .contact-info p.number span.relation {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #303030;
            border-left: 1px solid #d2d2d2;
            padding-left: 5px
        }

.emergencyContact .emergency-contact .fetch-contact .removecontact {
    width: 30px;
    height: 30px;
    margin-left: 10px
}

.emergencyContact .add-contact {
    display: flex;
    background: #fff;
    border: 1px solid red;
    box-shadow: 0 2px 10px rgba(192,18,18,0.2);
    border-radius: 8px;
    padding: 10px;
    align-items: center;
    gap: 15px;
    height: 74px;
    width: auto
}

@media(max-width:767px) {
    .emergencyContact .add-contact {
        width: -webkit-fill-available;
        justify-content: space-between
    }
}

.emergencyContact .add-contact p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: red
}

.emergencyContact .add-contact .contact-popup {
    margin: unset;
    padding: unset;
    width: 40px;
    height: 40px
}

#details-section .card {
    border: 0
}

    #details-section .card .card-header {
        display: flex;
        background: #fff;
        position: relative;
        padding: 20px 40px;
        border-bottom: 0
    }

@media(max-width:767px) {
    #details-section .card .card-header {
        padding: 20px 5px;
        margin: 0 14px;
        border-bottom: 2px solid #ccc
    }
}

#details-section .card .card-header.active {
    border-bottom: 0
}

#details-section .card .card-header button.accordion-button {
    background: #fff;
    position: relative;
    border: 0;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0
}

    #details-section .card .card-header button.accordion-button img {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        left: 0;
        top: 8px
    }

@media(max-width:767px) {
    #details-section .card .card-header button.accordion-button {
        gap: 0
    }
}

#details-section .card .card-header button.accordion-button p {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #333;
    float: none
}

#details-section .vehicle-docs-section {
    display: block;
    margin: 0 30px
}

    #details-section .vehicle-docs-section .document {
        width: 80%
    }

        #details-section .vehicle-docs-section .document .document-title {
            display: block
        }

            #details-section .vehicle-docs-section .document .document-title embed {
                text-align: center
            }

    #details-section .vehicle-docs-section .vehicle-docs {
        width: 100%
    }

        #details-section .vehicle-docs-section .vehicle-docs .card-body {
            padding: 0
        }

        #details-section .vehicle-docs-section .vehicle-docs .docs-vehicle {
            width: 25%;
            float: left
        }

@media(min-width:768px) and (max-width:991px) {
    #details-section .vehicle-docs-section .vehicle-docs .docs-vehicle {
        width: 50%
    }
}

@media(max-width:767px) {
    #details-section .vehicle-docs-section .vehicle-docs .docs-vehicle {
        width: 100%;
        float: none
    }
}

@media(max-width:767px) {
    #details-section .vehicle-docs-section .vehicle-docs {
        display: block
    }
}

#details-section .vehicle-docs-section .vehicle-usermanual {
    width: 25%;
    float: left
}

@media(min-width:768px) and (max-width:991px) {
    #details-section .vehicle-docs-section .vehicle-usermanual {
        width: 50%
    }
}

@media(max-width:767px) {
    #details-section .vehicle-docs-section .vehicle-usermanual {
        width: 100%;
        float: none
    }
}

#details-section .vehicle-docs-section .vehicle-usermanual .card-body {
    padding: 0
}

#details-section .vehicle-docs-section .vehicle-usermanual .document {
    display: block
}

#details-section .vehicle-docs-section .vehicle-usermanual .document-title img.img-fluid {
    height: 120px;
    margin: 0 auto;
    text-align: center
}

@media(max-width:767px) {
    #details-section .vehicle-docs-section .vehicle-usermanual .document-title img.img-fluid {
        height: auto
    }
}

@media(max-width:767px) {
    #details-section .vehicle-docs-section .vehicle-usermanual {
        width: 100%
    }
}

#details-section .document-title {
    display: inline
}

    #details-section .document-title p {
        font-weight: bold
    }

#details-section .document img {
    height: 100px;
    width: 100%;
    filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.14))
}

#details-section .document-title img {
    height: 30px;
    width: 40px
}

    #details-section .document-title img.img-fluid {
        width: auto;
        display: block;
        height: auto
    }

#details-section .document-name p {
    color: gray
}

#details-section .document {
    width: auto;
    border: 0;
    padding: 10px;
    display: block;
    margin: 10px;
    box-shadow: 2px 2px 2px 2px #abaaaa;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25));
    background: linear-gradient(116.77deg,#f5f5f5 5.59%,#fff 60.5%,#fff 99.98%);
    border-radius: 8px
}

    #details-section .document .doc-footer {
        display: flex;
        white-space: nowrap;
        align-items: center;
        margin-top: 10px;
        justify-content: space-between
    }

    #details-section .document a, #details-section .document label.update-license {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        color: red;
        display: flex;
        gap: 5px;
        margin-top: 1rem
    }

        #details-section .document a img {
            width: 20px;
            height: 20px
        }

    #details-section .document p.document-name {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: #333;
        margin-top: 10px
    }

#details-section .document-title img, #details-section p {
    display: inline-block
}

#details-section .document-type {
    float: left
}

#details-section .document-icon {
    float: left
}

#details-section .card-body a:hover {
    color: #009fda !important
}

#details-section .card-body a:focus {
    color: red !important
}

#details-section .arrow-icon {
    height: 5px;
    width: 20px;
    float: right
}

#details-section .card-header .arrow-icon {
    transition: .3s transform ease-out
}

#details-section .card-header.active .arrow-icon {
    transform: rotate(180deg)
}

#addEmergencyContact .modal-dialog {
    max-width: max-content
}

#addEmergencyContact .modal-content {
    padding: 30px
}

#genuine-parts .genuine-accordion-container {
    padding: 0 40px;
    margin: 0 auto
}

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container {
        padding: 0 16px
    }
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion {
    width: 100%
}

    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card {
        margin-bottom: 24px;
        background: #f5f5f5
    }

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card {
        margin-bottom: 16px
    }
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--title {
    padding: 30px 24px;
    font-weight: 900;
    font-size: 38px;
    line-height: 46px;
    font-family: var(--font-tstar-heavy);
    color: #303030;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    cursor: pointer
}

    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--title p {
        font-weight: 900;
        font-size: 38px;
        line-height: 46px;
        font-family: var(--font-tstar-heavy);
        color: #303030;
        display: flex;
        width: 100%;
        align-items: center;
        position: relative;
        cursor: pointer
    }

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--title p {
        padding: 12px;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--title {
        padding: 12px;
        font-size: 16px;
        line-height: 19px
    }
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--title.active::after {
    transform: rotate(-180deg);
    transition: .5s ease all
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--title::after {
    content: '';
    position: absolute;
    right: 37px;
    width: 32px;
    height: 18px;
    transition: .5s ease all;
    background: url("clientlib-site/resources/images/icons/right-arrow.svg") left center no-repeat
}

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--title::after {
        width: 13.45px;
        height: 13.24px;
        right: 15.3px;
        background: url("clientlib-site/resources/images/icons/arrow-mob-acc.svg") left center no-repeat
    }
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel {
    padding: 24px;
    padding-top: 0;
    display: none
}

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel {
        padding: 12px;
        padding-top: 0
    }
}

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap {
        flex-direction: column;
        align-items: center
    }
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap img {
    max-width: 236px;
    width: 100%;
    height: 305px
}

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap img {
        max-width: unset;
        height: auto;
        margin-bottom: 15px
    }
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    padding-left: 32px;
    color: #303030
}

@media(max-width:768px) {
    #genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap p {
        padding-left: 0;
        font-size: 14px;
        line-height: 20px
    }
}

#genuine-parts .genuine-accordion-container .genuine-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap p a {
    display: inline;
    padding: 0 2px;
    padding-bottom: .75;
    color: #0000ab;
    border-bottom: 1px solid #0000ab;
    text-transform: uppercase
}

.accordian-faq-wrapper .generic-mobile-faq {
    display: none
}

.investors-faq-section {
    background-color: #fff;
    padding: 1rem 2.5rem
}

.investors-content-wrap {
    display: flex;
    justify-content: center
}

    .investors-content-wrap .left--invs-faqs {
        flex: 0 0 32.815%;
        display: flex;
        flex-direction: column
    }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile {
            display: flex;
            flex-direction: row;
            align-items: center;
            background: #f8f8f8;
            justify-content: space-between;
            align-self: end;
            width: 100%;
            margin-right: 10px
        }

        .investors-content-wrap .left--invs-faqs .faq-button-active {
            background: #f8f8f8;
            margin-right: 10px
        }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile:last-child {
            margin-bottom: 0
        }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile.faq-button-active p {
            color: #303030;
            font-family: var(--font-tstar-normal);
            font-weight: 700
        }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile .investor-left-faq-arrow .faq-inactive-arrows {
            width: 24px;
            height: 24px;
            margin: 40px 12px
        }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile.faq-button-active .investor-left-faq-arrow .faq-inactive-arrows {
            display: none
        }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile .investor-left-faq-arrow .faq-active-arrows {
            display: none
        }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile.faq-button-active .investor-left-faq-arrow .faq-active-arrows {
            display: block;
            width: 24px;
            height: 24px;
            margin: 40px 12px
        }

        .investors-content-wrap .left--invs-faqs .submenu-faq-tile p {
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            cursor: pointer;
            color: #303030;
            width: 95%
        }

    .investors-content-wrap .right--faq-section {
        background-color: white;
        width: 100%;
        max-width: 996px
    }

        .investors-content-wrap .right--faq-section .faq--slider-wrap {
            justify-content: space-between;
            padding: 0 0 0 19px
        }

            .investors-content-wrap .right--faq-section .faq--slider-wrap.reveal {
                display: flex;
                flex-direction: column
            }

            .investors-content-wrap .right--faq-section .faq--slider-wrap .d-flex {
                width: 100% !important;
                display: flex !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                flex-direction: column
            }

            .investors-content-wrap .right--faq-section .faq--slider-wrap.slick-initialized.reveal {
                display: block !important
            }

            .investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                width: 100% !important;
                border: 1px solid #a5a5a5;
                border-radius: 12px;
                margin-bottom: 1.125rem
            }

.active-faq-border-box {
    border: 1px solid #303030 !important
}

.investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile .card-head-faq p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px !important;
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    letter-spacing: 0 !important;
    width: 94%;
    color: #707070
}

.investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile .card-head-faq.active p {
    font-family: var(--font-tstar-heavy);
    font-weight: 900;
    color: #303030
}

.accordian-faq-wrapper .faq--slider-wrap .faqs-accord-tile .card-head-faq.active p {
    font-family: var(--font-tstar-heavy);
    font-weight: 900;
    color: #303030
}

.investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
      font-family: 'Poppins', sans-serif;
    font-weight: 400
}

.investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile:first-child {
    margin-left: 0
}

.investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile:last-child {
    margin-right: 0
}

.investors-content-wrap .right--faq-section .faq--slider-wrap.functional-rep {
    padding: 28px 34px
}

.investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile span p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 6px;
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070
}

.submenu-faq-tile .faq-click-tile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 0 0 2.125rem;
    cursor: pointer
}

.submenu-faq-tile.faq-button-active .faq-click-tile {
    background: #fff;
    background-color: #fff;
    border-left: 24px solid #f8f8f8;
    padding: 0 0 0 .7rem;
    border-top-left-radius: 7%;
    border-bottom-left-radius: 7%
}

.investors-content-wrap .right--faq-section .faq--slider-wrap .d-flex::after, .investors-content-wrap .right--faq-section .faq--slider-wrap .d-flex::before {
    display: none
}

#investor-faq-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #dfdfdf
}

#investor-faq-scroll::-webkit-scrollbar {
    width: 8px;
    background-color: #dfdfdf
}

#investor-faq-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ec2028
}

.faq--slider-wrap .card {
    border: 0;
    margin-bottom: 20px
}

.card-head-mobile h2 {
    cursor: pointer;
    font-size: 18px
}

.faq--slider-wrap .card-body {
    padding-left: 0;
    padding-right: 0
}

.faqs-accord-tile .card-head {
    width: inherit
}

.card-head-mobile {
    background: #f8f8f8;
    border-radius: 6px 6px 0 0;
    margin: 4px 0
}

.accordian-heading-contacts {
    padding: 14px 12px 28px 12px
}

.card-body-mobile {
    border: 1px solid #a5a5a5;
    border-radius: 12px;
    padding: 12px;
    margin: 2px auto
}

.accordian-heading-contacts .submenu-faq-tile {
    width: 90%
}

.card-head-mobile.active .accordian-heading-contacts .investor-arrows {
    background: url(../../../content/dam/hero-aem-website/in/icons/circle-up-arrow.html) no-repeat calc(100% - 10px) center;
    width: 39px;
    height: 28px;
    background-size: 28px;
    top: 22px
}

.card-head-mobile .accordian-heading-contacts .investor-arrows {
    width: 35px;
    height: 25px;
    position: absolute;
    top: 25px;
    right: 0;
    background: url(../../../content/dam/hero-aem-website/in/icons/circle-down-arrow.html) no-repeat calc(100% - 10px) center;
    background-size: 25px
}

.faqs-accord-tile .collapse {
    width: inherit
}

.card-head-faq {
    background: #fff;
    width: inherit;
    border-radius: 12px
}

.accordian-heading-faq {
    padding: 0 1.5rem;
    border-radius: 12px;
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card-body-faq {
    width: 100%;
    padding: 0 4.5rem 1rem 1.5rem
}

    .card-body-faq span {
        font-size: 16px;
        line-height: 1.5
    }

.card-body-mobile .card-head-faq.active .accordian-heading-faq .faq-arrows {
    background: url(../../../content/dam/hero-aem-website/in/icons/faq-accord-cross.html) no-repeat calc(100% - 10px) center;
    width: 25px;
    height: 25px;
    background-size: 15px
}

.faq-arrow-wrapper {
    padding: 1.75rem 0
}

.card-body-mobile .card-head-faq .accordian-heading-faq .faq-arrows {
    width: 24px;
    height: 24px
}

.faqs-accord-tile .card-head-faq.active .accordian-heading-faq .faq-arrows {
    background: url(../../../content/dam/hero-aem-website/in/icons/faq-accord-cross.html) no-repeat calc(100% - 10px) center;
    width: 24px;
    height: 24px;
    background-size: 14px;
    top: 18px;
    right: 12px
}

.faqs-accord-tile .card-head-faq .accordian-heading-faq .faq-arrows-plus {
    width: 24px;
    height: 24px
}

.faqs-accord-tile .card-head-faq.active .accordian-heading-faq .faq-arrows-plus {
    display: none
}

.faqs-accord-tile .card-head-faq .accordian-heading-faq .faq-arrows-cross {
    display: none
}

.faqs-accord-tile .card-head-faq.active .accordian-heading-faq .faq-arrows-cross {
    display: block !important;
    width: 24px;
    height: 24px
}

.accordian-faq-wrapper .view-all-investor {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    margin-top: 32px
}

    .accordian-faq-wrapper .view-all-investor .view-all-arrow {
        border: solid #fff;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 4px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-left: 8px
    }

.exchange-faq-wrap .investors-content-wrap .left--invs-faqs .submenu-faq-tile {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #ededed;
    justify-content: space-between;
    align-self: end;
    width: 100%;
    margin-right: 10px
}

    .exchange-faq-wrap .investors-content-wrap .left--invs-faqs .submenu-faq-tile:first-child {
        border-radius: 12px 12px 0 0
    }

    .exchange-faq-wrap .investors-content-wrap .left--invs-faqs .submenu-faq-tile:last-child {
        border-radius: 0 0 12px 12px
    }

.exchange-faq-wrap .investors-content-wrap .left--invs-faqs .faq-button-active {
    background: #ededed;
    margin-right: 10px
}

.exchange-faq-wrap .investors-content-wrap .left--invs-faqs .submenu-faq-tile.faq-button-active p {
    color: #303030;
    font-family: var(--font-tstar-heavy)
}

.exchange-faq-wrap .investors-content-wrap .right--faq-section .faq--slider-wrap .faqs-accord-tile .card-head-faq p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 6px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    letter-spacing: 0 !important;
    width: 94%;
    color: #303030
}

.exchange-faq-wrap .submenu-faq-tile.faq-button-active .faq-click-tile {
    background: #fff;
    background-color: #fff;
    border-left: 24px solid #ededed;
    padding: 0 0 0 .7rem;
    border-top-left-radius: 7%;
    border-bottom-left-radius: 7%
}

.exchange-faq-wrap .card-head-mobile {
    background: #ededed;
    border-radius: 6px 6px 0 0;
    margin: 4px 0
}

@media(max-width:768px) {
    .investors-content-wrap .left--invs-faqs .submenu-faq-tile p {
        font-size: 15px;
        line-height: 25px
    }

    .investors-content-wrap .left--invs-faqs .submenu-faq-tile span.investor-left-faq-arrow:after {
        margin-left: .2em
    }

    .submenu-faq-tile.faq-button-active .faq-click-tile {
        padding: 1.5rem .2rem 1.5rem .7rem
    }

    .submenu-faq-tile .faq-click-tile {
        padding: 1.5rem .2rem 1.5rem 2.125rem
    }
}

@media(max-width:569px) {
    .accordian-faq-wrapper .generic-desktop-faq {
        display: none
    }

    .accordian-faq-wrapper .generic-mobile-faq {
        display: block
    }

    .investors-faq-section {
        background-color: #fff;
        padding: 1rem
    }

    .investors-contact-mobile {
        display: flex;
        justify-content: center
    }

        .investors-contact-mobile .left--sub-menu {
            flex: 0 0 32.2%;
            display: flex;
            flex-direction: column
        }

            .investors-contact-mobile .left--sub-menu .submenu--mob-faq-tile {
                display: flex;
                flex-direction: row;
                align-items: center;
                margin-bottom: 2px;
                background: #f8f8f8;
                border-radius: 6px;
                justify-content: space-between;
                align-self: end;
                width: 100%;
                padding: 1.125rem .75rem
            }

            .investors-contact-mobile .left--sub-menu .faq-button-active-mob {
                background: #0000ab;
                border-radius: 6px 0 0 6px;
                width: 97.1%;
                margin: 6px 0
            }

            .investors-contact-mobile .left--sub-menu .submenu--mob-faq-tile:last-child {
                margin-bottom: 0
            }

            .investors-contact-mobile .left--sub-menu .submenu--mob-faq-tile.faq-button-active-mob p {
                color: #fffdfd;
                font-family: var(--font-tstar-heavy);
                font-weight: 900
            }

    .mob-heading-faqs .submenu--mob-faq-tile p {
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #303030
    }

    .investors-contact-mobile .left--sub-menu .submenu--mob-faq-tile p {
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase;
        cursor: pointer;
        color: #303030;
        width: 62%
    }

    .investors-contact-mobile .right--mob-content-section {
        background-color: white;
        width: 100%;
        max-width: 996px;
        overflow-x: hidden
    }

        .investors-contact-mobile .right--mob-content-section .faq--slider-wrap-mob {
            display: none;
            justify-content: space-between;
            padding: 0 0 32px 22px
        }

            .investors-contact-mobile .right--mob-content-section .faq--slider-wrap-mob.reveal {
                display: flex
            }

            .investors-contact-mobile .right--mob-content-section .faq--slider-wrap-mob .d-flex {
                width: 100% !important;
                display: flex !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                flex-direction: column
            }

            .investors-contact-mobile .right--mob-content-section .faq--slider-wrap-mob.slick-initialized.reveal {
                display: block !important
            }

            .investors-contact-mobile .right--mob-content-section .faq--slider-wrap-mob .d-flex::after, .investors-contact-mobile .right--mob-content-section .faq--slider-wrap-mob .d-flex::before {
                display: none
            }

    .right--mob-content-section .card {
        border: 0
    }

    .mob-head-faq-mobile h2 {
        cursor: pointer;
        font-size: 18px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        font-family: var(--font-tstar-normal)
    }

    .outer-faq-card:first-child .mob-head-faq-mobile {
        border-radius: 6px 6px 0 0
    }

    .outer-faq-card:last-child .mob-head-faq-mobile {
        border-radius: 0 0 6px 6px
    }

    .outer-faq-card:first-child .mob-head-faq-mobile.active .mob-heading-faqs {
        border-top-left-radius: 10px 10px;
        border-top-right-radius: 10px 10px
    }

    #innerFaqAccordMob .active-faq-border-mob {
        border: 1px solid #303030 !important
    }

    .mob-head-faq-mobile {
        background: #f8f8f8;
        margin: 1px 0
    }

        .mob-head-faq-mobile.active .mob-heading-faqs {
            border-left: 6px solid #f8f8f8;
            border-top: 6px solid #f8f8f8;
            border-right: 6px solid #f8f8f8;
            background-color: #fff;
            padding: 0 6px 0 6px
        }

    .mob-heading-faqs {
        align-items: center;
        padding: 0 12px 0 12px
    }

    .mob-head-faq-mobile.active .mob-heading-faqs .mob-arrow-wrap-faq {
        margin: 22px 0 12px 0
    }

    .mob-head-faq-mobile .mob-heading-faqs .mob-arrow-wrap-faq {
        margin: 28px 0 12px 0
    }

    .faq-card-tile-mobile {
        padding: 12px;
        margin: 6px;
        border: .8px solid #a5a5a5 !important;
        border-radius: 6px
    }

    .mob-head-faq .mob-sub-heading-faq p {
        color: #707070;
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        width: 93%;
        line-height: 17px;
        font-size: 14px
    }

    .mob-head-faq.active .mob-sub-heading-faq p {
        color: #303030;
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        width: 95%
    }

    .mob-body-faq {
        margin-top: 8px
    }

        .mob-body-faq p {
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            color: #707070;
            width: 95%;
            font-size: 14px;
            line-height: 17px
        }

        .mob-body-faq ol {
            margin-left: 1rem
        }

    .mob-heading-faqs .submenu--mob-faq-tile {
        width: 80%
    }

    .mob-head-faq-mobile .mob-heading-faqs .invs-faq-arrows-mob .faq-inactive-arrows {
        width: 20px;
        height: 20px;
        margin-right: 1px
    }

    .mob-head-faq-mobile.active .mob-heading-faqs .invs-faq-arrows-mob .faq-inactive-arrows {
        display: none
    }

    .mob-head-faq-mobile .mob-heading-faqs .invs-faq-arrows-mob .faq-active-arrows {
        display: none
    }

    .mob-head-faq-mobile.active .mob-heading-faqs .invs-faq-arrows-mob .faq-active-arrows {
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 1px
    }

    .faq-card-tile-mobile .card-head .mob-sub-heading-faq {
        padding: 12px
    }

    .mob-head-faq {
        background: #fff
    }

    .faq-card-tile-mobile .mob-head-faq.active .mob-sub-heading-faq .faq-sub-mob-arrows {
        background: url(../../../content/dam/hero-aem-website/in/icons/faq-accord-cross.html) no-repeat calc(100% - 10px) center;
        width: 25px;
        height: 25px;
        background-size: 15px
    }

    .faq-card-tile-mobile .mob-head-faq .mob-sub-heading-faq .faq-sub-mob-arrows {
        width: 25px;
        height: 25px;
        position: absolute;
        right: 0;
        background: url(../../../content/dam/hero-aem-website/in/icons/faq-accord-plus.html) no-repeat calc(100% - 10px) center;
        background-size: 15px
    }

    .faq-arrow-wrapper {
        padding: 0
    }

    .faq-card-tile-mobile .mob-head-faq .mob-sub-heading-faq .faq-arrows-plus {
        width: 18px;
        height: 18px
    }

    .faq-card-tile-mobile .mob-head-faq.active .mob-sub-heading-faq .faq-arrows-plus {
        display: none
    }

    .faq-card-tile-mobile .mob-head-faq .mob-sub-heading-faq .faq-arrows-cross {
        display: none
    }

    .faq-card-tile-mobile .mob-head-faq.active .mob-sub-heading-faq .faq-arrows-cross {
        display: block !important;
        width: 18px;
        height: 18px
    }

    .view-all-faq-wrap {
        margin-top: .5rem
    }

    .exchange-faq-wrap .left--sub-menu .submenu--mob-faq-tile {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 2px;
        background: #ededed;
        border-radius: 6px;
        justify-content: space-between;
        align-self: end;
        width: 100%;
        padding: 1.125rem .75rem
    }

    .exchange-faq-wrap .mob-head-faq-mobile {
        background: #ededed;
        margin: 1px 0
    }

        .exchange-faq-wrap .mob-head-faq-mobile.active .mob-heading-faqs {
            border-left: 6px solid #ededed;
            border-top: 6px solid #ededed;
            border-right: 6px solid #ededed;
            background-color: #ededed;
            padding: 0 6px 0 6px
        }

    .exchange-faq-wrap .mob-head-faq .mob-sub-heading-faq p {
        color: #303030;
        font-family: 'Poppins', sans-serif;
        width: 93%;
        line-height: 24px;
        font-size: 18px
    }

    .exchange-faq-wrap .mob-head-faq .mob-sub-heading-faq p {
        color: #303030;
        font-family: 'Poppins', sans-serif;
        width: 95%
    }

    .exchange-faq-wrap .mob-body-faq p {
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        color: #303030;
        width: 95%;
        font-size: 14px;
        line-height: 20px
    }

    .exchange-faq-wrap .mob-heading-faqs .submenu--mob-faq-tile {
        width: 80%;
        font-size: 16px;
          font-family: 'Poppins', sans-serif;
        line-height: 20px
    }
}

.accordion .productpic {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 1px;
    -webkit-box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 75%)
}

.quick-view-modal .modal-dialog {
    max-width: 1366px
}

    .quick-view-modal .modal-dialog .modal-content {
        background-color: #0c0c0c;
        color: #fff
    }

        .quick-view-modal .modal-dialog .modal-content .close {
            position: absolute;
            top: 25px;
            right: 10px;
            z-index: 5;
            color: #fff;
            opacity: .9;
            font-size: 35px
        }

        .quick-view-modal .modal-dialog .modal-content .modal-body {
            padding: 0
        }

            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner {
                overflow: hidden;
                position: relative;
                padding-bottom: 75px
            }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info {
                    max-width: 41%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: calc(100% - 29px);
                    z-index: 2
                }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .content {
                        z-index: 3;
                        position: relative;
                        padding: 20px;
                        display: flex;
                        flex-direction: column;
                        height: 100%
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info:before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: -55px;
                        width: calc(100% + 70px);
                        height: 100%;
                        z-index: 2;
                        background-color: rgba(23,23,23,0.8);
                        transform: skewX(-10deg)
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info:after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: -55px;
                        width: calc(100% + 140px);
                        height: calc(100% + 29px);
                        background-color: rgba(75,75,75,0.6);
                        z-index: 1;
                        transform: skewX(-10deg)
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 {
                        color: var(--bg-color-danger);
                        font-family: var(--font-tstar-heavy);
                        font-size: var(--font-size58);
                        font-style:  ;
                        text-transform: uppercase
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info p {
                        font-size: var(--font-size18)
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info p.mh-100 {
                            min-height: 100px
                        }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
                        display: flex;
                        flex-wrap: wrap;
                        margin-top: auto;
                        margin-bottom: 10px
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li {
                            flex: 0 0 50%;
                            max-width: 50%;
                            text-align: center;
                            font-size: var(--font-size17);
                            margin-top: 40px
                        }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon {
                                margin-bottom: 5px
                            }

                                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon img {
                                    display: inline-block
                                }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li p {
                                max-width: 150px;
                                margin: 0 auto;
                                font-family: var(--font-montserrat-regular)
                            }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list {
                        display: flex;
                        align-items: center;
                        margin-top: auto
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
                            padding: 0 28px;
                            border-left: 1px solid #fff
                        }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li:first-child {
                                border-left: 0
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li span {
                                font-size: var(--font-size10);
                                text-transform: uppercase
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li h4 {
                                font-size: var(--font-size14);
                                font-family: 'Poppins', sans-serif
                            }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
                    max-width: 60%;
                    margin-left: auto;
                    padding-right: 50px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding-bottom: 29px
                }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike .explore-360-view {
                        width: 650px !important
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike .explore-360-view img {
                            max-width: 100%
                        }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants {
                        justify-content: center;
                        border-bottom: 0;
                        margin: 0 0 30px
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .nav-link {
                            padding: 0;
                            transform: skewX(-43deg);
                            width: 26px;
                            overflow: hidden;
                            border-radius: 0;
                            margin: 0 3px;
                            height: 12px;
                            border: .2px solid #000
                        }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .nav-link .nav-item {
                                padding-top: 5px
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .nav-link img {
                                display: block;
                                width: 100%;
                                transform: skew(35deg) scale(2)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .nav-link.active {
                                background-color: transparent;
                                border-color: transparent;
                                border: 1px solid #303030
                            }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector {
                            border: 0;
                            margin: 0 5px;
                            border-radius: 0;
                            transform: skew(-20deg);
                            padding: 4px 15px;
                            border: 1px solid transparent
                        }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector .sub-variant-selector {
                                margin: 0 -1px;
                                border-radius: 0;
                                transform: skew(-20deg);
                                padding: 4px 15px;
                                border: 1px solid transparent;
                                background-color: red;
                                display: inline-block
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.red {
                                background: #e3090f
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.black {
                                background: #000;
                                border-color: rgba(255,255,255,0.2)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.blue {
                                background: #0083de
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.yellow {
                                background: #e9a400
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.white {
                                background: #fff
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.matte-black {
                                background: #141414;
                                border-color: rgba(255,255,255,0.2)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.grey {
                                background: #818181
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.red-2 {
                                background: #ca2932
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.blue-2 {
                                background: #0081be
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.grey {
                                background: #818181
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.purple {
                                background: #936188
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.brown {
                                background: #954535
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.silver {
                                background: #dfdbd8
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.blue-white {
                                background: linear-gradient(254.41deg,#fff -3.74%,#2196f3 100%)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.blue-black {
                                background: linear-gradient(225deg,#000 0,#03a9f4 100%)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.red-black {
                                background: linear-gradient(225deg,#0a0a0a 0,#ff0303 100%)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.red-white {
                                background: linear-gradient(225deg,#fff 0,#ff0303 100%)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.active {
                                border: 1px solid #fff
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.red-3 {
                                background: #c02023
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.yellow-1 {
                                background: #ded356
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.yellow-2 {
                                background: #dcad60
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.light-brown {
                                background: linear-gradient(to right,#efc785,#dcad60)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.purple-black {
                                background: linear-gradient(to right,#6c56a4,#262625)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.grey-black {
                                background: linear-gradient(to right,#848693,#262625)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.cyan-black {
                                background: linear-gradient(to right,#059091,#262625)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.red-black {
                                background: linear-gradient(to right,#ee292e,#262625)
                            }

.quick-view-modal.quick-view-modal-light .modal-dialog .modal-content {
    background-color: #fff;
    border: 0;
    border-radius: 0
}

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .close {
        color: var(--bg-color-black)
    }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner {
        display: flex;
        padding-bottom: 0
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info {
            position: static;
            flex: 0 0 40%;
            max-width: 40%
        }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .content {
                color: var(--bg-color-black);
                font-weight: 300
            }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info:before {
                content: none
            }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info:after {
                content: none
            }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 {
                font-size: var(--font-size48)
            }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info p {
                font-size: var(--font-size18)
            }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
                display: flex;
                flex-wrap: wrap;
                align-content: flex-start;
                margin-top: auto
            }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li {
                    flex: 0 0 100%;
                    max-width: 100%;
                    margin-top: 30px;
                    display: flex;
                    justify-content: flex-start
                }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon {
                        margin-bottom: 5px;
                        margin-right: 20px
                    }

                        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon img {
                            display: inline-block
                        }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li p {
                        max-width: 250px;
                        text-align: left;
                        margin: 0;
                        font-family: 'Poppins', sans-serif;
                        font-size: var(--font-size18);
                        color: var(--bg-color-black);
                        text-transform: uppercase
                    }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list {
                margin-top: 20px
            }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
                    padding: 0 15px;
                    border-left: 1px solid rgba(9,9,9,0.5)
                }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li:first-child {
                        border-left: 0;
                        padding-left: 0
                    }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li span {
                        font-size: var(--font-size14);
                        text-transform: uppercase
                    }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li h4 {
                        font-size: var(--font-size26);
                        font-family: 'Poppins', sans-serif
                    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
            max-width: 60%;
            flex: 0 0 60%;
            padding-right: 0;
            position: relative;
            background: url(../components/content/quickview/clientlibs/images/categories/scooters/scooter-variants/popup-bg/pleasure.html) no-repeat center right
        }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                max-width: 60%;
                background-color: #f5f5f5;
                height: 100%;
                z-index: 1
            }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike {
                position: relative;
                z-index: 2;
                margin-bottom: 15px
            }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants {
                position: relative;
                z-index: 2
            }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.active {
                    border-color: #000
                }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .actions {
                position: relative;
                z-index: 2
            }

.quick-view-modal.quick-view-modal-light#MaestroEdge110Modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/scooters/scooter-variants/popup-bg/mastero-110.html)
}

.quick-view-modal.quick-view-modal-light#MaestroEdge125Modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/scooters/scooter-variants/popup-bg/mastero-125.html)
}

.quick-view-modal.quick-view-modal-light#Destini125Modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/scooters/scooter-variants/popup-bg/destini-125.html)
}

.quick-view-modal.quick-view-modal-light#Destini125XtecModal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/scooters/scooter-variants/popup-bg/destini-125-xtec.html)
}

.quick-view-modal.quick-view-modal-light#SplendorBlackAccent .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/SPLENDOR-BLACK-ACCENT-bg.html)
}

.quick-view-modal.quick-view-modal-light#SplendorPlus .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/SPLENDOR-PLUS-bg.html)
}

.quick-view-modal.quick-view-modal-light#HfDeluxe .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/HF-Deluxe-bg.html)
}

.quick-view-modal.quick-view-modal-light#HfHundred .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/HF-100-bg.html)
}

.quick-view-modal.quick-view-modal-light#SplendorISmart .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/Splendor-iSmart-bg.html)
}

.quick-view-modal.quick-view-modal-light#SplendorXtec .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/Splendor-XTEC-bg.html)
}

.quick-view-modal.quick-view-modal-light#Glamour .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/glamour.html)
}

.quick-view-modal.quick-view-modal-light#SuperSplendor .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/super-splendor.html)
}

.quick-view-modal.quick-view-modal-light#NewGlamour .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/new-glamour.html)
}

.quick-view-modal.quick-view-modal-light#GlamourXtec .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/glamour-xtec.html)
}

.quick-view-modal.quick-view-modal-light#PassionPro .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/passion-pro.html)
}

.quick-view-modal.quick-view-modal-light#PassionXtec .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
    background-image: url(../components/content/quickview/clientlibs/images/categories/bikes/specification-bike/passion-xtec.html)
}

.quick-view-modal.light-black .modal-dialog .modal-content {
    background-color: #646464;
    border: 0;
    border-radius: 0
}

    .quick-view-modal.light-black .modal-dialog .modal-content .close {
        color: var(--bg-color-white)
    }

    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner {
        display: flex;
        padding-bottom: 0
    }

        .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info {
            position: static;
            flex: 0 0 40%;
            max-width: 40%
        }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .content {
                color: var(--bg-color-white);
                font-weight: 300
            }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info:before {
                content: none
            }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info:after {
                content: none
            }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 {
                font-size: var(--font-size48);
                color: var(--text-color-white)
            }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info p {
                font-size: var(--font-size18)
            }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
                display: flex;
                flex-wrap: wrap;
                align-content: flex-start;
                margin-top: auto
            }

                .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li {
                    flex: 0 0 100%;
                    max-width: 100%;
                    margin-top: 30px;
                    display: flex;
                    justify-content: flex-start
                }

                    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon {
                        margin-bottom: 5px;
                        margin-right: 20px
                    }

                        .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon img {
                            display: inline-block
                        }

                    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li p {
                        max-width: 250px;
                        text-align: left;
                        margin: 0;
                        font-family: 'Poppins', sans-serif;
                        font-size: var(--font-size18);
                        color: var(--text-color-white);
                        text-transform: uppercase
                    }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list {
                margin-top: 20px
            }

                .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
                    padding: 0 15px;
                    border-left: 1px solid #fff
                }

                    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li:first-child {
                        border-left: 0;
                        padding-left: 0
                    }

                    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li span {
                        font-size: var(--font-size14);
                        text-transform: uppercase
                    }

                    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li h4 {
                        font-size: var(--font-size26);
                        font-family: 'Poppins', sans-serif
                    }

        .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
            max-width: 60%;
            flex: 0 0 60%;
            padding-right: 0;
            position: relative;
            background: url(../components/content/quickview/clientlibs/images/categories/scooters/scooter-variants/popup-bg/pleasure.html) no-repeat center right
        }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                max-width: 60%;
                background-color: #f5f5f5;
                height: 100%;
                z-index: 1;
                opacity: .1
            }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike {
                position: relative;
                z-index: 2
            }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants {
                position: relative;
                z-index: 2
            }

                .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.active {
                    border-color: #000
                }

            .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .actions {
                position: relative;
                z-index: 2
            }

.casesensitive .specifications-list p {
    text-transform: revert !important
}

@media(max-width:1199px) {
    .quick-view-modal .modal-dialog .modal-content .modal-body {
        padding: 0
    }

        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner {
            padding-bottom: 0
        }

            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info {
                max-width: 40%;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: calc(100% - 29px);
                z-index: 2
            }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 {
                    color: var(--bg-color-danger);
                    font-family: var(--font-tstar-heavy);
                    font-size: var(--font-size35);
                    font-style:  
                }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info p {
                    font-size: var(--font-size14)
                }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
                    display: flex;
                    flex-wrap: wrap;
                    margin-top: auto
                }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li {
                        flex: 0 0 50%;
                        max-width: 50%;
                        text-align: center;
                        font-size: var(--font-size13);
                        font-weight: 600;
                        margin-top: 40px
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon {
                            margin-bottom: 5px
                        }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon img {
                                display: inline-block
                            }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li p {
                            max-width: 150px;
                            margin: 0 auto;
                            font-family: var(--font-montserrat-regular)
                        }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list {
                    display: flex;
                    align-items: center
                }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
                        padding: 0 25px;
                        border-left: 1px solid #fff
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li:first-child {
                            padding-left: 0;
                            border-left: 0
                        }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li span {
                            font-size: var(--font-size10)
                        }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li h4 {
                            font-size: var(--font-size14);
                            font-family: 'Poppins', sans-serif
                        }

            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
                max-width: 60%;
                margin-left: auto;
                padding-right: 50px
            }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike img {
                    max-width: 100%
                }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants {
                    justify-content: center;
                    border-bottom: 0;
                    margin: 30px 0
                }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector {
                        border: 0;
                        border-radius: 0;
                        padding: 4px 15px
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.active {
                            background-color: red
                        }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner {
        display: flex
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list {
            margin-top: 20px
        }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li h4 {
                font-size: var(--font-size20)
            }
}

@media(max-width:991px) {
    .quick-view-modal .modal-dialog {
        max-width: 100%
    }

        .quick-view-modal .modal-dialog .modal-content .modal-body {
            background: url(../components/content/quickview/clientlibs/images/categories/popup-bg.html) no-repeat center;
            background-size: cover;
            padding-bottom: 30px
        }

            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner {
                min-height: auto;
                display: flex;
                align-items: center;
                overflow-x: hidden
            }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info {
                    max-width: 100%;
                    flex: 0 0 100%;
                    position: static;
                    height: auto;
                    z-index: 2
                }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .content {
                        z-index: 3;
                        position: relative;
                        padding: 20px;
                        display: flex;
                        flex-direction: column;
                        height: 100%
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info:before {
                        content: none
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info:after {
                        content: none
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 {
                        font-size: var(--font-size22);
                        margin-bottom: 20px
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 + p {
                            display: none
                        }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
                        position: relative;
                        max-width: 100px;
                        flex: 0 0 100px;
                        padding-bottom: 40px
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list:before {
                            content: "";
                            position: absolute;
                            height: 100%;
                            z-index: 2;
                            background-color: rgba(23,23,23,0.8);
                            transform: skewX(-10deg);
                            top: -15px;
                            left: -55px;
                            width: calc(100% + 90px)
                        }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list:after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: -55px;
                            background-color: rgba(75,75,75,0.6);
                            z-index: 1;
                            transform: skewX(-10deg);
                            width: calc(100% + 110px);
                            height: 100%
                        }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li {
                            flex: 0 0 100%;
                            max-width: 100%;
                            text-align: center;
                            margin-top: 30px;
                            position: relative;
                            z-index: 3
                        }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon {
                                margin-bottom: 5px;
                                max-width: 25px;
                                margin: 0 auto
                            }

                                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon img {
                                    max-width: 100%;
                                    display: inline-block
                                }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li p {
                                max-width: 68px;
                                font-size: 8px
                            }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list {
                        justify-content: center;
                        margin-bottom: 20px
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
                            padding: 0 25px;
                            border-left: 1px solid #fff
                        }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .mobile-specification-and-bike-information {
                    position: relative;
                    display: flex;
                    align-items: center
                }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
                    max-width: 100%;
                    margin-left: auto;
                    padding-right: 0;
                    min-height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding-bottom: 0;
                    text-align: center
                }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike .explore-360-view {
                        width: auto !important;
                        height: auto !important
                    }

                    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants {
                        justify-content: center;
                        border-bottom: 0;
                        margin: 15px 0
                    }

                        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector {
                            border: 0;
                            margin: 0 5px;
                            border-radius: 0;
                            transform: skew(-20deg);
                            padding: 4px 15px
                        }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.active {
                                border: 1px solid #fff
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.white {
                                background: linear-gradient(254.41deg,#fff -3.74%,#c5c5c5 100%)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.red {
                                background: linear-gradient(225deg,#ed1c24 0,#700004 100%)
                            }

                            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector.black {
                                background: linear-gradient(225deg,#817676 0,#000 100%)
                            }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body {
        background-image: none
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner {
            flex-wrap: wrap
        }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info {
                flex: 0 0 100%;
                max-width: 100%
            }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 {
                    font-size: var(--font-size38);
                    margin-bottom: 10px
                }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 + p {
                        font-size: var(--font-size16);
                        display: block
                    }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list {
                    margin: 10px 0 15px
                }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
                        flex-grow: 1
                    }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
                    display: flex;
                    flex-wrap: wrap;
                    align-content: flex-start;
                    margin-top: auto
                }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list::before {
                        content: none
                    }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list::after {
                        background: rgba(245,245,245,0.6)
                    }

                    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li {
                        flex: 0 0 100%;
                        max-width: 100%;
                        margin-top: 30px;
                        display: flex;
                        justify-content: flex-start;
                        flex-direction: column;
                        align-items: center
                    }

                        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon {
                            margin: 0;
                            margin-bottom: 5px
                        }

                            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon img {
                                display: inline-block
                            }

                        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li p {
                            max-width: 150px;
                            text-align: left;
                            margin: 0;
                            font-family: var(--font-montserrat-regular);
                            font-size: var(--font-size14);
                            text-align: center
                        }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
                max-width: calc(100% - 150px);
                flex: 0 0 calc(100% - 150px);
                background: none !important
            }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information::before {
                    content: none
                }

    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list::before {
        content: none
    }

    .quick-view-modal.light-black .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list::after {
        background: rgba(245,245,245,0.1)
    }
}

@media(max-width:767px) {
    .quick-view-modal .modal-dialog {
        max-width: 100%
    }

        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info p.mh-100 {
            min-height: 0
        }

        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .content {
            padding: 40px 10px 10px
        }

        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
            padding: 0 15px
        }

        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
            max-width: 70px;
            flex: 0 0 70px
        }

        .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
            margin-left: -50px;
            width: 100%
        }

            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike .explore-360-view {
                width: 360px !important;
                height: auto !important;
                margin: 0 auto
            }

            .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants {
                margin-bottom: 16px
            }

                .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .bike-variants .variant-selector {
                    margin: 0 2px;
                    padding: 2px 8px
                }

        .quick-view-modal .modal-dialog .modal-content .modal-body .actions .btn {
            font-size: var(--font-size14);
            padding: 5px 25px
        }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 {
        font-size: var(--font-size22)
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info h2 + p {
            font-size: var(--font-size14)
        }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li {
        flex-grow: 1
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li span {
            font-size: var(--font-size10)
        }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .features-list li h4 {
            font-size: var(--font-size14)
        }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list {
        padding-bottom: 20px
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list::after {
            transform: skewX(-5deg);
            width: calc(100% + 75px)
        }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li {
            margin-top: 15px
        }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon {
                margin: 0;
                margin-bottom: 5px
            }

                .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li .icon img {
                    display: inline-block
                }

            .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-info .specifications-list li p {
                font-size: 8px
            }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information {
        max-width: calc(100% - 80px);
        flex: 0 0 calc(100% - 80px);
        margin-left: 0;
        background: none !important
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information::before {
            content: none
        }

    .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-variants {
        margin-top: 30px
    }

        .quick-view-modal.quick-view-modal-light .modal-dialog .modal-content .modal-body .popup-inner .bike-variants .variant-selector {
            padding: 3px 10px
        }
}

@media(max-width:479px) {
    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .display-bike .explore-360-view {
        width: 100% !important;
        height: auto !important;
        margin-left: -25px
    }

    .quick-view-modal .modal-dialog .modal-content .modal-body .popup-inner .bike-display-information .explore-360-view.varient1.sports {
        margin-left: 10px !important
    }
}

.product-display-section {
    position: relative;
    background: var(--background-url) center 475px;
    background-size: cover
}

    .product-display-section .container {
        max-width: 1236px
    }

    .product-display-section .banner-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

        .product-display-section .banner-video .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg,rgba(0,0,0,0) 36.02%,rgba(0,0,0,0.86) 83.44%);
            z-index: 1
        }

        .product-display-section .banner-video video {
            height: 500px;
            object-fit: cover;
            object-position: center
        }

    .product-display-section .banner-content {
        position: relative;
        z-index: 2;
        text-align: center;
        font-style:  ;
        padding: 50px 0;
        color: var(--text-color-white)
    }

        .product-display-section .banner-content .banner-heading {
            font-family: 'Poppins', sans-serif;
            color: rgba(0,0,0,0.7);
            text-shadow: -1px 1px 0 rgba(255,255,255,0.4),1px 1px 0 rgba(255,255,255,0.4),1px -1px 0 rgba(255,255,255,0.4),-1px -1px 0 rgba(255,255,255,0.4);
            font-size: var(--font-size64);
            letter-spacing: 5px
        }

        .product-display-section .banner-content .banner-sub-heading {
            font-size: var(--font-size24)
        }

        .product-display-section .banner-content .banner-bikes {
            display: flex;
            align-items: start;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 75px
        }

            .product-display-section .banner-content .banner-bikes .bike {
                flex: 0 0 33.33%;
                max-width: 33.33%
            }

                .product-display-section .banner-content .banner-bikes .bike img {
                    display: inline-block;
                    max-width: 100%
                }

                .product-display-section .banner-content .banner-bikes .bike h2 {
                    font-size: var(--font-size26);
                    font-family: var(--font-tstar-heavy)
                }

                .product-display-section .banner-content .banner-bikes .bike p {
                    font-size: var(--font-size18)
                }

                .product-display-section .banner-content .banner-bikes .bike .hover-content {
                    display: none;
                    transition: all 300ms ease-in;
                    opacity: 0;
                    visibility: hidden
                }

                    .product-display-section .banner-content .banner-bikes .bike .hover-content .actions li {
                        cursor: pointer;
                        color: var(--text-color-blue);
                        font-family: var(--font-tstar-heavy);
                        font-style: normal
                    }

                .product-display-section .banner-content .banner-bikes .bike:hover .hover-content {
                    display: block;
                    opacity: 1;
                    visibility: visible
                }

                .product-display-section .banner-content .banner-bikes .bike:hover h2 {
                    color: var(--bg-color-danger)
                }

                .product-display-section .banner-content .banner-bikes .bike:hover p {
                    color: var(--bg-color-danger)
                }

        .product-display-section .banner-content.white-theme {
            background: var(--background-url) no-repeat center center;
            background-size: cover
        }

            .product-display-section .banner-content.white-theme .white-theme-sub-heading {
                font-family: 'Poppins', sans-serif;
                color: var(--text-color-black);
                font-size: var(--font-size38);
                line-height: var(--line-height-46);
                font-weight: 700;
                font-style: normal
            }

            .product-display-section .banner-content.white-theme .banner-bikes {
                margin-top: 18px
            }

                .product-display-section .banner-content.white-theme .banner-bikes .bike h2 {
                    color: var(--text-color-black)
                }

                .product-display-section .banner-content.white-theme .banner-bikes .bike .hover-content .actions li {
                    color: #e50c0c
                }

    .product-display-section.banner-type-2 {
        background-color: #fff
    }

        .product-display-section.banner-type-2 .banner-slider img {
            width: 100%
        }

        .product-display-section.banner-type-2 .banner-slider .carousel-indicators {
            bottom: 10px
        }

        .product-display-section.banner-type-2 .banner-content {
            background: #fff var(--background-url) no-repeat center center;
            background-size: cover;
            padding: 25px 0
        }

            .product-display-section.banner-type-2 .banner-content .banner-heading {
                font-family: var(--font-tstar-heavy);
                color: var(--text-color-black);
                text-shadow: none;
                font-size: var(--font-size48);
                letter-spacing: 0
            }

            .product-display-section.banner-type-2 .banner-content .banner-sub-heading {
                font-size: var(--font-size24)
            }

            .product-display-section.banner-type-2 .banner-content .banner-bikes {
                margin-top: 18px
            }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike h2 {
                    font-size: var(--font-size26);
                    font-family: var(--font-tstar-heavy);
                    color: var(--text-color-black);
                    margin-bottom: 0
                }

                    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike h2.newhead {
                        margin-bottom: 10px !important
                    }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike p {
                    font-size: var(--font-size18)
                }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li {
                    cursor: pointer;
                    color: var(--text-color-black) !important;
                    font-family: 'Poppins', sans-serif;
                    font-style: normal
                }

                    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li.compare-btn {
                        font-family: var(--font-tstar-heavy)
                    }

                    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li span {
                        display: inline-block;
                        font-size: 16px;
                        color: #303030;
                        margin-left: 4px
                    }

                    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li:hover {
                        color: var(--bg-color-danger)
                    }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike:hover h2 {
                    color: var(--bg-color-black)
                }

    .product-display-section.banner-type-3 .banner-slider img {
        width: 100%
    }

    .product-display-section.banner-type-3 .banner-slider .carousel-indicators {
        bottom: 10px
    }

    .product-display-section.banner-type-3 .banner-content {
        background: #86888ae0 var(--background-url) no-repeat;
        background-size: cover;
        padding: 25px 0
    }

        .product-display-section.banner-type-3 .banner-content .banner-heading {
            font-family: var(--font-tstar-heavy);
            color: var(--text-color-white);
            text-shadow: none;
            font-size: var(--font-size48);
            letter-spacing: 0
        }

        .product-display-section.banner-type-3 .banner-content .banner-sub-heading {
            font-size: var(--font-size24)
        }

        .product-display-section.banner-type-3 .banner-content .banner-bikes {
            margin-top: 18px
        }

            .product-display-section.banner-type-3 .banner-content .banner-bikes .bike h2 {
                font-size: var(--font-size26);
                font-family: var(--font-tstar-heavy);
                color: var(--text-color-white);
                margin-bottom: 10px
            }

            .product-display-section.banner-type-3 .banner-content .banner-bikes .bike p {
                font-size: var(--font-size18)
            }

            .product-display-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li {
                cursor: pointer;
                color: var(--text-color-white) !important;
                font-family: 'Poppins', sans-serif;
                font-style: normal
            }

                .product-display-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li.compare-btn {
                    font-family: var(--font-tstar-heavy)
                }

                .product-display-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li span {
                    display: inline-block;
                    font-size: 16px;
                    margin-left: 4px;
                    color: white
                }

                .product-display-section.banner-type-3 .banner-content .banner-bikes .bike .hover-content .actions li:hover {
                    color: var(--bg-color-danger)
                }

            .product-display-section.banner-type-3 .banner-content .banner-bikes .bike:hover h2 {
                color: var(--bg-color-black)
            }

@media(max-width:1199px) {
    .product-display-section.banner-type-2 .banner-content .banner-heading {
        font-size: var(--font-size30)
    }

    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike h2 {
        font-size: var(--font-size20)
    }

    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike p {
        font-size: var(--font-size14)
    }
}

@media(max-width:991px) {
    .product-display-section {
        position: relative;
        background: var(--background-url) center 475px;
        background-size: cover
    }

        .product-display-section .banner-content {
            background-size: contain !important
        }

            .product-display-section .banner-content .banner-heading {
                font-size: var(--font-size52);
                letter-spacing: 5px
            }

            .product-display-section .banner-content .banner-sub-heading {
                font-size: var(--font-size20)
            }

        .product-display-section.banner-type-3 .banner-content {
            background: #86888ae0 var(--background-url) no-repeat;
            background-size: cover !important;
            padding: 25px 0
        }
}

@media(max-width:767px) {
    .product-display-section {
        position: relative;
        background: var(--background-url) center 260px;
        background-size: cover
    }

        .product-display-section .banner-video video {
            height: 275px
        }

        .product-display-section .banner-wrapper {
            padding-top: 25px;
            background: rgba(219,215,213,0.5)
        }

        .product-display-section .banner-content {
            padding: 30px 0 10px
        }

            .product-display-section .banner-content .banner-heading {
                font-size: var(--font-size40);
                letter-spacing: 3px;
                line-height: 1.2
            }

            .product-display-section .banner-content .banner-sub-heading {
                font-size: var(--font-size14)
            }

            .product-display-section .banner-content .banner-bikes {
                display: flex;
                justify-content: space-between;
                margin-top: 25px
            }

                .product-display-section .banner-content .banner-bikes .bike {
                    flex: 0 0 calc(50% - 10px);
                    max-width: calc(50% - 10px)
                }

                    .product-display-section .banner-content .banner-bikes .bike:nth-child(3) {
                        flex: 0 0 calc(100% - 10px);
                        max-width: calc(100% - 10px)
                    }

                        .product-display-section .banner-content .banner-bikes .bike:nth-child(3) .bike-img {
                            max-width: calc(50% - 10px);
                            margin: 0 auto
                        }

                    .product-display-section .banner-content .banner-bikes .bike h2 {
                        font-size: var(--font-size18)
                    }

                    .product-display-section .banner-content .banner-bikes .bike p {
                        display: none
                    }

                    .product-display-section .banner-content .banner-bikes .bike .hover-content {
                        display: block;
                        transition: all 300ms ease-in;
                        opacity: 1;
                        visibility: visible;
                        margin: 10px 0 20px
                    }

                        .product-display-section .banner-content .banner-bikes .bike .hover-content .has-bluetooth img {
                            max-width: 15px
                        }

                        .product-display-section .banner-content .banner-bikes .bike .hover-content .color-available .color {
                            height: 5px;
                            width: 20px;
                            transform: skewX(-50deg);
                            border: .2px solid #d3d3d3
                        }

                        .product-display-section .banner-content .banner-bikes .bike .hover-content .actions li {
                            font-size: var(--font-size14)
                        }

        .product-display-section.banner-type-2 .banner-slider .carousel-indicators {
            bottom: 4px
        }

        .product-display-section.banner-type-2 .banner-content {
            padding: 16px 0;
            background-size: contain
        }

            .product-display-section.banner-type-2 .banner-content .banner-heading {
                font-size: var(--font-size24)
            }

            .product-display-section.banner-type-2 .banner-content .banner-bikes {
                justify-content: center
            }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike h2 {
                    font-size: var(--font-size14)
                }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike p {
                    font-size: var(--font-size14)
                }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .bike-img {
                    padding: 0 15%
                }

                .product-display-section.banner-type-2 .banner-content .banner-bikes .bike:nth-child(3) {
                    max-width: 50%;
                    flex: 0 0 50%
                }

                    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike:nth-child(3) .bike-img {
                        max-width: 100%
                    }
}

@media(max-width:479px) {
    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike h2 {
        font-size: 12.8px
    }

    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike p {
        font-size: var(--font-size12)
    }

    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike li img {
        width: 21px
    }

    .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content {
        margin: 0 0 20px
    }

        .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li {
            font-size: 12px
        }

            .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .actions li span {
                font-size: 12px
            }

        .product-display-section.banner-type-2 .banner-content .banner-bikes .bike .hover-content .color-available {
            margin-bottom: 7px !important
        }
}

.media--tiles .tiles--outer {
    padding: 120px 0 200px 0;
    display: flex;
    justify-content: center;
    max-width: 850px;
    margin: 0 auto
}

    .media--tiles .tiles--outer .tiles--inner {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap
    }

@media(max-width:1024px) {
    .media--tiles .tiles--outer .tiles--inner {
        justify-content: center
    }
}

.media--tiles .tiles--outer .tiles--inner a {
    text-decoration: none;
    margin: 0 25px 15px
}

    .media--tiles .tiles--outer .tiles--inner a .mediaoptions {
        font-family: var(--font-fjalla-one);
        font-weight: 400;
        width: 145px;
        box-sizing: unset;
        height: 135px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-color: #fff;
        text-transform: uppercase;
        line-height: 28px;
        padding: 0 40px;
        color: #e30a27;
        font-size: 20px;
        transition: .35s ease all;
        box-shadow: 0 8px 24px #dddcdc;
        border: 1px solid #dddcdc
    }

        .media--tiles .tiles--outer .tiles--inner a .mediaoptions:hover {
            background-color: #e30a27;
            color: #fff
        }

.in-press-section .selectpress {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    color: #1c1c1c;
    padding: 20px 0 25px 0
}

    .in-press-section .selectpress .dropdown--wrap {
        display: flex;
        margin-top: 16px
    }

        .in-press-section .selectpress .dropdown--wrap .select-dropdown {
            position: relative
        }

@media(max-width:767px) {
    .in-press-section .selectpress .dropdown--wrap {
        flex-direction: column
    }
}

.in-press-section .selectpress .dropdown--wrap .select-dropdown:last-child button {
    margin-right: 0
}

.in-press-section .selectpress .dropdown--wrap .select-dropdown button {
    color: #303030;
    position: relative;
    background: #fff;
    border: 1px solid #ced4da;
    height: 49px;
    border-radius: 7px;
    padding: 0 17px;
    text-transform: capitalize;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.36;
    background-color: #fff;
    font-weight: 400;
    text-align: left;
    width: 250px;
    margin-right: 24px;
    cursor: pointer;
    box-sizing: unset
}

@media(max-width:767px) {
    .in-press-section .selectpress .dropdown--wrap .select-dropdown button {
        margin-right: 0;
        margin-bottom: 18px
    }

    .in-press-section .selectpress .dropdown--wrap .select-dropdown:last-child button {
        margin-bottom: 0
    }
}

.in-press-section .selectpress .dropdown--wrap .select-dropdown button::after {
    content: url('clientlib-site/resources/images/icons/select-icon.svg');
    border: 0;
    position: absolute;
    right: 25px;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.in-press-section .selectpress .dropdown--wrap .select-dropdown .dropdown--menu {
    display: none;
    position: absolute;
    top: 10px;
    left: 0;
    will-change: transform;
    box-sizing: unset;
    max-height: 158px;
    overflow-y: auto;
    margin: 0;
    border: 0;
    border-radius: 0 0 16px 16px;
    width: 223px;
    z-index: 2;
    padding: 5px 16px;
    transform: translate3d(0,41px,0) !important;
    text-transform: capitalize;
    background: #fff;
    box-shadow: 0 10px 40px rgba(120,120,120,0.15);
    -webkit-backdrop-filter: blur(13.1579px);
    backdrop-filter: blur(13.1579px);
    padding: 18px 32px;
    border-radius: 24px
}

    .in-press-section .selectpress .dropdown--wrap .select-dropdown .dropdown--menu.show {
        display: block
    }

    .in-press-section .selectpress .dropdown--wrap .select-dropdown .dropdown--menu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgba(255,255,255,0.3);
        box-shadow: inset 0 0 6px rgba(0,0,0,0.5)
    }

    .in-press-section .selectpress .dropdown--wrap .select-dropdown .dropdown--menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px
    }

    .in-press-section .selectpress .dropdown--wrap .select-dropdown .dropdown--menu li {
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        margin: 10px 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #212529
    }

        .in-press-section .selectpress .dropdown--wrap .select-dropdown .dropdown--menu li:last-child {
            border-bottom: 0
        }

.in-press-section .selectpress .dropdown--wrap .select-dropdown span.select--para {
    position: absolute;
    top: -7px;
    left: 15px;
    z-index: 1;
    background: #fff;
    color: #303030;
    font-size: 16px;
    line-height: 1.36;
    font-weight: 600;
    padding: 0 4px
}

.in-press-section .selectpress p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif
}

.in-press-section .selectpress .selectPressBox {
    width: 160px;
    border: 1px solid #494949;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    color: #353535;
    outline: 0;
    margin: 0 15px 0 0
}

@media(max-width:767px) {
    .in-press-section .selectpress .selectPressBox {
        width: 140px
    }
}

.in-press-section .mediacontent .mediacontent--wrap {
    display: flex;
    align-items: flex-start
}

@media(max-width:767px) {
    .in-press-section .mediacontent .mediacontent--wrap {
        flex-direction: column
    }
}

.in-press-section .mediacontent .mediacontent--wrap .pressyearBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    width: 173px;
    height: 80px;
    background-color: #a8a8a8;
    text-align: center;
    padding: 20px 10px 0 10px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 22px;
    color: #f9f9f9;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    float: left;
    margin: 15px 0 0 0;
    box-sizing: content-box
}

    .in-press-section .mediacontent .mediacontent--wrap .pressyearBox img {
        position: absolute;
        right: -14px;
        top: 25px
    }

    .in-press-section .mediacontent .mediacontent--wrap .pressyearBox p.month {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #f9f9f9;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.36
    }

    .in-press-section .mediacontent .mediacontent--wrap .pressyearBox p.year {
        font-family: 'Poppins', sans-serif;
        margin: 0 0 5px 0;
        font-size: 32px;
        font-weight: 900;
        display: block;
        text-align: center;
        line-height: 44.8px;
        font-weight: bold
    }

.in-press-section .mediacontent .mediacontent--wrap .pressList {
    width: 100%;
    margin-left: 35px
}

@media(max-width:767px) {
    .in-press-section .mediacontent .mediacontent--wrap .pressList {
        margin-left: 0;
        margin-top: 10px
    }
}

.in-press-section .mediacontent .mediacontent--wrap .pressList ul {
    font-family: 'Poppins', sans-serif
}

    .in-press-section .mediacontent .mediacontent--wrap .pressList ul li {
        margin: 0;
        padding: 12px 0;
        list-style: none;
        border-bottom: 1px solid #c5c5c5;
        line-height: 1.36;
        color: #353535;
        font-size: 14px;
        display: none;
        font-family: 'Poppins', sans-serif
    }

        .in-press-section .mediacontent .mediacontent--wrap .pressList ul li.show {
            display: block
        }

        .in-press-section .mediacontent .mediacontent--wrap .pressList ul li a {
            color: #353535;
            display: flex;
            font-weight: 600;
            font-size: 16px;
            text-decoration: none;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-family: 'Poppins', sans-serif
        }

        .in-press-section .mediacontent .mediacontent--wrap .pressList ul li .header--title {
            color: #353535;
            display: flex;
            cursor: pointer;
            font-weight: 600;
            font-size: 16px;
            text-decoration: none;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-family: 'Poppins', sans-serif
        }

            .in-press-section .mediacontent .mediacontent--wrap .pressList ul li .header--title:hover {
                color: red
            }

        .in-press-section .mediacontent .mediacontent--wrap .pressList ul li a:hover {
            color: red
        }

.pressreleases-container, .inthepress-container, .newsletter-container, .annualreport-container {
    width: 100%
}

    .pressreleases-container .in-press-section .mediacontent .mediacontent--wrap .pressList ul li a img {
        width: 13px;
        height: 18px;
        padding-left: 5px;
        box-sizing: unset
    }

.in-press-section {
    padding: 20px 0 100px
}

.render--div {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%
}

@media(max-width:767px) {
    .render--div {
        padding-top: 15%
    }

    button#go-back {
        right: 5%
    }

    #newsletter ul li .img-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .summary-reports ul li .img-wrapper img {
        max-width: 80%
    }

    .summary-reports.in-press-section .mediacontent .mediacontent--wrap .pressList ul li {
        flex-direction: column;
        align-items: flex-start
    }

    section.summary-reports ul li .content-wrapper {
        margin-left: 10px;
        margin-top: 1rem
    }

        section.summary-reports ul li .content-wrapper h3 {
            font-size: 20px
        }

    .summary-reports.in-press-section .mediacontent .mediacontent--wrap .pressList ul li a {
        font-size: 14px
    }
}

.render--div h2 {
    font-family: var(--font-tstar-heavy);
    font-size: 20px;
    text-transform: uppercase;
    color: #303030;
    padding: 7px 0 20px 20px;
    line-height: 1.36;
    text-transform: none;
    font-weight: bold;
    border-bottom: #ddd 1px solid;
    margin: 0 0 20px 0;
    background: url(../../../content/dam/hero-aem-website/in/icons/hero-arrow.png) no-repeat left top
}

.render--div p, .render--div span, .render--div b, .render--div li {
    line-height: 1.36;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    padding: 0 0 20px 0
}

    .render--div strong, .render--div b, .render--div b span, .render--div strong span {
        font-size: 16px;
        font-family: var(--font-tstar-heavy) !important
    }

.render--div a, .render--div a span {
    display: initial
}

#go-back {
    position: absolute;
    top: 1%;
    right: 0
}

.summary-reports.in-press-section .mediacontent .mediacontent--wrap .pressList ul li {
    display: none;
    align-items: flex-start
}

.summary-reports .header-wrap h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #303030;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 15px 0;
    border-bottom: #ddd 1px solid
}

.summary-reports ul li .content-wrapper {
    margin-left: 45px;
    display: flex;
    flex-direction: column
}

    .summary-reports ul li .content-wrapper h3 {
        font-family: 'Poppins', sans-serif;
        text-transform: none;
        color: #303030;
        font-size: 23px;
        padding: 15px 0 6px 20px;
        line-height: 100%;
        background: url('../../../content/dam/hero-aem-website/in/icons/hero-arrow.png') no-repeat left 8px
    }

.summary-reports.in-press-section .mediacontent .mediacontent--wrap .pressList ul li a {
    align-items: center;
    padding-top: 10px;
    padding-left: 10px
}

    .summary-reports.in-press-section .mediacontent .mediacontent--wrap .pressList ul li a span {
        margin-left: 5px
    }

.summary-reports.in-press-section .mediacontent .mediacontent--wrap .pressyearBox {
    min-width: 173px
}

.media-separator-lines {
    border-bottom: none !important
}

#timer {
    padding-left: 25px
}

.normal-style#timer {
    padding-left: 0
}

.countdown-container {
    height: 38px;
    display: flex;
    justify-content: center;
    background-color: black;
    padding: 14px 0 14px 0
}

.countdown-text {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    display: flex
}

    .countdown-text p {
        color: white;
        font-family: 'Poppins', sans-serif;
        font-weight: 900;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        display: flex
    }

    .countdown-text p {
        color: white;
        font-family: 'Poppins', sans-serif;
        font-weight: 900;
        font-size: 16px;
        line-height: 19px;
        text-align: center
    }

.hdbccountdown .sticky {
    position: fixed;
    top: 92px;
    width: 100%;
    z-index: 99
}

@media(max-width:700px) {
    .countdown-container {
        min-height: fit-content;
        display: flex;
        justify-content: center;
        background-color: black;
        padding: 20px 0 10px 0
    }

    .countdown-text {
        color: white;
        font-family: 'Poppins', sans-serif;
        font-weight: 900;
        font-size: 10px;
        line-height: 12px;
        display: flex;
        align-items: center;
        display: flex
    }

        .countdown-text p {
            color: white;
            font-family: 'Poppins', sans-serif;
            font-weight: 900;
            font-size: 10px;
            line-height: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            display: flex
        }

    .hdbccountdown .sticky {
        position: fixed;
        top: 85px;
        width: 100%;
        z-index: 99
    }
}

.hdbcevent-container {
    display: flex;
    justify-content: space-around;
    background-color: #292929;
    padding: 44px 44px 43px 44px
}

.event-contents-top {
    color: #fff;
    text-align: center;
      font-family: 'Poppins', sans-serif;
    font-style:  ;
    font-weight: 800;
    font-size: 42px;
    line-height: 51px
}

.event-contents-bottom {
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-style:  ;
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase
}

.border-line-events {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    margin: .4rem 0 .8rem 0
}

@media(max-width:700px) {
    .hdbcevent-container {
        display: flex;
        justify-content: space-around;
        background-color: #292929;
        padding: 16px
    }

    .event-contents-top {
        color: #fff;
        text-align: center;
          font-family: 'Poppins', sans-serif;
        font-style:  ;
        font-weight: 800;
        font-size: 14px;
        line-height: 17px
    }

    .event-contents-bottom {
        color: #fff;
        text-align: center;
        line-height: 22px;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        font-style:  ;
        font-weight: 900;
        font-size: 8px;
        line-height: 10px
    }

    .border-line-events {
        border-style: solid;
        border-width: .4px;
        border-color: #fff;
        margin: .2rem 0 .4rem 0
    }
}

.hdbc-heading-container {
    height: 138px;
    background-color: #303030
}

.hdbc-heading-box {
    width: fit-content;
    margin: auto
}

.hdbc-heading-aligner {
    display: flex;
    justify-content: center
}

.hdbc-heading-container .hdbc-heading p {
    font-family: 'Poppins', sans-serif;
    font-style:  ;
    font-weight: 900;
    font-size: 48px;
    line-height: 58px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px
}

.hdbc-heading-underline {
    border-style: solid;
    border-width: 4px;
    border-color: red;
    margin: .5rem 0 .3rem 0
}

@media(max-width:768px) {
    .hdbc-heading-container .hdbc-heading p {
        font-size: 28px;
        line-height: 34px;
        margin-top: 16px
    }

    .hdbc-heading-container {
        height: 80px
    }

    .hdbc-heading-underline {
        border-style: solid;
        border-width: 2px
    }
}

.hdbc-stages-container .hdbc-map-tags .hdbc-sub-container .hdbc-stage-contents .hdbc-stage-desc p {
    font-size: 18px;
    line-height: 20px;
    margin-top: .3rem;
    overflow: hidden;
    height: 88px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.hdbc-stages-container {
    display: flex;
    justify-content: space-evenly;
    background-color: #292929;
    padding: 2rem 0
}

.hdbc-map-tags {
    width: 16.691%;
    height: 269px
}

.hdbc-stage-contents {
    max-height: 171px;
    width: 100%;
    height: 40%;
    background-color: #fff;
    padding: 1rem;
    margin-top: -1.5rem;
    z-index: 1;
    position: relative;
    border-radius: 10px
}

.hdbc-stage-title {
      font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    text-transform: uppercase;
    color: red
}

.hdbc-stage-subheading {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #303030
}

.hdbc-stage-desc {
      font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 22px;
    text-align: center;
    color: #303030;
    opacity: .7;
    margin-top: .5rem
}

.hdbc-stage-images {
    width: 100%;
    height: 30%;
    border-radius: 10px;
    object-fit: fill
}

.border-line-hdbc-stage {
    width: 35%;
    border-style: solid;
    border-width: 1px;
    border-color: #ff8787;
    margin: .5rem auto .3rem auto
}

@media(max-width:140px) {
    .hdbc-stage-contents {
        width: 100%;
        height: 60%;
        background-color: #fff;
        padding: 1rem;
        margin-top: -1.5rem;
        z-index: 1;
        position: relative;
        border-radius: 10px
    }
}

@media(max-width:768px) {
    .hdbc-stage-contents {
        width: 100%;
        height: 70%;
        background-color: #fff;
        padding: 1rem;
        margin-top: -1.5rem;
        z-index: 1;
        position: relative;
        border-radius: 10px
    }
}

@media(max-width:700px) {
    .hdbc-stages-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #292929;
        padding: 1rem 0
    }

    .hdbc-map-tags {
        width: 89%;
        height: 238px
    }

    .hdbc-sub-container {
        height: 238px
    }

    .hdbc-stage-contents {
        min-height: 133px;
        height: 0
    }

    .hdbc-stage-images {
        height: 48%
    }

    .hdbc-stage-title {
        font-size: 24px;
        line-height: 29px
    }

    .hdbc-stage-subheading {
        font-size: 18px;
        line-height: 22px
    }

    .hdbc-stages-container .hdbc-map-tags .hdbc-sub-container .hdbc-stage-contents .hdbc-stage-desc p {
        font-size: 16px;
        line-height: 19px;
        max-height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.photo-gallery-container {
    margin: 2rem 11rem;
    background-color: #d5d5d5;
    padding: 3.5rem
}

.photo-gallery-sub-container {
    display: flex;
    justify-content: flex-start;
    padding-top: 2rem;
    flex-wrap: wrap
}

.photo-gallery-container .photo-header-wrapper h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #303030;
    padding: 5px 0 0 10px;
    text-transform: none;
    font-weight: normal
}

.photo-header-wrapper {
    display: flex
}

.photo-gallery-tags {
    width: 20%;
    height: 17rem;
    padding-right: 2rem
}

.photo-gallery-images {
    width: 100%;
    height: 80%;
    object-fit: fill;
    filter: grayscale(1)
}

    .photo-gallery-images:hover {
        filter: none
    }

.caption-overlay-image {
    text-align: center
}

@media(max-width:1440px) {
    .photo-gallery-tags {
        width: 20%;
        height: 8rem;
        padding-right: 1rem
    }
}

@media(max-width:1024px) {
    .photo-gallery-tags {
        width: 20%;
        height: 5rem
    }
}

@media(max-width:768px) {
    .photo-gallery-container {
        padding: 1.5rem
    }

    .photo-gallery-sub-container {
        padding-top: 1rem
    }

    .photo-gallery-container .photo-header-wrapper h2 {
        font-size: 18px;
        padding: 5px 0 0 7 px
    }

    .photo-header-icon {
        height: 28px
    }

    .photo-gallery-tags {
        width: 20%;
        height: 3rem;
        padding-right: .6rem
    }
}

@media(max-width:426px) {
    .photo-gallery-container {
        margin: 2rem 4rem;
        background-color: #d5d5d5;
        padding: 1rem
    }

        .photo-gallery-container .photo-header-wrapper h2 {
            font-size: 14px;
            padding: 5px 0 0 5px
        }

    .photo-header-icon {
        height: 23px
    }

    .photo-gallery-tags {
        width: 20%;
        height: 2.2rem;
        padding-right: .5rem
    }
}

@media(max-width:376px) {
    .photo-gallery-container {
        margin: 2rem 3rem;
        background-color: #d5d5d5;
        padding: .9rem
    }

        .photo-gallery-container .photo-header-wrapper h2 {
            font-size: 12px;
            padding: 5px 0 0 4px
        }

    .photo-header-icon {
        height: 21px
    }

    .photo-gallery-sub-container {
        padding-top: .7rem
    }

    .photo-gallery-tags {
        width: 20%;
        height: 2.2rem;
        padding-right: .4rem
    }
}

@media(max-width:320px) {
    .photo-gallery-container {
        margin: 2rem 2.5rem;
        background-color: #d5d5d5;
        padding: .9rem
    }

    .photo-header-icon {
        height: 20px
    }

    .photo-gallery-tags {
        width: 25%;
        height: 2.2rem
    }
}

.page-csr-we-care {
    margin: 2rem 11rem;
    background-color: #d5d5d5
}

    .page-csr-we-care .videoCon {
        padding: 25px 20px 25px 20px;
        background-color: #d5d5d5;
        height: 480px
    }

        .page-csr-we-care .videoCon h2 {
            padding-bottom: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            color: #303030;
            padding: 5px 0 15px 20px;
            background: url("../../../content/dam/hero-aem-website/in/icons/hero-arrow.png") no-repeat left top;
            text-transform: none;
            font-weight: normal
        }

        .page-csr-we-care .videoCon .mediaLeft {
            width: 490px;
            height: max-content;
            margin: 0 0 0 20px;
            border: 4px solid #000;
            float: left
        }

.videoWraper {
    position: relative;
    width: 100%;
    height: 350px
}

    .videoWraper iframe {
        width: 100%;
        height: 100%
    }

.mediaRight {
    width: 275px;
    padding: 47px 30px 0 0
}

.video-list {
    max-height: 350px;
    overflow: hidden;
    border-width: 0;
    outline: 0;
    text-align: left;
    padding: 0
}

.scroll {
    overflow: auto;
    height: 290px;
    min-height: 290px;
    width: 275px
}

.inner-video-list {
    height: 100%;
    border-bottom: 0 solid black;
    text-align: left;
    padding: 0;
    overflow-y: auto;
    z-index: 2
}

.inner-list {
    width: 100%;
    display: block;
    padding: 1px;
    left: -1px
}

#videoList ul li {
    display: flex;
    margin: 0 0 10px 0;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
    color: #303030
}

.video-detial-container {
    display: flex;
    justify-content: space-evenly
}

.videoCon .video-detial-container .mediaRight .video-list span p {
    padding: 5px;
    margin: auto 5px auto 5px;
    font-weight: 400;
      font-family: 'Poppins', sans-serif
}

    .videoCon .video-detial-container .mediaRight .video-list span p:active {
        color: red
    }

#VidGallery ul li.active {
    color: red
}

.inner-video-list::-webkit-scrollbar {
    width: 13px
}

.inner-video-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 0 !important
}

.inner-video-list::-webkit-scrollbar-thumb {
    background: url('../../../content/dam/hero-aem-website/icons/scroll.html') no-repeat;
    background-size: cover;
    border-radius: 0 !important
}

@media screen and (max-width:950px) {
    .video-detial-container {
        flex-direction: column;
        justify-content: center
    }

    .page-csr-we-care .videoCon .mediaLeft {
        width: 100%;
        margin: 0
    }

    .page-csr-we-care .videoCon {
        height: 900px
    }

    .mediaRight {
        width: auto;
        padding: 20px
    }

    .page-csr-we-care {
        margin: .5rem 1rem
    }
}

@media screen and (max-width:1200px) {
    .video-detial-container {
        justify-content: space-around
    }

    .mediaRight {
        padding: 47px 0 0 10px
    }

    .page-csr-we-care {
        margin: 1rem 5rem
    }

        .page-csr-we-care .videoCon .mediaLeft {
            width: 100%
        }
}

@media screen and (max-width:700px) {
    .page-csr-we-care {
        margin: 5px 10px
    }
}

.image-text-carousel .image-text-container {
    max-width: 1293px;
    margin: 0 auto;
    padding: 0;
    margin-top: 20px
}

.image-text-carousel .image-text-wrapper {
    display: flex;
    margin-left: 7px
}

.image-text-carousel .image-wrapper {
    position: relative
}

    .image-text-carousel .image-wrapper .image {
        background: rgba(218,238,247,0.5);
        object-fit: cover;
        min-width: 313px;
        height: 307px
    }

.image-text-carousel .image-text-wrapper .text-wrapper {
    padding: 24px 65px 0
}

    .image-text-carousel .image-text-wrapper .text-wrapper .text-heading {
        font-family: var(--font-open-sans);
        font-weight: var(--font-weight-800);
        line-height: 1.36;
        font-size: var(--font-size42);
        position: relative
    }

    .image-text-carousel .image-text-wrapper .text-wrapper .text-description {
        padding: 21px 0 12px
    }

        .image-text-carousel .image-text-wrapper .text-wrapper .text-description h5 {
            padding-bottom: 12px;
            font-size: var(--font-size22);
            font-weight: var(--font-weight-600);
            font-family: var(--font-open-sans-semibold);
            line-height: 1.36
        }

        .image-text-carousel .image-text-wrapper .text-wrapper .text-description p {
            font-size: var(--font-size22);
            font-family: var(--font-open-sans-light);
            line-height: 1.36;
            font-weight: var(--font-weight-400)
        }

    .image-text-carousel .image-text-wrapper .text-wrapper .text-heading::before {
        content: "\201C";
        position: absolute;
        top: 0;
        left: -20px
    }

    .image-text-carousel .image-text-wrapper .text-wrapper .text-heading::after {
        content: "\201D"
    }

.image-text-carousel .image-border {
    line-height: 0;
    height: 52px;
    width: 13px;
    transform: skewY(60deg);
    background-color: #0000ab;
    position: absolute;
    left: -7px;
    top: 14px
}

.image-text-carousel .slick-dots {
    bottom: -21px
}

    .image-text-carousel .slick-dots li button:before {
        content: "";
        line-height: 0;
        height: 4px;
        width: 26px;
        transform: skew(-60deg)
    }

    .image-text-carousel .slick-dots li button {
        width: 0;
        height: 0;
        padding: 0
    }

    .image-text-carousel .slick-dots li {
        width: 26px;
        height: 3px;
        margin: 0 3px;
        padding: 0
    }

.image-text-carousel .our-mission-section .slick-dots {
    bottom: -25px;
    line-height: 0
}

.image-text-carousel .slick-dots li.slick-active button:before {
    background-color: #0000ab
}

.image-text-carousel .slick-dots li button:before {
    background-color: #c1c1c1;
    opacity: 1;
    color: unset
}

.image-text-carousel .slick-dotted.slick-slider {
    margin-bottom: 42px
}

@media(max-width:1299) {
    .image-text-carousel .image-text-container {
        max-width: 1050px
    }
}

@media(max-width:768px) {
    .image-text-carousel .image-text-container {
        width: 100%;
        padding: 0 16px;
        margin-top: 12px
    }

    .image-text-carousel .image-wrapper .image {
        min-width: 81px;
        height: 83px
    }

    .image-text-carousel .image-border {
        height: 13.62px;
        width: 3.42px;
        left: -2px;
        top: 4px
    }

    .image-text-carousel .image-text-wrapper .text-wrapper .text-heading {
        font-size: var(--font-size12);
        position: relative
    }

    .image-text-carousel .image-text-wrapper .text-wrapper .text-description h5 {
        padding-bottom: 4px;
        font-size: var(--font-size10)
    }

    .image-text-carousel .image-text-wrapper .text-wrapper .text-description p {
        font-size: var(--font-size10)
    }

    .image-text-carousel .image-text-wrapper .text-wrapper {
        padding: 0 14px
    }

        .image-text-carousel .image-text-wrapper .text-wrapper .text-heading::before {
            top: 0;
            left: -7px
        }

        .image-text-carousel .image-text-wrapper .text-wrapper .text-description {
            padding: 4px 0 0
        }

    .image-text-carousel .slick-dots li {
        width: 22px;
        margin: 0
    }

        .image-text-carousel .slick-dots li button:before {
            width: 17.69px
        }
}

.mission .card.mission-card p {
    font-size: inherit
}

.mission .mission-container-fluid {
    padding: 32px 42.5px;
    background-color: #f5f5f5
}

.mission .mission-column {
    padding: 0 12.5px
}

.card.mission-card {
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
    background-color: #fff;
    border: 0;
    border-radius: 18px
}

    .card.mission-card .mission-card-header {
        font-family: var(--font-tstar-heavy);
        font-weight: var(--font-weight-900);
        font-size: var(--font-size38);
        line-height: 46px;
        margin-top: 16px;
        margin-bottom: 2px
    }

    .card.mission-card .mission-card-desc {
        font-family: 'Poppins', sans-serif;
        font-weight: var(--font-weight-400);
        font-size: var(--font-size16);
        line-height: 19px;
        margin-bottom: 26px;
        letter-spacing: .04em
    }

    .card.mission-card .mission-images-container {
        padding-left: 33px;
        padding-right: 33px;
        padding-bottom: 12px
    }

    .card.mission-card .mission-card-images-container {
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 12px
    }

    .card.mission-card .mission-card-images {
        height: 168px;
        border-radius: 6px;
        overflow: hidden
    }

@media(max-width:769px) {
    .mission .mission-container-fluid {
        padding: 24px 31px 47px
    }

    .card.mission-card {
        box-shadow: unset
    }

    .mission .mission-column {
        padding: 0
    }

    .card.mission-card .mission-card-header {
        font-size: var(--font-size24);
        line-height: 29px
    }

    .card.mission-card .mission-card-desc {
        font-size: var(--font-size14);
        line-height: 17px;
        margin-bottom: 16px
    }

    .card.mission-card .mission-card-images {
        height: 129px
    }
}

.blog-container {
    margin-top: 20px;
    margin-bottom: 25px
}

.block {
    display: flex
}

.first-block {
    width: 50%;
    height: 590px;
    margin: 10px 15px 0 40px;
    background: #fff;
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
    backdrop-filter: blur(6.57895px);
    border-radius: 18px;
    display: block
}

.second-block {
    width: 50%;
    height: 590px;
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.blog {
    height: 281px;
    margin: 10px 10px 15px 15px;
    background: #fff;
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
    backdrop-filter: blur(6.57895px);
    border-radius: 18px
}

.first-img {
    height: 384px;
    margin-left: 2px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background-size: cover
}

.img-hieght {
    position: relative
}

.sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-header p, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .blog-header p {
    font-family: var(--font-tstar-heavy);
    margin: 10px 20px 0 20px !important;
    letter-spacing: normal !important;
    font-style: normal;
    font-weight: 900;
    font-size: 34px;
    line-height: 41px;
    text-transform: uppercase;
    color: #303030
}

.sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-discription p, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .blog-discription p {
      font-family: 'Poppins', sans-serif;
    letter-spacing: normal !important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #303030;
    margin: 10px 32px 20px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.blog-footer {
    display: flex;
    justify-content: space-between;
    bottom: 0
}

.sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-footer .link-text, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .link-text, .sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-footer .link-text:hover, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .link-text:hover {
    width: 250px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #009fda;
    margin-left: 20px
}

.date-align {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-right: 20px
}

.date-icon {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-footer .blog-date, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .blog-date {
      font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #9c9c9c
}

.row-img {
    position: absolute;
    left: -1px;
    margin-left: 2px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background-size: cover
}

.img-width {
    position: relative;
    width: 45%
}

.blog-column {
    display: flex;
    height: 281px
}

.row-text {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

    .row-text .blog-discription {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    .row-text .link-align {
        width: 120px
    }

.third-blog .blog-column .row-img {
    margin-top: 10px;
    background-size: cover
}

.blog-text {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 196px
}

.large-img {
    width: 100%;
    height: 384px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px
}

.small-img {
    width: 100%;
    height: 280px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px
}

@media screen and (max-width:820px) {
    .block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 10px
    }

    .first-block {
        width: 95%;
        height: 175px;
        margin: 5px 20px 15px 10px
    }

    .blog-container {
        padding-left: 0
    }

    .blog {
        width: 95%;
        height: 175px
    }

    .second-block {
        width: 100%;
        height: 400px
    }

    .first-img {
        position: absolute;
        width: 45%;
        height: 175px;
        border-top-left-radius: 18px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 18px
    }

    .img-hieght {
        position: relative;
        height: 175px;
        margin: 0 2px 0 2px
    }

    .img-width {
        width: 45%;
        height: 175px;
        margin: 0 2px 8px 2px
    }

    .blog-text {
        position: relative;
        width: 55%;
        height: auto
    }

    .row-mobile {
        display: flex
    }

    .sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-header p, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .blog-header p {
        font-style: normal;
        font-size: 16px !important;
        line-height: 19px !important;
        text-transform: uppercase;
        color: #303030;
        margin-bottom: 0rem !important
    }

    .sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-discription p, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .blog-discription p {
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 14px !important;
        color: #303030;
        margin-bottom: 0rem !important;
        margin: 5px 10px 10px 20px
    }

    .sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-footer .link-text, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .link-text, .sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-footer .link-text:hover, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .link-text:hover {
          font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 9.38633px !important;
        line-height: 11px !important;
        color: #009fda
    }

    .sustainabilityblogs .blog-container .block .first-block .first-blog .row-mobile .blog-text .blog-footer .blog-date, .sustainabilityblogs .blog-container .block .second-block .blog .blog-column .row-text .blog-date {
        font-style: normal;
        font-weight: 400;
        font-size: 10.4293px !important;
        line-height: 13px !important;
        color: #9c9c9c;
        margin-bottom: 0rem !important
    }

    .date-icon {
        width: 12px;
        height: 12px
    }

    .link-mobile {
        width: 80px
    }

    .row-text {
        height: 175px;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

        .row-text .link-align {
            width: 80px
        }

    .blog-date {
        font-size: 10.4293px
    }

    .blog-text .blog-footer {
        margin-top: 0;
        margin-right: 1px
    }

    .blog-footer {
        margin-top: 1px
    }

    .large-img {
        height: 175px;
        border-top-left-radius: 18px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 18px
    }

    .small-img {
        height: 175px
    }
}

.sustainability-governance-section {
    padding: 32px 0 52px;
    background-color: #f5f5f5
}

.container-sustainabilty {
    margin: 0 40px
}

.bottom--content-wrap {
    display: flex;
    margin-top: 38px;
    justify-content: center
}

    .bottom--content-wrap .left--sub-menu {
        flex: 0 0 22.5%;
        display: flex;
        flex-direction: column
    }

        .bottom--content-wrap .left--sub-menu .submenu--tile {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-bottom: 24px
        }

            .bottom--content-wrap .left--sub-menu .submenu--tile:last-child {
                margin-bottom: 0
            }

            .bottom--content-wrap .left--sub-menu .submenu--tile.button-active span.hollow-circle {
                border-color: var(--text-color-red)
            }

            .bottom--content-wrap .left--sub-menu .submenu--tile.button-active p {
                color: var(--text-color-red);
                font-family: var(--font-tstar-heavy);
                font-weight: 900
            }

            .bottom--content-wrap .left--sub-menu .submenu--tile span.hollow-circle {
                width: 21px;
                height: 21px;
                border: 6px solid #a5a5a5;
                border-radius: 50%;
                cursor: pointer
            }

            .bottom--content-wrap .left--sub-menu .submenu--tile p {
                margin-left: 17.3px;
                  font-family: 'Poppins', sans-serif;
                font-weight: 400;
                font-size: 20px;
                line-height: 24px;
                text-transform: uppercase;
                cursor: pointer;
                color: #303030;
                width: 62%
            }

    .bottom--content-wrap .right--content-section {
        box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
        backdrop-filter: blur(6.57895px);
        background-color: white;
        width: 100%;
        max-width: 996px;
        overflow-x: hidden
    }

        .bottom--content-wrap .right--content-section .content--slider-wrap {
            display: none;
            justify-content: space-between;
            padding: 32px 32px 77px 32px
        }

            .bottom--content-wrap .right--content-section .content--slider-wrap.reveal {
                display: flex
            }

            .bottom--content-wrap .right--content-section .content--slider-wrap .d-flex {
                width: 100% !important;
                display: flex !important;
                justify-content: space-between !important;
                margin-left: 0 !important;
                margin-right: 0 !important
            }

            .bottom--content-wrap .right--content-section .content--slider-wrap.slick-initialized.reveal {
                display: block !important
            }

            .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
                padding: 16px 12px 25px
            }

                .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile img {
                    margin-bottom: 16px
                }

                .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile p {
                    font-size: 18px;
                    line-height: 24px;
                    margin-bottom: 6px !important;
                    font-family: var(--font-tstar-heavy);
                    font-weight: 900;
                    text-align: center;
                    letter-spacing: 0 !important
                }

                .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile span {
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 6px;
                      font-family: 'Poppins', sans-serif;
                    font-weight: 400;
                    text-align: center
                }

                .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile:first-child {
                    margin-left: 0
                }

                .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile:last-child {
                    margin-right: 0
                }

.a-left {
    transform: rotate(180deg);
    left: 0;
    top: 47.5%
}

.a-right {
    right: 0
}

.bottom--content-wrap .right--content-section .content--slider-wrap.functional-rep {
    padding: 28px 34px
}

.col--wrap {
    padding: 6.5px 30px
}

.content--slider-wrap .functional-rep-tile {
    padding: 5px 20px;
    border-radius: 12px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px
}

    .content--slider-wrap .functional-rep-tile.background--tropical-blue {
        background-color: #d7e5fa
    }

    .content--slider-wrap .functional-rep-tile.background--champagne {
        background-color: #fae5d7
    }

    .content--slider-wrap .functional-rep-tile.background--peppermint {
        background-color: #d7f0ce
    }

    .content--slider-wrap .functional-rep-tile.background--selago {
        background-color: #eed7fa
    }

    .content--slider-wrap .functional-rep-tile.background--moonraker {
        background-color: #d7d7fa
    }

    .content--slider-wrap .functional-rep-tile.background--azalea {
        background-color: #fad7d7
    }

    .content--slider-wrap .functional-rep-tile.background--citrine-white {
        background-color: #faf5d7
    }

    .content--slider-wrap .functional-rep-tile p {
        text-align: center
    }

.sustainability-governance-section .slick-arrow {
    z-index: 1
}

.sustainability-governance-section .social--wrap {
    display: none
}

.sustainability-governance-section .mobile {
    display: none
}

.bottom--content-wrap .right--content-section .content--slider-wrap .img-tile span p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center
}

.bottom--content-wrap .right--content-section .content--slider-wrap .d-flex::after, .bottom--content-wrap .right--content-section .content--slider-wrap .d-flex::before {
    display: none
}

#termsofref {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    padding-left: 48px;
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: #009fda
}

    #termsofref img {
        height: 19px;
        width: 15.08px;
        margin-right: 12px
    }

@media(max-width:768px) {
    .content--slider-wrap .anchor-wrap {
        width: calc(50% - 10px) !important
    }

        .content--slider-wrap .anchor-wrap .img-tile {
            width: 100% !important
        }

    #termsofref {
        padding-left: 5px;
        padding-bottom: 0;
        padding-top: 15px;
        font-size: 14px
    }

    .bottom--content-wrap {
        flex-direction: column
    }

    .sustainability-governance-section .social--wrap {
        display: block
    }

    .sustainability-governance-section .mobile {
        display: block
    }

    .container-sustainabilty {
        margin: 0 16px
    }

    .bottom--content-wrap .right--content-section {
        background-color: unset;
        box-shadow: unset;
        backdrop-filter: unset
    }

    .bottom--content-wrap .left--sub-menu .submenu--tile span.hollow-circle {
        display: none
    }

    .bottom--content-wrap .left--sub-menu .submenu--tile {
        margin-right: 35px
    }

        .bottom--content-wrap .left--sub-menu .submenu--tile p {
            width: 100%;
            font-size: 14px;
            line-height: 16.8px;
            margin-left: 0;
            padding-bottom: 4px;
            border-bottom: 1.4px solid #303030
        }

        .bottom--content-wrap .left--sub-menu .submenu--tile.button-active p {
            border-color: red
        }

    .bottom--content-wrap .right--content-section .content--slider-wrap {
        flex-wrap: wrap;
        padding: 0
    }

        .bottom--content-wrap .right--content-section .content--slider-wrap:not(.functional-rep) {
            padding: 0
        }

        .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile {
            width: calc(50% - 10px);
            padding: 15px;
            background: #fff;
            backdrop-filter: blur(6.57895px);
            border-radius: 12px;
            margin: 9px 5px
        }

            .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile:first-child {
                margin-left: 5px
            }

    .a-left {
        top: 26.5%;
        left: -8px
    }

    .a-right {
        right: -8px
    }

    .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile p {
        text-align: center;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 2px !important
    }

    .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile img {
        width: 129px;
        height: 139px
    }

    .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile span {
        font-size: 8px;
        line-height: 9.6px
    }

    .bottom--content-wrap .left--sub-menu {
        display: block
    }

    .social--wrap {
        display: flex;
        gap: 9px;
        margin-top: 20px
    }

    .bottom--content-wrap .right--content-section .content--slider-wrap .social--wrap img.social-img {
        max-width: 16px;
        max-height: 16px
    }

    .desktop {
        display: none
    }

    .mobile {
        width: 100%
    }

    .bottom--content-wrap .right--content-section .content--slider-wrap .img-tile span p {
        font-size: 8px !important
    }
}

.contact-us-section .selectaddress {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    color: #1c1c1c;
    padding: 20px 0 25px 0;
    margin-right: 38%
}

    .contact-us-section .selectaddress .dropdown--wrap {
        display: flex;
        margin-top: 16px
    }

        .contact-us-section .selectaddress .dropdown--wrap .select-dropdown {
            position: relative
        }

.showAdd {
    display: flex !important
}

@media(max-width:700px) {
    .contact-us-section .selectaddress .dropdown--wrap {
        flex-direction: column
    }
}

.contact-us-section .selectaddress .dropdown--wrap .select-dropdown:last-child select {
    margin-right: 0;
    outline-color: black !important
}

.contact-us-section .selectaddress .dropdown--wrap .select-dropdown select {
    color: #303030;
    position: relative;
    background: #fff;
    border: 1px solid #ced4da;
    height: 49px;
    border-radius: 7px;
    padding: 0 17px;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 22.4px;
    background-color: #fff;
    font-weight: 400;
    text-align: left;
    width: 250px;
    margin-right: 24px;
    cursor: pointer;
    box-sizing: unset
}

@media(max-width:767px) {
    .contact-us-section .selectaddress .dropdown--wrap .select-dropdown select {
        margin-right: 0;
        margin-bottom: 18px
    }

    .contact-us-section .selectaddress .dropdown--wrap .select-dropdown:last-child select {
        margin-bottom: 0;
        outline-color: black !important
    }
}

.contact-us-section .selectaddress .dropdown--wrap .select-dropdown select::after {
    content: url('clientlib-site/resources/images/icons/select-icon.svg');
    border: 0;
    position: absolute;
    right: 25px;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.contact-us-section .selectaddress .dropdown--wrap .select-dropdown .dropdown--menu {
    display: none;
    position: absolute;
    top: 10px;
    left: 0;
    will-change: transform;
    box-sizing: unset;
    max-height: 158px;
    overflow-y: auto;
    margin: 0;
    border: 0;
    border-radius: 0 0 16px 16px;
    width: 223px;
    z-index: 2;
    padding: 5px 16px;
    transform: translate3d(0,41px,0) !important;
    text-transform: capitalize;
    background: #fff;
    box-shadow: 0 10px 40px rgba(120,120,120,0.15);
    -webkit-backdrop-filter: blur(13.1579px);
    backdrop-filter: blur(13.1579px);
    padding: 18px 32px;
    border-radius: 24px
}

    .contact-us-section .selectaddress .dropdown--wrap .select-dropdown .dropdown--menu.show {
        display: block
    }

    .contact-us-section .selectaddress .dropdown--wrap .select-dropdown .dropdown--menu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgba(255,255,255,0.3);
        box-shadow: inset 0 0 6px rgba(0,0,0,0.5)
    }

    .contact-us-section .selectaddress .dropdown--wrap .select-dropdown .dropdown--menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px
    }

    .contact-us-section .selectaddress .dropdown--wrap .select-dropdown .dropdown--menu li {
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        margin: 10px 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #212529
    }

.contact-us-section .selectaddress .dropdown--wrap .select-dropdown span.select--para {
    position: absolute;
    top: -7px;
    left: 15px;
    z-index: 1;
    background: #fff;
    color: #303030;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 0 4px
}

.contact-us-section .selectaddress p {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif
}

.contact-us-section .selectaddress .selectaddressBox {
    width: 160px;
    border: 1px solid #494949;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    color: #353535;
    outline: 0;
    margin: 0 15px 0 0
}

@media(max-width:600px) {
    .contact-us-section .selectaddress .selectaddressBox {
        width: 140px
    }
}

.contact-us-section .mediacontent .mediacontent--wrap {
    display: flex;
    align-items: flex-start
}

@media(max-width:600px) {
    .contact-us-section .mediacontent .mediacontent--wrap {
        flex-direction: column
    }
}

.contact-us-section .mediacontent .mediacontent--wrap .pressyearBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: var(--font-open-sans);
    width: 173px;
    height: 80px;
    background-color: #a8a8a8;
    text-align: center;
    padding: 20px 10px 0 10px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 22px;
    color: #f9f9f9;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    float: left;
    margin: 15px 0 0 0;
    box-sizing: content-box
}

    .contact-us-section .mediacontent .mediacontent--wrap .pressyearBox img {
        position: absolute;
        right: -14px;
        top: 25px
    }

    .contact-us-section .mediacontent .mediacontent--wrap .pressyearBox p.month {
        font-family: var(--font-open-sans),sans-serif;
        font-size: 16px;
        color: #f9f9f9;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        line-height: 22.4px
    }

    .contact-us-section .mediacontent .mediacontent--wrap .pressyearBox p.year {
        font-family: var(--font-fjalla-one),sans-serif;
        margin: 0 0 5px 0;
        font-size: 32px;
        font-weight: 900;
        display: block;
        text-align: center;
        line-height: 44.8px;
        font-weight: bold
    }

.contact-us-section .mediacontent .mediacontent--wrap .pressList {
    width: 100%;
    margin-left: 35px
}

@media(max-width:600px) {
    .contact-us-section .mediacontent .mediacontent--wrap .pressList {
        margin-left: 0;
        margin-top: 10px
    }
}

.contact-us-section .mediacontent .mediacontent--wrap .pressList ul {
    font-family: var(--font-open-sans)
}

    .contact-us-section .mediacontent .mediacontent--wrap .pressList ul li {
        margin: 0;
        padding: 12px 0;
        list-style: none;
        border-bottom: 1px solid #c5c5c5;
        line-height: 18px;
        color: #353535;
        font-size: 13px;
        display: none;
        font-family: var(--font-open-sans-light),Arial,Helvetica,sans-serif
    }

        .contact-us-section .mediacontent .mediacontent--wrap .pressList ul li.show {
            display: block
        }

        .contact-us-section .mediacontent .mediacontent--wrap .pressList ul li a {
            color: #353535;
            display: flex;
            font-weight: 700;
            font-size: 13px;
            text-decoration: none;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-family: var(--font-open-sans-semibold),Arial,Helvetica,sans-serif
        }

            .contact-us-section .mediacontent .mediacontent--wrap .pressList ul li a:hover {
                color: red
            }

.pressreleases-container, .inthepress-container {
    width: 100%
}

    .pressreleases-container .contact-us-section .mediacontent .mediacontent--wrap .pressList ul li a img {
        width: 13px;
        height: 18px;
        padding-left: 5px;
        box-sizing: unset
    }

.contact-us-section {
    padding: 20px 7% 10px
}

.pressreleases-container .modal {
    top: 5%
}

.pressreleases-container .modal-header {
    border-bottom: 0
}

.pressreleases-container .modal-body img {
    width: 100%
}

@media(min-width:576px) {
    .pressreleases-container .modal-dialog {
        max-width: 700px
    }

    .pressreleases-container .modal-dialog {
        max-width: 850px
    }
}

.selectaddress {
    float: left
}

.select-block {
    display: flex;
    justify-content: center
}

.contact-us-section .container .select-block .addressPan {
    border-left: #ddd 1px solid;
    padding-left: 40px
}

    .contact-us-section .container .select-block .addressPan p {
        max-width: 200px;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        color: #303030;
        text-transform: none;
        font-weight: 500
    }

.tollpan {
    width: 210px;
    margin: 30px 0;
    display: flex
}

.tollNoPan {
    float: left;
    padding: 8px 0 0 10px
}

    .tollNoPan span {
        width: 150px;
        float: left;
        font-family: var(--font-tstar-heavy);
        font-weight: 600;
        font-size: 20px;
        padding: 0 0 0 10px;
        color: #ea1111;
        text-transform: uppercase;
        box-sizing: content-box
    }

    .tollNoPan p {
        float: left;
        font-family: var(--font-tstar-heavy);
        font-weight: 600;
        font-size: 20px;
        padding: 0 0 0 10px;
        color: #303030;
        text-transform: uppercase;
        box-sizing: content-box
    }

    .tollNoPan a {
        display: flex;
        flex-direction: column
    }

@media screen and (max-width:786px) {
    .contact-us-section .container .select-block .addressPan {
        float: none;
        margin: 30px 0 0 0;
        border: 0;
        padding: 0
    }

    .select-block {
        display: flex;
        flex-direction: column
    }
}

@media screen and (max-width:1200px) {
    .contact-us-section .container .select-block .addressPan {
        margin-right: 10px !important
    }

    .select-block {
        display: flex;
        justify-content: space-between
    }
}

.media--forms, .corporate--enquiries, .test--ride {
    padding: 35px 0 50px
}

    .media--forms .contact--details .query--para {
        font-size: 16px;
        color: #303030;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
        line-height: 22.4px;
        text-align: left;
        margin-bottom: 15px
    }

    .media--forms .contact--details .addressPan, .corporate--enquiries .contact--details .addressPan, .test--ride .contact--details .addressPan {
        width: 100%;
        margin: 0 0 50px 0;
        padding: 20px 0 0 0;
        border-top: #ddd 1px solid;
        border-left: 0
    }

span.section--top-text {
    display: flex;
    margin-bottom: 15px;
    font-size: 14px
}

    span.section--top-text a {
        color: #e00;
        padding-left: 2px
    }

span sup {
    color: red
}

.terms-text a {
    padding-left: 2px
}

    .terms-text a:nth-child(2) {
        padding-right: 2px
    }

    .terms-text a:hover, .terms-text a:focus {
        color: #e00
    }

.addressPan .cust-form-group .campaign-input[type="date"] {
    text-transform: unset
}

input#campaign-reset-btn {
    margin-right: 25px
}

.addressPan .form--wrap {
    max-width: 100%;
    display: flex
}

.addressPan .content--wrap {
    width: 45%;
    margin: 0 auto;
    padding-top: 20px
}

.addressPan .cust-form-group {
    margin-bottom: 32px;
    position: relative;
    margin-right: 16px;
    max-width: 100%;
    width: 100%
}

    .addressPan .cust-form-group .error--message, .addressPan .cust-form-group .validate--msg {
        font-family: 'Poppins', sans-serif;
        font-size: var(--font-size12);
        color: #0000ab;
        padding-left: 16px;
        position: absolute;
        bottom: -15px;
        left: 3px;
        display: none
    }

.enq-error--message {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size12);
    color: #0000ab;
    padding-left: 16px;
    position: absolute;
    bottom: -15px;
    left: 3px;
    display: none
}

.addressPan .cust-form-group:last-child {
    margin-right: 0
}

.addressPan .cust-form-group .input-img1 {
    top: 18px;
    position: absolute;
    right: 17px;
    opacity: .5
}

.addressPan .cust-form-group .input-img2 {
    top: 18px;
    position: absolute;
    right: 17px
}

.addressPan .cust-form-group .form-span, .addressPan .cust-form-group .select-p {
    font-size: var(--font-size16);
    line-height: var(--line-height-16);
    font-weight: var(--font-weight-600);
    position: absolute;
    top: -7px;
    left: 15px;
    background: #fff;
    color: rgba(48,48,48);
    padding: 0 4px;
    cursor: context-menu;
    pointer-events: none
}

.addressPan .cust-form-group .campaign-input {
    color: #303030;
    padding: 0 17px;
    height: 49px;
    border-radius: 7px;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #ced4da;
    font-size: var(--font-size16);
    line-height: var(--line-height-18);
    text-transform: capitalize
}

.addressPan .cust-form-group #email, #email-enquiries {
    text-transform: none
}

.addressPan .cust-form-group .campaign-input:focus {
    box-shadow: none !important
}

.addressPan .cust-form-group .campaign-input::placeholder {
    color: rgba(48,48,48,0.3)
}

.addressPan .cust-form-group label {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size12);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: relative
}

    .addressPan .cust-form-group label::before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50% - 4.5px);
        width: 9px;
        height: 9px;
        background: url("clientlib-site/resources/images/icons/error.svg") no-repeat;
        background-size: 100%
    }

.addressPan .cust-form-group .limit-number {
    font-size: var(--font-size16);
    line-height: var(--line-height-18);
    font-weight: var(--font-weight-400);
    text-decoration: none;
    cursor: unset;
    position: absolute;
    top: 17px;
    right: 51px;
    z-index: 1;
    background: #fff;
    color: rgba(48,48,48,0.3);
    text-decoration: underline;
    display: none
}

.addressPan .cust-form-group .sent-otp.show {
    display: block
}

.addressPan .cust-form-group .btn-drop {
    position: relative;
    background: #fff;
    border: 1px solid #ced4da;
    height: 49px;
    border-radius: 7px;
    padding: 0 17px;
    text-transform: capitalize;
    display: block;
    width: 100%;
    color: rgba(48,48,48,0.38);
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size16);
    line-height: var(--line-height-18);
    background-color: #fff
}

    .addressPan .cust-form-group .btn-drop.active {
        color: rgba(48,48,48);
        background: transparent;
        border: 1px solid #ced4da
    }

    .addressPan .cust-form-group .btn-drop::after {
        content: url("clientlib-site/resources/images/icons/select-icon.svg");
        border: 0;
        position: absolute;
        right: 25px;
        top: 10px
    }

.addressPan .cust-form-group .campaign-dropdown {
    top: 10px !important;
    max-height: 250px;
    overflow-y: auto;
    margin: 0;
    border: 0;
    border-radius: 0 0 16px 16px;
    width: 100%;
    z-index: 2;
    padding: 5px 16px;
    transform: translate3d(0,41px,0) !important;
    text-transform: capitalize
}

    .addressPan .cust-form-group .campaign-dropdown li {
        border-bottom: 1px solid rgba(235,235,235,0.85);
        font-size: 12px;
          font-family: 'Poppins', sans-serif
    }

        .addressPan .cust-form-group .campaign-dropdown li:last-child {
            border-bottom: 0
        }

        .addressPan .cust-form-group .campaign-dropdown li a {
            padding: 10px 0 6px 0;
            font-family: 'Poppins', sans-serif;
            font-weight: var(--font-weight-400);
            font-size: var(--font-size16);
            color: #303030
        }

.campaign-btn {
    font-size: var(--font-size18);
    font-family: var(--font-tstar-heavy);
    line-height: var(--line-height-16);
    height: 45px;
    margin-top: 12px;
    border-radius: 4px;
    gap: 10px
}

.contact--details .sub-text, .contact--details .query--para {
    font-size: 17px;
    color: #303030;
    text-transform: none;
    font-weight: 500;
    line-height: 18.2px;
      font-family: 'Poppins', sans-serif;
    text-align: center;
    margin-bottom: 20px
}

.checkbox-input {
    width: auto;
    float: left
}

.checkbox-label {
    margin: 10px 0 0 20px
}

.formText {
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #303030;
    vertical-align: top
}

.form--wrap .cust-form-group .max--char {
    position: absolute;
    right: -48%;
    font-weight: bold;
    color: #303030;
    font-size: 14px
}

p.terms-text {
    font-family: inherit
}

.terms-text {
    font-size: small;
    line-height: normal;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6px
}

    .terms-text:last-child {
        margin-bottom: 0
    }

.form--wrap .show > .btn-primary.dropdown-toggle:focus, .form--wrap .btn-primary:focus, .form--wrap .btn-primary:not(:disabled):not(.disabled).active:focus, .form--wrap .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.form--wrap .btn-primary:not(:disabled):not(.disabled):active {
    background-color: unset;
    color: rgba(48,48,48,0.38);
    border-color: #ced4da
}

.term-align {
    color: #e00;
    text-decoration: none
}

button[name='complaintcategory'] ~ ul li {
    display: none
}

    button[name='complaintcategory'] ~ ul li.show {
        display: block
    }

.top--button-wrap {
    margin: 0 auto 20px auto;
    display: flex;
    max-width: 70%
}

    .top--button-wrap a {
        margin-top: 0;
        margin-right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
    }

        .top--button-wrap a:last-child {
            margin-right: 0
        }

.form--wrap .form-group textarea {
    padding: 5px;
    border: 1px solid #ced4da
}

.form--wrap .form-group .checkbox-label {
    font-size: 16px;
    color: #303030;
    font-size: var(--font-size16);
    line-height: var(--line-height-16);
    font-weight: var(--font-weight-600);
    padding: 0 4px;
    font-family: 'Poppins', sans-serif
}

#media--forms textarea:focus-visible {
    outline: 0
}

#media--forms input[type='checkbox'].form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: unset
}

.form--note {
    margin-bottom: 20px
}

input::-webkit-calendar-picker-indicator {
    cursor: pointer
}

.font-16 {
    font-size: 16px !important
}

#ticketNo, .signature {
    font-family: 'Poppins', sans-serif
}

.server-success-msg, .server-fail-msg {
    max-width: 45%;
    margin: 0 auto;
    padding-top: 20px
}

input#firstname, input#lastname, input#first-name, input#last-name {
    padding-right: 33px
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type="number"] {
    -moz-appearance: textfield
}

.media-loader-div {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: space-around
}

    .media-loader-div img {
        max-width: 100%;
        height: auto
    }

.addressPan .cust-form-group .campaign-input[type="date"] {
    display: flex;
    align-items: center
}

    .addressPan .cust-form-group .campaign-input[type="date"]::-webkit-date-and-time-value {
        text-align: left;
        vertical-align: middle
    }

@media(max-width:769px) {
    .addressPan .content--wrap {
        width: 75% !important
    }

    .top--button-wrap {
        flex-direction: column
    }

        .top--button-wrap a {
            margin-right: 0;
            margin-bottom: 20px
        }

            .top--button-wrap a:last-child {
                margin-bottom: 0
            }

    .form--wrap .cust-form-group .max--char {
        right: 1% !important;
        bottom: -11%;
        font-size: 12px
    }

    .server-success-msg, .server-fail-msg {
        max-width: 90%
    }

    .addressPan .form--wrap {
        flex-wrap: wrap
    }

    .addressPan .cust-form-group {
        margin-right: 0
    }

    input#campaign-reset-btn {
        margin-right: 0
    }
}

@media(max-width:500px) {
    .addressPan .content--wrap {
        width: 100%
    }

    #media--forms input::placeholder {
        font-size: 12px
    }
}

@media(max-width:1200px) {
    .form--wrap .cust-form-group .max--char {
        right: -62%
    }

    .top--button-wrap {
        max-width: 90%
    }

    .addressPan .content--wrap {
        width: 75%
    }
}

.addressPan .cust-form-group .exchange-span {
    font-size: var(--font-size12);
    line-height: var(--line-height-16);
      font-family: 'Poppins', sans-serif;
    position: absolute;
    top: -7px;
    left: 15px;
    background: #fff;
    color: rgba(48,48,48);
    padding: 0 4px;
    cursor: context-menu;
    pointer-events: none
}

    .addressPan .cust-form-group .exchange-span sup {
        font-weight: bold
    }

#step-3 .addressPan .cust-form-group .campaign-input, .ex-form-tab-container .addressPan .cust-form-group .campaign-input {
    color: #303030;
    padding: 0 17px;
    height: 49px;
    border-radius: 7px;
      font-family: 'Poppins', sans-serif;
    border: 1px solid #ced4da;
    font-size: var(--font-size16);
    line-height: var(--line-height-18);
    text-transform: none
}

    #step-3 .addressPan .cust-form-group .campaign-input::placeholder, .ex-form-tab-containers .addressPan .cust-form-group .campaign-input::placeholder {
        color: #a5a5a5
    }

@media(max-width:769px) {
    #step-3 .addressPan .cust-form-group .campaign-input, .ex-form-tab-container .addressPan .cust-form-group .campaign-input {
        font-size: var(--font-size14);
        line-height: var(--line-height-20)
    }

    .addressPan .cust-form-group .exchange-span {
        font-size: var(--font-size10);
        line-height: var(--line-height-12)
    }
}

.address-section {
    display: flex;
    justify-content: center
}

.corpaorateOffice {
    width: 500px;
    position: relative;
    padding: 20px 50px 20px 50px;
    margin: 30px 10%;
    background: #e2e2e2 url(../../../content/dam/hero-aem-website/icons/reg-corner.gif) no-repeat left top;
    box-sizing: content-box
}

.showAdd {
    display: flex !important
}

.corpaorateOffice h1 {
    font-size: 24px;
    color: #303030;
    line-height: 100%;
    margin: 10px 0 0 10px;
    font-weight: 600
}

.corpaorateOffice h1 {
    font-weight: 600
}

.mapcon {
    padding: 10px 0 0 0
}

#map_container {
    width: 825px;
    padding: 0;
    color: #353535;
    margin: 10px 0 0 0;
    margin-left: 50px !important;
    margin-top: 30px !important
}

.mapcon {
    padding: 0 0 5px;
    list-style: none;
    display: block;
    float: none;
    font-weight: 600
}

.address-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.address-col {
    margin-left: 15px;
    width: 100px;
    font-weight: 600 !important;
    font-size: 13px
}

.address-col-val {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    max-width: 84%;
    color: #000;
}

    .address-col-val a {
        margin: 0 4px
    }

    .address-col-val p {
        font-size: 13px
    }

.main-col h5 {
    font-family: 'Open Sans',sans-serif !important;
    color: #303030 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 15px
}

.white-line {
    margin: 5px 0 10px;
    width: 750px;
    /*border-bottom: 1px solid #fff*/
}

.under-line {
    width: 750px;
    /*border-bottom: 1px solid #c5c5c5;*/
    padding: 8px 0 2px 0;
    margin-bottom: 10px
}

.empty-space {
    margin-top: 40px
}

.address-divider {
    display: flex
}

@media screen and (max-width:1024px) {
    .corpaorateOffice {
        width: 92%;
        padding: 35px 0 10px 15px;
        margin: 3px 1px 5px 20px
    }

    #map_container {
        width: 100%;
        margin-left: 5% !important
    }

    .address-row {
        width: 100%;
        display: block
    }

    .corpaorateOffice h1 {
        margin-left: 8%
    }

    .address-divider {
        display: flex
    }

    .contact-us-section .selectaddress {
        margin-right: 0
    }

    .under-line {
        width: 570px
    }

    .address-col-val {
        width: 60%
    }
}

@media screen and (max-width:768px) {
    .corpaorateOffice {
        width: 100%;
        padding: 30px 0 10px 3px;
        margin: 3px 1px 5px 3px;
    }

        .corpaorateOffice h1 {
            margin-left: 8%;
            width: 80%;
            font-size: 22px
        }

    #map_container {
        width: 90%;
        margin-left: 5% !important
    }

    .address-row {
        width: 100%
    }

    .address-col {
        margin-left: 1px;
        min-width: 41%
    }

    .address-col-val {
        width: 65%;
        word-wrap: break-word;
        display: block
    }

    .white-line {
        width: 100%
    }

    .under-line {
        width: 100%
    }

    .mapcon {
        padding: 0 5px 5px;
    }

    .address-divider {
        display: flex
    }

    .contact-us-section .selectaddress {
        margin-right: 0
    }

    .address-col {
        width: auto
    }
}

@media screen and (max-width:360px) {
    #map_container {
        width: 80%;
        margin-left: 5% !important
    }
}

@media screen and (max-width :300px) {
    .address-col-val {
        width: 69%
    }
}

.hdbc-gallery-section {
    padding: 0 15px 0 40px
}

.bottom--hdbc-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column
}

    .bottom--hdbc-wrapper .top--hdbc-sub-menu {
        flex: 0 0 22.5%;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row
    }

        .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-bottom: 24px
        }

            .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile.button-hdbc-active p {
                color: var(--text-color-red);
                font-family: var(--font-tstar-pro);
                font-weight: 900;
                color: red;
                border-bottom: 1px solid red
            }

            .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile p {
                margin-left: 17.3px;
                font-family: var(--font-tstar-pro);
                font-style: normal;
                font-weight: 400;
                font-size: 20px;
                line-height: 35px;
                text-transform: uppercase;
                cursor: pointer;
                color: #fff;
                border-bottom: 1px solid #fff;
                padding: 0 .5rem
            }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap {
        display: none;
        justify-content: space-between;
        padding: 0 0 20px 0
    }

        .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots {
            display: flex;
            margin: 0;
            padding: 1rem 0;
            list-style-type: none;
            justify-content: center !important;
            bottom: -25px !important;
            left: 1px !important;
            flex-wrap: wrap
        }

            .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots li {
                width: 30px
            }

            .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots .slick-active {
                margin: 0 .05rem
            }

            .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots button {
                width: 30px;
                height: 10px;
                transform: skewX(135deg);
                background-color: rgba(165,165,165,1);
                text-indent: -9999px
            }

            .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots .slick-active button {
                width: 30px;
                height: 10px;
                transform: skewX(135deg);
                background-color: red;
                text-indent: -9999px
            }

        .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap.reveal {
            display: flex;
            justify-content: space-between
        }

        .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .d-flex {
            width: 100% !important;
            display: flex !important;
            justify-content: space-between !important;
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap.slick-initialized.reveal {
            display: block !important
        }

        .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile {
            display: flex;
            flex-direction: column;
            width: 100%;
            position: relative
        }

            .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-monitor-image-files {
                width: 94.522%;
                border-radius: 12px
            }

#inthepressimages .hdbcgallery .single-photo-mobile .container-hdbc-gallery .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-monitor-image-files {
    height: 350px
}

#default .hdbcgallery .single-photo-mobile .container-hdbc-gallery .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-monitor-image-files {
    height: 350px
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-mobile-image-files {
    display: none
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile img {
    margin-bottom: 16px
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile p {
    font-size: 16px;
    line-height: 19.2px;
    margin-bottom: 6px !important;
    font-family: var(--font-tstar-heavy);
    font-weight: 900;
    text-align: center;
    letter-spacing: 0 !important
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile:first-child {
    margin-left: 0
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile:last-child {
    margin-right: 0
}

.a-left {
    transform: rotate(180deg);
    left: 0;
    top: 47.5%
}

.a-right {
    right: 0
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap.functional-rep {
    padding: 28px 34px
}

.col--wrap {
    padding: 6.5px 30px
}

.content-hdbc--slider-wrap .functional-rep-tile {
    padding: 5px 20px;
    border-radius: 12px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px
}

    .content-hdbc--slider-wrap .functional-rep-tile.background--tropical-blue {
        background-color: #d7e5fa
    }

    .content-hdbc--slider-wrap .functional-rep-tile.background--champagne {
        background-color: #fae5d7
    }

    .content-hdbc--slider-wrap .functional-rep-tile.background--peppermint {
        background-color: #d7f0ce
    }

    .content-hdbc--slider-wrap .functional-rep-tile.background--selago {
        background-color: #eed7fa
    }

    .content-hdbc--slider-wrap .functional-rep-tile.background--moonraker {
        background-color: #d7d7fa
    }

    .content-hdbc--slider-wrap .functional-rep-tile.background--azalea {
        background-color: #fad7d7
    }

    .content-hdbc--slider-wrap .functional-rep-tile.background--citrine-white {
        background-color: #faf5d7
    }

    .content-hdbc--slider-wrap .functional-rep-tile p {
        text-align: center
    }

.hdbc-gallery-section .slick-arrow {
    z-index: 99
}

.hdbc-gallery-section .social--wrap {
    display: none
}

.hdbc-gallery-section .mobile {
    display: none
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile span p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center
}

.bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .d-flex::after, .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .d-flex::before {
    display: none
}

.bottom--hdbc-wrapper .hdbc-image-caption {
    display: flex;
    justify-content: center;
    width: 94.522%;
    position: absolute;
    bottom: 30px
}

    .bottom--hdbc-wrapper .hdbc-image-caption p {
        font-size: 28px !important;
        line-height: 34px !important;
        color: #fff
    }

.hover-items-card {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 94.522%;
    height: 94.522%
}

.hdbc-gallery-section .hover-image-card-desktop {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.hdbc-gallery-section .hover-image-card-mobile {
    display: none
}

.hdbc-gallery-tile:hover .hover-items-card {
    visibility: visible;
    z-index: 1
}

.hover-card-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    height: 50%
}

.hdbc-gallery-section .hover-card-title p {
    font-size: 28px !important;
    line-height: 34px !important;
    font-family: var(--font-tstar-heavy) !important;
    font-weight: 900 !important;
    color: #fff
}

.hdbc-gallery-section .hover-card-desc {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    padding-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400
}

.hdbc-gallery-section .hover-lower-card {
    position: relative;
    height: 50%;
    background-color: rgba(238,35,38,1);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.hdbc-gallery-section .gallery-cta {
    padding: 12px 12px;
    border: 0;
    background: transparent;
    color: #fff;
    border-radius: unset;
      font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-700);
    font-size: var(--font-size18);
    line-height: 22px
}

.hover-cta-arrow-img {
    margin-bottom: 0 !important
}

.hdbc-cta-wrapper {
    display: flex;
    align-items: center
}

.hover-items-card ul li::before {
    content: "\2022";
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 1em
}

#genuine-parts-slick .common-tabs-main {
    margin: 0 auto 45px auto
}

.hdbc-gallery-section .slick-dotted.slick-slider {
    margin-bottom: 3rem;
    margin-top: 0 !important
}

@media(max-width:768px) {
    .bottom--hdbc-wrapper {
        flex-direction: column
    }

    #genuine-parts-slick .common-tabs-main {
        margin: 0 auto
    }

    .social--wrap {
        display: block
    }

    .hdbc-gallery-section .mobile {
        display: block
    }

    .container-hdbc-gallery {
        margin: 0 16px
    }

    .hdbc-gallery-section .hover-image-card-desktop {
        display: none
    }

    .hdbc-gallery-section .hover-image-card-mobile {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 8px
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section {
        padding-left: .7rem;
        margin: 0 -2rem
    }

    .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile span.hollow-circle {
        display: none
    }

    .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile {
        margin-right: 35px
    }

        .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile p {
            width: 100%;
            font-size: 14px;
            line-height: 16.8px;
            margin-left: 0;
            padding-bottom: 4px;
            border-bottom: 1.4px solid #303030
        }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-monitor-image-files {
        display: none
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-mobile-image-files {
        display: block;
        width: 90.049%;
        border-radius: 8px;
        height: auto
    }

    .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile.button-hdbc-active p {
        border-color: red
    }

    .bottom--hdbc-wrapper .top--hdbc-sub-menu .hdbc-submenu--tile p {
        color: #303030;
        border-bottom: 1px solid #303030
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots {
        padding: 0 2rem
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap {
        flex-wrap: wrap;
        padding-bottom: 10px
    }

        .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap:not(.functional-rep) {
            padding: 0
        }

        .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile:first-child {
            margin-left: 5px
        }

    .a-left {
        top: 26.5%;
        left: -8px
    }

    .a-right {
        right: -8px
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile p {
        text-align: center;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 1rem !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile-update-five-half {
        height: 24vh !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile-update-six {
        height: 20vh !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile-update-seven-half {
        height: 19vh !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile-update-eight-half {
        height: 17vh !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile-update-nine-half {
        height: 15.5vh !important
    }

    .twowheelertips .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile {
        height: 100% !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile span {
        font-size: 8px;
        line-height: 9.6px
    }

    .bottom--hdbc-wrapper .top--hdbc-sub-menu {
        display: block
    }

        .bottom--hdbc-wrapper .top--hdbc-sub-menu.slick-initialized.slick-slider .slick-prev {
            transform: skewX(180deg);
            border-radius: 1rem;
            top: 5%
        }

        .bottom--hdbc-wrapper .top--hdbc-sub-menu.slick-initialized.slick-slider .slick-next {
            border-radius: 1rem;
            top: 25%
        }

    .social--wrap {
        display: flex;
        gap: 9px;
        margin-top: 20px
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .social--wrap img.social-img {
        max-width: 16px;
        max-height: 16px
    }

    .desktop {
        display: none
    }

    .mobile {
        width: 100%
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile span p {
        font-size: 8px !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots button {
        width: 15px;
        height: 5px !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots .slick-active button {
        width: 15px;
        height: 5px !important
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots li {
        width: 17px;
        margin: 0 1px
    }

    .hdbc-gallery-tile:hover .hover-items-card {
        width: 90.049%;
        height: 90.049%
    }

    .hdbc-gallery-section .hover-card-title p {
        font-size: 28px !important;
        font-size: 18px !important;
        line-height: 22px !important;
        font-weight: 900 !important;
        color: #fff
    }

    .hdbc-gallery-section .hover-card-desc {
        font-size: 8px;
        line-height: 12px;
        padding-top: 4px
    }

    .hdbc-gallery-section .gallery-cta {
        padding: 4px 4px;
        font-size: var(--font-size8);
        line-height: 12px
    }

    img.hover-cta-arrow-img {
        width: 10px
    }

    .hdbc-gallery-section .hover-lower-card {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .bottom--hdbc-wrapper .hdbc-image-caption p {
        bottom: 48%;
        font-size: 18px !important;
        line-height: 22px !important;
        color: #fff;
        display: flex;
        justify-content: center;
        width: 90%;
        flex-wrap: wrap;
        margin-right: .5rem
    }

    #inthepressimages .hdbcgallery .single-photo-mobile .container-hdbc-gallery .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile-update-six {
        height: 115px !important;
        margin-left: -10px
    }

    #default .hdbcgallery .single-photo-mobile .container-hdbc-gallery .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-monitor-image-files {
        height: 350px !important
    }
}

@media(max-width:569px) {
    #inthepressimages .hdbcgallery .single-photo-mobile .container-hdbc-gallery .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile-update-six {
        height: 17vh !important;
        margin-left: -10px
    }

    .single-photo-mobile .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-mobile-image-files {
        display: block;
        width: 86%;
        border-radius: 8px;
        height: 250px
    }

    #inthepressimages .hdbcgallery .single-photo-mobile .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .hdbc-gallery-tile .hdbc-mobile-image-files {
        height: 115px
    }

    .gallery-lightbox-allignments {
        margin-left: .9rem
    }

    .hdbc-gallery-section {
        padding: 0 17px 0 15px
    }

    .radio-jingles-wrap .bottom--hdbc-wrapper .hdbc-image-caption {
        bottom: -105px
    }

    .bottom--hdbc-wrapper .hdbc-image-caption p {
        bottom: 40%
    }

    .bottom--hdbc-wrapper .bottom-hdbc--content-section .content-hdbc--slider-wrap .slick-dots {
        left: -5px !important
    }
}

.hdbc-gallery-section .slick-dots li button {
    padding: 0
}

.radio-jingles-wrap .music_volume {
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    width: 123%;
    border-radius: 12px
}

.radio-jingles-wrap #seekbar {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background: #303030;
    margin-left: 10px;
    margin-right: 8px
}

    .radio-jingles-wrap #seekbar::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        background-color: #0000ab;
        cursor: pointer;
        border-radius: 50%
    }

.radio-jingles-wrap #btnPlay .music-pause-img, #btnPause .music-pause-img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 0
}

.radio-jingles-wrap #btnMute .music-volume-img {
    width: 20px;
    height: 16px;
    margin-left: 1.25rem
}

.radio-jingles-wrap #btnMusicDownload .music-volume-img {
    margin-left: 1.25rem
}

.radio-jingles-wrap #btnVolume .music-volume-mute {
    width: 20px;
    height: 25px;
    margin-left: 1.25rem
}

.radio-jingles-wrap #btnClose .music-close-img {
    width: 20px;
    height: 20px;
    margin: 2.75rem 2.625rem 2.75rem 1.125rem
}

.radio-jingles-wrap .modal-content {
    border: 0;
    border-radius: 12px;
    left: -11.5%
}

.radio-jingles-wrap .quarterly-clickable-container {
    display: flex;
    align-items: center;
    width: inherit;
    padding: 0 0 0 2.625rem
}

.radio-jingles-wrap .bottom--hdbc-wrapper .hdbc-image-caption p {
    position: absolute;
    bottom: 8%;
    left: 3%;
    font-size: 20px !important;
    line-height: 24px !important;
      font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    color: #fff
}

.radio-jingles-wrap .hdbc-gallery-tile::after {
    content: '';
    position: absolute;
    background: url(../../../content/dam/hero-aem-website/service-journey-assets/hero-genuine-parts/service-pause.png) no-repeat;
    top: 42%;
    width: 50px;
    height: 50px;
    transform: translate(14vw);
    background-size: 100% 100%
}

@media(max-width:1199.98px) {
    .radio-jingles-wrap .hdbc-gallery-tile::after {
        transform: translate(12vw)
    }
}

@media(max-width:900px) {
    .radio-jingles-wrap .hdbc-gallery-tile::after {
        top: 34%;
        transform: translate(11vw)
    }

    .radio-jingles-wrap .bottom--hdbc-wrapper .hdbc-image-caption p {
        bottom: 12%;
        left: -4%
    }
}

@media(max-width:569px) {
    .radio-jingles-wrap #btnClose .music-close-img {
        margin: 1rem .5rem
    }

    .radio-jingles-wrap #seekbar {
        margin-left: 6px;
        margin-right: 6px
    }

    .radio-jingles-wrap .quarterly-clickable-container {
        padding: 0 0 0 .813rem
    }

    .radio-jingles-wrap .quarterly-clickable-container {
        padding: 0 0 0 .813rem
    }

    .radio-jingles-wrap .modal-content {
        left: 0
    }

    .radio-jingles-wrap .music_volume {
        width: 100%
    }

    .radio-jingles-wrap #btnMusicDownload .music-volume-img {
        margin-left: .5rem
    }

    .radio-jingles-wrap .bottom--hdbc-wrapper .hdbc-image-caption p {
        bottom: -55%;
        left: -10%
    }

    .radio-jingles-wrap .hdbc-gallery-tile::after {
        top: 65%;
        transform: translate(38vw)
    }
}

.service-maintenance-container .content-maintain--slider-wrap {
    padding: 0 9.313rem
}

.service-maintenance-container .service-maintain-tile {
    margin: auto 9px;
    padding: 14px 0 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #fff
}

    .service-maintenance-container .service-maintain-tile:hover {
        border: 1px solid #dddcdc;
        box-shadow: 0 8px 24px rgba(149,157,165,0.2);
        border-radius: 12px
    }

.service-maintenance-container .maintain-mob-img {
    display: none
}

.service-maintenance-container .maintain-title p {
      font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-700);
    font-size: 20px;
    line-height: 24px;
    color: #303030;
    margin-top: 1rem;
    margin-bottom: 8px;
    text-transform: uppercase
}

.service-maintain-tile:hover > .maintain-title p {
    font-family: var(--font-tstar-heavy);
    font-weight: var(--font-weight-900);
    color: red
}

.service-maintenance-container .maintain-download-wrapper {
    visibility: hidden
}

.service-maintain-tile:hover > a .maintain-download-wrapper {
    display: flex;
    visibility: visible
}

.service-maintenance-container .download-maintenance-text {
      font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-700);
    font-size: 14px;
    line-height: 17px;
    color: #009fda;
    margin-left: 6px
}

.service-maintenance-container .a-left-maintainance {
    left: 3%;
    width: 42px;
    height: 42px
}

.service-maintenance-container .a-right-maintainance {
    right: 3%;
    width: 42px;
    height: 42px
}

.service-maintenance-container .download-maintenance-img {
    width: 18px;
    height: 18px
}

@media(max-width:768px) {
    .service-maintenance-container .maintain-desk-img {
        display: none
    }

    .service-maintenance-container .maintain-mob-img {
        display: block
    }

    .service-maintenance-container .content-maintain--slider-wrap {
        padding: 0 1rem
    }

    .service-maintenance-container .a-left-maintainance {
        z-index: 1;
        top: 39.5%;
        width: 24px;
        height: 24px
    }

    .service-maintenance-container .a-right-maintainance {
        z-index: 1;
        top: 39.5%;
        width: 24px;
        height: 24px
    }

    .service-maintenance-container .service-maintain-tile {
        margin: 14px auto;
        padding: 8px 0 12px 0;
        border: 1px solid #dddcdc;
        display: flex !important;
        box-shadow: 0 8px 24px rgba(149,157,165,0.2);
        border-radius: 12px;
        min-height: 186px;
        width: 95.74% !important
    }

    .service-maintenance-container .maintain-title p {
        font-family: var(--font-tstar-heavy);
        font-weight: var(--font-weight-900);
        font-size: 16px;
        line-height: 19px;
        color: red;
        margin-top: 11px;
        margin-bottom: 11px;
        text-transform: uppercase
    }

    .service-maintenance-container .maintain-download-wrapper {
        display: flex;
        visibility: unset
    }
}

@media(max-width:569px) {
    .service-maintenance-container .service-maintain-tile {
        margin: 7px auto
    }
}

.hdbc-video-outer-wrapper {
    display: flex;
    margin: auto 1.25rem;
    justify-content: center;
    flex-direction: column
}

.hdbc-video--slider-wrap {
    display: none;
    justify-content: space-between
}

    .hdbc-video--slider-wrap .slick-dots {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .hdbc-video--slider-wrap .slick-dots li {
            width: 15px;
            margin: 0 10px
        }

            .hdbc-video--slider-wrap .slick-dots li button {
                padding: 3px
            }

        .hdbc-video--slider-wrap .slick-dots button {
            width: 31px;
            height: 4px;
            background: #c1c1c1;
            border: 1px solid #fff;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            transform: skew(-40deg)
        }

        .hdbc-video--slider-wrap .slick-dots .slick-active button {
            background: red
        }

    .hdbc-video--slider-wrap.reveal {
        display: flex;
        justify-content: space-between
    }

    .hdbc-video--slider-wrap .d-flex {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .hdbc-video--slider-wrap.slick-initialized.reveal {
        display: block !important
    }

    .hdbc-video--slider-wrap .hdbc--video-gallery-tile {
        display: flex;
        flex-direction: column
    }

        .hdbc-video--slider-wrap .hdbc--video-gallery-tile .xtrac-monitor-image-files {
            width: 100%
        }

        .hdbc-video--slider-wrap .hdbc--video-gallery-tile .hdbc-mobile-image-files {
            display: none
        }

        .hdbc-video--slider-wrap .hdbc--video-gallery-tile p {
            position: absolute;
            bottom: 10%;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 6px !important;
            font-family: var(--font-robotocondensed-regular);
            font-weight: 400;
            color: #fff;
            letter-spacing: 0 !important;
            margin-left: 1rem;
            z-index: 1
        }

        .hdbc-video--slider-wrap .hdbc--video-gallery-tile span {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 6px;
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            text-align: center
        }

        .hdbc-video--slider-wrap .hdbc--video-gallery-tile:first-child {
            margin-left: 0
        }

        .hdbc-video--slider-wrap .hdbc--video-gallery-tile:last-child {
            margin-right: 0
        }

    .hdbc-video--slider-wrap.functional-rep {
        padding: 28px 34px
    }

    .hdbc-video--slider-wrap .functional-rep-tile {
        padding: 5px 20px;
        border-radius: 12px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 56px
    }

        .hdbc-video--slider-wrap .functional-rep-tile.background--tropical-blue {
            background-color: #d7e5fa
        }

        .hdbc-video--slider-wrap .functional-rep-tile.background--champagne {
            background-color: #fae5d7
        }

        .hdbc-video--slider-wrap .functional-rep-tile.background--peppermint {
            background-color: #d7f0ce
        }

        .hdbc-video--slider-wrap .functional-rep-tile.background--selago {
            background-color: #eed7fa
        }

        .hdbc-video--slider-wrap .functional-rep-tile.background--moonraker {
            background-color: #d7d7fa
        }

        .hdbc-video--slider-wrap .functional-rep-tile.background--azalea {
            background-color: #fad7d7
        }

        .hdbc-video--slider-wrap .functional-rep-tile.background--citrine-white {
            background-color: #faf5d7
        }

        .hdbc-video--slider-wrap .functional-rep-tile p {
            text-align: center
        }

    .hdbc-video--slider-wrap .hdbc--video-gallery-tile span p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        text-align: center
    }

    .hdbc-video--slider-wrap .d-flex::after, .hdbc-video--slider-wrap .d-flex::before {
        display: none
    }

.video-hdbc-hover-enlarge {
    margin: auto 15px
}

.video-hdbc-hover-enlarge-img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative;
    border-radius: 12px
}

    .video-hdbc-hover-enlarge-img img {
        width: 100%;
        transition: transform .3s ease
    }

    .video-hdbc-hover-enlarge-img:hover img {
        transform: scale(1.5)
    }

    .video-hdbc-hover-enlarge-img::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
        z-index: 1;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

    .video-hdbc-hover-enlarge-img:hover::before {
        opacity: 0
    }

.d-desktop-video-hdbc::after {
    content: '';
    position: absolute;
    background: url(../../../content/dam/hero-aem-website/in/hero_service/service-pause.png) no-repeat;
    top: 35%;
    width: 70px;
    height: 70px;
    transform: translate(12vw);
    background-size: 100% 100%;
    z-index: 1
}

.hdbc-video-outer-wrapper .a-left-hdbc {
    transform: rotate(180deg);
    top: 40% !important;
    left: -5px
}

.a-right-hdbc {
    right: -5px;
    top: 45% !important
}

.hdbc-video-outer-wrapper .slick-arrow {
    z-index: 1;
    position: absolute;
    top: 42%;
    display: inline-block;
    width: 38px;
    margin: 0;
    height: 38px;
    background: #ed1c24;
    border-radius: 20px;
    padding: 8px
}

    .hdbc-video-outer-wrapper .slick-arrow:hover, .hdbc-video-outer-wrapper .slick-arrow:focus, .hdbc-video-outer-wrapper .slick-arrow:active {
        background: #000
    }

@media(max-width:1199.98px) {
    .video-hdbc-hover-enlarge-img {
        width: 104%
    }

    .d-desktop-video-hdbc::after {
        top: 33%;
        transform: translate(11vw)
    }

    .a-right-hdbc {
        right: -15px
    }
}

@media(max-width:800px) {
    .video-hdbc-hover-enlarge-img {
        width: 106%
    }

    .d-desktop-video-hdbc::after {
        top: 32%;
        transform: translate(16vw)
    }

    .video-hdbc-hover-enlarge {
        margin: auto 20px
    }

    .hdbc-video-outer-wrapper .a-left-hdbc {
        left: 0
    }

    .a-right-hdbc {
        right: -15px
    }
}

@media(max-width:575.98px) {
    .hdbc-video-outer-wrapper .slick-arrow {
        width: 24px;
        height: 24px;
        padding: 2px
    }

    .hdbc-video-outer-wrapper {
        margin: auto 1.813rem
    }

    .video-hdbc-hover-enlarge-img {
        width: 109%
    }

    .d-desktop-video-hdbc::after {
        top: 38%;
        transform: translate(35vw)
    }

    .hdbc-video-outer-wrapper .a-left-hdbc {
        left: -12px
    }

    .d-desktop-video-hdbc::after {
        width: 40px;
        height: 40px
    }

    .a-right-hdbc {
        right: -3%;
        top: 45% !important
    }
}

@media(max-width:480px) {
    .video-hdbc-hover-enlarge {
        margin: 0;
        width: 92%
    }
}

.hero-carousel .slick-slide img {
    margin-left: -3rem;
    margin-right: -3rem
}

.hero-carousel .slick-prev {
    left: -1.4rem !important;
    z-index: 1
}

@media all and (min-width:768px) {
    .hero-carousel .slick-prev {
        left: -1.4rem !important
    }
}

.hero-carousel .slick-next {
    right: 0rem !important;
    z-index: 1
}

.hero-carousel .slick-prev:before {
    background-image: url("../../../content/dam/hero-aem-website/in/servicejourney/Left-Grey-Arrow.svg");
    background-size: 42px 42px;
    display: inline-block;
    width: 42px;
    height: 42px;
    content: "";
    opacity: 1 !important
}

@media(max-width:800px) {
    .hero-carousel .slick-prev:before {
        display: none
    }
}

.hero-carousel .slick-next:before {
    background-image: url("../../../content/dam/hero-aem-website/in/servicejourney/Right-Grey-Arrow.svg");
    background-size: 42px 42px;
    display: inline-block;
    width: 42px;
    height: 42px;
    content: "";
    opacity: 1 !important
}

@media(max-width:800px) {
    .hero-carousel .slick-next:before {
        display: none
    }
}

.hero-carousel .slick-dots li {
    margin-right: 1rem
}

    .hero-carousel .slick-dots li.slick-active button:before {
        background-color: red
    }

    .hero-carousel .slick-dots li button:before {
        width: 31px;
        height: 4px;
        transform: skewX(-50deg);
        margin-top: 1rem;
        font-size: 0;
        background-color: white
    }

.hero-carousel .img-container {
    position: relative
}

    .hero-carousel .img-container:nth-child(even) .img-text {
        left: 5rem
    }

    .hero-carousel .img-container:nth-child(even) img {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .hero-carousel .img-container:nth-child(odd) .img-text .img-btn-link {
        gap: 4rem
    }

    .hero-carousel .img-container .img-text {
        position: relative;
        top: 1rem;
        left: 2rem
    }

        .hero-carousel .img-container .img-text p {
            font-style:  ;
            font-weight: 900;
            font-size: 40px;
            line-height: 50px;
            color: #fff;
            text-transform: capitalize;
            width: 19rem
        }

        .hero-carousel .img-container .img-text .img-btn-link {
            position: absolute;
            top: 12rem;
            font-weight: 700;
            font-size: 20px;
            line-height: 24px;
            display: flex;
            align-items: center;
            gap: 1rem;
            text-align: center;
            letter-spacing: .02em;
            text-transform: capitalize;
            color: #fff
        }

@media(max-width:768px) {
    #xtrack-events #scooter-banner-slide-mob {
        bottom: -5px
    }

        #xtrack-events #scooter-banner-slide-mob a {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px
        }
}

#scooter-banner-slide-mob {
    justify-content: center;
 /*   bottom: -64px;*/
    position: absolute;
    padding: 25px 16px;
    
    transition: .5s ease all;
    z-index: 1;
    background: transparent;
    /*box-shadow: 0 -2px 4px rgba(0,0,0,0.3)*/
}

   /* #scooter-banner-slide-mob a {
        padding: 3px 8px;
        width: 50%
    }*/

        #scooter-banner-slide-mob a.booknow-btn {
            background: #0000ab;
            color: #fff
        }

    #scooter-banner-slide-mob.pos-sticky {
        position: fixed;
        bottom: 0 !important;
        z-index: 5;
        background: #fff;
        box-shadow: 0 -2px 4px rgba(0,0,0,0.3)
    }

    #scooter-banner-slide-mob.side-margin a {
        padding: 7px 14px;
        border: 1px solid #252578;
        font-family: 'Poppins', sans-serif;
        font-weight: 800;
        font-size: var(--font-size20);
        line-height: var(--line-height-24);
        text-transform: uppercase;
        background: #fff;
        color: #252578;
        border-radius: 4px;
        box-shadow: none !important;
        font-size: 14px;
    }

#investorBanner {
    position: relative;
    margin-top: 58px
}

    #investorBanner ul.investor-indicators.carousel-indicators {
        bottom: 37px
    }

    #investorBanner .banner-headline {
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: absolute;
        top: 120px;
        width: 100%;
        padding-left: 40px
    }

        #investorBanner .banner-headline .banner-headline-title {
            width: 100%;
            display: flex;
            align-items: center
        }

            #investorBanner .banner-headline .banner-headline-title > * {
                font-size: 52px;
                line-height: 1.2;
                width: 85%;
                font-family: var(--font-tstar-heavy);
                text-align: center
            }

        #investorBanner .banner-headline .view-all-investor {
            font-size: 18px;
            line-height: 22px;
            font-family: 'Poppins', sans-serif;
            margin-top: 32px
        }

            #investorBanner .banner-headline .view-all-investor .view-all-arrow {
                border: solid #fff;
                border-width: 0 3px 3px 0;
                display: inline-block;
                padding: 4px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                margin-left: 8px
            }

    #investorBanner .stock-container {
        position: absolute;
        right: 40px;
        color: #fff;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        min-width: fit-content
    }

        #investorBanner .stock-container .stock-watch {
            font-family: var(--font-fjalla-one),sans-serif;
            font-size: 52px;
            color: #fff;
            padding: 10px 0 23px 23px;
            background: url(../../../en-in/images/main-heading-bg.png) no-repeat left top;
            line-height: 100%;
            margin: 0;
            width: max-content;
            text-transform: uppercase
        }

        #investorBanner .stock-container .stock-watch-buttons {
            display: flex;
            align-items: center
        }

            #investorBanner .stock-container .stock-watch-buttons .stock-watch-btn {
                width: fit-content;
                margin-right: 10px;
                background-color: red;
                color: #fff;
                font-size: 18px
            }

                #investorBanner .stock-container .stock-watch-buttons .stock-watch-btn:hover, #investorBanner .stock-container .stock-watch-buttons .stock-watch-btn:focus, #investorBanner .stock-container .stock-watch-buttons .stock-watch-btn:active {
                    background-color: #fff;
                    color: red
                }

.investor-banner-note-container {
    background-color: #303030;
    padding: 20px 0 20px 40px;
    color: #fff;
    font-size: 20px;
    line-height: 1.2
}

    .investor-banner-note-container marquee p {
        color: #fff;
        font-size: 20px;
        line-height: 1.2
    }

#investorBanner .investors-banner-img {
    position: relative
}

#investorBanner .investor-button {
    position: absolute;
    left: 40px;
    bottom: 66px
}

#investorBanner .btn.booknow-btn {
    background: #0000ab;
    color: #fff
}

#investorBanner .investor-button.slide-1-content-right {
    right: 40px !important
}

@media(max-width:1320px) and (min-width:1150px) {
    #investorBanner .banner-headline {
        top: 90px
    }
}

@media(max-width:1150px) and (min-width:900px) {
    #investorBanner .banner-headline {
        top: 70px
    }

    #investorBanner .stock-container {
        top: 20px;
        right: 25px
    }

    #investorBanner .banner-headline .view-all-investor {
        margin-top: 18px
    }

    #investorBanner .investor-button {
        position: absolute;
        left: 40px;
        bottom: 66px
    }

        #investorBanner .investor-button.slide-1-content-right {
            right: 40px !important
        }
}

@media(max-width:900px) and (min-width:767px) {
    #investorBanner .banner-headline {
        top: 80px;
        padding-left: 15px
    }

    #investorBanner .investor-button {
        position: absolute;
        left: 15px;
        bottom: 45px
    }

        #investorBanner .investor-button.slide-1-content-right {
            right: 15px !important
        }

    #investorBanner .banner-headline .view-all-investor {
        margin-top: 18px
    }

    #investorBanner .banner-headline .banner-headline-title > * {
        font-size: 40px;
        line-height: 44px;
        width: 100%;
        padding-top: 0 !important
    }

    #investorBanner .banner-headline .investor-calendar {
        margin: 20px 0
    }

        #investorBanner .banner-headline .investor-calendar .calendar-icon {
            margin-right: 12px
        }

    #investorBanner .investor-events-calender-wrapper-mailoptions {
        height: 60px;
        width: 184px;
        top: 77.5%
    }

    #investorBanner .stock-container {
        top: 18px;
        right: 25px
    }
}

@media(max-width:767px) {
    #investor-banner .carousel-indicators {
        display: none
    }

    #investorBanner .investor-button {
        position: absolute;
        left: 15px;
        bottom: 55px
    }

        #investorBanner .investor-button.slide-1-content-right {
            right: 15px !important
        }

    #investorBanner .banner-headline {
        top: 74px;
        padding-left: 15px
    }

        #investorBanner .banner-headline .banner-headline-title > * {
            font-size: 24px;
            line-height: 29px;
            max-width: 50%
        }

    #investorBanner .stock-container .stock-watch {
        font-size: 26px;
        line-height: 1.1;
        padding: 12px 12px 18px 18px;
        background-size: 10px
    }

    #investorBanner .banner-headline .view-all-investor {
        margin-top: 20px
    }

    #investorBanner .stock-container {
        right: 5px
    }

        #investorBanner .stock-container .stock-watch-buttons .stock-watch-btn {
            font-size: 12px
        }
}

@media(max-width:767px) and (min-width:425px) {
    #investorBanner .banner-headline .banner-headline-title > * {
        max-width: fit-content
    }
}

@media(max-width:767px) and (min-width:425px) {
    #investorBanner .banner-headline .banner-headline-title > * {
        max-width: fit-content
    }
}

@media(max-width:400px) {
    #investorBanner .stock-container .stock-watch {
        font-size: 22px
    }
}

.red-banner-text {
    position: absolute;
    width: 100%;
    top: 40%;
    text-align: center !important;
    padding-left: 0 !important
}

    .red-banner-text h1 {
        font-family: var(--font-tstar-heavy);
        font-weight: 700 !important;
        font-size: 52px !important;
        line-height: 1.2;
        color: #fff
    }

    .red-banner-text p {
          font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.2;
        color: #fff;
        max-width: 100% !important
    }

@media(max-width:786px) {
    .red-banner-text {
        top: 30%
    }

        .red-banner-text h1 {
            font-size: 24px
        }

        .red-banner-text p {
            font-size: 14px
        }
}

@media(max-width:450px) {
    .red-banner-text {
        top: 20%
    }
}

#harley-carousel .harley-banner-img {
    position: relative
}

#harley-carousel .scroll-down-btn-wrapper {
    height: 0
}

#harley-carousel .scroll-down-btn {
    position: relative;
    top: -26px;
    height: 0
}

    #harley-carousel .scroll-down-btn img {
        padding-top: 10px;
        height: 40px;
        width: 20px
    }

#harley-carousel .text-center {
    padding-bottom: 20px
}

#harley-carousel .icon-bg-color {
    width: 46px;
    height: 46px;
    background: rgba(242,99,33,1);
    border-radius: 26px;
    margin: auto
}

.harley-carousel-indicators {
    bottom: 65px !important
}

    .harley-carousel-indicators .harley-carousel-indicator {
        height: 8px !important
    }

    .harley-carousel-indicators li.active {
        background: rgba(242,99,33,1) !important
    }

#harley-carousel .slide-1-content {
    position: absolute;
    bottom: 66px;
    left: 66px
}

    #harley-carousel .slide-1-content .btn {
        margin-right: 15px;
        font-family: '1903Sans-Regular';
        font-size: 18px
    }

    #harley-carousel .slide-1-content .callback-btn {
        color: #f26321;
        border: 1px solid #d30000
    }

    #harley-carousel .slide-1-content .booknow-btn {
        color: #fff;
        background: #f26321;
        border: 1px solid #d30000
    }

@media(max-width:786px) {
    #harley-carousel .scroll-down-btn {
        top: -16px
    }

    #harley-carousel .icon-bg-color {
        width: 30px;
        height: 30px;
        border-radius: 15px
    }

    #harley-carousel .scroll-down-btn img {
        padding-top: 5px;
        height: 25px;
        width: 15px
    }

    #harley-carousel .slide-1-content {
        bottom: 35px;
        left: 14px
    }

        #harley-carousel .slide-1-content .btn {
            font-size: 12px
        }
}

#dealer-screen-page {
    color: #323030;
    letter-spacing: 1px
}

#dealer-screen-page, .slide--wrap {
    width: 100%;
    height: 100%
}

    #dealer-screen-page .slide--wrap {
        height: 100vh;
        padding: 15px;
        pointer-events: none
    }

    #dealer-screen-page .main-img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%
    }

        #dealer-screen-page .main-img img {
            max-width: 100%;
            width: 100%
        }

    #dealer-screen-page .slick-track, #dealer-screen-page .slick-list {
        height: 100%
    }

    #dealer-screen-page .type-text {
        max-width: 60%;
        padding-right: 6px;
        color: black;
        font-weight: 600
    }

    #dealer-screen-page .content-wrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    #dealer-screen-page .hero-logo {
        position: relative;
        text-align: center;
        z-index: 1;
        width: 100%
    }

        #dealer-screen-page .hero-logo img {
            max-width: 200px;
            margin: 0 auto
        }

        #dealer-screen-page .hero-logo::after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background: #ed1c24;
            position: absolute;
            top: 50%;
            z-index: -1
        }

    #dealer-screen-page .main-heading {
        font-size: 2.5rem;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        margin: .5rem 0 26px;
        font-family: var(--font-tstar-heavy)
    }

    #dealer-screen-page .pricelist-wrap {
        width: 100%
    }

    #dealer-screen-page .item-wrap {
        pointer-events: none
    }

.item-wrap .slick-list {
    margin: 0 -10px
}

#dealer-screen-page .pricelist-wrap .item {
    display: flex;
    flex-direction: column;
    margin: 0 10px
}

    #dealer-screen-page .pricelist-wrap .item .bike-thumbnail {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to bottom,rgba(224,224,224,1) 0,rgba(224,224,224,1) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%)
    }

        #dealer-screen-page .pricelist-wrap .item .bike-thumbnail img {
            max-width: 100%
        }

        #dealer-screen-page .pricelist-wrap .item .bike-thumbnail h2 {
            font-size: 1.0rem;
            min-height: 60px;
            padding: .75rem .3rem;
            margin: 0 .6rem;
            color: #323030;
            font-weight: 700
        }

        #dealer-screen-page .pricelist-wrap .item .bike-thumbnail .avg-price {
            padding: .5rem 0;
            margin: 0;
            font-size: 11px;
            font-weight: 600;
            color: black
        }

#dealer-screen-page .vehicle-variants {
    width: 100%
}

    #dealer-screen-page .vehicle-variants .variant-heading {
        color: #fff;
        background: #2b2829;
        padding: .5rem 1rem;
        text-align: center
    }

    #dealer-screen-page .vehicle-variants .price-content-wrap {
        display: flex;
        flex-direction: column;
        background: #fff
    }

        #dealer-screen-page .vehicle-variants .price-content-wrap .price-content {
            padding: .4rem 0;
            border-bottom: 1px solid #2b2829;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            #dealer-screen-page .vehicle-variants .price-content-wrap .price-content .price-text {
                font-size: 1.55rem;
                font-weight: 900;
                color: #ed1c24;
                text-align: right;
                margin: 0
            }

#dealer-screen-page .disclaimer-text {
    position: absolute;
    color: #ed1c24;
    font-weight: 600;
    width: fit-content;
    top: 140px;
    right: 5px;
    font-size: 13px;
    line-height: 1.6;
    font-family: 'Poppins', sans-serif
}

#dealer-screen-page .slide-item {
    position: relative
}

@media(max-width:1400px) {
    #dealer-screen-page .type-text {
        max-width: 50%
    }

    #dealer-screen-page .slide--wrap {
        padding: 5px
    }

    .item-wrap .slick-list {
        margin: 0 -8px
    }
}

.font-properties {
    font-size: 50px;
    color: #fff;
    line-height: 1.3;
    font-family: var(--font-fjalla-one),sans-serif;
    text-transform: uppercase
}

.position {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e30a27;
    line-height: 0
}

.category-container {
    width: 100%;
    background: #f0f0f0
}

.category-list {
    display: flex;
    max-width: 1220px;
    margin: -8rem auto 0;
    padding: 0 32px;
    background-color: #fff;
    z-index: 3;
    position: relative
}

.category-list-item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 50%;
    max-width: 50%;
    word-wrap: break-word;
    text-transform: uppercase
}

    .category-list-item:first-of-type {
        border-right: 1px solid #f0f0f0
    }

    .category-list-item:nth-of-type(even) {
        align-items: flex-start
    }

.category-content {
    color: red;
    padding: 48px 31px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.category-view {
    cursor: pointer;
    color: red;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    font-family: var(--font-open-sans),Arial,Helvetica,sans-serif;
    display: inline-block
}

.category-title {
    font-size: 32px;
    color: #000;
    font-family: var(--font-open-sans-semibold),Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 38px
}

.img-container {
    width: 333px;
    height: 510px;
    overflow: hidden;
    margin-top: 16px
}

    .img-container > img {
        width: 100%;
        height: 100%
    }

.merchandise-text-component {
    background: #f0f0f0;
    padding: 4rem 0 3rem 0;
    text-align: center
}

    .merchandise-text-component .text-container {
        width: 100%;
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto
    }

    .merchandise-text-component h2 {
        font-family: var(--font-open-sans),Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 3.5rem;
        color: red;
        text-transform: uppercase;
        line-height: 1;
        margin-bottom: 40px
    }

    .merchandise-text-component p {
        font-size: 1.25rem;
        color: #000;
        line-height: 30px;
        margin-bottom: 2rem;
        font-family: var(--font-open-sans-medium),Arial,Helvetica,sans-serif
    }

.img-container > img:hover {
    transform: scale(1.1);
    transition: .3s all ease-in-out;
    cursor: pointer
}

.explore-collection-cta-container {
    bottom: 32%;
    z-index: 2;
    left: calc(50% - 124px);
    width: fit-content;
    padding-left: 0;
    position: absolute;
    font-size: var(--font-size16);
    padding-bottom: 0 !important
}

    .explore-collection-cta-container .btn {
        color: #fff;
        background-color: red;
        border: 0;
        font-family: var(--font-fjalla-one);
        font-size: 24px;
        font-weight: 400;
        padding: 8px 32px;
        border-radius: 0;
        text-align: center;
        line-height: 36px;
        text-transform: uppercase
    }

        .explore-collection-cta-container .btn:hover {
            background-color: #000;
            color: #fff
        }

        .explore-collection-cta-container .btn:focus {
            background-color: #000;
            color: #fff
        }

.hero-carousel #scooterBanner .hero-slider-indicators {
    bottom: 26%;
    padding-left: 0;
    z-index: 3;
    margin: 10px 0 0;
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    list-style: none
}

    .hero-carousel #scooterBanner .hero-slider-indicators li {
        width: 10px;
        height: 10px;
        margin: 5px;
        background: #ccc;
        border: 1px solid #ccc;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
        transform: none
    }

    .hero-carousel #scooterBanner .hero-slider-indicators > li:hover {
        background: red;
        border-color: red
    }

    .hero-carousel #scooterBanner .hero-slider-indicators > li.active {
        background: red;
        border-color: red
    }

@media(max-width:1600px) {
    .explore-collection-cta-container {
        bottom: 36%
    }

    .hero-carousel #scooterBanner .hero-slider-indicators {
        bottom: 26%
    }
}

@media(max-width:1500px) {
    .explore-collection-cta-container {
        bottom: 38%
    }

    .hero-carousel #scooterBanner .hero-slider-indicators {
        bottom: 27%
    }
}

@media(max-width:1200px) {
    .explore-collection-cta-container {
        bottom: 36%
    }

    .hero-carousel #scooterBanner .hero-slider-indicators {
        bottom: 28%
    }
}

@media(max-width:767px) and (min-width:360px) {
    .category-container {
        padding: 48px 20px;
        margin-top: 0
    }

    .category-list {
        flex-direction: column;
        padding: 0 20px;
        width: 100%;
        justify-content: center;
        margin-top: 0
    }

    .category-list-item {
        width: 100%;
        max-width: 100%
    }

        .category-list-item:first-of-type {
            border: 0
        }

    .category-content {
        padding: 2rem 0;
        width: 100%
    }

    .img-container {
        width: 100%
    }

    .merchandise-text-component h2 {
        font-size: 40px
    }

    .merchandise-text-component p {
        font-size: 18px
    }

    .explore-collection-cta-container {
        bottom: 30px;
        left: calc(50% - 94px)
    }

        .explore-collection-cta-container .btn {
            font-size: 16px;
            line-height: 30px
        }

    .hero-carousel #scooterBanner .hero-slider-indicators {
        bottom: 5px
    }
}

.scrollToTop {
    position: fixed;
    background: red;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 2rem;
    line-height: 1.2;
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 30px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    display: none
}

    .scrollToTop:hover, .scrollToTop:focus {
        background: #fee42f
    }

        .scrollToTop:hover::before, .scrollToTop:focus::before {
            border-color: #000
        }

    .scrollToTop.reveal {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .scrollToTop::before {
        content: " ";
        border-left: 7px solid #fff;
        border-bottom: 7px solid #fff;
        width: 16px;
        height: 16px;
        transform: rotate(135deg);
        cursor: pointer;
        position: relative;
        top: 4px
    }

.merchandise-product-container {
    display: flex;
    padding: 4rem 2% 0;
    border-bottom: 135px solid #f0f0f0
}

.merchandise-content {
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

    .merchandise-content .productbigimg {
        width: 33%;
        padding: 0 15px
    }

    .merchandise-content .content {
        max-width: 67%;
        padding: 0 15px
    }

    .merchandise-content .title-container {
        display: flex;
        margin: 0 -15px 48px
    }

    .merchandise-content .product-list-item {
        width: 25%;
        margin-right: 20px
    }

        .merchandise-content .product-list-item:last-of-type {
            margin-right: 0
        }

    .merchandise-content .title {
        font-family: var(--font-fjalla-one),sans-serif,Arial,Helvetica;
        font-size: 56px;
        color: red;
        text-transform: uppercase;
        line-height: 1;
        margin-bottom: 0;
        font-weight: 500;
        min-width: max-content;
        padding: 0 15px;
        display: flex;
        align-items: center
    }

.merchandise-description {
    max-height: fit-content;
    overflow: hidden
}

.merchandise-content .title-container > span > p {
    border-left: 1px solid #000;
    padding: 0 15px;
    text-align: left;
    font-size: 18px;
    line-height: 27px;
    font-family: var(--font-open-sans-medium),sans-serif,Arial,Helvetica;
    font-weight: 400;
    color: #000;
    height: 100%
}

.merchandise-content .products-list {
    display: flex;
    width: 100%
}

.merchandise-content .product-list-item > a {
    max-width: 216px;
    overflow: hidden
}

    .merchandise-content .product-list-item > a > img {
        width: 100%;
        height: 100%
    }

        .merchandise-content .product-list-item > a > img:hover {
            transform: scale(1.07);
            transition: all .3s ease
        }

.merchandise-content .product-explore {
    margin: 36px 0 48px;
    max-width: fit-content;
    padding: 8px 32px;
    color: #fff;
    background-color: red;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-fjalla-one)
}

    .merchandise-content .product-explore:hover, .merchandise-content .product-explore:focus {
        background-color: #000;
        color: #fff
    }

.merchandise-content .women-explore-collection {
    margin: 36px 0 48px auto
}

.merchandise-product-container .women-merchandise-content {
    flex-direction: row-reverse
}

.hide {
    max-height: 108px
}

.know-more-btn-wrapper {
    display: flex;
    justify-content: flex-end
}

.merchandise-content .know-more {
    display: block;
    color: red;
    background: 0;
    border: 0;
    outline: 0;
    position: relative;
    top: -48px;
    right: -5px
}

    .merchandise-content .know-more:hover {
        color: black
    }

@media(max-width:769px) {
    .merchandise-product-container {
        display: flex;
        flex-direction: column
    }

        .merchandise-product-container .women-merchandise-content {
            flex-direction: column-reverse
        }

    .merchandise-content .title-container {
        flex-direction: column;
        align-items: center;
        margin-bottom: 2rem
    }

    .merchandise-content .title {
        font-size: 2.5rem;
        margin-bottom: .5rem;
        padding: 0
    }

    .merchandise-content .product-list-item > a {
        max-width: 100%
    }

    .merchandise-content .title-container > span > p {
        border-left: 0;
        text-align: center;
        font-size: 1.125rem
    }

    .merchandise-product-container {
        padding: 4rem 4% 0
    }

    .merchandise-content .product-explore {
        margin: 3rem auto 4rem;
        font-size: 20px;
        line-height: 30px
    }

    .merchandise-content {
        flex-direction: column-reverse;
        align-items: center;
        width: 100%
    }

        .merchandise-content .content {
            max-width: 100%;
            padding: 0
        }

    .product-list-item > a {
        width: 100%;
        height: 100%;
        margin-right: 0
    }

    .merchandise-content .productbigimg {
        width: 100%;
        padding: 0
    }

    .merchandise-content .products-list {
        max-width: 100%;
        width: 100%
    }

    .merchandise-product-container .slick-slide {
        margin: 0 10px
    }

    .merchandise-product-container .slick-list {
        margin: 0 -10px
    }

    .merchandise-product-container .slick-prev {
        left: -4px
    }

    .merchandise-product-container .slick-next {
        right: -4px
    }

    .merchandise-product-container .slick-arrow {
        z-index: 3
    }

    .merchandise-product-container .slick-next, .merchandise-product-container .slick-prev {
        width: 36px;
        height: 36px;
        font-size: 1.25rem;
        background: rgba(0,0,0,0.5);
        color: #fff;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .merchandise-product-container .slick-prev::before {
            content: " ";
            border-left: 3.5px solid #fff;
            border-bottom: 3.5px solid #fff;
            width: 15px;
            height: 15px;
            transform: rotate(45deg);
            cursor: pointer
        }

        .merchandise-product-container .slick-prev:hover, .merchandise-product-container .slick-prev:focus, .merchandise-product-container .slick-next:hover, .merchandise-product-container .slick-next:focus {
            background: red;
            transition: .5s ease all
        }

        .merchandise-product-container .slick-next::before {
            content: " ";
            border-left: 3.5px solid #fff;
            border-bottom: 3.5px solid #fff;
            width: 15px;
            height: 15px;
            transform: rotate(225deg);
            cursor: pointer
        }

    .merchandise-content .know-more {
        top: -32px
    }
}

.products-compare-container {
    width: 100%;
    max-width: 100%;
    background-color: #0b2c53;
    color: #fff;
    padding: 32px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

    .products-compare-container .products-compare-headline {
        font-style:  ;
        font-weight: 900;
        font-size: 48px;
        line-height: 58px;
        font-family: var(--font-tstar-heavy)
    }

    .products-compare-container .products-compare-content {
        display: flex;
        justify-content: space-between;
        position: relative;
        width: 100%;
        max-width: 1255px;
        margin: 0 11px 0 100px
    }

.products-compare-variant-title {
    display: flex;
    flex-direction: column;
    width: calc(100% - 315px)
}

.products-compare-container .products-compare-content .products-compare-img {
    width: 315px;
    height: 402px;
    margin: 65px 0 0 44px
}

.products-compare-container .variant-container {
    display: flex;
    justify-content: space-between;
    margin: 44px 0 0;
    width: 100%;
    padding-left: 291px
}

    .products-compare-container .variant-container > .variant-name-container {
        width: 219px
    }

        .products-compare-container .variant-container > .variant-name-container:last-child {
            width: 138px
        }

    .products-compare-container .variant-container .variant-name {
        width: 130px;
        height: 42px;
        left: 391px;
        top: 134px;
        background: #fff;
        border-radius: 8px;
        font-weight: 900;
        font-size: 28px;
        font-family: 'Poppins', sans-serif;
        line-height: 1.214;
        text-transform: uppercase;
        color: #0000ab;
        display: flex;
        justify-content: center;
        padding: 6px 14px
    }

.products-compare-container .products-compare-list {
    width: 100%
}

    .products-compare-container .products-compare-list .products-compare-item {
        position: relative;
        margin-top: 22px;
        padding: 8px 0
    }

        .products-compare-container .products-compare-list .products-compare-item::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 23.23%,rgba(255,255,255,0) 100%);
            opacity: .05
        }

.products-compare-container .products-compare-list-item {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    line-height: 29px;
    font-family: var(--font-tstar-heavy);
    align-items: center
}

    .products-compare-container .products-compare-list-item .specification {
        font-weight: 700;
        width: 120px;
        margin-right: 100px
    }

        .products-compare-container .products-compare-list-item .specification:first-child {
            font-family: 'Poppins', sans-serif;
            border-right: 1px solid #d9d9d9;
            padding-right: 8px;
            width: 191px;
            font-weight: 400
        }

        .products-compare-container .products-compare-list-item .specification:last-child {
            width: 138px;
            margin-right: 0
        }

@media(max-width:1323px) and (min-width:1209px) {
    .products-compare-container .products-compare-content {
        margin: 0 40px 0 100px;
        max-width: calc(100% - 140px)
    }

    .products-compare-container .variant-container {
        padding-left: 249px
    }

        .products-compare-container .variant-container > .variant-name-container {
            width: 130px
        }

    .products-compare-container .products-compare-list-item .specification {
        margin-right: 58px
    }

        .products-compare-container .products-compare-list-item .specification:last-child {
            width: 150px
        }
}

@media(max-width:1209px) and (min-width:1081px) {
    .products-compare-container .products-compare-content {
        margin: 0 40px 0 100px;
        max-width: calc(100% - 140px)
    }

    .products-compare-container .products-compare-list-item .specification {
        margin-right: 19px
    }

    .products-compare-container .variant-container {
        padding-left: 210px
    }

        .products-compare-container .variant-container > .variant-name-container {
            width: 130px
        }
}

@media(max-width:1081px) and (min-width:360px) {
    .products-compare-container .products-compare-content {
        max-width: 100%;
        margin: 0
    }

    .products-compare-container {
        padding: 16px 19px 18px;
        align-items: center
    }

        .products-compare-container .products-compare-headline {
            font-size: 28px;
            line-height: 34px;
            text-align: center;
            padding-left: 0
        }

        .products-compare-container .products-compare-content {
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

            .products-compare-container .products-compare-content .products-compare-img {
                width: 210px;
                height: 268px;
                margin: 10px 0 0 0
            }

        .products-compare-container .variant-container {
            min-width: max-content;
            overflow-x: scroll;
            padding-left: 145px;
            margin-top: 15px
        }

    .products-compare-variant-title {
        width: 100%;
        overflow-x: scroll
    }

    .products-compare-container .variant-container > .variant-name-container {
        width: 130px
    }

    .products-compare-container .variant-container .variant-name {
        font-size: 16px;
        line-height: 19px;
        width: 75px;
        padding: 4px 8px;
        height: 27px
    }

    .products-compare-container .products-compare-list {
        min-width: max-content;
        overflow-x: scroll;
        padding-bottom: 46px
    }

    .products-compare-container .products-compare-list-item {
        min-width: max-content
    }

    .products-compare-container .products-compare-list .products-compare-item {
        min-width: max-content
    }

    .products-compare-container .products-compare-list-item .specification {
        font-size: 18px;
        line-height: 22px;
        width: 94px;
        margin-right: 40px
    }

        .products-compare-container .products-compare-list-item .specification:last-child {
            margin-right: 0;
            width: 94px
        }

        .products-compare-container .products-compare-list-item .specification:first-child {
            font-size: 16px;
            line-height: 19px;
            padding-right: 0;
            margin-right: 23px;
            width: 122px;
            border-right: 0
        }
}

@media(max-width:1080px) and (min-width:851px) {
    .products-compare-container .variant-container {
        padding-left: 230px;
        justify-content: space-evenly
    }

        .products-compare-container .variant-container > .variant-name-container {
            width: 195px
        }

            .products-compare-container .variant-container > .variant-name-container:last-child {
                width: 90px
            }
}

@media(max-width:850px) and (min-width:700px) {
    .products-compare-container .variant-container {
        padding-left: 190px;
        justify-content: space-evenly
    }

        .products-compare-container .variant-container > .variant-name-container:last-child {
            width: 90px
        }
}

@media(max-width:700px) and (min-width:600px) {
    .products-compare-container .variant-container {
        padding-left: 150px;
        justify-content: space-evenly
    }

        .products-compare-container .variant-container > .variant-name-container:last-child {
            width: 90px
        }
}

.xoom-big-wrapper {
    padding-top: 3.5rem
}

.xoom-lights-heading-wrapper {
    display: flex;
    justify-content: flex-end
}

    .xoom-lights-heading-wrapper h3 {
        padding-left: 6.25rem;
        background: url(../../../content/dam/hero-aem-website/products/xoom/xoom-title-right.png) no-repeat;
        background-size: 100% 100%;
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        font-size: 52px;
        line-height: 62.4px;
        padding-bottom: .5rem;
        text-transform: uppercase;
        width: 42.85%;
        color: #fff;
        height: 60px;
        align-items: center;
        display: flex
    }

.light-text-wrapper {
    margin-left: 5rem
}

.tech-text-wrapper {
    margin-left: 3rem
}

.xoom-tyres-heading-wrapper {
    display: flex;
    justify-content: flex-start
}

    .xoom-tyres-heading-wrapper h3 {
        padding-left: 6.25rem;
        background: url(../../../content/dam/hero-aem-website/products/xoom/xoom-title-left.png) no-repeat;
        background-size: 100% 100%;
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        font-size: 52px;
        line-height: 62.4px;
        padding-bottom: .5rem;
        text-transform: uppercase;
        width: 35.5%;
        color: #fff;
        height: 60px;
        align-items: center;
        display: flex
    }

.xoom-container-invert-horz {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.lights-image-wrapper {
    position: relative;
    margin: 0 0 3.1rem 5.25rem
}

.tyres-ellipse-image {
    position: absolute;
    top: -2%;
    width: 118%;
    left: 2%
}

.lights-ellipse-image {
    position: absolute;
    top: -2.5%;
    width: 114%;
    left: 2%
}

.tech-ellipse-image {
    position: absolute;
    top: -3%;
    width: 106%;
    left: 2%
}

.lights-on-image {
    position: relative;
    top: 0;
    left: 5%;
    width: 108%
}

.lights-off-image {
    position: relative;
    top: 0;
    left: 5%;
    width: 108%
}

.tech-default-image {
    position: relative;
    top: 0;
    left: 5%;
    width: 100%;
    border-radius: 50%
}

.tyres-default-image {
    position: relative;
    top: 0;
    left: 5%;
    width: 112%;
    border-radius: 50%
}

.light-lists-wrapper {
    font-family: var(--font-tstar-heavy);
    padding: 2.25rem 0 0 2.2rem;
    font-weight: 900;
    line-height: 34px;
    color: #fff;
    column-count: 2;
    column-gap: 2.5rem
}

.utility-lists-extras {
    column-count: 1;
    width: 78.9%;
    padding: 2.25rem 0 0 18rem
}

.tyres-lists-wrapper {
    font-family: var(--font-tstar-heavy);
    padding: 2.25rem 0 0 6.25rem;
    font-weight: 900;
    line-height: 34px;
    color: #fff;
    column-count: 2;
    column-gap: 2.5rem;
    width: 115%
}

.tyres-image-wrapper {
    position: relative;
    margin: 0 9.75rem 3.1rem 14rem
}

.style-image-wrapper {
    position: relative;
    margin: 0 9.75rem 3.1rem 11.5rem
}

.style-lists-extras {
    width: 98%
}

.li-list-width li:nth-child(3n) {
    width: 80%
}

.style-lists-extras li:nth-child(2n) {
    width: 80%
}

.style-lists-extras li:nth-child(3n) {
    width: 80%
}

.style-lists-extras li:last-child {
    width: 70%
}

.light-lists-wrapper p {
    display: flex;
    font-size: 28px !important;
    padding: 1.25rem 0 .75rem 1rem;
    margin-bottom: 1rem;
    background: url(../../../content/dam/hero-aem-website/products/xoom/xoom-border-bottom.png) no-repeat 50% 92%;
    background-size: 90%;
    background-position-x: unset
}

.light-lists-wrapper li::before {
    content: '';
    background: url(../../../content/dam/hero-aem-website/products/xoom/red-logo-xoom.png) no-repeat;
    position: absolute;
    height: 35px;
    width: 9px;
    margin-top: 1.4rem
}

.tyres-lists-wrapper li::before {
    content: '';
    background: url(../../../content/dam/hero-aem-website/products/xoom/red-logo-xoom.png) no-repeat;
    position: absolute;
    height: 35px;
    width: 9px;
    margin-top: 1.4rem
}

.tyres-lists-wrapper p {
    display: flex;
    font-size: 28px !important;
    padding: 1.25rem 0 .75rem 1rem;
    margin-bottom: 1rem;
    background: url(../../../content/dam/hero-aem-website/products/xoom/xoom-border-bottom.png) no-repeat 50% 92%;
    background-size: 90%;
    background-position-x: unset
}

.xoom-toggle-switch-wrapper {
    display: flex;
    padding: 1rem 0 3rem 2.4rem;
    align-items: center
}

.xoom-toggle-switch-text {
    font-family: var(--font-tstar-heavy);
    color: #fff;
    font-size: 32px
}

.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 30px;
    margin: .4rem 1.125rem 0 1.125rem
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.xoom-slider-switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

    .xoom-slider-switch:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s
    }

input:checked + .xoom-slider-switch {
    background-color: #0000ab
}

input:focus + .xoom-slider-switch {
    box-shadow: 0 0 1px #0000ab
}

input:checked + .xoom-slider-switch:before {
    -webkit-transform: translateX(36px);
    -ms-transform: translateX(36px);
    transform: translateX(36px)
}

.xoom-slider-switch.round {
    border-radius: 34px
}

    .xoom-slider-switch.round:before {
        border-radius: 50%
    }

@media(max-width:2560px) {
    .xoom-container-invert-horz {
        justify-content: space-evenly
    }

    .xoom-lights-contents {
        justify-content: space-evenly
    }
}

@media(max-width:1600px) {
    .xoom-container-invert-horz {
        justify-content: flex-start
    }

    .xoom-lights-contents {
        justify-content: flex-start
    }
}

@media(max-width:1299px) and (min-width:1201px) {
    .tyres-lists-wrapper {
        width: 125%
    }

    .xoom-tyres-heading-wrapper h3 {
        line-height: .9;
        padding-bottom: 1rem
    }
}

@media(max-width:1200px) {
    .xoom-lights-heading-wrapper h3 {
        font-size: 42px;
        line-height: .9;
        height: auto
    }

    .light-lists-wrapper {
        padding: 1.25rem 0 0 .5rem;
        column-gap: 1.5rem
    }

        .light-lists-wrapper p {
            padding: 1.25rem 0 .75rem .8rem;
            font-size: 18px !important
        }

        .light-lists-wrapper li::before {
            margin-top: 2rem;
            background-size: 75% 75%
        }

    .tyres-lists-wrapper li::before {
        margin-top: 2rem;
        background-size: 75% 75%
    }

    .xoom-toggle-switch-wrapper {
        padding: 1rem 0 3rem .5rem
    }

    .tech-ellipse-image {
        width: 94%
    }

    .tech-default-image {
        width: 88%
    }

    .tech-text-wrapper {
        margin-left: 0
    }

    .utility-lists-extras {
        width: auto;
        padding: 2.25rem 0 0 7.2rem
    }

    .li-list-width li:nth-child(3n) {
        width: auto
    }

    .style-lists-extras li:nth-child(2n) {
        width: auto
    }

    .style-lists-extras li:nth-child(3n) {
        width: auto
    }

    .style-lists-extras li:last-child {
        width: auto
    }

    .xoom-tyres-heading-wrapper h3 {
        font-size: 42px;
        line-height: .9;
        width: 40%;
        height: auto
    }

    .tyres-image-wrapper {
        margin: 0 7.25rem 3.1rem 8rem
    }

    .tyres-lists-wrapper {
        padding: 1.25rem 0 0 6.25rem;
        column-gap: 1.5rem;
        width: 125%
    }

        .tyres-lists-wrapper p {
            padding: 1.25rem 0 .75rem .8rem;
            font-size: 18px !important
        }

    .style-image-wrapper {
        margin: 0 8.25rem 3.1rem 6.5rem
    }

    .style-lists-extras {
        width: 105%
    }
}

@media(max-width:900px) {
    .xoom-lights-heading-wrapper h3 {
        font-size: 32px;
        line-height: .9;
        padding-bottom: .3rem;
        padding-left: 4.25rem
    }

    .lights-image-wrapper {
        margin: 0 0 3.1rem 1.5rem
    }

    .lights-ellipse-image {
        top: -3.5%;
        width: 102%
    }

    .lights-off-image {
        width: 96%
    }

    .lights-on-image {
        width: 96%
    }

    .light-text-wrapper {
        margin-left: 2rem
    }

    .light-lists-wrapper {
        padding: 1.25rem 0 0 0;
        column-gap: 1rem;
        line-height: 30px
    }

    .light-lists-wrapper {
        width: 95%;
        margin-right: 5rem
    }

        .light-lists-wrapper p {
            padding: 1.25rem 0 .75rem .7rem;
            font-size: 13px !important
        }

    .tyres-lists-wrapper p {
        font-size: 13px !important;
        padding: .5rem 0 .75rem .7rem
    }

    .light-lists-wrapper li::before {
        margin-top: 1.6rem;
        background-size: 65% 60%
    }

    .tyres-lists-wrapper li::before {
        margin-top: .9rem;
        background-size: 65% 60%
    }

    .xoom-toggle-switch-wrapper {
        padding: 1rem 0 3rem 0
    }

    .tech-default-image {
        width: 80%
    }

    .tech-ellipse-image {
        width: 86%;
        top: -4%
    }

    .utility-image-extras {
        width: 79%
    }

    .utility-ellipse-extras {
        width: 85%
    }

    .utility-lists-extras {
        padding: 1.25rem 0 0 3.2rem
    }

    .xoom-tyres-heading-wrapper h3 {
        width: 40%;
        font-size: 32px;
        line-height: .9;
        padding-bottom: .3rem;
        padding-left: 4.25rem
    }

    .tyres-image-wrapper {
        margin: 0 7.25rem 3.1rem 8rem
    }

    .tyres-ellipse-image {
        top: -3%;
        width: 121%
    }

    .tyres-default-image {
        width: 115%
    }

    .tyres-lists-wrapper {
        padding: 1.25rem 0 0 4.25rem;
        column-gap: 1rem;
        width: 156%;
        line-height: 30px
    }

        .tyres-lists-wrapper p img {
            height: 24px;
            width: 7px;
            margin-top: .2rem
        }

    .style-image-wrapper {
        margin: 0 7rem 3.1rem 6.25rem
    }

    .style-lists-extras {
        width: 107%
    }
}

@media(max-width:500px) {
    .zoom-lights-wrapper-mobile {
        padding-top: 1rem !important
    }

    .xoom-big-wrapper {
        padding-top: 0;
        background: url(../../../content/dam/hero-aem-website/products/xoom/xoom-ride-bg-2.png) no-repeat;
        background-size: cover
    }

    .xoom-lights-heading-wrapper h3 {
        padding-left: 2.25rem;
        background-size: 100% 100%;
        font-size: 28px;
        line-height: 33.6px;
        width: 76%
    }

    .xoom-tyres-heading-wrapper h3 {
        padding-left: 1rem;
        font-size: 28px;
        line-height: 34px;
        width: 62%;
        background-size: 100% 100%
    }

    .xoom-lights-alt-heading-wrapper {
        display: flex;
        justify-content: flex-start
    }

        .xoom-lights-alt-heading-wrapper h3 {
            background: url(../../../content/dam/hero-aem-website/products/xoom/xoom-title-left.png) no-repeat;
            background-size: 100% 100%;
            font-family: var(--font-tstar-heavy);
            font-weight: 900;
            text-transform: uppercase;
            color: #fff;
            padding-left: 1rem;
            font-size: 28px;
            line-height: 34px;
            width: 62%
        }

    .light-text-wrapper {
        display: flex;
        flex-direction: column-reverse;
        margin-left: 0rem
    }

    .tech-text-wrapper {
        margin-left: 0rem
    }

    .xoom-lights-contents {
        flex-direction: column
    }

    .light-lists-wrapper, .tyres-lists-wrapper {
        padding: 0 1rem 1rem 1rem;
        line-height: 17px;
        column-gap: 1.5rem;
        width: 100%
    }

        .light-lists-wrapper p, .tyres-lists-wrapper p {
            font-size: 14px !important;
            padding: 1rem 0 .5rem .5;
            margin-bottom: .5rem
        }

        .light-lists-wrapper li::before {
            margin-top: 1.2rem;
            background-size: 65% 60%
        }

        .tyres-lists-wrapper li::before {
            margin-top: .5rem;
            background-size: 65% 60%
        }

    .lights-image-wrapper {
        margin: 1rem 6.5rem 1.1rem 5.5rem
    }

    .tyres-image-wrapper, .style-image-wrapper {
        margin: 1rem 6.5rem .3rem 5.5rem
    }

    .lights-ellipse-image {
        top: -3.5%;
        width: 104%
    }

    .tyres-ellipse-image {
        top: -3%;
        width: 104%
    }

    .tech-ellipse-image {
        top: -3.5%;
        width: 105%;
        left: 1.5%
    }

    .tyres-default-image {
        width: 98%
    }

    .tech-default-image {
        width: 98%
    }

    .lights-off-image {
        width: 98%
    }

    .lights-on-image {
        width: 98%
    }

    .xoom-toggle-switch-wrapper {
        padding: 0rem 0 0 1rem
    }

    .xoom-toggle-switch-text {
        font-size: 24px
    }
}

@media(max-width:400px) {
    .xoom-lights-alt-heading-wrapper h3 {
        line-height: 34px
    }

    .xoom-tyres-heading-wrapper h3 {
        line-height: 34px
    }

    .xoom-toggle-switch-text {
        font-size: 20px
    }
}

@media(max-width:361px) and (min-width:351px) {
    .light-lists-wrapper {
        width: 104%
    }
}

@media(max-width:350px) {
    .xoom-lights-alt-heading-wrapper h3 {
        font-size: 22px;
        line-height: 1
    }

    .xoom-tyres-heading-wrapper h3 {
        font-size: 24px;
        line-height: 1
    }

    .xoom-tyres-heading-wrapper h3 {
        font-size: 22px;
        line-height: 1
    }

    .lights-image-wrapper {
        margin: 1rem 6rem 1.1rem 5rem
    }

    .tyres-image-wrapper, .style-image-wrapper {
        margin: 1rem 6rem .3rem 5rem
    }

    .light-lists-wrapper, .tyres-lists-wrapper {
        line-height: 12px;
        column-gap: 1rem
    }

        .light-lists-wrapper p, .tyres-lists-wrapper p {
            padding: .5rem 0 .5rem .5rem;
            font-size: 11px !important
        }

        .tyres-lists-wrapper li::before, .light-lists-wrapper li::before {
            margin-top: .5rem;
            background-size: 45% 45%
        }
}

#xoom-gallery {
    padding-top: 32px;
    background-color: #0b2c53
}

    #xoom-gallery .main--header {
        width: 100%;
        text-align: center;
        font-size: 48px;
        line-height: 57.6px;
        font-style:  ;
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        color: #fff;
        margin-bottom: 30px
    }

    #xoom-gallery .gallery-wrap {
        flex-direction: column;
        width: 100%
    }

    #xoom-gallery .row {
        margin: 0 -4px
    }

    #xoom-gallery .gallery-wrap .influencer-tile {
        padding: 4px;
        position: relative
    }

        #xoom-gallery .gallery-wrap .influencer-tile img {
            max-width: 100%;
            width: 100%;
            height: 100%
        }

            #xoom-gallery .gallery-wrap .influencer-tile img.play-vector {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                cursor: pointer;
                width: 60px;
                height: 60px
            }

    #xoom-gallery .mobile {
        display: none
    }

    #xoom-gallery .header--wrap {
        position: absolute;
        display: flex;
        flex-direction: column;
        bottom: 0;
        bottom: 26px;
        left: 40px
    }

        #xoom-gallery .header--wrap h2 {
            font-size: 32px;
            line-height: 32px !important;
            color: #fff;
            font-family: var(--font-tstar-heavy);
            font-weight: 900;
            font-style:  ;
            margin-bottom: 16px
        }

        #xoom-gallery .header--wrap h6 {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            line-height: 19.2px;
            font-size: 16px;
            letter-spacing: .02em;
            color: #fff
        }

@media(max-width:768px) {
    #xoom-gallery .desktop {
        display: none !important
    }

    #xoom-gallery .main--header {
        font-size: 28px;
        line-height: 33.6px;
        margin: 0 16px 18px;
        width: auto
    }

    #xoom-gallery .mobile {
        display: block;
        margin-left: 16px
    }

        #xoom-gallery .mobile .influencer-slide {
            width: 100%;
            position: relative;
            margin: 0 8px
        }

        #xoom-gallery .mobile .slick-list {
            margin: 0 -8px
        }

        #xoom-gallery .mobile .influencer-slide img {
            max-width: 100%;
            width: 100%
        }

            #xoom-gallery .mobile .influencer-slide img.play-vector {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                cursor: pointer;
                width: 42px;
                height: 42px
            }

    #xoom-gallery .slick-dotted.slick-slider {
        padding-bottom: 46px;
        margin-bottom: 0
    }

    #xoom-gallery .slick-dots li button {
        font-size: 0;
        height: 10px;
        width: 10px
    }

    #xoom-gallery .slick-dots li.slick-active button {
        height: 14px;
        width: 14px
    }

    #xoom-gallery .slick-dots li button::before {
        content: '';
        border-radius: 50%;
        background: #d9d9d9;
        opacity: 1;
        width: 10px;
        height: 10px
    }

    #xoom-gallery .slick-dots li {
        width: 10px;
        height: 10px
    }

        #xoom-gallery .slick-dots li.slick-active {
            width: 14px;
            height: 14px
        }

            #xoom-gallery .slick-dots li.slick-active button:before {
                opacity: 1;
                background: red;
                width: 14px;
                height: 14px
            }

    #xoom-gallery .slick-dots {
        bottom: 17px
    }

    #xoom-gallery .header--wrap {
        bottom: 13px;
        left: 12px
    }

        #xoom-gallery .header--wrap h2 {
            font-size: 26px;
            line-height: 26px;
            margin-bottom: 8px
        }

        #xoom-gallery .header--wrap h6 {
            font-size: 14px;
            line-height: 16.8px
        }
}

.investor-download-reports {
    padding: 40px 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .investor-download-reports > .headerbackground {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 26px
    }

        .investor-download-reports > .headerbackground:before {
            width: 100%
        }

        .investor-download-reports > .headerbackground > .download-reports-title {
            width: max-content;
            background: white;
            padding: 0 24px;
            font-size: 38px;
            line-height: 46px;
            font-family: var(--font-tstar-heavy);
            letter-spacing: .04em;
            text-transform: uppercase;
            color: #0000ab;
            text-align: center
        }

    .investor-download-reports .download-reports-links-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 24px 30px 46px;
        width: 100%;
        border-radius: 18px;
        background: #343131;
        box-shadow: 0 8px 28px -6px rgba(24,39,75,0.12),0 18px 20px -4px rgba(24,39,75,0.14)
    }

        .investor-download-reports .download-reports-links-container .years-container {
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 28px
        }

            .investor-download-reports .download-reports-links-container .years-container .select-year {
                  font-family: 'Poppins', sans-serif;
                font-size: 24px;
                line-height: 29px;
                margin-right: 16px
            }

            .investor-download-reports .download-reports-links-container .years-container .years-list {
                background: 0;
                border: 0;
                outline: 0;
                color: #fff;
                font-size: 24px;
                line-height: 29px;
                font-family: var(--font-tstar-heavy);
                cursor: pointer;
                align-items: center
            }

                .investor-download-reports .download-reports-links-container .years-container .years-list p {
                    font-size: 24px;
                    line-height: 1.2
                }

                .investor-download-reports .download-reports-links-container .years-container .years-list ul {
                    background: #e3e3e3;
                    max-height: 225px;
                    overflow-x: hidden;
                    overflow-y: scroll;
                    top: 30px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 115px;
                    z-index: 1;
                    font-family: 'tstar-medium';
                    border-radius: 6px
                }

                    .investor-download-reports .download-reports-links-container .years-container .years-list ul li {
                        font-size: 16px;
                        padding-bottom: 8px
                    }

                .investor-download-reports .download-reports-links-container .years-container .years-list .arrow {
                    border: solid white;
                    border-width: 0 3px 3px 0;
                    display: inline-block;
                    padding: 3px;
                    margin-left: 12px
                }

                    .investor-download-reports .download-reports-links-container .years-container .years-list .arrow.down {
                        transform: rotate(45deg);
                        -webkit-transform: rotate(45deg)
                    }

                .investor-download-reports .download-reports-links-container .years-container .years-list .calendar-year {
                    color: #000
                }

        .investor-download-reports .download-reports-links-container .reports-links {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            width: 100%;
            flex-wrap: wrap
        }

        .investor-download-reports .download-reports-links-container .report-category-link {
            width: 120px;
            height: 101px;
            padding: 15px;
            display: flex;
            margin-right: 38px;
            align-items: center;
            justify-content: center;
            background: #e3e3e3;
            border-radius: 6px;
            font-size: 16px;
            line-height: 20px;
            color: #303030;
            font-family: var(--font-tstar-heavy);
            text-align: center;
            font-weight: 900
        }

        .investor-download-reports .download-reports-links-container .active-report {
            position: relative;
            background: #0000ab;
            color: #fff
        }

            .investor-download-reports .download-reports-links-container .active-report:after {
                width: 85px;
                content: "";
                height: 6px;
                background: #0000ab;
                position: absolute;
                bottom: -18px;
                left: 17.5px;
                border-radius: 3px
            }

        .investor-download-reports .download-reports-links-container .report-category-link:last-child {
            margin-right: 0
        }

@media(max-width:767px) {
    .investor-download-reports {
        padding: 16px 16px 26px
    }

        .investor-download-reports > .headerbackground {
            margin-bottom: 16px
        }

            .investor-download-reports > .headerbackground > .download-reports-title {
                font-size: 18px;
                line-height: 1.2;
                padding: 0 6px
            }

        .investor-download-reports .download-reports-links-container {
            border-radius: 6px;
            padding: 16px 62px 26px
        }

            .investor-download-reports .download-reports-links-container .years-container {
                margin-bottom: 0
            }

                .investor-download-reports .download-reports-links-container .years-container .select-year {
                    font-size: 18px;
                    line-height: 22px;
                    margin-right: 12px
                }

                .investor-download-reports .download-reports-links-container .years-container .years-list {
                    font-size: 18px;
                    line-height: 22px
                }

                    .investor-download-reports .download-reports-links-container .years-container .years-list ul {
                        width: 96px;
                        max-height: 182px;
                        font-size: 16px;
                        padding-bottom: 2px
                    }

                    .investor-download-reports .download-reports-links-container .years-container .years-list p {
                        font-size: 18px
                    }

            .investor-download-reports .download-reports-links-container .reports-links {
                height: fit-content
            }

            .investor-download-reports .download-reports-links-container .report-category-link {
                width: 94px;
                height: 74px;
                font-size: 14px;
                line-height: 18px;
                margin: 16px 16px 0 0;
                padding: 0 6px
            }

                .investor-download-reports .download-reports-links-container .report-category-link:nth-child(2n) {
                    margin-right: 0
                }

            .investor-download-reports .download-reports-links-container .active-report:after {
                width: 68px;
                height: 4px;
                border-radius: 3px;
                bottom: -9px;
                left: 13px
            }
}

@media(max-width:767px) and (min-width:597px) {
    .investor-download-reports .download-reports-links-container .report-category-link:nth-child(2n) {
        margin-right: 16px
    }

    .investor-download-reports .download-reports-links-container .reports-links {
        min-height: 100px
    }
}

@media(max-width:597px) and (min-width:579px) {
    .investor-download-reports .download-reports-links-container {
        padding: 16px 150px 26px
    }

        .investor-download-reports .download-reports-links-container .reports-links {
            height: fit-content
        }

        .investor-download-reports .download-reports-links-container .report-category-link:nth-child(2n) {
            margin-right: 0
        }
}

@media(max-width:579px) and (min-width:470px) {
    .investor-download-reports .download-reports-links-container {
        padding: 16px 117px 26px
    }

        .investor-download-reports .download-reports-links-container .reports-links {
            height: auto
        }

        .investor-download-reports .download-reports-links-container .report-category-link:nth-child(2n) {
            margin-right: 0
        }
}

.events-container-fluid {
    padding: 40px
}

    .events-container-fluid .events-container {
        background: #fff;
        box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
        backdrop-filter: blur(6.57895px);
        border-radius: 12px;
        line-height: 1.214;
        display: flex
    }

    .events-container-fluid .select-year-div {
        padding: 8px 20px;
        background: #f7f9fa;
        border-radius: 6px;
        width: fit-content;
        position: absolute;
        font-size: 20px;
        line-height: 1.2;
        top: 14px;
        right: 32px;
        font-family: 'Poppins', sans-serif
    }

        .events-container-fluid .select-year-div p {
            padding-right: 16px;
            padding-top: 4px
        }

        .events-container-fluid .select-year-div #select-quarter {
            background: 0;
            border: 0;
            outline: 0;
            font-size: 20px;
            line-height: 1.2;
            font-family: var(--font-tstar-heavy);
            cursor: pointer
        }

    .events-container-fluid .events-image {
        max-width: 314px;
        max-height: 408px;
        position: relative;
        width: 100%;
        overflow: hidden;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px
    }

        .events-container-fluid .events-image .mob-img {
            display: none
        }

        .events-container-fluid .events-image img {
            object-fit: cover;
            object-position: center
        }

        .events-container-fluid .events-image::after {
            content: "";
            background: linear-gradient(0,rgba(0,87,255,0.2),rgba(0,87,255,0.2));
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0
        }

    .events-container-fluid .events-wrapper {
        padding: 24px;
        width: 100%;
        min-height: 408px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative
    }

        .events-container-fluid .events-wrapper .events-upcoming {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 28px
        }

            .events-container-fluid .events-wrapper .events-upcoming .events-year {
                font-family: var(--font-tstar-heavy);
                color: #0000ab;
                font-weight: 900;
                margin-left: 0;
                font-size: 48px;
                line-height: 1.208
            }

        .events-container-fluid .events-wrapper .events-calender {
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .events-container-fluid .events-wrapper .events-calender-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            padding: 24px 0 23px;
            border-bottom: 1px solid rgba(238,35,38,0.5)
        }

        .events-container-fluid .events-wrapper .events-calender-wrapper-label {
            font-size: 18px;
            margin-bottom: 12px
        }

            .events-container-fluid .events-wrapper .events-calender-wrapper-label p {
                font-size: 18px;
                margin-bottom: 12px;
                color: #000
            }

        .events-container-fluid .events-wrapper .events-calender-wrapper-desc {
            font-size: 24px;
            font-family: 'Poppins', sans-serif;
            font-weight: 700
        }

            .events-container-fluid .events-wrapper .events-calender-wrapper-desc p {
                font-size: 24px;
                font-family: 'Poppins', sans-serif;
                font-weight: 700;
                color: #000
            }

        .events-container-fluid .events-wrapper .events-calender-wrapper .date-wrapper {
            display: flex;
            align-items: center;
            position: relative
        }

        .events-container-fluid .events-wrapper .events-calender-wrapper-date {
            font-size: 18px;
            margin-right: 42px;
            color: #000;
            text-align: left
        }

        .events-container-fluid .events-wrapper .events-calender-wrapper-venue {
            font-size: 18px;
            margin-right: 42px;
            color: #000;
            text-align: right
        }

        .events-container-fluid .events-wrapper .events-calender-wrapper-cal {
            display: flex;
            align-items: center;
            padding: 9px 16px 9px 18px;
            font-size: 18px;
            background-color: #0000ab;
            color: #fff;
            border-radius: 4px;
            cursor: pointer
        }

            .events-container-fluid .events-wrapper .events-calender-wrapper-cal img {
                margin-right: 14px;
                width: 20px;
                height: 20px
            }

        .events-container-fluid .events-wrapper .events-calender-wrapper-mailoptions {
            background-color: #fff;
            z-index: 1;
            width: 188px;
            position: absolute;
            top: 100%;
            right: 0;
            padding: 16px 16px 8px;
            box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
            border-radius: 0 0 6px 6px
        }

            .events-container-fluid .events-wrapper .events-calender-wrapper-mailoptions .mailoptions {
                display: flex;
                align-items: center;
                padding: 10px 0 6px;
                border-bottom: .8px solid rgba(235,235,235,0.5);
                font-size: 16px;
                line-height: 1.188;
                cursor: pointer
            }

                .events-container-fluid .events-wrapper .events-calender-wrapper-mailoptions .mailoptions:first-child {
                    padding-top: 0
                }

                .events-container-fluid .events-wrapper .events-calender-wrapper-mailoptions .mailoptions img {
                    margin-right: 9px
                }

        .events-container-fluid .events-wrapper .events-calender-viewall {
            color: #009fda;
            text-decoration: none;
            font-size: 18px;
            line-height: 24px;
            font-weight: 700;
            font-family: 'Poppins', sans-serif;
            width: 100%;
            text-align: right
        }

            .events-container-fluid .events-wrapper .events-calender-viewall .blue-right-arrow {
                display: inline;
                margin-left: 15px;
                width: 6px;
                height: 12px
            }

@media(max-width:990px) {
    .events-container-fluid {
        padding: 16px
    }

        .events-container-fluid .events-container {
            flex-direction: column
        }

        .events-container-fluid .events-image {
            max-width: 100%;
            max-height: 162px;
            overflow: hidden;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            border-bottom-left-radius: 0
        }

            .events-container-fluid .events-image .mob-img {
                display: block
            }

            .events-container-fluid .events-image .desk-img {
                display: none
            }

        .events-container-fluid .select-year-div {
            position: unset
        }

        .events-container-fluid .events-wrapper {
            padding: 16px;
            height: auto
        }

            .events-container-fluid .events-wrapper .events-upcoming {
                font-size: 18px;
                text-align: center;
                display: grid
            }

                .events-container-fluid .events-wrapper .events-upcoming .events-year {
                    font-size: 32px
                }

            .events-container-fluid .events-wrapper .events-calender-wrapper {
                flex-direction: column;
                padding: 16px 0 10px;
                align-items: normal
            }

            .events-container-fluid .events-wrapper .events-calender-wrapper-label {
                font-size: 16px;
                margin-bottom: 6px;
                font-weight: 600
            }

                .events-container-fluid .events-wrapper .events-calender-wrapper-label p {
                    font-size: 16px
                }

            .events-container-fluid .events-wrapper .events-calender-wrapper-desc {
                font-size: 18px
            }

            .events-container-fluid .events-wrapper .events-calender-wrapper .date-wrapper {
                margin-top: 22px;
                justify-content: space-between
            }

            .events-container-fluid .events-wrapper .events-calender-wrapper-date {
                font-size: 14px;
                margin-right: 0;
                text-align: left;
                font-weight: 600
            }

            .events-container-fluid .events-wrapper .events-calender-wrapper-venue {
                text-align: right;
                margin-right: 0;
                min-width: 210px
            }

            .events-container-fluid .events-wrapper .events-calender-wrapper-date:first-child {
                min-width: 71px
            }

            .events-container-fluid .events-wrapper .events-calender-viewall {
                margin-top: 16px;
                text-align: center;
                font-size: 14px;
                line-height: 18px
            }

                .events-container-fluid .events-wrapper .events-calender-viewall .blue-right-arrow {
                    margin-left: 10.75px;
                    width: 4.5px;
                    height: 9px
                }
}

.quarterly-call-container {
    display: flex;
    flex-direction: column;
    margin: 52px 41px 89px 40px;
    background: #fff;
    box-shadow: 0 10.5263px 39.4737px rgb(120 120 120 / 15%);
    border-radius: 12px
}

.quarterly-content-wrap {
    flex-direction: column;
    padding-left: 1.25rem;
    width: 100%
}

.quarterly-report-container {
    display: flex;
    flex-wrap: wrap;
    margin: 2.188rem 4.125rem 0 0
}

.quarterly-file-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: .875rem;
    width: 47.773%;
    justify-content: space-between
}

.quarterly-main-heading {
    font-family: var(--font-tstar-heavy);
    font-weight: 900;
    font-size: 32px;
    line-height: 1.2;
    color: #303030;
    margin: 1.125rem auto
}

.quarterly-middle-container {
    padding: 0 2rem 2.188rem 2rem
}

.quarterly-download-image-toolkit {
    width: 17.26px;
    height: 17.26px
}

.quarterly-content-heading {
      font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #303030
}

    .quarterly-content-heading p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #303030
    }

.quarterly-reports-wrapper {
    padding: 0;
    margin-top: 1.95rem;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(238,35,38,0.5);
    padding: 0 .75rem
}

    .quarterly-reports-wrapper:first-child {
        margin-top: 0
    }

.reports-quarterly-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #303030
}

.quarterly-image-wrapper {
    min-width: 236px;
    min-height: 305px
}

.reports-quarterly-heading {
    padding-bottom: 1.47rem
}

.single-reports-quarter-download {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #009fda;
    margin-left: .6rem
}

.report-size-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000
}

.quarter-audio-wrapper-image {
    display: flex;
    align-items: center;
    padding: 9px 16px 9px 18px;
    font-size: 18px;
    background-color: #0000ab;
    color: #fff;
    border-radius: 4px;
    cursor: pointer
}

    .quarter-audio-wrapper-image img {
        margin-right: 13px;
        width: 20px;
        height: 20px
    }

.quarterly-desktop-img {
    max-width: 236px;
    max-height: 305px
}

.audio-label-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #fff
}

.quarterly-call-container .label-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #303030
}

.quarterly-call-container .music_volume {
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    width: 123%;
    border-radius: 12px
}

.quarterly-call-container #seekbar {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background: #303030;
    margin-left: 10px;
    margin-right: 8px
}

    .quarterly-call-container #seekbar::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        background-color: #0000ab;
        cursor: pointer;
        border-radius: 50%
    }

.quarterly-call-container #btnPlay .music-pause-img, #btnPause .music-pause-img {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.quarterly-call-container #btnMute .music-volume-img {
    width: 20px;
    height: 16px;
    margin: 2.75rem 0 2.75rem 1.25rem
}

.quarterly-call-container #btnClose .music-close-img {
    width: 20px;
    height: 20px;
    margin-left: 18px;
    margin-right: 2.625rem
}

.quarterly-call-container .modal-content {
    border: 0;
    border-radius: 12px;
    left: -11.5%
}

.quarterly-clickable-container {
    display: flex;
    align-items: center;
    width: inherit;
    padding: 0 0 0 2.625rem
}

@media(max-width:1100px) {
    .quarterly-report-container {
        margin: 2.188rem 2.125rem 0 0
    }

    .reports-quarterly-heading {
        padding-top: .2rem;
        padding-bottom: .8rem
    }

    .reports-quarterly-heading {
        font-size: 16px;
        line-height: 20px
    }

    .quarterly-file-wrapper {
        width: 57%
    }

    .quarterly-call-container .report-size-text {
        font-size: 16px;
        line-height: 20px
    }

    .quarterly-call-container .audio-label-text {
        font-size: 16px;
        line-height: 20px
    }
}

@media(max-width:800px) {
    .quarterly-main-heading {
        font-size: 24px;
        line-height: 30px
    }

    .quarterly-content-heading {
        font-size: 16px;
        line-height: 22px
    }

    .quarterly-report-container {
        margin: 1.188rem 0 0 0
    }

    .quarterly-reports-wrapper {
        flex-direction: column
    }

    .quarterly-file-wrapper {
        width: 100%
    }
}

@media(max-width:569px) {
    .quarterly-call-container {
        margin: 1rem 1rem 3rem 1rem
    }

    .quarterly-middle-container {
        flex-direction: column;
        padding: 0 1rem 1rem 1rem
    }

    .quarterly-image-wrapper {
        min-width: auto;
        min-height: auto
    }

    .quarterly-content-wrap {
        padding-left: 0
    }

    .quarterly-report-container {
        flex-direction: column;
        margin: 0
    }

    .quarterly-reports-wrapper {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid rgba(238,35,38,0.5);
        margin-top: .625rem;
        padding-bottom: .5rem;
        flex-direction: column
    }

        .quarterly-reports-wrapper:first-child {
            margin-top: 0;
            padding-bottom: .625rem
        }

        .quarterly-reports-wrapper:before {
            display: none
        }

    .quarterly-file-wrapper {
        align-items: center;
        margin-bottom: 0;
        width: 100%;
        padding-top: 1.375rem
    }

    .quarterly-content-heading {
        font-size: 16px;
        line-height: 20px;
        padding: 1rem 0 1rem 0
    }

    .reports-quarterly-heading {
        font-size: 16px;
        line-height: 20px
    }

    .single-reports-quarter-download {
        display: none;
        font-size: 16px;
        line-height: 20px
    }

    .quarterly-call-container .report-size-text {
        font-size: 14px;
        line-height: 17px
    }

    .reports-quarterly-heading {
        width: 100%;
        padding-bottom: 0;
        padding-top: .125rem
    }

    .quarterly-main-heading {
        font-size: 24px;
        line-height: 29px;
        margin: 1rem auto;
        text-align: center
    }

    .quarter-audio-wrapper-image {
        padding: 5px 16px 5px 18px
    }

    .quarterly-call-container .modal-content {
        align-items: center;
        background-color: transparent;
        border: 0;
        left: 0
    }

    .quarterly-call-container #btnMute .music-volume-img {
        margin: 1rem 0 1rem .813rem
    }

    .quarterly-call-container #btnClose .music-close-img {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .quarterly-call-container #seekbar {
        margin-left: 6px;
        margin-right: 6px
    }

    .quarterly-call-container .music_volume {
        width: 95.35%;
        border-radius: 4px
    }

    .quarterly-clickable-container {
        padding: 0 0 0 .813rem
    }
}

.annual-report-container {
    margin: 0 40px 40px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15)
}

    .annual-report-container .annual-report-header {
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        font-size: 32px;
        line-height: 1.2;
        display: flex;
        justify-content: center;
        padding: 18px;
        width: 62.67%;
        margin: 0 auto;
        text-align: center
    }

    .annual-report-container .annual-report-inner-container {
        padding: 0 35px 35px 35px;
        display: flex
    }

        .annual-report-container .annual-report-inner-container .annual-report-info-container {
            padding-left: 20px;
            width: 100%
        }

            .annual-report-container .annual-report-inner-container .annual-report-info-container .description-text p {
                  font-family: 'Poppins', sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 1.2;
                color: #303030;
                padding: 0 80px 0 0
            }

            .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container {
                display: flex;
                width: 33%;
                padding-top: 32px
            }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .border-line {
                    border-left: 1px solid;
                    border-color: #0000ab;
                    height: 100%
                }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .border-line-mobile {
                    display: none
                }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-details {
                    padding-left: 20px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between
                }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-name {
                    font-family: 'Poppins', sans-serif;
                    font-weight: 900;
                    font-size: 18px;
                    line-height: 24px;
                    color: #303030
                }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link {
                    display: flex;
                    margin-top: 15px
                }

                    .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link .report-download {
                        display: flex
                    }

                        .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link .report-download img {
                            width: 20px;
                            height: 15px
                        }

                        .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link .report-download a {
                            font-family: 'Poppins', sans-serif;
                            font-weight: 700;
                            font-size: 18px;
                            line-height: 1.18;
                            color: #009fda;
                            text-decoration: none;
                            padding-left: 10px
                        }

                    .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link .report-size {
                        font-family: 'Poppins', sans-serif;
                        font-weight: 700;
                        font-size: 18px;
                        line-height: 1.18;
                        color: #a5a5a5;
                        padding-left: 5px
                    }

            .annual-report-container .annual-report-inner-container .annual-report-info-container .report-aligner {
                display: flex;
                flex-wrap: wrap
            }

    .annual-report-container .report-footer {
        display: flex;
        justify-content: center;
        background-color: #f8f8f8;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

.report-footer img {
    width: 20px;
    padding: 10px 5px 10px 0;
    cursor: pointer
}

.report-footer p {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #009fda;
    text-decoration: none;
    padding: 10px 5px 10px 0;
    cursor: pointer
}

.annual-report-container .annual-report-inner-container .annual-report-image .mob-img {
    display: none
}

@media(max-width:1000px) {
    .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container {
        width: 50%
    }

    .annual-report-container .annual-report-inner-container .annual-report-info-container .description-text {
        padding: 0
    }
}

@media(max-width:800px) {
    .annual-report-container .annual-report-inner-container {
        flex-direction: column
    }

    .annual-report-container {
        margin: 0 10px 10px
    }

        .annual-report-container .annual-report-inner-container {
            padding: 0;
            justify-content: center
        }

            .annual-report-container .annual-report-inner-container .annual-report-image {
                display: flex;
                justify-content: center
            }

                .annual-report-container .annual-report-inner-container .annual-report-image .desktop-img {
                    display: none
                }

                .annual-report-container .annual-report-inner-container .annual-report-image .mob-img {
                    display: block
                }

            .annual-report-container .annual-report-inner-container .annual-report-info-container {
                padding: 10px
            }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container {
                    width: 100%;
                    padding-top: 18px
                }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .description-text p {
                    font-size: 14px;
                    line-height: 20px;
                    padding: 0;
                    width: 100%
                }

                .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .border-line {
                    display: none
                }

        .annual-report-container .annual-report-header {
            font-size: 24px;
            line-height: 1.2;
            width: 100%
        }

        .annual-report-container .annual-report-inner-container .annual-report-info-container .description-text {
            font-size: 14px;
            line-height: 1.4
        }

        .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-name {
            font-size: 14px;
            line-height: 18px;
            max-width: calc(100% - 80px)
        }

        .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-details {
            display: flex;
            justify-content: space-between;
            padding: 0;
            width: 90%
        }

        .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link {
            flex-direction: column;
            margin-top: 0;
            position: absolute;
            right: 20px
        }

            .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link .report-download a {
                font-size: 14px;
                line-height: 1.21
            }

        .annual-report-container .annual-report-inner-container .annual-report-info-container .border-line-mobile {
            display: block;
            width: 100%;
            margin: 20px 0;
            border-bottom: 2px solid;
            border-color: #0000ab
        }

        .annual-report-container .annual-report-inner-container .annual-report-info-container .report-container .report-link .report-size {
            display: flex;
            justify-content: end;
            font-size: 14px;
            line-height: 1.21
        }
}

.format-container {
    display: flex;
    width: 100%
}

    .format-container .format-single-tile {
        width: 33%
    }

    .format-container .format-double-tile {
        width: 66%
    }

    .format-container .format-report-main-header {
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        font-size: 26px;
        line-height: 1.21
    }

    .format-container .format-report-container {
        display: flex;
        padding-top: 16px;
        padding-bottom: 16px
    }

        .format-container .format-report-container .format-border-line {
            border-left: 1px solid;
            border-color: #0000ab;
            height: 75px
        }

        .format-container .format-report-container .format-report-inner-details {
            padding-left: 20px;
            width: 100%
        }

            .format-container .format-report-container .format-report-inner-details .format-report-name {
                font-family: 'Poppins', sans-serif;
                font-weight: 900;
                font-size: 24px;
                line-height: 1.2;
                color: #303030
            }

            .format-container .format-report-container .format-report-inner-details .format-report-link {
                display: flex;
                margin-top: 15px
            }

                .format-container .format-report-container .format-report-inner-details .format-report-link .format-report-download {
                    display: flex
                }

                    .format-container .format-report-container .format-report-inner-details .format-report-link .format-report-download img {
                        width: 20px;
                        margin-right: 5px
                    }

                    .format-container .format-report-container .format-report-inner-details .format-report-link .format-report-download a {
                        font-family: 'Poppins', sans-serif;
                        font-weight: 700;
                        font-size: 16px;
                        line-height: 1.18;
                        color: #009fda;
                        text-decoration: none
                    }

                .format-container .format-report-container .format-report-inner-details .format-report-link .format-report-size {
                    font-family: 'Poppins', sans-serif;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 1.18;
                    color: #a5a5a5;
                    padding-left: 5px
                }

.format-border-line-mobile {
    display: none
}

@media(max-width:800px) {
    .format-container {
        flex-direction: column;
        padding: 10px
    }

        .format-container .format-single-tile {
            width: 100%
        }

        .format-container .format-double-tile {
            width: 100%
        }

        .format-container .format-report-container {
            flex-direction: column
        }

            .format-container .format-report-container .format-border-line {
                display: none
            }

    .format-border-line-mobile {
        display: block;
        width: 100%;
        margin: 20px 0;
        border-bottom: 2px solid;
        border-color: #0000ab
    }

    .format-container .format-report-container .format-report-inner-details {
        padding-left: 0;
        display: flex;
        padding-bottom: 25px;
        width: 70%
    }

        .format-container .format-report-container .format-report-inner-details .format-report-link {
            flex-direction: column;
            position: absolute;
            right: 0;
            padding-right: 20px
        }

        .format-container .format-report-container .format-report-inner-details .format-report-name {
            padding-top: 10px
        }

        .format-container .format-report-container .format-report-inner-details .format-report-link .format-report-size {
            display: flex;
            justify-content: end;
            width: 70%
        }
}

#redirection-tiles .redirection-container {
    padding: 0 40px;
    margin: 0 auto
}

#redirection-tiles .tiles--wrapper {
    padding: 40px 0 20px;
    display: flex;
    margin: 0 -11px;
    justify-content: flex-start;
    flex-wrap: wrap
}

#redirection-tiles .tile-cmp {
    margin: 0 11px 20px;
    width: calc(33.333% - 22px);
    display: flex;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
    backdrop-filter: blur(6.57895px);
    border-radius: 12px
}

    #redirection-tiles .tile-cmp .tile-content {
        padding: 16px 22px;
        width: 100%
    }

        #redirection-tiles .tile-cmp .tile-content ul li {
            margin-bottom: 14px
        }

            #redirection-tiles .tile-cmp .tile-content ul li:last-child {
                margin-bottom: 0
            }

            #redirection-tiles .tile-cmp .tile-content ul li a:hover, #redirection-tiles .tile-cmp .tile-content ul li a:focus {
                font-family: var(--font-tstar-heavy);
                font-weight: 900;
                color: #0000ab
            }

                #redirection-tiles .tile-cmp .tile-content ul li a:hover::before, #redirection-tiles .tile-cmp .tile-content ul li a:focus::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 7px;
                    width: 18px;
                    height: 6px;
                    background: url('clientlib-site/resources/images/icons/rec1.svg')
                }

            #redirection-tiles .tile-cmp .tile-content ul li a {
                width: fit-content;
                position: relative;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.2;
                color: #303030;
                  font-family: 'Poppins', sans-serif;
                display: flex;
                align-items: center;
                padding-left: 24px
            }

                #redirection-tiles .tile-cmp .tile-content ul li a > * {
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 1.2
                }

                #redirection-tiles .tile-cmp .tile-content ul li a::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 7px;
                    width: 18px;
                    height: 6px;
                    background: url('clientlib-site/resources/images/icons/rec2.svg')
                }

#redirection-tiles .tile-img {
    width: 100%
}

    #redirection-tiles .tile-img img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px
    }

#redirection-tiles .slide-header {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    width: fit-content
}

    #redirection-tiles .slide-header p {
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        line-height: 1.2;
        font-size: 34px;
        color: #fff;
        text-align: center;
        padding: 0 10px
    }

@media(max-width:768px) {
    #redirection-tiles .redirection-container {
        padding: 0 16px
    }

    #redirection-tiles .tiles--wrapper {
        padding: 16px 0;
        margin: 0;
        flex-direction: column
    }

    #redirection-tiles .tile-cmp {
        width: 100%;
        margin: 0 0 16px
    }

        #redirection-tiles .tile-cmp:last-child {
            margin-bottom: 0
        }

    #redirection-tiles .tile-img {
        height: 85px
    }

    #redirection-tiles .tile-cmp .tile-content {
        padding: 14px
    }

        #redirection-tiles .tile-cmp .tile-content ul li {
            margin-bottom: 8px
        }

            #redirection-tiles .tile-cmp .tile-content ul li a {
                font-size: 14px
            }

    #redirection-tiles .slide-header p {
        font-size: 24px
    }
}

.hdbcevent-container {
    display: flex;
    justify-content: space-around;
    background-color: #292929;
    padding: 44px 44px 43px 44px
}

.event-contents-top {
    color: #fff;
    text-align: center;
      font-family: 'Poppins', sans-serif;
    font-style:  ;
    font-weight: 800;
    font-size: 42px;
    line-height: 51px
}

.event-contents-top-grey {
    color: #303030 !important
}

.event-contents-bottom-grey {
    color: #303030 !important;
    opacity: .6
}

.event-contents-bottom {
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-style:  ;
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase
}

.border-line-events {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    margin: .4rem 0 .8rem 0
}

.border-line-grey {
    border-color: #303030 !important;
    opacity: .6
}

.statistitc-wrapper {
    background-color: #292929;
    box-shadow: 0 8px 28px -6px rgba(24,39,75,0.12),0 18px 20px -4px rgba(24,39,75,0.14);
    border-radius: 12px
}

.statistitc-grey-wrapper {
    background-color: #ededed
}

    .statistitc-grey-wrapper .overview-heading {
        padding-top: 16px
    }

.statistictile .hdbcevent-container-variation {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 54px 124px
}

    .statistictile .hdbcevent-container-variation li {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

.container-statistics {
    padding: 0 40px;
    position: relative
}

    .container-statistics p.data-time-para {
        color: white;
        width: fit-content;
        height: fit-content;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-size: 18px;
        opacity: 1;
        font-family: var(--font-tstar-heavy);
        text-transform: uppercase;
        margin-bottom: -35px;
        padding-top: 15px
    }

.hdbcevent-container-variation .statistic-price {
    font-size: 42px;
    line-height: 1.22;
    font-weight: 800;
    font-family: var(--font-montserrat-alt);
    font-style:  
}

    .hdbcevent-container-variation .statistic-price span.statistic-price-span {
        font-size: 18px;
        line-height: 1.2;
        text-transform: uppercase;
        font-family: var(--font-tstar-heavy);
        font-weight: 900
    }

.hdbcevent-container-variation .event-contents-bottom p {
    font-size: inherit;
    opacity: .6;
    font-family: var(--font-tstar-heavy);
    font-style: normal
}

#service-overview-stat .hdbcevent-container-variation .event-contents-bottom p {
    opacity: 1
}

.hdbcevent-container-variation .border-line-events-variation {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    margin: .4rem 0 .8rem 0;
    opacity: .6;
    width: 115%
}

.service-stages .statistictile .hdbcevent-container-variation {
    padding: 54px 30px
}

.service-stages .hdbcevent-container-variation .border-line-events-variation {
    width: 100%
}

@media(max-width:1250px) {
    .hdbcevent-container-variation .statistic-price {
        font-size: 18px
    }

        .hdbcevent-container-variation .statistic-price span.statistic-price-span {
            font-size: 12px
        }

    .service-stages .event-contents-bottom {
        font-size: 14px
    }
}

@media(max-width:950px) {
    .hdbcevent-container {
        display: flex;
        justify-content: space-around;
        background-color: #292929;
        padding: 16px
    }

    .container-statistics p.data-time-para {
        bottom: 0;
        font-size: 9px;
        margin-bottom: -5px;
        padding-top: 10px
    }

    .event-contents-top {
        color: #fff;
        text-align: center;
          font-family: 'Poppins', sans-serif;
        font-style:  ;
        font-weight: 800;
        font-size: 14px;
        line-height: 17px
    }

        .event-contents-top span {
            font-size: 8px;
            line-height: 9.6px
        }

    .event-contents-bottom {
        color: #fff;
        text-align: center;
        line-height: 22px;
        text-transform: uppercase;
        min-height: 20px;
        font-family: 'Poppins', sans-serif;
        font-style:  ;
        font-weight: 900;
        font-size: 8px;
        line-height: 10px
    }

    .border-line-events {
        border-style: solid;
        border-width: .4px;
        border-color: #fff;
        margin: .2rem 0 .4rem 0
    }

    .container-statistics {
        padding: 0 16px
    }

    .statistictile .hdbcevent-container-variation {
        padding: 11px;
        border-radius: 6px
    }

    .hdbcevent-container-variation .statistic-price {
        font-size: 14px
    }

        .hdbcevent-container-variation .statistic-price span.statistic-price-span {
            font-size: 8px
        }

    .hdbcevent-container-variation .border-line-events-variation {
        margin: 4px 0
    }

    .hdbcevent-container-variation li {
        padding: 0 8px
    }

        .hdbcevent-container-variation li:first-child {
            padding-left: 0
        }

        .hdbcevent-container-variation li:last-child {
            padding-right: 0
        }

    .service-stages .event-contents-bottom {
        font-size: 8px
    }
}

@media(max-width:400px) {
    .hdbcevent-container-variation .statistic-price {
        font-size: 12px
    }
}

.statistictile .withheader {
    padding: 35px 30px !important
}

@media(max-width:786px) {
    .statistictile .withheader {
        padding: 20px 10px !important
    }

    .service-stages .statistictile .hdbcevent-container-variation {
        padding: 20px 10px;
        align-items: flex-start
    }

    .statistitc-grey-wrapper .overview-heading {
        padding-top: 0
    }
}

@media(max-width:569px) {
    .service-stages .event-contents-bottom {
        font-size: 7px
    }
}

@media(max-width:569px) {
    .service-stages .event-contents-bottom {
        font-size: 7px
    }
}

.toolkit-container {
    background-color: #fff;
    padding: 2.5rem
}

.toolkit-items-wrapper {
    width: 23.72%;
    background: #fff;
    box-shadow: 0 10px 35px 1px rgba(61,61,61,0.15);
    border-radius: 12px;
    border-style: solid;
    border-bottom-width: 13px;
    border-bottom-color: rgba(0,159,218,0.1);
    flex-direction: column;
    justify-content: space-between
}

.investor-heading-wrapper {
    padding: 1.25rem 1.25rem .75rem 1.25rem;
    border-bottom: 1px solid #d9d9d9
}

    .investor-heading-wrapper p {
        font-family: var(--font-tstar-heavy);
        font-style: normal;
        font-weight: 900;
        font-size: 24px;
        line-height: 29px;
        color: #303030
    }

.investor-content-wrapper {
    padding: .75rem 1.25rem .25rem 1.25rem
}

    .investor-content-wrapper .toolkit-contents-list p {
          font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: #303030
    }

    .investor-content-wrapper .toolkit-contents-list {
        padding-bottom: 1rem;
        cursor: pointer
    }

.toolkit-img-wrapper {
    align-self: center
}

.download-image-toolkit {
    margin-top: -5px;
    width: 30px;
    height: 30px
}

.investor-content-wrapper .toolkit-contents-list:hover p {
    color: #0000ab
}

.investor-content-wrapper .toolkit-contents-list:hover .toolkit-img-wrapper .download-image-toolkit {
    filter: invert(27%) sepia(44%) saturate(5963%) hue-rotate(342deg) brightness(88%) contrast(113%)
}

.invs-view-arrow-img {
    width: 12px;
    height: 12px
}

.invs-view-text {
      font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #009fda;
    margin-right: .938rem;
    cursor: pointer
}

.invs-view-arrow-wrap {
    align-self: center;
    cursor: pointer
}

.investor-view-wrapper {
    justify-content: center;
    margin-bottom: 1.063rem
}

@media(max-width:900px) {
    .toolkit-container > div {
        flex: 45%
    }

    .toolkit-container {
        padding: .5rem;
        flex-wrap: wrap
    }

    .toolkit-items-wrapper {
        margin: .5rem
    }
}

@media(max-width:569px) {
    .investor-heading-wrapper p {
        font-size: 16px;
        line-height: 19px
    }

    .investor-content-wrapper .toolkit-contents-list p {
        font-size: 12px;
        line-height: 14px;
        display: flex;
        flex-wrap: wrap
    }

    .toolkit-items-wrapper {
        border-bottom-width: 6px;
        min-height: 191px
    }

    .investor-heading-wrapper {
        padding: .5rem
    }

    .investor-content-wrapper {
        padding: .5rem .5rem 0 .5rem
    }

    .invs-view-text {
        font-size: 14px;
        line-height: 16.8px;
        margin-right: .672rem
    }

    .download-image-toolkit {
        width: 14px;
        height: 14px
    }

    .invs-view-arrow-img {
        width: 10px;
        height: 10px
    }

    .investor-view-wrapper {
        margin-bottom: .406rem
    }

    .investor-content-wrapper .toolkit-contents-list {
        padding-bottom: .5rem
    }
}

.investors-contacts-section {
    background-color: #fff;
    padding: 1rem 2.5rem
}

.investors-contact-wrapper {
    display: flex;
    margin-top: 38px;
    justify-content: center
}

    .investors-contact-wrapper .left--invs-contacts {
        flex: 0 0 32.2%;
        display: flex;
        flex-direction: column
    }

        .investors-contact-wrapper .left--invs-contacts .submenu-contact-tile {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-bottom: 2px;
            background: #f8f8f8;
            border-radius: 6px;
            justify-content: space-between;
            align-self: end;
            width: 100%
        }

        .investors-contact-wrapper .left--invs-contacts .contact-button-active {
            background: #0000ab;
            border-radius: 6px 0 0 6px;
            width: 97.1%;
            margin: 6px 0
        }

        .investors-contact-wrapper .left--invs-contacts .submenu-contact-tile:last-child {
            margin-bottom: 0
        }

        .investors-contact-wrapper .left--invs-contacts .submenu-contact-tile.contact-button-active p {
            color: #fffdfd;
            font-family: var(--font-tstar-heavy);
            font-weight: 900
        }

        .investors-contact-wrapper .left--invs-contacts .submenu-contact-tile p {
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            cursor: pointer;
            color: #303030;
            width: 62%;
            padding: 1.5rem 0 1.5rem 1.5rem;
            width: 95%;
            max-width: 330px
        }

    .investors-contact-wrapper .right--contact-section {
        background-color: white;
        width: 100%;
        max-width: 996px
    }

        .investors-contact-wrapper .right--contact-section .contact--slider-wrap {
            display: none;
            justify-content: space-between;
            padding: 0 0 32px 22px
        }

            .investors-contact-wrapper .right--contact-section .contact--slider-wrap.reveal {
                display: flex;
                flex-direction: column
            }

            .investors-contact-wrapper .right--contact-section .contact--slider-wrap .d-flex {
                width: 100% !important;
                display: flex !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                flex-direction: column
            }

            .investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                width: 100% !important;
                padding: 16px 12px 25px;
                border: 1px solid #a5a5a5;
                border-radius: 12px;
                padding: 2rem;
                margin-bottom: 1.75rem
            }

                .investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile p {
                    font-size: 28px;
                    line-height: 28px;
                    margin-bottom: 6px !important;
                    font-family: var(--font-tstar-heavy);
                    font-weight: 900
                }

.contacts-accord-mob-tile p {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px !important;
    font-family: var(--font-tstar-heavy);
    font-weight: 900;
    color: #303030
}

.investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
      font-family: 'Poppins', sans-serif;
    font-weight: 400
}

.investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile:first-child {
    margin-left: 0
}

.investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile:last-child {
    margin-right: 0
}

.investors-contact-wrapper .right--contact-section .contact--slider-wrap.functional-rep {
    padding: 28px 34px
}

.contacts-card-body-desktop {
    margin-top: 12px
}

    .contacts-card-body-desktop span {
        color: #707070
    }

.contacts-card-body-mobile {
    margin-top: 2px
}

    .contacts-card-body-mobile span {
        color: #707070
    }

.investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile .contacts-card-body-desktop span p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0 !important;
      font-family: 'Poppins', sans-serif;
    font-weight: 400
}

.contacts-accord-mob-tile .contacts-card-body-mobile span p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0 !important;
      font-family: 'Poppins', sans-serif;
    font-weight: 400
}

.investors-contact-wrapper .left--invs-contacts .submenu-contact-tile span.investor-left-contact-arrow {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: .1em solid #a5a5a5;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 12px 0 9px
}

.investors-contact-wrapper .left--invs-contacts .submenu-contact-tile.contact-button-active span.investor-left-contact-arrow {
    border: .1em solid #fff
}

.investors-contact-wrapper .left--invs-contacts .submenu-contact-tile span.investor-left-contact-arrow:after {
    content: '';
    display: inline-block;
    margin-left: .3em;
    width: .5em;
    height: .5em;
    border-top: .1em solid #a5a5a5;
    border-right: .1em solid #a5a5a5;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: .1em
}

.investors-contact-wrapper .left--invs-contacts .submenu-contact-tile.contact-button-active span.investor-left-contact-arrow:after {
    border-top: .1em solid #fff;
    border-right: .1em solid #fff
}

.investors-contact-wrapper .right--contact-section .contact--slider-wrap .d-flex::after, .investors-contact-wrapper .right--contact-section .contact--slider-wrap .d-flex::before {
    display: none
}

.right--contact-section .card {
    border: 0
}

.card-head-mobile h2 {
    cursor: pointer;
    font-size: 18px
}

.accordion .card-body {
    padding: 10px 10px 20px 50px
}

.contacts-accord-tile .card-head {
    width: inherit
}

.card-head-mobile {
    background: #f8f8f8;
    border-radius: 6px 6px 0 0;
    margin: 4px 0
}

.contact-accord-heading {
    padding: 14px 12px 20px 12px
}

.contacts-accord-mob-tile {
    border: 1px solid #a5a5a5;
    border-radius: 12px;
    padding: 12px;
    margin: 2px 6px
}

.contact-accord-heading .submenu-contact-tile {
    width: 90%
}

.card-head-mobile.active .contact-accord-heading .investor-contact-arrows {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    border: .1em solid #fff;
    border-radius: 50%;
    margin-right: .17em;
    align-self: flex-end;
    margin-top: .5rem;
    rotate: 180deg
}

    .card-head-mobile.active .contact-accord-heading .investor-contact-arrows:after {
        content: '';
        display: inline-block;
        margin-bottom: .3em;
        margin-left: .3em;
        width: .4em;
        height: .4em;
        border-top: .1em solid #fff;
        border-right: .1em solid #fff;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

.card-head-mobile .contact-accord-heading .investor-contact-arrows {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    border: .1em solid #a5a5a5;
    border-radius: 50%;
    margin-left: .55em;
    align-self: flex-end;
    margin-top: .5rem
}

    .card-head-mobile .contact-accord-heading .investor-contact-arrows:after {
        content: '';
        display: inline-block;
        margin-bottom: .3em;
        margin-left: .3em;
        width: .4em;
        height: .4em;
        border-top: .1em solid #a5a5a5;
        border-right: .1em solid #a5a5a5;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

.card-head-mobile.active {
    background: #0000ab;
    margin: 4px 6px
}

    .card-head-mobile.active .contact-accord-heading {
        padding: 14px 7px 28px 6px
    }

        .card-head-mobile.active .contact-accord-heading .submenu-contact-tile p {
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #fff
        }

.card-head-mobile .contact-accord-heading .submenu-contact-tile p {
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #303030
}

@media(max-width:1100px) {
    .investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile {
        padding: 1.5rem
    }

        .investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile p {
            font-size: 24px;
            line-height: 24px;
            margin-bottom: 4px !important
        }

        .investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile .contacts-card-body-desktop span p {
            font-size: 20px;
            line-height: 28px
        }

    .investors-contact-wrapper .left--invs-contacts .submenu-contact-tile span.investor-left-contact-arrow:after {
        margin-left: .2em
    }
}

@media(max-width:768px) {
    .investors-contact-wrapper .left--invs-contacts .submenu-contact-tile p {
        font-size: 16px;
        line-height: 20px;
        padding: 1rem 0 1rem 1rem
    }

    .investors-contact-wrapper .right--contact-section .contact--slider-wrap .contacts-accord-tile {
        padding: 1.2rem
    }
}

@media(max-width:569px) {
    .investors-contacts-section {
        padding: 1rem
    }
}

.service-delivers-section {
    background-color: #fff;
    padding: 0rem 2.5rem;
    position: relative
}

.service-deliver-wrapper {
    display: flex;
    padding: 1.875rem 0 1.875rem 3.313rem;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

    .service-deliver-wrapper .bg-img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1
    }

        .service-deliver-wrapper .bg-img img {
            width: 100%;
            height: 100%
        }

.service-delivers-section .service-cta {
    margin-top: 28px
}

.service-deliver-wrapper .left--service-deliver {
    flex: 0 0 13.5%;
    display: flex;
    flex-direction: column;
    background: transparent;
    margin-top: 4.563rem
}

    .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 2px;
        border-radius: 6px;
        justify-content: space-between;
        align-self: end;
        width: 100%
    }

        .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile:last-child {
            margin-bottom: 0
        }

        .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile.deliver-button-active p {
            color: #fffdfd;
            font-family: var(--font-tstar-heavy);
            font-size: 18px;
            line-height: 24px
        }

        .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile p {
            font-family: 'Poppins', sans-serif;
            font-size: 18px;
            line-height: 24px;
            cursor: pointer;
            color: #fff;
            padding: .5rem 0 2.938rem 0;
            max-width: 330px
        }

.service-deliver-wrapper .right--deliver-section {
    width: 100%;
    max-width: 996px;
    position: relative
}

    .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap {
        display: none;
        flex: 0 0 12.053%;
        justify-content: space-between;
        margin: 0 0 0 29px;
        width: 65.362%
    }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap.reveal {
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .d-flex {
            width: 100% !important;
            display: flex !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            flex-direction: column
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100% !important;
            padding: 16px 12px 25px;
            padding: 4.563rem 0 4.063rem 2.938rem;
            height: 100%
        }

            .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile p {
                font-size: 32px;
                line-height: 48px;
                margin-bottom: 28px !important;
                font-family: var(--font-tstar-heavy);
                color: #fff
            }

.contacts-accord-mob-tile p {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px !important;
    font-family: var(--font-tstar-heavy);
    font-weight: 900;
    color: #303030
}

.service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
      font-family: 'Poppins', sans-serif;
    font-weight: 400
}

.service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile:first-child {
    margin-left: 0
}

.service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile:last-child {
    margin-right: 0
}

.service-deliver-wrapper .right--deliver-section .deliver--slider-wrap.functional-rep {
    padding: 28px 34px
}

.deliver-card-body-desktop span {
    color: #707070
}

.service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile .deliver-card-body-desktop span p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #fff;
    max-width: 446px
}

.service-deliver-wrapper .left--service-deliver .submenu-deliver-tile span.investor-left-contact-arrow {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: .1em solid #a5a5a5;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 12px 0 9px
}

.service-deliver-wrapper .left--service-deliver .submenu-deliver-tile.deliver-button-active span.investor-left-contact-arrow {
    border: .1em solid #fff
}

.service-deliver-wrapper .left--service-deliver .submenu-deliver-tile span.investor-left-contact-arrow:after {
    content: '';
    display: inline-block;
    margin-left: .3em;
    width: .5em;
    height: .5em;
    border-top: .1em solid #a5a5a5;
    border-right: .1em solid #a5a5a5;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: .1em
}

.service-deliver-wrapper .left--service-deliver .submenu-deliver-tile.deliver-button-active span.investor-left-contact-arrow:after {
    border-top: .1em solid #fff;
    border-right: .1em solid #fff
}

.service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .d-flex::after, .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .d-flex::before {
    display: none
}

.right--deliver-section .card {
    border: 0
}

.accordion .card-body {
    padding: 10px 10px 20px 50px
}

.deliver-accord-tile .card-head {
    width: inherit
}

.contact-accord-heading {
    padding: 14px 12px 20px 12px
}

.contacts-accord-mob-tile {
    border: 1px solid #a5a5a5;
    border-radius: 12px;
    padding: 12px;
    margin: 2px 6px
}

.contact-accord-heading .submenu-deliver-tile {
    width: 90%
}

.service-deliver-wrapper .left--service-deliver .submenu-deliver-tile .border_top {
    border-top: 2px solid #fff;
    width: 25%;
    position: absolute;
    left: 0;
    top: 0
}

.service-deliver-wrapper .left--service-deliver .submenu-deliver-tile .border_top-active {
    border-top: 2px solid #fff;
    width: 37%;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width:1100px) {
    .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile p {
        font-size: 29px;
        line-height: 37px
    }

    .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile .deliver-card-body-desktop span p {
        font-size: 28px;
        line-height: 36px
    }
}

@media(max-width:768px) {
    .service-deliver-wrapper {
        display: flex;
        margin-top: 0;
        padding: 0;
        height: 328px
    }

        .service-deliver-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(136.06deg,#000 5.11%,rgba(0,0,0,0) 80.22%);
            z-index: -1
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile .deliver-card-body-desktop span p {
            font-size: 28px;
            line-height: 36px
        }

        .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile.deliver-button-active p {
            font-size: 12px;
            line-height: 20px
        }

        .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile p {
            font-size: 10px;
            line-height: 14px;
            padding: .5rem 0 1.938rem 0
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile p {
            font-size: 18px;
            line-height: 24px
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile .deliver-card-body-desktop span p {
            font-size: 22px;
            line-height: 30px
        }

        .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile .border_top-active {
            width: 50%
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile {
            padding: 1.563rem 0 1.063rem .938rem
        }

        .service-deliver-wrapper .left--service-deliver {
            margin-top: 1.563rem
        }
}

@media(max-width:569px) {
    .service-delivers-section {
        padding: 0rem 1rem
    }

    .service-deliver-wrapper {
        display: flex;
        margin-top: 0;
        padding: 0;
        height: 328px
    }

        .service-deliver-wrapper .left--service-deliver {
            flex: 0 0 25%;
            margin: 1rem 0 0 .75rem
        }

            .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile .border_top-active {
                width: 85%
            }

            .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile p {
                font-size: 10px;
                line-height: 20px;
                padding: .375rem 0 1.938rem 0;
                width: 100%
            }

            .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile .border_top {
                width: 38%
            }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile p {
            font-size: 18px;
            line-height: 22px
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile .deliver-card-body-desktop span p {
            font-size: 14px;
            line-height: 17px
        }

        .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap {
            margin: 0 0 0 12px;
            width: 89.745%
        }

            .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile {
                background: 0
            }

                .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile p {
                    margin-bottom: 8px !important
                }

    .service-delivers-section .service-cta {
        margin-top: 40px
    }

    .service-deliver-wrapper .right--deliver-section .deliver--slider-wrap .deliver-accord-tile {
        padding: 0;
        margin-top: 10px
    }

    .service-deliver-wrapper .left--service-deliver .submenu-deliver-tile .border_top-active {
        width: 85%
    }
}

.regulations-list-container {
    padding: 0 41px 40px 40px;
    box-sizing: border-box;
    background: #f5f5f5
}

    .regulations-list-container .regulation-list {
        background-color: #fff;
        color: #303030;
        padding: 36px 28px 16px 36px;
        box-sizing: border-box
    }

    .regulations-list-container .regulation-list-item {
        display: flex;
        align-items: flex-start;
        padding: 0 24px 25px;
        border-bottom: 1px solid rgba(238,35,38,0.5);
        margin-bottom: 24px;
        width: 100%;
        font-size: 24px;
        line-height: 29px;
        box-sizing: border-box;
        font-family: var(--font-tstart-bold)
    }

    .regulations-list-container .sr-no {
        min-width: 37px;
        text-align: center;
        padding-top: 5px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif
    }

    .regulations-list-container .regulation-requirement {
        width: 896px;
        padding: 5px 76px 0 22px;
        border-left: 1px solid rgba(48,48,48,0.5)
    }

        .regulations-list-container .regulation-requirement > * {
            font-size: 24px;
            line-height: 29px;
            font-weight: 700;
            font-family: 'Poppins', sans-serif
        }

    .regulations-list-container .regulation-know-more {
        padding-top: 5px;
        color: #009fda;
        display: flex;
        align-items: center;
        text-decoration: none;
        min-width: max-content;
        margin-left: auto;
        font-weight: 700;
        font-family: 'Poppins', sans-serif
    }

    .regulations-list-container .regulation-none {
        padding-top: 5px;
        color: gray;
        display: flex;
        align-items: center;
        text-decoration: none;
        min-width: max-content;
        margin-left: auto;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        line-height: 29px
    }

    .regulations-list-container .blue-right-arrow {
        margin-left: 16px;
        width: 13px;
        height: 13px
    }

@media(max-width:767px) {
    .regulations-list-container {
        padding: 0 16px 27px
    }

        .regulations-list-container .regulation-list {
            padding: 16px 16px 0
        }

        .regulations-list-container .regulation-list-item {
            font-size: 16px;
            line-height: 19px;
            padding: 0 0 10px;
            margin-bottom: 10px
        }

            .regulations-list-container .regulation-list-item:last-child {
                margin-bottom: 0;
                border-bottom: 0
            }

        .regulations-list-container .sr-no {
            min-width: 31px;
            padding: 0;
            text-align: left
        }

        .regulations-list-container .regulation-requirement {
            padding: 0 6px 0 5px;
            width: max-content;
            word-wrap: break-word
        }

            .regulations-list-container .regulation-requirement > * {
                font-size: 16px;
                line-height: 1.19
            }

        .regulations-list-container .regulation-know-more {
            padding: 0;
            font-size: 14px;
            line-height: 17px;
            min-width: max-content
        }

        .regulations-list-container .regulation-none {
            padding: 0;
            font-size: 14px;
            line-height: 17px;
            min-width: max-content
        }

        .regulations-list-container .blue-right-arrow {
            margin-left: 11px;
            width: 9px;
            height: 9px
        }
}

.invs-dividend-wrap {
    margin: 2.5rem;
    padding: 1.125rem 2rem .5rem 2rem;
    background: #fff;
    box-shadow: 0 10.5263px 39.4737px rgb(120 120 120 / 15%);
    border-radius: 12px
}

    .invs-dividend-wrap table tr, .invs-dividend-wrap table th tr, .invs-dividend-wrap table tr tr, .invs-dividend-wrap table td tr {
        background-color: #fff;
        text-align: center;
        text-transform: none
    }

    .invs-dividend-wrap .table-bordered thead td, .invs-dividend-wrap .table-bordered thead th {
        background-color: #f7f9fa;
        color: #303030 !important;
        border: .6px solid #d9d9d9 !important;
        vertical-align: initial
    }

    .invs-dividend-wrap .table tbody + tbody {
        border-top: 0
    }

    .invs-dividend-wrap .table-bordered td, .invs-dividend-wrap .table-bordered th {
        border: .6px solid #d9d9d9 !important;
        padding: 1rem 0 !important
    }

    .invs-dividend-wrap table tr:first-child th, .invs-dividend-wrap table th tr:first-child th, .invs-dividend-wrap table tr tr:first-child th, .invs-dividend-wrap table td tr:first-child th {
        color: #fff
    }

    .invs-dividend-wrap table tr th:nth-child(1) {
        width: 2%
    }

    .invs-dividend-wrap table tr th:nth-child(2) {
        width: 4%;
        padding: .75rem 1rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(3) {
        width: 2%;
        padding: .75rem 2rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(4) {
        width: 1.8%;
        padding: .75rem 1.8rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(5) {
        width: 3.9%;
        padding: .75rem 1.6rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(6) {
        width: 3%;
        padding: .75rem 2rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(7) {
        width: 4.4%;
        padding: .75rem 1.5rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(8) {
        width: 8%;
        padding: .75rem 1.5rem !important
    }

    .invs-dividend-wrap .table-responsive {
        display: table
    }

    .invs-dividend-wrap .table-bordered td {
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #303030
    }

    .invs-dividend-wrap .table-bordered thead th {
        font-family: var(--font-tstar-heavy);
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        color: #303030
    }

@media(max-width:1250px) {
    .invs-dividend-wrap table tr th:nth-child(1) {
        width: 7%
    }

    .invs-dividend-wrap table tr th:nth-child(2) {
        width: 9%;
        padding: .75rem .5rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(5) {
        width: 17%;
        padding: .75rem .7rem !important
    }

    .invs-dividend-wrap table tr th:nth-child(7) {
        width: 16%;
        padding: .75rem .7rem !important
    }
}

@media(max-width:1000px) {
    .invs-dividend-wrap .divided-scroll-wrapper {
        overflow-x: scroll
    }

        .invs-dividend-wrap .divided-scroll-wrapper::-webkit-scrollbar-track {
            border-radius: 4px;
            background-color: #dfdfdf
        }

        .invs-dividend-wrap .divided-scroll-wrapper::-webkit-scrollbar {
            height: 4px;
            background-color: #dfdfdf
        }

        .invs-dividend-wrap .divided-scroll-wrapper::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: #0000ab
        }

        .invs-dividend-wrap .divided-scroll-wrapper .table-bordered td {
            padding: .7rem .4rem !important
        }

        .invs-dividend-wrap .divided-scroll-wrapper .table {
            width: 130%;
            margin: 10px 0 10px 0 !important
        }
}

@media(max-width:569px) {
    .invs-dividend-wrap {
        margin: 1rem;
        padding: 0;
        background: #fff;
        box-shadow: none;
        border-radius: 0
    }

        .invs-dividend-wrap .table-bordered td, .invs-dividend-wrap .table-bordered th {
            padding: .375rem 0 !important
        }

        .invs-dividend-wrap .table {
            width: 160%
        }

        .invs-dividend-wrap table tr th:nth-child(2) {
            width: 12%;
            padding: .375rem .2rem !important
        }

        .invs-dividend-wrap table tr th:nth-child(3) {
            padding: .375rem .3rem !important
        }

        .invs-dividend-wrap table tr th:nth-child(4) {
            width: 16%;
            padding: .375rem .2rem !important
        }

        .invs-dividend-wrap table tr th:nth-child(5) {
            width: 25%;
            padding: .375rem .2rem !important
        }

        .invs-dividend-wrap table tr th:nth-child(6) {
            width: 15%;
            padding: .375rem .1rem !important
        }

        .invs-dividend-wrap table tr th:nth-child(7) {
            width: 33%;
            padding: .375rem .1rem !important
        }

        .invs-dividend-wrap .table-bordered td {
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #303030
        }

        .invs-dividend-wrap .table-bordered thead th {
            font-family: var(--font-tstar-heavy);
            font-weight: 700;
            font-size: 12px;
            line-height: 16px;
            color: #303030
        }

        .invs-dividend-wrap .dropdown--wrap .invs-dividend-year-text {
            font-size: 18px;
            line-height: 22px
        }
}

.inv-analyst-container {
    display: flex;
    flex-direction: column;
    margin: 0 41px 89px 40px;
    background: #fff;
    box-shadow: 0 10.5263px 39.4737px rgb(120 120 120 / 15%);
    border-radius: 12px;
    padding: 0 3.25rem 2.375rem 2.938rem
}

.invs-analyst-wrap .inv-analyst-main-heading {
    margin: 1.125rem auto
}

    .invs-analyst-wrap .inv-analyst-main-heading p {
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        font-size: 28px;
        line-height: 34px;
        color: #303030
    }

.invs-analyst-wrap .inv-analyst-content-heading p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #303030
}

.invs-analyst-wrap .single-reports-quarter-download {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #009fda;
    margin-left: .6rem
}

.invs-analyst-wrap .inv-analyst-container .label-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #303030
}

.invs-analyst-wrap table tr, .invs-analyst-wrap table th tr, .invs-analyst-wrap table tr tr, .invs-analyst-wrap table td tr {
    background-color: #fff;
    text-align: center;
    text-transform: none;
    margin: 0
}

.invs-analyst-wrap .analyst-scroll-wrapper {
    margin-top: 1.125rem
}

.invs-analyst-wrap .table-bordered thead td, .invs-analyst-wrap .table-bordered thead th {
    background-color: #f7f9fa;
    color: #303030 !important;
    border: .6px solid #d9d9d9 !important;
    vertical-align: initial
}

.invs-analyst-wrap .table tbody + tbody {
    border-top: 0
}

.invs-analyst-wrap .table-bordered td, .invs-analyst-wrap .table-bordered th {
    border: .6px solid #d9d9d9 !important;
    padding: .926rem 1rem .926rem 1rem !important
}

.invs-analyst-wrap table tr:first-child th, .invs-analyst-wrap table th tr:first-child th, .invs-analyst-wrap table tr tr:first-child th, .invs-analyst-wrap table td tr:first-child th {
    color: #fff
}

.invs-analyst-wrap table tr th:nth-child(1) {
    padding: .75rem 1rem !important
}

.invs-analyst-wrap table tr th:nth-child(2) {
    padding: .75rem 1rem !important
}

.invs-analyst-wrap table tr th:nth-child(3) {
    padding: .75rem 1rem !important
}

.invs-analyst-wrap table tr th:nth-child(4) {
    padding: .75rem 1rem !important
}

.invs-analyst-wrap .table-responsive {
    display: table
}

.invs-analyst-wrap .table-bordered td {
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030
}

.invs-analyst-wrap .table-bordered thead th {
    font-family: var(--font-tstar-heavy);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #303030
}

.invs-analyst-wrap table {
    margin: 0 !important
}

@media(max-width:800px) {
    .invs-analyst-wrap .inv-analyst-container {
        margin: 52px 25px 89px 25px;
        padding: 0 1.5rem 1.375rem 1.5rem
    }

    .invs-analyst-wrap table tr th:nth-child(1) {
        width: 13%
    }

    .invs-analyst-wrap .inv-analyst-main-heading p {
        font-size: 24px;
        line-height: 30px
    }

    .invs-analyst-wrap .inv-analyst-content-heading p {
        font-size: 18px;
        line-height: 22px
    }
}

@media(max-width:569px) {
    .invs-analyst-wrap .inv-analyst-container {
        margin: 1rem 1rem 3rem 1rem
    }

    .invs-analyst-wrap table tr, .invs-analyst-wrap table th tr, .invs-analyst-wrap table tr tr, .invs-analyst-wrap table td tr {
        text-align: center
    }

    .invs-analyst-wrap .inv-analyst-content-heading p {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 1rem 0
    }

    .invs-analyst-wrap .single-reports-quarter-download {
        display: none
    }

    .invs-analyst-wrap .inv-analyst-main-heading {
        margin: 1rem auto
    }

        .invs-analyst-wrap .inv-analyst-main-heading p {
            font-size: 24px;
            line-height: 29px;
            text-align: center
        }

    .invs-analyst-wrap {
        margin: 1rem;
        padding: 0 .625rem .625rem .625rem;
        background: #fff;
        box-shadow: none;
        border-radius: 0;
        box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
        border-radius: 4px
    }

        .invs-analyst-wrap .table-bordered td, .invs-analyst-wrap .table-bordered th {
            padding: .375rem .3rem !important
        }

        .invs-analyst-wrap .analyst-scroll-wrapper {
            margin-top: 0
        }

        .invs-analyst-wrap .table {
            margin: 0
        }

        .invs-analyst-wrap table tr th:nth-child(1) {
            width: 15%;
            padding: .75rem .375rem !important
        }

        .invs-analyst-wrap table tr th:nth-child(2) {
            width: 27%;
            padding: .75rem .375rem !important
        }

        .invs-analyst-wrap table tr th:nth-child(3) {
            width: 30%;
            padding: .75rem .375rem !important
        }

        .invs-analyst-wrap table tr th:nth-child(4) {
            padding: .75rem .375rem !important
        }

        .invs-analyst-wrap .table-bordered td {
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #303030
        }

        .invs-analyst-wrap .table-bordered thead th {
            font-family: var(--font-tstar-heavy);
            font-weight: 700;
            font-size: 12px;
            line-height: 14px;
            color: #303030
        }
}

.inv-credit-container {
    display: flex;
    flex-direction: column;
    margin: 52px 41px 38px 40px;
    background: #fff;
    box-shadow: 0 10.5263px 39.4737px rgb(120 120 120 / 15%);
    border-radius: 12px
}

.invs-credit-wrap .inv-credit-content-wrap {
    flex-direction: column;
    padding-left: 1.25rem
}

.invs-credit-wrap .inv-credit-main-heading {
    margin: 1.125rem auto
}

    .invs-credit-wrap .inv-credit-main-heading p {
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        font-size: 32px;
        line-height: 1.2;
        color: #303030
    }

.invs-credit-wrap .inv-credit-middle-container {
    padding: 0 2rem 2.188rem 2rem
}

.invs-credit-wrap .inv-credit-content-heading p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #303030
}

.invs-credit-wrap .inv-credit-image-wrapper {
    min-width: 236px;
    min-height: 305px
}

.invs-credit-wrap .single-reports-quarter-download {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #009fda;
    margin-left: .6rem
}

.invs-credit-wrap .inv-credit-desktop-img {
    max-width: 236px;
    max-height: 305px
}

.invs-credit-wrap .inv-credit-container .label-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #303030
}

.invs-credit-wrap table tr, .invs-credit-wrap table th tr, .invs-credit-wrap table tr tr, .invs-credit-wrap table td tr {
    background-color: #fff;
    text-transform: none;
    margin: 0
}

.invs-credit-wrap .credits-scroll-wrapper {
    margin-top: 1.125rem
}

.invs-credit-wrap .table-bordered thead td, .invs-credit-wrap .table-bordered thead th {
    background-color: #f7f9fa;
    color: #303030 !important;
    border: .6px solid #d9d9d9 !important;
    vertical-align: initial
}

.invs-credit-wrap .table tbody + tbody {
    border-top: 0
}

.invs-credit-wrap .table-bordered td, .invs-credit-wrap .table-bordered th {
    border: .6px solid #d9d9d9 !important;
    padding: .926rem 1rem .926rem 1rem !important
}

.invs-credit-wrap table tr:first-child th, .invs-credit-wrap table th tr:first-child th, .invs-credit-wrap table tr tr:first-child th, .invs-credit-wrap table d tr:first-child th {
    color: #fff
}

.invs-credit-wrap table tr th:nth-child(1) {
    padding: .75rem 1rem !important
}

.invs-credit-wrap table tr th:nth-child(2) {
    padding: .75rem 1rem !important
}

.invs-credit-wrap table tr th:nth-child(3) {
    padding: .75rem 1rem !important
}

.invs-credit-wrap table tr th:nth-child(4) {
    padding: .75rem 1rem !important
}

.invs-credit-wrap .table-responsive {
    display: table
}

.invs-credit-wrap .table-bordered td {
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #303030
}

.invs-credit-wrap .table-bordered thead th {
    font-family: var(--font-tstar-heavy);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #303030
}

.invs-credit-wrap table {
    margin: 0 !important
}

.invs-credit-wrap .credits-note-wrapper {
    margin-top: 13px
}

.invs-credit-wrap .investor-text-note {
    font-family: var(--font-tstar-heavy);
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
    opacity: .8;
    margin-right: 9px
}

.invs-credit-wrap .investor-text-sub-note p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
    opacity: .8
}

@media(max-width:1250px) {
    .invs-credit-wrap table tr th:nth-child(1) {
        width: 7%
    }

    .invs-credit-wrap table tr th:nth-child(2) {
        width: 9%;
        padding: .75rem .5rem !important
    }
}

@media(max-width:1000px) {
    .inv-credit-container {
        margin: 52px 21px 89px 20px
    }
}

@media(max-width:1000px) {
    .invs-credit-wrap table tr th:nth-child(3) {
        padding: .75rem 1rem !important
    }

    .invs-credit-wrap table tr th:nth-child(4) {
        padding: .75rem 1rem !important
    }
}

@media(max-width:800px) {
    .invs-credit-wrap .inv-credit-main-heading p {
        font-size: 24px;
        line-height: 30px
    }

    .invs-credit-wrap .inv-credit-content-heading p {
        font-size: 18px;
        line-height: 22px
    }
}

@media(max-width:569px) {
    .inv-credit-container {
        margin: 1rem 1rem -5px 1rem
    }

    .invs-credit-wrap .inv-credit-middle-container {
        flex-direction: column;
        padding: 0 1rem 1rem 1rem
    }

    .invs-credit-wrap .inv-credit-image-wrapper {
        min-width: auto;
        min-height: auto
    }

    .invs-credit-wrap table tr, .invs-credit-wrap table th tr, .invs-credit-wrap table tr tr, .invs-credit-wrap table td tr {
        text-align: center
    }

    .invs-credit-wrap .inv-credit-content-wrap {
        padding-left: 0;
        margin-top: 22px
    }

    .invs-credit-wrap .inv-credit-content-heading p {
        font-size: 14px;
        line-height: 20px
    }

    .invs-credit-wrap .single-reports-quarter-download {
        display: none
    }

    .invs-credit-wrap .inv-credit-main-heading {
        margin: 1rem auto
    }

        .invs-credit-wrap .inv-credit-main-heading p {
            font-size: 24px;
            line-height: 29px;
            text-align: center
        }

    .invs-credit-wrap {
        padding: 0;
        background: #fff;
        box-shadow: 0 10.5263px 39.4737px rgba(120,120,120,0.15);
        border-radius: 4px
    }

        .invs-credit-wrap .table-bordered td, .invs-credit-wrap .table-bordered th {
            padding: .375rem .3rem !important
        }

        .invs-credit-wrap .credits-scroll-wrapper {
            margin-top: 0
        }

        .invs-credit-wrap .table {
            margin: 0
        }

        .invs-credit-wrap table tr th:nth-child(1) {
            width: 16%;
            padding: .75rem .375rem !important
        }

        .invs-credit-wrap table tr th:nth-child(2) {
            width: 28%;
            padding: .75rem .375rem !important
        }

        .invs-credit-wrap table tr th:nth-child(3) {
            padding: .75rem .375rem !important
        }

        .invs-credit-wrap table tr th:nth-child(4) {
            padding: .75rem .375rem !important
        }

        .invs-credit-wrap .table-bordered td {
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #303030
        }

        .invs-credit-wrap .table-bordered thead th {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 12px;
            line-height: 14px;
            color: #303030
        }

        .invs-credit-wrap .credits-note-wrapper {
            margin-top: 12px
        }

        .invs-credit-wrap .investor-text-note {
            font-size: 14px;
            line-height: 17px
        }

        .invs-credit-wrap .investor-text-sub-note p {
            font-size: 12px;
            line-height: 16px
        }
}

.about-xtract-container .about-xtract-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #d1a58a;
    padding: 95px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.about-xtract-container .about-xtract-bgimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: -webkit-fill-available
}

.about-xtract-container .about-xtract-img {
    width: 100%;
    height: 100%
}

.about-xtract-content .about-xtract {
    width: 50%;
    padding: 0 3.5%;
    z-index: 1;
    background-image: none
}

    .about-xtract-content .about-xtract > h3 {
        font-family: var(--font-monumentExtended-ultrabold);
        font-size: 32px;
        line-height: 1.19;
        color: #000;
        font-style:  ;
        text-transform: uppercase
    }

    .about-xtract-content .about-xtract > h2 {
        font-family: var(--font-monumentExtended-ultrabold);
        font-size: 72px;
        font-weight: 500;
        color: transparent;
        -webkit-text-stroke: 2px #000;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: .9;
        margin-bottom: 8px
    }

.about-xtract-container .about-xtract-description > * {
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
    padding-bottom: 8px;
    font-weight: 500;
    color: #282828;
    font-family: var(--font-robotocondensed-bold)
}

@media(max-width:566px) {
    .about-xtract-container .about-xtract-content {
        width: 100%;
        padding: 0
    }

    .about-xtract-container .about-xtract-bgimg {
        position: relative
    }

    .about-xtract-content .about-xtract {
        padding: 0 20px;
        width: 100%;
        background-image: url('../../../content/dam/hero-aem-website/in/xtracks/bg-about-xtracks_sm.jpg');
        background-size: 100% auto;
        background-repeat: repeat-y
    }

        .about-xtract-content .about-xtract > h3 {
            font-size: 24px;
            line-height: 1.17;
            font-weight: 500;
            margin-top: -5rem
        }

        .about-xtract-content .about-xtract > h2 {
            font-size: 36px
        }

    .about-xtract-container .about-xtract-description {
        padding: 0 0 3rem
    }

        .about-xtract-container .about-xtract-description > * {
            font-size: 16px
        }
}

.xtracks-social {
    padding: 4rem 0;
    position: relative
}

    .xtracks-social .bg-img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1
    }

        .xtracks-social .bg-img img {
            width: 100%;
            height: 100%
        }

    .xtracks-social .lg-container {
        width: 100%;
        max-width: 1600px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .xtracks-social .social-heading {
        margin-right: 2rem;
        min-width: 160px;
        max-width: 160px
    }

        .xtracks-social .social-heading h3 {
            font-size: 32px;
            line-height: 1.2;
            color: #000;
            font-style:  ;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            font-family: var(--font-monumentExtended-ultrabold);
            font-weight: 900
        }

    .xtracks-social .slider--wrap .social-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.5rem;
        background-color: #b71116;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 650px
    }

        .xtracks-social .slider--wrap .social-list:hover .social-img img {
            transform: scale(1.1)
        }

        .xtracks-social .slider--wrap .social-list.bg-red {
            background-image: url('../../../content/dam/hero-aem-website/in/xtracks/bg-twitter.jpg')
        }

        .xtracks-social .slider--wrap .social-list.bg-black {
            background-image: url('../../../content/dam/hero-aem-website/in/xtracks/bg-insta.jpg')
        }

        .xtracks-social .slider--wrap .social-list.bg-white {
            background-image: url('../../../content/dam/hero-aem-website/in/xtracks/bg-facebook.jpg')
        }

        .xtracks-social .slider--wrap .social-list .sf-icon {
            text-align: center;
            margin-bottom: 1rem
        }

        .xtracks-social .slider--wrap .social-list .social-img {
            overflow: hidden
        }

            .xtracks-social .slider--wrap .social-list .social-img img {
                max-width: 100%;
                transition: .3s;
                overflow: hidden;
                -webkit-transition: .3s
            }

        .xtracks-social .slider--wrap .social-list.bg-white .social-text {
            color: #3c3c3c
        }

        .xtracks-social .slider--wrap .social-list .social-text {
            color: #fff;
            margin-top: 1rem;
            min-height: 130px;
            font-family: var(--font-robotocondensed-regular);
            font-size: 16px;
            line-height: 1.5
        }

            .xtracks-social .slider--wrap .social-list .social-text p {
                margin-bottom: 8px;
                font-size: 1rem;
                line-height: 1.5
            }

            .xtracks-social .slider--wrap .social-list .social-text span {
                text-decoration: underline
            }

    .xtracks-social .slick-dots {
        margin-top: 10px;
        bottom: -35px;
        display: none !important
    }

        .xtracks-social .slick-dots li button::before {
            content: '';
            border-radius: 50%;
            background: transparent;
            border: 1px solid #fff;
            opacity: 1;
            width: 14px;
            height: 14px
        }

        .xtracks-social .slick-dots li button:hover::before {
            background: #ed1c24;
            border: 1px solid #ed1c24
        }

        .xtracks-social .slick-dots li.slick-active button:before {
            opacity: 1;
            background: #ed1c24;
            border: 1px solid #ed1c24
        }

.xtrack-scrollToTop {
    position: fixed;
    background: red;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 2rem;
    line-height: 1.2;
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 30px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    display: none
}

    .xtrack-scrollToTop:hover, .xtrack-scrollToTop:focus {
        background: #3c3c3c
    }

    .xtrack-scrollToTop.reveal {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .xtrack-scrollToTop::before {
        content: " ";
        border-left: 7px solid #fff;
        border-bottom: 7px solid #fff;
        width: 16px;
        height: 16px;
        transform: rotate(135deg);
        cursor: pointer;
        position: relative;
        top: 4px
    }

.xtracks-social .slick-arrow {
    z-index: 1;
    position: absolute;
    display: inline-block;
    width: 40px;
    margin: 0;
    height: 40px;
    background: #ed1c24;
    border-radius: 0;
    padding: 6px
}

.social-arrow-left {
    top: 50%;
    left: -1.5%
}

.socialfeed .social-arrow-left {
    left: -15px
}

.social-arrow-right {
    right: -1.5%;
    top: 50%
}

.socialfeed .social-arrow-right {
    right: -15px
}

@media(max-width:1499px) {
    .xtracks-social .lg-container {
        max-width: 1260px
    }

    .xtracks-social .slider--wrap .social-list .social-text {
        min-height: 155px
    }
}

@media(max-width:1199.98px) {
    .xtracks-social .lg-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width:999.98px) {
    .xtracks-social .lg-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .xtracks-social .social-heading {
        margin-right: 0;
        text-align: center;
        max-width: 100%
    }

        .xtracks-social .social-heading h3 {
            font-size: 24px;
            margin-bottom: 1.5rem
        }

        .xtracks-social .social-heading br {
            display: none
        }

    .xtracks-social .slider--wrap .social-list .social-text {
        min-height: 177px
    }
}

.hero-carousel #scooterBanner {
    margin-top: 0
}

    .hero-carousel #scooterBanner .hero-xtrack-slider-indicators {
        padding-left: 0;
        z-index: 2;
        margin: 10px 0 0;
        position: absolute;
        right: 0;
        left: 0;
        display: flex;
        justify-content: center;
        list-style: none;
        bottom: 35px
    }

        .hero-carousel #scooterBanner .hero-xtrack-slider-indicators li {
            width: 14px;
            height: 14px;
            margin: 5px;
            background: transparent;
            border: 1px solid #fff;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
            transform: none
        }

        .hero-carousel #scooterBanner .hero-xtrack-slider-indicators > li:hover {
            background: red;
            border-color: red
        }

        .hero-carousel #scooterBanner .hero-xtrack-slider-indicators > li.active {
            background: red;
            border-color: red
        }

#xtrack-carrousel-img {
    max-width: 600px;
    position: absolute;
    top: 0;
    padding: 320px 0 0 75px
}

.hero-carousel #scooterBanner .button-aligner {
    padding: 300px 0 0 75px;
    top: 0
}

@media screen and (max-width:575px) {
    #xtrack-carrousel-img {
        max-width: 280px
    }
}

@media screen and (max-width:768px) {
    #xtrack-carrousel-img {
        width: 100%;
        max-width: 80% !important;
        display: flex;
        justify-content: center
    }

    .hero-carousel #scooterBanner .button-aligner {
        top: 0;
        padding: 45% 0 0 0 !important;
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width:500px) {
    #xtrack-carrousel-img {
        top: 0;
        padding: 225px 0 0 75px
    }

    .hero-carousel #scooterBanner .button-aligner {
        top: 0;
        padding: 50% 0 0 0 !important
    }
}

@media screen and (max-width:1400px) {
    #xtrack-carrousel-img {
        max-width: 45%
    }
}

@media screen and (max-width:1300px) {
    #xtrack-carrousel-img {
        max-width: 40%
    }

    .hero-carousel #scooterBanner .button-aligner {
        padding: 280px 0 0 75px
    }
}

@media screen and (max-width:1100px) {
    .hero-carousel #scooterBanner .button-aligner {
        padding: 260px 0 0 75px
    }
}

@media screen and (max-width:990px) {
    .hero-carousel #scooterBanner .button-aligner {
        top: 0;
        padding: 260px 0 0 75px
    }
}

.xtrac-contents-wrapper {
    padding: 4rem 0
}

.xtrac-photo-outer-wrapper {
    display: flex;
    margin: auto 3.25rem;
    justify-content: center;
    flex-direction: column;
    padding: 0 1rem
}

.xtrac-gallery-heading p {
    text-align: center;
    font-family: var(--font-monumentExtended-ultrabold);
    font-size: 32px;
    color: #000;
    font-style:  ;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.xtrac-gallery-section {
    position: relative
}

.xtrac-background-gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.xtrac-gallery-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.xtrac-gallery-nav-tabs {
    border: 0;
    margin-bottom: 2rem
}

.xtrac-gallery-nav-item {
    border-right: 2px solid #000
}

    .xtrac-gallery-nav-item:last-child {
        border: 0
    }

.xtrac-gallery-nav-link p {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 5px 1.5rem;
    font-family: var(--font-monumentExtended-ultrabold);
    font-size: 72px;
    color: transparent;
    -webkit-text-stroke: 2px #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: .9;
    cursor: pointer
}

    .xtrac-gallery-nav-link p:hover, .xtrac-gallery-nav-link p:focus, .xtrac-gallery-nav-link p.active {
        color: transparent;
        -webkit-text-stroke: 2px #ed1c24
    }

.xtrac-nav-link-unactive {
    -webkit-text-stroke: 2px #000
}

.image-hover-enlarge {
    margin: auto 15px
}

.image-hover-enlarge-img {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem
}

    .image-hover-enlarge-img img {
        width: 100%;
        transition: transform .3s ease
    }

    .image-hover-enlarge-img:hover img {
        transform: scale(1.5)
    }

    .image-hover-enlarge-img::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .4;
        z-index: 1;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

.gallery-click-hover {
    position: absolute
}

.image-hover-enlarge-img:hover::before {
    opacity: 0
}

.xtrac-gallery-section .slick-arrow {
    z-index: 1;
    position: absolute;
    top: 28%;
    display: inline-block;
    width: 40px;
    margin: 0;
    height: 40px;
    background: #ed1c24;
    border-radius: 0;
    padding: 6px
}

.hdbc-video-outer-wrapper .slick-arrow-hidden {
    pointer-events: none;
    background: #fff !important;
    background: transparent !important;
    content: url(../../../content/dam/hero-aem-website/in/xtracks/arrowleft.png);
    transform: scale(5.5) !important;
    top: 42% !important
}

.slick-next.slick-arrow-hidden {
    transform: scale(5.5) rotate(180deg) !important;
    top: 35% !important
}

.slick-prev.slick-arrow-hidden {
    top: 42% !important
}

.a-right-xtrac {
    right: 0;
    top: 37% !important
}

.xtrac-gallery-section .slick-arrow:hover, .xtrac-gallery-section .slick-arrow:focus, .xtrac-gallery-section .slick-arrow:active {
    background: #000
}

.xtrac-gallery-section .social--wrap {
    display: none
}

.xtrac-gallery-section .mobile {
    display: none
}

.content-photo-xtrac--slider-wrap {
    display: none;
    justify-content: space-between;
    padding: 0 0 20px 0
}

    .content-photo-xtrac--slider-wrap .slick-dots {
        display: none !important
    }

    .content-photo-xtrac--slider-wrap.reveal {
        display: flex;
        justify-content: space-between
    }

    .content-photo-xtrac--slider-wrap .d-flex {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .content-photo-xtrac--slider-wrap.slick-initialized.reveal {
        display: block !important
    }

    .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile {
        display: flex;
        flex-direction: column;
        width: 100%
    }

        .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile .xtrac-monitor-image-files {
            width: 100%
        }

        .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile .hdbc-mobile-image-files {
            display: none
        }

        .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile p {
            font-size: 16px;
            line-height: 19.2px;
            margin-bottom: 6px !important;
            font-family: var(--font-tstar-heavy);
            font-weight: 900;
            color: #fff;
            letter-spacing: 0 !important
        }

        .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile span {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 6px;
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            text-align: center
        }

        .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile:first-child {
            margin-left: 0
        }

        .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile:last-child {
            margin-right: 0
        }

    .content-photo-xtrac--slider-wrap.functional-rep {
        padding: 28px 34px
    }

    .content-photo-xtrac--slider-wrap .functional-rep-tile {
        padding: 5px 20px;
        border-radius: 12px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 56px
    }

        .content-photo-xtrac--slider-wrap .functional-rep-tile.background--tropical-blue {
            background-color: #d7e5fa
        }

        .content-photo-xtrac--slider-wrap .functional-rep-tile.background--champagne {
            background-color: #fae5d7
        }

        .content-photo-xtrac--slider-wrap .functional-rep-tile.background--peppermint {
            background-color: #d7f0ce
        }

        .content-photo-xtrac--slider-wrap .functional-rep-tile.background--selago {
            background-color: #eed7fa
        }

        .content-photo-xtrac--slider-wrap .functional-rep-tile.background--moonraker {
            background-color: #d7d7fa
        }

        .content-photo-xtrac--slider-wrap .functional-rep-tile.background--azalea {
            background-color: #fad7d7
        }

        .content-photo-xtrac--slider-wrap .functional-rep-tile.background--citrine-white {
            background-color: #faf5d7
        }

        .content-photo-xtrac--slider-wrap .functional-rep-tile p {
            text-align: center
        }

    .content-photo-xtrac--slider-wrap .xtarc-photo-gallery-tile span p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        text-align: center
    }

    .content-photo-xtrac--slider-wrap .d-flex::after, .content-photo-xtrac--slider-wrap .d-flex::before {
        display: none
    }

.xtrac-video-outer-wrapper {
    display: flex;
    margin: auto 3.25rem;
    justify-content: center;
    flex-direction: column;
    padding: 0 1rem
}

.video-hover-enlarge {
    margin: auto 15px
}

.video-hover-enlarge-img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative
}

    .video-hover-enlarge-img img {
        width: 100%;
        transition: transform .3s ease
    }

    .video-hover-enlarge-img:hover img {
        transform: scale(1.5)
    }

    .video-hover-enlarge-img::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .4;
        z-index: 1;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

    .video-hover-enlarge-img:hover::before {
        opacity: 0
    }

.content-video-xtrac--slider-wrap {
    display: none;
    justify-content: space-between;
    padding: 0 0 20px 0
}

    .content-video-xtrac--slider-wrap .slick-dots {
        display: none !important
    }

        .content-video-xtrac--slider-wrap .slick-dots li {
            width: 15px
        }

        .content-video-xtrac--slider-wrap .slick-dots .slick-active {
            margin: 0 .25rem
        }

        .content-video-xtrac--slider-wrap .slick-dots button {
            width: 14px;
            height: 14px;
            margin: 5px;
            background: transparent;
            border: 1px solid #fff;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px
        }

        .content-video-xtrac--slider-wrap .slick-dots .slick-active button {
            width: 14px;
            height: 14px;
            margin: 5px;
            background: transparent;
            border: 1px solid #fff;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
            background: #ed1c24;
            border-color: #ed1c24
        }

    .content-video-xtrac--slider-wrap.reveal {
        display: flex;
        justify-content: space-between
    }

    .content-video-xtrac--slider-wrap .d-flex {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .content-video-xtrac--slider-wrap.slick-initialized.reveal {
        display: block !important
    }

    .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile {
        display: flex;
        flex-direction: column;
        width: 100%
    }

        .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile .xtrac-monitor-image-files {
            width: 100%
        }

        .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile .hdbc-mobile-image-files {
            display: none
        }

        .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile p {
            font-size: 16px;
            line-height: 19.2px;
            margin-bottom: 6px !important;
            font-family: var(--font-robotocondensed-regular);
            font-weight: 400;
            color: #fff;
            letter-spacing: 0 !important
        }

        .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile span {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 6px;
              font-family: 'Poppins', sans-serif;
            font-weight: 400;
            text-align: center
        }

        .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile:first-child {
            margin-left: 0
        }

        .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile:last-child {
            margin-right: 0
        }

    .content-video-xtrac--slider-wrap.functional-rep {
        padding: 28px 34px
    }

    .content-video-xtrac--slider-wrap .functional-rep-tile {
        padding: 5px 20px;
        border-radius: 12px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 56px
    }

        .content-video-xtrac--slider-wrap .functional-rep-tile.background--tropical-blue {
            background-color: #d7e5fa
        }

        .content-video-xtrac--slider-wrap .functional-rep-tile.background--champagne {
            background-color: #fae5d7
        }

        .content-video-xtrac--slider-wrap .functional-rep-tile.background--peppermint {
            background-color: #d7f0ce
        }

        .content-video-xtrac--slider-wrap .functional-rep-tile.background--selago {
            background-color: #eed7fa
        }

        .content-video-xtrac--slider-wrap .functional-rep-tile.background--moonraker {
            background-color: #d7d7fa
        }

        .content-video-xtrac--slider-wrap .functional-rep-tile.background--azalea {
            background-color: #fad7d7
        }

        .content-video-xtrac--slider-wrap .functional-rep-tile.background--citrine-white {
            background-color: #faf5d7
        }

        .content-video-xtrac--slider-wrap .functional-rep-tile p {
            text-align: center
        }

    .content-video-xtrac--slider-wrap .xtarc--video-gallery-tile span p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
          font-family: 'Poppins', sans-serif;
        font-weight: 400;
        text-align: center
    }

    .content-video-xtrac--slider-wrap .d-flex::after, .content-video-xtrac--slider-wrap .d-flex::before {
        display: none
    }

.choose-wrapper-none {
    visibility: hidden;
    max-height: 0
}

.d-desktop-video-xtrac::after {
    content: '';
    position: absolute;
    background: url(../../../content/dam/hero-aem-website/in/xtracks/video-white-play-botton.gif) no-repeat;
    top: 30%;
    width: 50px;
    height: 50px;
    transform: translate(12vw);
    background-size: 100% 100%
}

.xtrac-gallery-section .slick-dotted.slick-slider {
    margin-bottom: 0;
    margin-top: 1rem
}

.datePicker-xtrack {
    width: 100%
}

@media(max-width:1199.98px) {
    .xtrac-gallery-heading p {
        font-size: 30px
    }

    .xtrac-gallery-nav-link p {
        font-size: 56px
    }

    .d-desktop-video-xtrac::after {
        top: 24%;
        transform: translate(11vw)
    }
}

@media(max-width:800px) {
    .d-desktop-video-xtrac::after {
        top: 26%;
        transform: translate(16vw)
    }
}

@media(max-width:575.98px) {
    .xtrac-video-outer-wrapper, .xtrac-photo-outer-wrapper {
        margin: auto 1.25rem;
        padding: 0
    }

    .xtrac-gallery-heading p {
        font-size: 24px;
        margin-bottom: 1.5rem
    }

    .xtrac-gallery-nav-link p {
        font-size: 20px;
        padding: 5px .5rem
    }

    .d-desktop-video-xtrac::after {
        transform: translate(35vw)
    }

    .slick-arrow-hidden {
        transform: scale(4.5)
    }

    .hdbc-video-outer-wrapper .slick-arrow-hidden {
        transform: scale(3.5) !important
    }

    .slick-next.slick-arrow-hidden {
        transform: scale(3.5) rotate(180deg) !important;
        top: 38% !important
    }
}

.hero-geniue-oil #engine, .hero-geniue-oil #bike-model-name {
    border: 1px solid #f1f1f1;
    background: url(clientlib-site/resources/select-down-arrow.jpg)#f1f1f1;
    background-repeat: no-repeat;
    background-position: right center;
    width: 210px;
    padding: 7px 10px;
    font-size: 12px;
    font-family: var(--font-open-sans-semibold);
    color: #1c1c1c;
    text-transform: normal;
    outline: 0;
    margin: 0 15px 0 0;
    font-weight: 400;
    cursor: pointer;
    -webkit-appearance: none;
    text-transform: uppercase
}

.geniue-oil-dropdown {
    width: 100%;
    text-align: center
}

#geniue-oil-table table tr th:first-child, #geniue-oil-table table tr td:first-child {
    display: none
}

#geniue-oil-table {
    background: #e6e6e6;
    padding: 20px;
    font-family: var(--font-open-sans-semibold);
    font-size: 13px;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 22px
}

    #geniue-oil-table table {
        width: 100%;
        margin: 0 !important
    }

        #geniue-oil-table table tr {
            text-align: center
        }

@media(max-width:500px) {
    .geniue-oil-dropdown {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

        .geniue-oil-dropdown #bike-model-name {
            margin-top: 10px
        }
}

@media(max-width:600px) {
    #geniue-oil-table {
        width: 100%;
        overflow-x: auto
    }

        #geniue-oil-table table {
            width: 600px;
            overflow-x: auto
        }
}

#hero-connected {
    width: 100%;
    position: relative;
    padding: 40px 0
}

@media(max-width:768px) {
    #hero-connected {
        padding: 16px 0
    }
}

#hero-connected .custom-container {
    padding: 0 41px
}

@media(max-width:768px) {
    #hero-connected .custom-container {
        padding: 0 16px
    }
}

#hero-connected .custom-container h2.main-heading {
    font-style:  ;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 32px;
    font-family: var(--font-tstar-heavy)
}

@media(max-width:768px) {
    #hero-connected .custom-container h2.main-heading {
        font-size: 28px;
        margin-bottom: 16px
    }
}

#hero-connected .custom-container .benefits--section {
    width: 100%;
    display: flex;
    height: auto;
    min-height: 474px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section {
        height: auto;
        flex-direction: column;
        min-height: unset
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section {
    max-width: 59.2%;
    padding: 268px 41px 46px 473px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section {
        max-width: 100%;
        padding: 75px 12px 16px 170px;
        min-height: 240px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .bg-gif {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

    #hero-connected .custom-container .benefits--section .mobile-img-section .bg-gif img {
        width: 100%;
        height: 100%;
        border-radius: 18px 0 0 18px
    }

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .bg-gif img {
        border-radius: 0
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img {
    left: 62px;
    bottom: 0
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img {
        left: 10px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .img--content-wrap {
    width: 100%
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .img--content-wrap img {
        max-width: 152px;
        width: 100%
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content {
    display: flex;
    align-items: center;
    flex-direction: column;
    top: 68px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    overflow: hidden
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content {
        max-width: 100%;
        top: 20px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .presents-img {
    margin-bottom: 43px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .presents-img {
        margin-bottom: 20px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .presents-img img {
    width: 100%;
    max-width: 195px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .presents-img img {
        width: 81px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap {
    display: flex;
    max-width: 100%;
    opacity: 1;
    transition: opacity .15s ease,height .15s ease,transform .15s ease
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap {
        max-width: 100%
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap .feature-tile {
    flex: 0 0 100%;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap .feature-tile {
        display: flex;
        align-items: center;
        flex-direction: column
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap .feature-tile.visible {
    visibility: visible
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap .feature-tile img {
    margin-bottom: 23px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap .feature-tile img {
        width: 44px;
        margin-bottom: 10px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap .feature-tile p {
    background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-style:  ;
    font-weight: 900;
    font-size: 24px;
    line-height: 2;
    font-family: var(--font-tstar-heavy);
    text-align: center;
    width: 100%
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .phone-img .phone--content .feature--wrap .feature-tile p {
        font-size: 14px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .text-tile-wrap {
    width: 100%;
    opacity: 1;
    transition: opacity .15s ease,height .15s ease;
    position: relative
}

    #hero-connected .custom-container .benefits--section .mobile-img-section .text-tile-wrap .text-tile h3 {
        font-weight: 900;
        font-size: 32px;
        line-height: 1.5;
        text-align: left;
        color: #fff;
        font-family: var(--font-tstar-heavy);
        margin-bottom: 16px
    }

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .text-tile-wrap .text-tile h3 {
        font-size: 18px;
        line-height: 1.33;
        margin-bottom: 4px
    }
}

#hero-connected .custom-container .benefits--section .mobile-img-section .text-tile-wrap .text-tile p {
    line-height: 1.333;
    font-weight: 400;
      font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 18px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .mobile-img-section .text-tile-wrap .text-tile p {
        font-size: 14px;
        line-height: 20px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector {
    max-width: 40.8%;
    flex-direction: column;
    padding: 24px;
    background: url('../../../content/dam/hero-aem-website/in/products/sports-adventure/premium-bg-img.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 18px 18px 0
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector {
        padding: 8px;
        padding-bottom: 16px;
        border-radius: 0;
        max-width: 100%
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector h4 {
      font-family: 'Poppins', sans-serif;
    line-height: 1.3333;
    font-weight: 400;
    font-size: 24px;
    color: #fff
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector h2 {
    line-height: 1.2;
    font-weight: 900;
    color: #fff;
    font-size: 48px;
    margin-bottom: 14px;
    font-family: var(--font-tstar-heavy)
}

    #hero-connected .custom-container .benefits--section .benefit-selector h2 span.text-red {
        color: #0000ab
    }

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 6px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 32px;
    height: fit-content;
    position: relative;
    overflow: hidden
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap {
        margin: 8px -5px 16px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap.btn--padding {
    padding: 0 36px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap.btn--padding {
        padding: 0 24px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap .slick-slider {
    position: unset
}

    #hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap .slick-slider .slick-arrow {
        top: 50%;
        transform: translateY(-50%);
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        background: white;
        color: #a5a5a5;
        cursor: pointer
    }

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap .slick-slider .slick-arrow {
        width: 20px;
        height: 20px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap .slick-slider .slick-arrow.this--active {
    background: #0000ab;
    color: white
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap .btn-slick-prev {
    left: 0
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap .btn-slick-next {
    right: 0
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap .button-slider {
    display: flex;
    width: 100%
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap #scooter-button {
    color: #303030
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap button {
    padding: 8px 12px;
    margin: 0 6px;
    border: 1px solid silver;
    border-radius: 4px;
    background: transparent;
    line-height: 1.333;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap button {
        margin: 0 4px;
        font-size: 13px;
        line-height: 20px;
        padding: 4px 8px
    }

        #hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap button:last-child {
            margin-right: 0
        }
}

#hero-connected .custom-container .benefits--section .benefit-selector .btn--wrap button.btn--active {
    border-color: #d30000;
    background: #0000ab;
    color: #fff !important;
    font-family: var(--font-tstar-heavy)
}

#hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap {
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    position: relative;
    opacity: 1;
    transition: opacity .15s ease,height .15s ease;
    --after-top: 0;
    margin-left: 34px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap {
        padding-left: 14px;
        margin-left: 24px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap::before {
    content: '';
    position: absolute;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    width: 4px;
    left: 0;
    top: 0
}

#hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap::after {
    content: '';
    transition: top .15s ease;
    position: absolute;
    height: 44px;
    background: #0000ab;
    border-radius: 4px;
    width: 4px;
    left: 0;
    top: var(--after-top)
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap::after {
        height: 30.37px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap .indv-feature {
    padding: 6px 0;
    width: fit-content;
    margin-bottom: 24px
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap .indv-feature {
        padding: 4px 0;
        margin-bottom: 16px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap .indv-feature:last-child {
    margin-bottom: 0
}

#hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap .indv-feature h3 {
    cursor: pointer;
    line-height: 1.333;
    font-weight: 400;
    font-size: 24px;
      font-family: 'Poppins', sans-serif;
    color: #fff
}

@media(max-width:768px) {
    #hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap .indv-feature h3 {
        font-size: 16px;
        font-weight: 20px
    }
}

#hero-connected .custom-container .benefits--section .benefit-selector .indv-features--wrap .indv-feature h3.feature--active {
    font-weight: 900;
    font-family: var(--font-tstar-heavy)
}

#hero-connected .fade-out {
    opacity: 0 !important;
    height: 0 !important;
    position: relative;
    z-index: -1
}

#hero-connected-rightside-background {
    background: #fff !important
}

.scooter-font-color-connected {
    color: #303030 !important
}

#xtreme-teaser .videoSection video.preload {
    position: fixed;
    top: -200px;
    left: -200px;
    width: 10px;
    height: 10px
}

#xtreme-teaser .videoSection {
    display: flex;
    position: relative;
    width: 100%
}

    #xtreme-teaser .videoSection .loader {
        width: 48px;
        height: 48px;
        border: 5px solid #fff;
        border-bottom-color: #0000ab;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 0
    }

    #xtreme-teaser .videoSection video {
        display: flex;
        width: 100%;
        z-index: 1
    }

#xtreme-teaser section.videoSection video {
    position: relative
}

#xtreme-teaser section.videoSection p.interact {
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translate(-50%,0);
    display: block;
    z-index: 2;
    background: #d90100;
    padding: 8px 15px;
    color: #fff;
    border-radius: 15px;
    top: 50%;
    bottom: unset;
    left: unset;
    right: 0;
    transform: translate(-170px,0);
    opacity: 0;
    font-family: Arial;
    transition: transform .3s ease-in,opacity .3s ease-in
}

    #xtreme-teaser section.videoSection p.interact.active {
        transform: translate(-180px,0);
        opacity: 1
    }

    #xtreme-teaser section.videoSection p.interact:after {
        content: "";
        display: block;
        border: 10px solid #d90100;
        border-color: #d90100 transparent transparent;
        border-width: 10px 10px 0;
        width: 0;
        height: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,100%);
        left: unset;
        right: 0;
        border-width: 14px 0 14px 14px;
        border-color: transparent transparent transparent #d90100;
        bottom: 50%;
        transform: translate(70%,50%)
    }

#xtreme-teaser .videoSection .buttons {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1;
    background: #2b3137;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    width: 150px
}

    #xtreme-teaser .videoSection .buttons i {
        display: flex;
        position: relative;
        width: calc(80%);
        margin: 10px 10px;
        height: 10px
    }

        #xtreme-teaser .videoSection .buttons i:before, #xtreme-teaser .videoSection .buttons i:after {
            display: flex;
            content: "";
            width: 10px;
            height: 10px;
            background: url(clientlib-site/resources/images/icons/buttons-nail.png) no-repeat center / contain;
            position: absolute;
            top: 0;
            left: 0
        }

        #xtreme-teaser .videoSection .buttons i:after {
            left: unset;
            right: 0
        }

    #xtreme-teaser .videoSection .buttons span.sep {
        margin: 10px 0;
        width: 90%
    }

        #xtreme-teaser .videoSection .buttons span.sep img.des {
            display: block;
            width: 100%
        }

        #xtreme-teaser .videoSection .buttons span.sep img.mob {
            display: none;
            width: 100%
        }

    #xtreme-teaser .videoSection .buttons a {
        background: 0;
        cursor: pointer;
        transition: transform .3s ease-in;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 20px;
        position: relative;
        flex-direction: column;
        color: #fff;
        text-decoration: none;
        font-weight: bolder;
        font-size: 22px
    }

        #xtreme-teaser .videoSection .buttons a:hover {
            color: #d90101
        }

        #xtreme-teaser .videoSection .buttons a span:not(.text) {
            background: url(clientlib-site/resources/images/icons/bg-button.png) no-repeat top center;
            background-size: 100%;
            width: 80px;
            display: flex;
            height: 80px;
            justify-content: center;
            align-items: center;
            margin-bottom: 5px
        }

        #xtreme-teaser .videoSection .buttons a:hover span:not(.text), #xtreme-teaser .videoSection .buttons a:active span:not(.text) {
            background: url(clientlib-site/resources/images/icons/bg-button.png) no-repeat bottom center;
            background-size: 100%
        }

        #xtreme-teaser .videoSection .buttons a span:not(.text) img {
            width: 60%
        }

        #xtreme-teaser .videoSection .buttons a span.text {
            width: 90%
        }

            #xtreme-teaser .videoSection .buttons a span.text img {
                width: 100%
            }

#xtreme-teaser .videoSection .playerButtons {
    display: none;
    gap: 15px;
    position: absolute;
    bottom: 5%;
    left: 45%;
    z-index: 1
}

    #xtreme-teaser .videoSection .playerButtons a {
        width: 50px;
        height: 50px
    }

        #xtreme-teaser .videoSection .playerButtons a img {
            width: 100%
        }

@media only screen and (max-width:1440px) {
    #xtreme-teaser .videoSection .buttons a span:not(.text) {
        width: 60px;
        height: 60px
    }

    #xtreme-teaser section.videoSection p.interact.active {
        transform: translate(-130px,0)
    }

    #xtreme-teaser section.videoSection p.interact {
        transform: translate(-120px,0)
    }

    #xtreme-teaser .videoSection .buttons a {
        margin: 0 16px;
        font-size: 18px
    }

    #xtreme-teaser .videoSection .buttons {
        gap: 10px;
        width: 100px
    }

        #xtreme-teaser .videoSection .buttons i:before, #xtreme-teaser .videoSection .buttons i:after {
            width: 7px;
            height: 7px
        }

        #xtreme-teaser .videoSection .buttons i {
            width: calc(86%);
            margin: 7px 7px;
            height: 7px
        }

    #xtreme-teaser .videoSection .playerButtons a {
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width:1200px) {
    #xtreme-teaser .videoSection {
        height: auto;
        flex-direction: column
    }

        #xtreme-teaser .videoSection video {
            object-fit: unset
        }

        #xtreme-teaser .videoSection .buttons {
            padding: 5px 0 10px
        }

            #xtreme-teaser .videoSection .buttons span.sep {
                margin: 5px 0
            }

        #xtreme-teaser .videoSection .playerButtons {
            bottom: unset;
            top: 79%;
            left: 13%
        }

            #xtreme-teaser .videoSection .playerButtons a {
                width: 35px;
                height: 35px
            }

        #xtreme-teaser .videoSection .loader {
            top: 50%;
            width: 30px;
            height: 30px;
            border: 3px solid #fff;
            border-bottom-color: #0000ab
        }

        #xtreme-teaser .videoSection .buttons a span:not(.text) {
            width: 50px;
            height: 50px
        }

        #xtreme-teaser .videoSection .buttons a span.text {
            margin-top: 5px
        }

        #xtreme-teaser .videoSection .buttons i {
            display: none
        }

    #xtreme-teaser section.videoSection p.interact {
        top: 50%;
        bottom: unset;
        left: unset;
        right: 0;
        transform: translate(-100%,0)
    }

        #xtreme-teaser section.videoSection p.interact:after {
            left: unset;
            right: 0;
            border-width: 14px 0 14px 14px;
            border-color: transparent transparent transparent #d90100;
            bottom: 50%;
            transform: translate(70%,50%)
        }
}

@media only screen and (max-width:1200px) and (orientation:portrait) {
    #xtreme-teaser section.videoSection p.interact {
        position: absolute;
        bottom: 90px;
        left: 50%;
        transform: translate(-50%,0);
        display: block;
        z-index: 2;
        background: #d90100;
        padding: 8px 15px;
        color: #fff;
        border-radius: 15px;
        top: unset;
        right: unset
    }

        #xtreme-teaser section.videoSection p.interact:after {
            content: "";
            display: block;
            border: 10px solid #d90100;
            border-color: #d90100 transparent transparent;
            border-width: 10px 10px 0;
            width: 0;
            height: 0;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%,100%)
        }

    #xtreme-teaser section.videoSection p.interact {
        transform: translate(-50%,10px)
    }

        #xtreme-teaser section.videoSection p.interact.active {
            transform: translate(-50%,0)
        }

    #xtreme-teaser .videoSection .loader {
        top: 33%
    }

    #xtreme-teaser .videoSection .playerButtons {
        bottom: unset;
        top: 57%;
        right: 10px;
        gap: 5px;
        left: unset
    }

        #xtreme-teaser .videoSection .playerButtons a {
            width: 30px;
            height: 30px
        }

    #xtreme-teaser .videoSection .buttons {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        width: 100%;
        flex-direction: row;
        justify-content: space-around
    }

        #xtreme-teaser .videoSection .buttons a {
            display: block;
            margin: 0 10px;
            text-align: center
        }

            #xtreme-teaser .videoSection .buttons a span:not(.text) {
                margin: 0 auto 5px;
                width: 40px;
                height: 40px
            }

            #xtreme-teaser .videoSection .buttons a span.text {
                max-width: 80px;
                height: auto;
                display: flex;
                margin: 0 auto;
                width: 80%
            }

        #xtreme-teaser .videoSection .buttons span.sep {
            display: none
        }

        #xtreme-teaser .videoSection .buttons i {
            width: 10px;
            height: 130px
        }

            #xtreme-teaser .videoSection .buttons i:after {
                bottom: 0;
                top: unset
            }

        #xtreme-teaser .videoSection .buttons span.sep img.des {
            display: none;
            width: 100%
        }

        #xtreme-teaser .videoSection .buttons span.sep img.mob {
            display: block;
            width: 100%
        }
}

@keyframes rotation {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.addressPan .cust-form-group .campaign-input.text-transform {
    text-transform: unset
}

.form-wrap-mocktest {
    border: #e2e2e2 1px solid;
    margin-bottom: 20px;
    padding: 25px;
    border-radius: 25px
}

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

.anwsers {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start
}

    .anwsers input[type=radio] {
        cursor: pointer
    }

.mocktest-results {
    font-size: 20px;
    line-height: 1.2;
    font-family: 'tstar-medium'
}

.mocktest-title {
    font-size: 24px;
    line-height: 1.2;
    font-family: 'tstar-medium'
}

.ans-label {
    font-family: 'tstar-bold'
}

.correctanswer {
    color: #0c0
}

.wronganswer {
    color: red
}

@media(max-width:768px) {
    .mocktest-results {
        font-size: 16px
    }

    .mocktest-title {
        font-size: 20px
    }
}

#nps-feedback {
    position: fixed;
    right: -24px;
    top: 75%;
    z-index: 10;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out
}

    #nps-feedback.fade-in {
        opacity: 1;
        visibility: visible
    }

@media(min-width:768px) and (max-width:1024px) {
    #nps-feedback {
        top: 60%
    }
}

@media(max-width:768px) {
    #nps-feedback {
        transform: unset
    }
}

#nps-feedback .nps--toclick {
    cursor: pointer;
    transform: rotate(-90deg);
    position: relative;
    right: 0;
    overflow: hidden;
    padding: 6px;
    background: #303030;
    max-width: 78px;
    border: .7875px solid #303030;
    box-shadow: 0 7.875px 15.75px -7.875px rgba(24,39,75,0.1),0 10.5px 31.5px -5.25px rgba(24,39,75,0.1);
    border-radius: 6px 6px 0 0;
    transition: right 1.8s
}

@media(max-width:768px) {
    #nps-feedback .nps--toclick {
        padding-top: 4px;
        padding-bottom: 2px
    }
}

#nps-feedback .nps--toclick.transitioning-div-visible-448 {
    right: 454px !important;
    pointer-events: none
}

#nps-feedback .nps--toclick p {
    font-style:  ;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    font-family: var(--font-tstar-heavy)
}

@media(max-width:768px) {
    #nps-feedback .nps--toclick p {
        font-size: 14px
    }
}

#nps-feedback #feedback-modal {
    position: fixed;
    bottom: -23px;
    right: -425px;
    transition: right 1.8s;
    padding: 24px;
    background-color: white;
    border-radius: 16px;
    width: 448px
}

@media(max-width:768px) {
    #nps-feedback #feedback-modal {
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 16px 16px 0 0;
        top: unset;
        transform: unset;
        right: -120%;
        bottom: 0;
        width: 100%;
        transition: right 1.5s ease
    }
}

#nps-feedback #feedback-modal.transitioning-div-visible {
    right: 30px !important
}

@media(max-width:768px) {
    #nps-feedback #feedback-modal.transitioning-div-visible {
        right: 0 !important;
        width: 100% !important;
        bottom: 0
    }
}

#nps-feedback #feedback-modal h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 32px;
    text-align: center;
    padding: 0 20px
}

@media(max-width:768px) {
    #nps-feedback #feedback-modal h4 {
        font-size: 18px
    }
}

#nps-feedback #feedback-modal .ratings-select {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 22px;
    padding-bottom: 48px
}

@media(max-width:768px) {
    #nps-feedback #feedback-modal .ratings-select {
        padding-left: 0;
        padding-right: 0
    }
}

#nps-feedback #feedback-modal .ratings-select .ratings--outer {
    width: 100%
}

    #nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap {
        width: auto;
        display: block;
        position: relative;
        margin: 0 -16px
    }

        #nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap .ratings-inner-wrap {
            width: auto;
            display: flex;
            box-sizing: border-box
        }

            #nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap .ratings-inner-wrap .rating-tile {
                display: flex;
                cursor: pointer;
                align-items: center;
                justify-content: center;
                width: 20%;
                background: #fff;
                height: 52px;
                border: 1px solid silver;
                border-radius: 8px;
                margin: 0 12px
            }

@media(max-width:768px) {
    #nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap .ratings-inner-wrap .rating-tile {
        margin: 0 16px;
        height: 40px
    }
}

#nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap .ratings-inner-wrap .rating-tile p {
    font-size: 18px;
    line-height: 1.33;
      font-family: 'Poppins', sans-serif;
    color: #303030
}

@media(max-width:768px) {
    #nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap .ratings-inner-wrap .rating-tile p {
        font-size: 16px
    }
}

#nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap .ratings-inner-wrap .rating-tile:hover {
    background: #0000ab;
    border: 1px solid #d30000
}

    #nps-feedback #feedback-modal .ratings-select .ratings--outer .outer-wrap .ratings-inner-wrap .rating-tile:hover p {
        color: #fff
    }

#nps-feedback #feedback-modal .ratings-select .scale--outer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 18px
}

@media(max-width:768px) {
    #nps-feedback #feedback-modal .ratings-select .scale--outer {
        margin-top: 16px
    }
}

#nps-feedback #feedback-modal .ratings-select .scale--outer .scale {
    max-width: 78px;
    width: 100%
}

    #nps-feedback #feedback-modal .ratings-select .scale--outer .scale p {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Poppins', sans-serif
    }

        #nps-feedback #feedback-modal .ratings-select .scale--outer .scale p.green-text {
            color: #038252;
            text-align: right
        }

        #nps-feedback #feedback-modal .ratings-select .scale--outer .scale p.red-text {
            color: #0000ab
        }

#nps-feedback #feedback-modal .suggestion-select {
    display: flex;
    align-items: center;
    flex-direction: column
}

    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap h4 {
        margin-bottom: 18px
    }

@media(max-width:768px) {
    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap h4 {
        margin-bottom: 24px
    }
}

#nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap {
    width: 100%
}

    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap {
        width: auto;
        display: block;
        position: relative;
        margin: 0 -8px
    }

        #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap {
            width: auto;
            display: flex;
            position: relative;
            flex-wrap: wrap
        }

            #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap .reason-tile {
                width: calc(50% - 16px);
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff;
                border: 1px solid silver;
                border-radius: 8px;
                height: 56px;
                margin: 0 8px;
                cursor: pointer;
                margin-bottom: 16px
            }

                #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap .reason-tile p {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 20px;
                      font-family: 'Poppins', sans-serif;
                    text-align: center;
                    color: #303030;
                    padding: 0 12px
                }

@media(max-width:768px) {
    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap .reason-tile p {
        font-size: 14px
    }
}

@media(min-width:768px) {
    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap .reason-tile:hover {
        background: #d30000
    }

        #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap .reason-tile:hover p {
            color: #fff
        }
}

#nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap .reason-tile.tile--active {
    background: #d30000
}

    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap .reason-wrap .outer--wrap .inner--wrap .reason-tile.tile--active p {
        color: #fff
    }

#nps-feedback #feedback-modal .suggestion-select .suggestions-wrap #manual-sub-btn {
    width: 100%;
    margin-top: 8px;
    color: #f5f5f7;
    border-radius: 4px
}

    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap #manual-sub-btn[disabled] {
        background: #a5a5a5
    }

@media(min-width:768px) {
    #nps-feedback #feedback-modal .suggestion-select .suggestions-wrap #manual-sub-btn:not([disabled]):hover {
        box-shadow: 0 0 14px rgba(255,0,0,0.69) !important
    }
}

#nps-feedback #feedback-modal .thankyou-final .thankyou--wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 26px 0
}

    #nps-feedback #feedback-modal .thankyou-final .thankyou--wrap img {
        width: 96px;
        height: 96px;
        margin-bottom: 8px
    }

    #nps-feedback #feedback-modal .thankyou-final .thankyou--wrap .thankyou {
        font-weight: 900;
        font-size: 28px;
        line-height: 40px;
        font-family: var(--font-tstar-heavy);
        color: #038252;
        text-align: center;
        margin-bottom: 8px
    }

    #nps-feedback #feedback-modal .thankyou-final .thankyou--wrap .subtext {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        font-family: 'Poppins', sans-serif
    }

#nps-feedback #feedback-modal .close {
    width: fit-content;
    top: 20px;
    right: 20px;
    cursor: pointer
}

    #nps-feedback #feedback-modal .close img {
        width: 16px;
        height: 16px
    }

.grey-bg-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 5;
    transition: opacity 1.3s ease-in-out;
    animation: 1.8s ease 0 normal forwards 1 fadein;
    -webkit-animation: 1.8s ease 0 normal forwards 1 fadein
}

.grey-bg-2-close {
    animation: 1s ease 0 normal forwards 1 fadeout;
    -webkit-animation: 1s ease 0 normal forwards 1 fadeout
}

@keyframes fadein {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#campaign-xoom-container {
    background-color: #ededed;
    padding-top: 40px
}

    #campaign-xoom-container.student-campaign-variation {
        padding-top: 0;
        margin-top: 22px;
        border: 4px solid rgba(165,165,165,0.1);
        border-radius: 16px
    }

        #campaign-xoom-container.student-campaign-variation.festive-campaign-variation {
            border-radius: 1rem;
            border: 1px solid transparent;
            background-color: var(--text-color-white);
            background-image: linear-gradient(white,white),linear-gradient(180deg,#df7900 0,#edcc1e 100%);
            background-origin: border-box;
            background-clip: content-box,border-box;
            margin-top: 4px
        }

.camp-xoom-bg {
    background-color: #ededed !important
}

#campaign-xoom-title {
    font-size: 42px !important
}

.campaign-xoom-content-wrapper {
    display: flex;
    padding: 38px
}

#campaign-xoom-container.student-campaign-variation .campaign-xoom-content-wrapper {
    padding: 14px 25px;
    margin: 0 -13px
}

#campaign-xoom-container.student-campaign-variation.festive-campaign-variation .campaign-xoom-content-wrapper {
    padding: 14px 28px;
    margin: 0
}

.campaign-xoom-text-wrapper {
    padding: 0 21px;
    text-align: center;
    width: 25%
}

#campaign-xoom-container.student-campaign-variation .campaign-xoom-text-wrapper {
    width: 25%;
    padding: 0 13px
}

.break-line {
    border: 1px solid silver
}

#campaign-xoom-container.student-campaign-variation .break-line {
    transform: rotate(9.52deg)
}

#campaign-xoom-container.festive-campaign-variation .break-line {
    border: 0;
    background-image: linear-gradient(180deg,#df7900 0,#edcc1e 100%);
    width: 1.558px
}

#campaign-xoom-subtitle {
    padding-bottom: 20px;
    font-size: 28px !important
}

#campaign-xoom-container.student-campaign-variation #campaign-xoom-subtitle {
    font-style:  ;
    padding-bottom: 0;
    margin-bottom: 11px;
    font-size: 32px !important;
    line-height: 48px !important
}

#campaign-xoom-container.student-campaign-variation.festive-campaign-variation #campaign-xoom-subtitle {
    font-style: normal;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: var(--font-size18) !important;
    line-height: 24px !important;
      font-family: 'Poppins', sans-serif !important;
    font-weight: 400
}

#campaign-xoom-container.student-campaign-variation.festive-campaign-variation .campaign-xoom-content {
    color: var(--text-color-red);
    font-style:  ;
    line-height: var(--line-height-48) !important
}

.break-line:last-child {
    display: none
}

.font-tstar-regular {
    font-family: 'Poppins', sans-serif !important
}

.student-campaign-below-text .h3-heavy-heading-std#campaign-xoom-subtitle {
    font-size: 32px !important;
    line-height: 48px !important
}

.student-campaign-below-text .student-header-below.h2-heading-std#campaign-xoom-title {
    font-size: 48px !important;
    line-height: 58px !important;
    font-style:  
}

@media(max-width:768px) {
    .campaign-xoom-content-wrapper {
        flex-direction: column;
        padding: 0
    }

    #campaign-xoom-title {
        font-size: 28px !important
    }

    #campaign-xoom-container {
        padding: 16px
    }

    .campaign-xoom-text-wrapper {
        padding: 0;
        width: 100%
    }

    #campaign-xoom-subtitle {
        padding-bottom: 12px;
        padding-top: 18px;
        text-align: left !important;
        font-size: 24px !important
    }

    .student-campaign-variation #campaign-xoom-subtitle {
        padding-top: 0
    }

    .campaign-xoom-content {
        padding-bottom: 18px;
        text-align: left !important
    }

    #campaign-xoom-container.student-campaign-variation {
        margin-top: 0;
        border-radius: 0
    }

        #campaign-xoom-container.student-campaign-variation .campaign-xoom-content-wrapper {
            flex-direction: row;
            padding: 16px;
            transform: skewX(-9.52deg);
            margin: 0
        }

        #campaign-xoom-container.student-campaign-variation #campaign-xoom-subtitle {
            font-size: 16px !important;
            line-height: 20px !important;
            text-align: center !important
        }

    .student-campaign-below-text h4.student-header-below.h2-heading-std#campaign-xoom-title {
        font-size: 28px !important;
        line-height: 40px !important
    }

    #campaign-xoom-container.student-campaign-variation .campaign-xoom-content, #campaign-xoom-container.student-campaign-variation .campaign-xoom-text-wrapper p {
        font-size: 10px !important;
        line-height: 12px !important;
        text-align: center !important;
        padding-bottom: 0 !important
    }

    #campaign-xoom-container.student-campaign-variation .break-line {
        transform: rotate(0);
        margin: 0 5.8px
    }

    #campaign-xoom-container.student-campaign-variation {
        padding: 0
    }

        #campaign-xoom-container.student-campaign-variation .campaign-xoom-text-wrapper {
            transform: skewX(9.52deg);
            padding: 0 1px
        }

        #campaign-xoom-container.student-campaign-variation.festive-campaign-variation .campaign-xoom-text-wrapper:nth-child(7) {
            padding: 0 5px
        }

    .student-campaign-below-text .h3-heavy-heading-std#campaign-xoom-subtitle {
        font-size: 18px !important;
        line-height: 24px !important
    }
}

@media(max-width:991px) {
    #campaign-xoom-container.student-campaign-variation.festive-campaign-variation #campaign-xoom-subtitle {
        font-size: var(--font-size12) !important;
        line-height: 16px !important
    }

    #campaign-xoom-container.student-campaign-variation.festive-campaign-variation .campaign-xoom-content-wrapper {
        padding: 14px 5px
    }

    #campaign-xoom-container.student-campaign-variation.festive-campaign-variation .campaign-xoom-content {
        font-size: 1rem !important;
        line-height: 1.25rem !important;
        padding: 0 5px
    }

    .festive-page-wrapper .campaign-section .campaign-container .campaign-wrapper .campaign-right-content {
        margin-bottom: 16px
    }

    #campaign-xoom-container.student-campaign-variation.festive-campaign-variation {
        margin: 16px 16px 0;
        position: relative
    }
}

.addressPan .cust-form-group .campaign-input.text-transform {
    text-transform: unset
}

.form-wrap-mocktest {
    border: #e2e2e2 1px solid;
    margin-bottom: 20px;
    padding: 25px;
    border-radius: 25px
}

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

.anwsers {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start
}

    .anwsers input[type=radio] {
        cursor: pointer
    }

.mocktest-results {
    font-size: 20px;
    line-height: 1.2;
    font-family: 'tstar-medium'
}

.mocktest-title {
    font-size: 24px;
    line-height: 1.2;
    font-family: 'tstar-medium'
}

.ans-label {
    font-family: 'tstar-bold'
}

.correctanswer {
    color: #0c0
}

.wronganswer {
    color: red
}

@media(max-width:768px) {
    .mocktest-results {
        font-size: 16px
    }

    .mocktest-title {
        font-size: 20px
    }
}

.sj-explore {
    margin: 0 29px;
    background-color: #fff
}

    .sj-explore .sj-explore-cards {
        width: 100%;
        display: flex
    }

        .sj-explore .sj-explore-cards .sj-explore-card {
            width: 33.3%;
            height: 478px;
            padding: 0 11px;
            position: relative
        }

            .sj-explore .sj-explore-cards .sj-explore-card .sj-explore-bg-img {
                width: -webkit-fill-available;
                border-radius: 14px;
                height: 478px;
                position: absolute;
                margin-right: 12px
            }

.sj-explore-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 95%
}

    .sj-explore-content .sj-header-img {
        margin-top: 16px;
        margin-bottom: 12px
    }

.sj-explore-line {
    width: 101px;
    height: 2px;
    background: #fff;
    border-radius: 4px
}

.sj-explore-details {
    display: flex;
    margin: 16px 15px 0 26px;
    align-items: center
}

    .sj-explore-details .sj-details-icon {
        width: 40px;
        height: 40px
    }

    .sj-explore-details .sj-details-desc p {
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        margin: auto 5px
    }

.sj-explore-btn {
    color: #fff;
    text-align: center
}

.sj-details {
    min-height: 315px;
    width: 100%
}

@media(max-width:1000px) {
    .sj-explore .sj-explore-cards {
        flex-direction: column
    }

        .sj-explore .sj-explore-cards .sj-explore-card {
            width: 100%;
            margin: 16px 0
        }
}

@media(max-width:768px) {
    .sj-details {
        min-height: 270px
    }

    .sj-explore {
        margin: 1px
    }

    .sj-explore-details {
        margin: 16px 25px 0 10px
    }

    .sj-explore .sj-explore-cards .sj-explore-card {
        width: 100%;
        margin: 8px 0;
        height: 400px;
        padding: 0 16px
    }

        .sj-explore .sj-explore-cards .sj-explore-card .sj-explore-bg-img {
            margin-right: 15px;
            height: inherit
        }

    .sj-explore-content .sj-header-img {
        width: 130px;
        height: 50px
    }

    .sj-explore-details .sj-details-icon {
        width: 32px;
        height: 32px
    }

    .sj-explore-details .sj-details-desc p {
        font-size: 14px;
        margin-top: 3px
    }
}

.sj-banner .sj-banner-bg {
    width: 100%;
    height: 478px;
    background: transparent;
    border-radius: 12px;
    display: flex
}

.downloadapp .downloadappbox {
    margin: 0 40px
}

.downloadapp .downloadappbg {
    background: #303030;
    border-radius: 12px
}

.sj-banner .sj-banner-bg .sj-banner-content {
    width: 60%;
    display: flex;
    flex-direction: column;
    margin-left: 160px
}

    .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header {
        display: flex;
        padding: 76px 0 0 0;
        height: 200px;
        max-width: 400px
    }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header .sj-logo img {
            width: 90px;
            margin: 0 25px
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header .sj-header p {
            font-family: var(--font-tstar-heavy);
            font-weight: 900;
            font-size: 48px;
            color: #f50a00;
            line-height: 1.2
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header .sj-header h2 {
            font-family: var(--font-tstar-heavy);
            font-weight: 900;
            font-size: 48px;
            color: #fff
        }

.sj-banner .sj-banner-bg .sj-banner-img {
    width: 30%;
    padding: 40px;
    margin-right: 10%
}

    .sj-banner .sj-banner-bg .sj-banner-img .sj-img {
        z-index: 1;
        position: relative
    }

.sj-banner .sj-banner-bg .sj-banner-content .sj-line {
    width: 320px;
    height: 4px;
    background: #fff;
    margin: 15px 20px
}

.sj-banner .sj-banner-bg .sj-banner-content .sj-description p {
    max-width: 400px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    padding: 10px 55px 0 20px
}

.sj-banner .sj-banner-bg .sj-banner-content .sj-appstore {
    display: flex
}

    .sj-banner .sj-banner-bg .sj-banner-content .sj-appstore img {
        padding: 15px 10px 0 20px
    }

.sj-shadow {
    width: 300px;
    height: 50px;
    background: #5a5a5a;
    filter: blur(26.5px);
    margin-top: -40px
}

@media(max-width:1100px) {
    .sj-banner .sj-banner-bg .sj-banner-content {
        margin-left: 70px
    }
}

@media(max-width:800px) {
    .sj-banner .sj-banner-bg {
        flex-direction: column;
        height: fit-content
    }

        .sj-banner .sj-banner-bg .sj-banner-content {
            margin-left: -15px;
            width: 100%;
            display: flex;
            align-items: start
        }

            .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header {
                padding: 16px 0 0 0
            }

    .sj-banner {
        margin: 0 16px
    }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-line {
            width: 100%
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header .sj-logo img {
            width: 60px;
            margin: 0 10px 0 30px
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header .sj-header p {
            font-size: 32px
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header .sj-header h2 {
            font-size: 32px
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-line {
            width: 200px;
            height: 3px;
            margin: 0 0 10px 35px
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-logo-header {
            height: fit-content;
            max-width: 100%
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-appstore img {
            width: 100px;
            padding: 8px 10px 0 0
        }

        .sj-banner .sj-banner-bg .sj-banner-img {
            margin: 15px 0 0 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 40px;
            width: 100%
        }

        .sj-banner .sj-banner-bg .sj-banner-content .sj-description p {
            max-width: 320px;
            padding: 0 0 0 35px;
            font-size: 16px
        }

    .sj-shadow {
        width: 200px
    }

    .sj-banner .sj-banner-bg .sj-banner-content .sj-appstore {
        padding-left: 33px
    }

    .sj-banner .sj-banner-bg .sj-banner-img .sj-img {
        width: 123px;
        height: 182px
    }
}

@media(max-width:768px) {
    .downloadapp .downloadappbox {
        margin: 0 16px
    }

    .sj-banner .sj-banner-bg .sj-banner-img {
        padding: 0
    }
}

.sj-storage-tips {
    background: #f5f5f5;
    height: fit-content;
    padding-bottom: 25px
}

    .sj-storage-tips .sj-st-header p {
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        font-size: 32px;
        line-height: 1.2;
        padding: 36px 40px 26px 40px;
        margin: 0
    }

    .sj-storage-tips .sj-bike-container {
        margin: 0 40px;
        min-height: 612px;
        background: #fff;
        border-radius: 8px;
        padding-bottom: 30px;
        display: flex
    }

    .sj-storage-tips .sj-scooter-container {
        flex-direction: row-reverse
    }

    .sj-storage-tips .sj-bike-container .sj-bike-img {
        width: 30%;
        padding-top: 85px;
        display: flex;
        flex-direction: inherit
    }

    .sj-storage-tips .sj-bike-container .sj-st-content {
        width: 70%;
        display: flex;
        flex-wrap: wrap;
        padding-left: 28px
    }

        .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details {
            display: flex;
            padding-top: 28px;
            padding-bottom: 8px;
            width: 50%
        }

            .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details .sj-st-details-icon img {
                width: 110px
            }

            .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details .sj-st-details-desc {
                font-family: 'Poppins', sans-serif;
                font-weight: 700;
                font-size: 20px;
                line-height: 24px;
                margin: auto 28px
            }

        .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details-odd {
            width: 100%
        }

@media(max-width:1150px) {
    .sj-storage-tips .sj-bike-container {
        flex-direction: column
    }

        .sj-storage-tips .sj-bike-container .sj-st-content {
            width: 100%;
            padding-left: 12px
        }

        .sj-storage-tips .sj-bike-container .sj-bike-img {
            width: 100%;
            margin: 10px auto;
            padding-top: 14px;
            text-align: center
        }

            .sj-storage-tips .sj-bike-container .sj-bike-img img {
                margin: auto
            }
}

@media(max-width:900px) {
    .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details {
        width: 100%
    }

        .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details .sj-st-details-icon img {
            width: 36px
        }

        .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details .sj-st-details-desc {
            font-size: 12px;
            margin: auto 8px;
            line-height: 1.2
        }

    .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details {
        padding-top: 8px;
        padding-bottom: 4px
    }

    .sj-storage-tips .sj-bike-container {
        margin: 0 10px
    }

    .sj-storage-tips .sj-st-header p {
        font-size: 18px;
        padding: 20px 10px 20px 10px
    }

    .sj-storage-tips .sj-bike-container .sj-st-content .sj-st-details .sj-st-details-desc {
        margin: auto 10px
    }
}

@media(max-width:750px) {
    .sj-storage-tips .sj-bike-container .sj-bike-img {
        padding-top: 0
    }

    .sj-storage-tips .sj-bike-container {
        min-height: unset
    }
}

#vertical-sticky {
    position: fixed;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

    #vertical-sticky .vertical-bar-wrap {
        flex-direction: column;
        align-items: flex-end
    }

        #vertical-sticky .vertical-bar-wrap .sticky-vertical-tile {
            width: 42px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white;
            border: 1px solid #303030;
            box-shadow: 0 7.875px 15.75px -7.875px rgba(24,39,75,0.1),0 10.5px 31.5px -5.25px rgba(24,39,75,0.1);
            border-radius: 6px;
            margin-bottom: 24px;
            cursor: pointer;
            transition: all .4s ease
        }

            #vertical-sticky .vertical-bar-wrap .sticky-vertical-tile.this-hovered {
                padding: 11px 13px;
                width: auto
            }

            #vertical-sticky .vertical-bar-wrap .sticky-vertical-tile:last-child {
                margin-bottom: 0
            }

            #vertical-sticky .vertical-bar-wrap .sticky-vertical-tile a {
                padding-left: 13px;
                font-weight: 400;
                font-size: 18px;
                line-height: 24px;
                color: #303030;
                font-family: 'Poppins', sans-serif;
                display: none;
                visibility: hidden;
                transition: all .4s ease
            }

#vertical-sticky-mob {
    position: fixed;
    right: 16px;
    bottom: 13%;
    flex-direction: column;
    align-items: flex-end;
    visibility: hidden;
    z-index: 6
}

    #vertical-sticky-mob .vertical-wrapper {
        flex-direction: column;
        align-items: flex-end;
        opacity: 0;
        visibility: hidden
    }

        #vertical-sticky-mob .vertical-wrapper.expanded {
            visibility: visible !important
        }

    #vertical-sticky-mob .sticky-vertical-tile {
        padding: 5px 10px;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border: 1px solid #303030;
        box-shadow: 0 7.875px 15.75px -7.875px rgba(24,39,75,0.1),0 10.5px 31.5px -5.25px rgba(24,39,75,0.1);
        border-radius: 6px;
        margin-bottom: 10px;
        cursor: pointer;
        transition: all .4s ease
    }

        #vertical-sticky-mob .sticky-vertical-tile a {
            padding-left: 13px;
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            color: #303030;
            font-family: 'Poppins', sans-serif;
            transition: all .4s ease
        }

    #vertical-sticky-mob #click-to-expand {
        transition: all .4s ease;
        height: 32px;
        width: 32px;
        visibility: visible;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
        border: .6px solid #303030;
        box-shadow: 0 4.57143px 9.14286px -4.57143px rgba(24,39,75,0.1),0 6.09524px 18.2857px -3.04762px rgba(24,39,75,0.1)
    }

        #vertical-sticky-mob #click-to-expand::after {
            height: 16px;
            width: 16px;
            content: "";
            background: url('clientlib-site/resources/images/clicktoopen.svg') no-repeat;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-position: center center;
            background-size: cover
        }

.grey-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 5;
    display: none
}

#horizontal-sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2
}

    #horizontal-sticky .horizontal-sticky-wrap {
        padding: 14px 40px;
        background: #303030;
        justify-content: space-between;
        align-items: center
    }

        #horizontal-sticky .horizontal-sticky-wrap .horizontal-tile {
            align-items: center
        }

            #horizontal-sticky .horizontal-sticky-wrap .horizontal-tile .img--wrap {
                width: 42px;
                height: 42px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: white;
                border-radius: 58.1538px
            }

            #horizontal-sticky .horizontal-sticky-wrap .horizontal-tile a {
                font-weight: 700;
                font-size: 18px;
                line-height: 22px;
                text-align: center;
                text-transform: uppercase;
                color: #fff;
                  font-family: 'Poppins', sans-serif;
                padding-left: 12px
            }

#horizontal-sticky-mob {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
    height: 52px
}

    #horizontal-sticky-mob .horizontal-sticky-wrapper {
        padding: 10px 40px;
        background: #303030;
        align-items: center;
        height: 100%
    }

        #horizontal-sticky-mob .horizontal-sticky-wrapper .horizontal-tile {
            align-items: center
        }

            #horizontal-sticky-mob .horizontal-sticky-wrapper .horizontal-tile .img--wrap {
                width: 32px;
                height: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: white;
                border-radius: 58.1538px
            }

            #horizontal-sticky-mob .horizontal-sticky-wrapper .horizontal-tile a {
                padding-left: 12px;
                font-weight: 700;
                font-size: 16px;
                line-height: 19px;
                text-transform: uppercase;
                  font-family: 'Poppins', sans-serif;
                color: #fff
            }

        #horizontal-sticky-mob .horizontal-sticky-wrapper .arrow {
            right: 45px
        }

            #horizontal-sticky-mob .horizontal-sticky-wrapper .arrow img {
                transition: .3s ease all
            }

    #horizontal-sticky-mob .submenu {
        background: #303030;
        padding: 22px 40px;
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        position: fixed;
        bottom: -100%
    }

        #horizontal-sticky-mob .submenu .img--wrap {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: white;
            border-radius: 58.1538px
        }

        #horizontal-sticky-mob .submenu .horizontal-tile {
            align-items: center;
            margin-bottom: 32px
        }

            #horizontal-sticky-mob .submenu .horizontal-tile:first-child {
                margin-bottom: 0
            }

            #horizontal-sticky-mob .submenu .horizontal-tile a {
                padding-left: 12px;
                font-weight: 700;
                font-size: 16px;
                line-height: 19px;
                text-transform: uppercase;
                  font-family: 'Poppins', sans-serif;
                color: #fff
            }

#owners-manual {
    z-index: 2;
    margin-bottom: 35px;
    margin-top: -2.5rem;
    position: relative
}

@media(max-width:768px) {
    #owners-manual {
        margin-bottom: 16px;
        margin-top: 1rem
    }
}

#owners-manual .owners-container {
    padding: 0 40px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center
}

@media(max-width:768px) {
    #owners-manual .owners-container {
        padding: 0 16px
    }
}

#owners-manual .owners-container .owners-manual-top-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #e8e8e8;
    box-shadow: 0 6px 12px -6px rgba(24,39,75,0.12),0 8px 24px -4px rgba(24,39,75,0.08);
    border-radius: 18px;
    padding: 24px 24px 40px;
    background: #fff
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap {
        padding: 16px;
        border-radius: 8px
    }
}

#owners-manual .owners-container .owners-manual-top-wrap p {
    font-size: 24px;
    line-height: 1.2;
      font-family: 'Poppins', sans-serif;
    padding-bottom: 25px;
    width: 100%;
    text-align: center
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap p {
        font-size: 18px
    }
}

#owners-manual .owners-container .owners-manual-top-wrap #manual--form-wrap {
    width: auto;
    flex-wrap: wrap;
    margin: 0 -11px
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap #manual--form-wrap {
        margin: 0
    }
}

#owners-manual .owners-container .owners-manual-top-wrap #manual--form-wrap .form--wrap {
    padding: 0 11px;
    width: 33.333%
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap #manual--form-wrap .form--wrap {
        width: 100%;
        padding: 0
    }
}

#owners-manual .owners-container .owners-manual-top-wrap #manual--form-wrap .cust-form-group {
    margin-bottom: 24px
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap #manual--form-wrap .cust-form-group {
        margin-bottom: 18px
    }
}

#owners-manual .owners-container .owners-manual-top-wrap #manual-search-btn {
    max-width: 195px;
    width: 100%;
    margin-top: 0
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap #manual-search-btn {
        max-width: unset
    }
}

#owners-manual .owners-container .owners-manual-top-wrap .select-p {
    font-size: var(--font-size12);
      font-family: 'Poppins', sans-serif;
    color: #303030
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap .select-p {
        font-size: 10px;
        line-height: 16px
    }
}

#owners-manual .owners-container .owners-manual-top-wrap .btn-drop {
    border: 1px solid rgba(48,48,48,0.6);
    border-radius: 8px
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap .btn-drop {
        font-size: 12px
    }
}

#owners-manual .owners-container .owners-manual-top-wrap .btn-drop::after {
    top: 15px
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-top-wrap .campaign-dropdown li a {
        font-size: 12px
    }
}

#owners-manual .owners-container .owners-manual-top-wrap .btn-disabled {
    background: #a5a5a5;
    pointer-events: none
}

#owners-manual .owners-container .owners-manual-bottom-wrap {
    margin-top: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #e8e8e8;
    box-shadow: 0 6px 12px -6px rgba(24,39,75,0.12),0 8px 24px -4px rgba(24,39,75,0.08);
    border-radius: 18px;
    padding: 32px 24px 60px 80px;
    background: #fff
}

@media(max-width:768px) {
    #owners-manual .owners-container .owners-manual-bottom-wrap {
        margin-top: 16px;
        padding: 3px 16px 5px 12px;
        border-radius: 8px
    }
}

#owners-manual .owners-container .owners-manual-bottom-wrap .product-img-wrap {
    padding-right: 95px
}

    #owners-manual .owners-container .owners-manual-bottom-wrap .product-img-wrap img {
        max-width: 330px;
        width: 100%;
        max-height: 212px
    }

#owners-manual .owners-container .owners-manual-bottom-wrap .content--details {
    flex-direction: column
}

    #owners-manual .owners-container .owners-manual-bottom-wrap .content--details h6 {
        font-size: 32px;
        line-height: 1.2;
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        margin-bottom: 12px;
        color: #303030
    }

    #owners-manual .owners-container .owners-manual-bottom-wrap .content--details p {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        line-height: 1.2;
        color: #303030;
        opacity: .8
    }

    #owners-manual .owners-container .owners-manual-bottom-wrap .content--details .download-manual-wrap {
        margin-top: 40px
    }

        #owners-manual .owners-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile {
            padding-left: 28px;
            display: flex;
            padding-right: 112px;
            flex-direction: column;
            border-left: 2px solid rgba(238,35,38,0.5)
        }

            #owners-manual .owners-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile p {
                line-height: 1.2;
                font-size: 24px;
                font-family: var(--font-tstar-heavy);
                font-weight: 900;
                color: #303030
            }

            #owners-manual .owners-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap {
                padding-top: 19px;
                align-items: center
            }

                #owners-manual .owners-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap img {
                    cursor: pointer
                }

                #owners-manual .owners-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap a {
                    color: #009fda;
                      font-family: 'Poppins', sans-serif;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 1.1875;
                    margin: 0 6px 0 9px
                }

                #owners-manual .owners-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap span {
                    color: #a5a5a5;
                    font-size: 16px;
                    line-height: 1.1875;
                      font-family: 'Poppins', sans-serif;
                    font-weight: 700
                }

#owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile {
    width: 100%;
    flex-direction: column
}

    #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top {
        margin-bottom: 16px
    }

        #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top img {
            max-width: 145px;
            padding-right: 4.79px
        }

        #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top .product--details-mob {
            flex-direction: column;
            padding-top: 8px
        }

            #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top .product--details-mob h6 {
                font-size: 24px;
                color: #303030;
                line-height: 29px;
                font-family: var(--font-tstar-heavy);
                margin-bottom: 6px
            }

            #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top .product--details-mob p {
                font-size: 14px;
                line-height: 17px;
                color: #303030;
                opacity: .8;
                font-family: 'Poppins', sans-serif
            }

    #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap {
        padding-left: 4px
    }

        #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-tile-mob {
            display: flex;
            padding-bottom: 12px;
            border-bottom: 2px solid rgba(238,35,38,0.5);
            justify-content: space-between;
            margin-bottom: 16px
        }

            #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-tile-mob p {
                font-weight: 900;
                font-size: 18px;
                line-height: 22px;
                font-family: var(--font-tstar-heavy)
            }

        #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block {
            flex-direction: column;
            align-items: flex-end
        }

            #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block .download--cta {
                margin-bottom: 4.5px
            }

                #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block .download--cta img {
                    padding-right: 10px;
                    height: 18px
                }

                #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block .download--cta a {
                    font-weight: 700;
                      font-family: 'Poppins', sans-serif;
                    color: #009fda;
                    font-size: 14px;
                    line-height: 17px
                }

            #owners-manual .owners-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block span.size-mob {
                font-weight: 700;
                font-size: 14px;
                line-height: 17px;
                  font-family: 'Poppins', sans-serif;
                color: #a5a5a5
            }

@media(max-width:768px) {
    #service-form {
        position: relative
    }
}

#service-form input[type="date"].error {
    margin-top: 0
}

    #service-form input[type="date"].error::before {
        content: none
    }

#service-form input.error {
    margin-top: 0
}

#service-form .error {
    margin-top: 8px;
    font-size: 14px;
    line-height: 17px;
    color: #d30000;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding-left: 15px;
    display: flex;
    align-items: center
}

    #service-form .error::before {
        content: "";
        position: absolute;
        left: 0;
        width: 9px;
        height: 9px;
        background: url("clientlib-campaign/resources/icons/error.svg") no-repeat;
        background-size: 100%
    }

#service-form .service-form-wrap {
    padding: 24px;
    flex-direction: column;
    position: relative;
    align-items: center
}

@media(max-width:768px) {
    #service-form .service-form-wrap {
        padding: 16px
    }
}

#service-form .service-form-wrap h6 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #1a1a1a;
    margin-bottom: 16px;
    text-transform: capitalize
}

@media(max-width:768px) {
    #service-form .service-form-wrap h6 {
        font-size: 24px;
        line-height: 29px;
        text-align: left;
        align-self: flex-start
    }
}

#service-form .service-form-wrap .two-tab-wrap {
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    width: 33.33%
}

    #service-form .service-form-wrap .two-tab-wrap p.service-form-tab {
        font-family: 'Poppins', sans-serif;
        margin: 0 11px;
        font-weight: 400;
        font-size: 24px;
        line-height: 29px;
        width: 150px;
        text-align: center;
        color: #303030;
        padding-bottom: 8px;
        border-bottom: 2px solid #a5a5a5;
        cursor: pointer
    }

@media(max-width:768px) {
    #service-form .service-form-wrap .two-tab-wrap p.service-form-tab {
        font-size: 18px;
        line-height: 22px;
        width: 155px
    }
}

#service-form .service-form-wrap .two-tab-wrap p.service-form-tab.tab-active {
    font-family: var(--font-tstar-heavy);
    color: #0000ab;
    border-color: #0000ab
}

#service-form .service-form-wrap .input-form-wrap {
    flex-direction: column;
    align-items: center;
    display: flex
}

@media(max-width:768px) {
    #service-form .service-form-wrap .input-form-wrap {
        padding-bottom: 64px
    }
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap {
    margin: 0 -11px;
    flex-wrap: wrap
}

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group {
        width: 33.33%;
        padding: 0 11px;
        display: flex;
        flex-direction: column;
        margin-bottom: 32px
    }

@media(max-width:768px) {
    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group {
        width: 100%;
        margin-bottom: 16px
    }
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown button {
    color: #a5a5a5;
    max-height: 35px;
    display: flex;
    align-items: center
}

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown button.btn--active {
        color: #303030 !important
    }

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown button:focus, #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown button:focus-visible {
        outline: 0;
        box-shadow: none
    }

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown button::after {
        position: absolute;
        content: '';
        right: 0;
        height: 16px;
        width: 16px;
        background: url(clientlib-site/resources/images/icons/polygonblack.html) center no-repeat
    }

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown ul {
    max-height: 200px;
    overflow-y: scroll
}

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown ul li {
        padding: 8px 8px;
        border-bottom: 1px solid rgba(235,235,235,0.5);
        font-size: 12px;
        font-family: "tstar-medium"
    }

        #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown ul li:last-child {
            padding-bottom: 0;
            border-bottom: 0
        }

        #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .dropdown ul li a {
            font-size: 12px;
            line-height: 1.2;
            color: #303030
        }

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control {
    display: block;
    position: relative;
    padding-left: 36px;
    margin-bottom: 0;
    padding-top: 6px;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    color: #303030
}

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control:first-child {
        margin-right: 54px
    }

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control_indicator {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #8c8c8c
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control:hover input ~ .control_indicator, #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control input:focus ~ .control_indicator {
    background: white
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control input:checked ~ .control_indicator {
    background: red;
    border-color: #b50000
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control:hover input:not([disabled]):checked ~ .control_indicator, #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control input:checked:focus ~ .control_indicator {
    background: red
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control input:checked ~ .control_indicator:after {
    display: block
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control-radio .control_indicator {
    border-radius: 50%
}

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control-radio .control_indicator:after {
        left: 6px;
        top: 6px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #fff;
        transition: background 250ms
    }

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-group .control-radio input:disabled ~ .control_indicator:after {
    background: #7b7b7b
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .form-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
      font-family: 'Poppins', sans-serif;
    margin-bottom: 7px
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap input[type="date"] {
    text-transform: none
}

#service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-control {
    width: 100%;
    border: 0;
    border-bottom: 2px solid #a5a5a5;
    background-color: transparent;
    border-radius: 0;
    color: #303030;
    font-size: var(--font-size18);
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding: 0;
    padding-bottom: 11px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px
}

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-control:focus-visible {
        outline: 0
    }

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-control::placeholder {
        color: #a5a5a5
    }

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-control:-ms-input-placeholder {
        color: #a5a5a5
    }

    #service-form .service-form-wrap .input-form-wrap .form-row-wrap .cust-form-control::-ms-input-placeholder {
        color: #a5a5a5
    }

@media(max-width:768px) {
    #service-form .submit-button {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 16px;
        background: white;
        box-shadow: 0 -6px 12px -6px rgba(24,39,75,0.12),0 -8px 24px -4px rgba(24,39,75,0.08)
    }
}

#service-form .submit-button .custom-btn {
    width: 150px;
    margin-top: 0
}

@media(max-width:768px) {
    #service-form .submit-button .custom-btn {
        width: 100%
    }
}

#service-form .thank-you-success {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

    #service-form .thank-you-success h4 {
        font-size: 24px;
        line-height: 1.333;
        font-family: 'Poppins', sans-serif;
        color: #303030;
        font-weight: 700
    }

@media(max-width:768px) {
    #service-form .thank-you-success h4 {
        font-size: 18px
    }
}

#serviceEnroll .modal-dialog {
    border-radius: 16px;
    position: relative
}

@media(min-width:768px) {
    #serviceEnroll .modal-dialog {
        max-width: 78% !important;
        width: 100% !important
    }
}

#serviceEnroll .modal-dialog .modal-header {
    padding: 0;
    border: 0;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 3
}

@media(max-width:768px) {
    #serviceEnroll .modal-dialog .modal-header {
        top: 16px;
        right: 16px
    }
}

#serviceEnroll .modal-dialog .modal-header .close {
    margin: 0;
    padding: 0;
    opacity: 1;
    font-size: 32px
}

#serviceEnroll .modal-dialog .modal-body {
    padding: 0
}

#accessories {
    z-index: 2;
    margin: 35px 0;
    position: relative
}

@media(max-width:768px) {
    #accessories {
        margin-bottom: 16px;
        margin-top: 1rem
    }
}

#accessories .accessories-container {
    padding: 0 40px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center
}

@media(max-width:768px) {
    #accessories .accessories-container {
        padding: 0 16px
    }
}

#accessories .accessories-container .accessories-top-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 24px 24px
}

@media(max-width:768px) {
    #accessories .accessories-container .accessories-top-wrap {
        padding: 16px;
        border-radius: 8px
    }
}

#accessories .accessories-container .accessories-top-wrap #accessories--form-wrap {
    width: auto;
    flex-wrap: wrap;
    margin: 0 -11px
}

@media(max-width:768px) {
    #accessories .accessories-container .accessories-top-wrap #accessories--form-wrap {
        margin: 0
    }
}

#accessories .accessories-container .accessories-top-wrap #accessories--form-wrap .form--wrap {
    padding: 0 11px;
    width: 33.333%
}

@media(max-width:768px) {
    #accessories .accessories-container .accessories-top-wrap #accessories--form-wrap .form--wrap {
        width: 100%;
        padding: 0
    }
}

#accessories .accessories-container .accessories-top-wrap #accessories--form-wrap .cust-form-group {
    margin-bottom: 24px
}

    #accessories .accessories-container .accessories-top-wrap #accessories--form-wrap .cust-form-group .campaign-dropdown {
        border: 1px solid rgba(0,0,0,0.15);
        border-top: 0
    }

@media(max-width:768px) {
    #accessories .accessories-container .accessories-top-wrap #accessories--form-wrap .cust-form-group {
        margin-bottom: 18px
    }
}

#accessories .accessories-container .accessories-top-wrap .select-p {
    font-size: var(--font-size12);
      font-family: 'Poppins', sans-serif;
    color: #303030
}

@media(max-width:768px) {
    #accessories .accessories-container .accessories-top-wrap .select-p {
        font-size: 10px;
        line-height: 16px
    }
}

#accessories .accessories-container .accessories-top-wrap .btn-drop {
    border: 1px solid rgba(48,48,48,0.6);
    border-radius: 8px
}

@media(max-width:768px) {
    #accessories .accessories-container .accessories-top-wrap .btn-drop {
        font-size: 12px
    }
}

#accessories .accessories-container .accessories-top-wrap .btn-drop::after {
    top: 15px
}

@media(max-width:768px) {
    #accessories .accessories-container .accessories-top-wrap .campaign-dropdown li a {
        font-size: 12px
    }
}

#accessories .accessories-container .accessories-top-wrap .btn-disabled {
    background: #a5a5a5;
    pointer-events: none
}

#accessories .bike-image {
    max-width: 800px;
    height: 400px;
    padding: 16px;
    margin: 0 auto
}

@media(max-width:768px) {
    #accessories .bike-image {
        height: 200px
    }
}

#accessories .accessorie-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 40px
}

    #accessories .accessorie-items .accessorie-img {
        border-radius: 16px;
        height: 150px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.16);
        margin-bottom: 12px
    }

        #accessories .accessorie-items .accessorie-img:hover {
            border: .5px solid #000
        }

@media(max-width:768px) {
    #accessories .accessorie-items .accessorie-img {
        width: 100%
    }

        #accessories .accessorie-items .accessorie-img:hover {
            border: .5px solid #000
        }
}

#accessories .accessorie-items .accessories-image-wrapper {
    width: calc(20% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center
}

    #accessories .accessorie-items .accessories-image-wrapper:nth-child(5n) {
        margin-right: 0
    }

@media(max-width:768px) {
    #accessories .accessorie-items .accessories-image-wrapper {
        width: calc(50% - 15px)
    }

        #accessories .accessorie-items .accessories-image-wrapper:nth-child(2n) {
            margin-right: 0
        }

        #accessories .accessorie-items .accessories-image-wrapper:nth-child(5n) {
            margin-right: inherit
        }
}

#accessories .accessorie-items .accessories-image-wrapper a {
    display: flex;
    flex-direction: column;
    align-items: center
}

#accessories-ad-carousel .generic-text .h4-bold-heading-std {
    height: 60px
}

#accessories-ad-carousel .carousel-inner .carousel-item img {
    height: 210px
}

#accessories-ad-carousel .carousel-inner {
    border: solid .5px;
    border-radius: 16px
}

#accessories-ad-carousel .generic-text .h4-bold-heading-std::before {
    content: url('clientlib-site/resources/images/icons/rec1.svg');
    padding-right: 10px;
    margin: -5px
}

#accessories-ad-carousel ::-webkit-scrollbar-thumb {
    background: var(--bg-color-danger);
    box-shadow: none
}

@media(max-width:768px) {
    #accessories-ad-carousel::-webkit-scrollbar {
        width: 5px;
        border-radius: 2px
    }

    #accessories-ad-carousel .generic-text .h4-bold-heading-std {
        height: auto;
        margin-top: 10px
    }
}

#dse-consent-form {
    font-family: 'Poppins', sans-serif
}

    #dse-consent-form .dse-tab {
        font-family: 'Poppins', sans-serif;
        display: flex;
        flex-direction: column;
        height: 100vh
    }

        #dse-consent-form .dse-tab ::-webkit-scrollbar {
            width: 5px;
            height: 5px
        }

        #dse-consent-form .dse-tab ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
            -webkit-border-radius: 10px;
            border-radius: 10px
        }

        #dse-consent-form .dse-tab ::-webkit-scrollbar-thumb {
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background: #f90101;
            box-shadow: inset 0 0 1px rgba(0,0,0,0.5)
        }

            #dse-consent-form .dse-tab ::-webkit-scrollbar-thumb:window-inactive {
                background: #ff3b3b
            }

    #dse-consent-form .app-title {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        flex: 1
    }

    #dse-consent-form .tab-header {
        padding: 16px 0 8px 16px
    }

        #dse-consent-form .tab-header .tab-pill-block {
            display: flex;
            margin-bottom: 8px
        }

            #dse-consent-form .tab-header .tab-pill-block .tab-pill {
                width: 18px;
                height: 6px;
                background-color: #b7b7b7;
                border-radius: 25px;
                margin-right: 4px
            }

            #dse-consent-form .tab-header .tab-pill-block .active {
                background-color: red
            }

        #dse-consent-form .tab-header .tab-title {
            color: #F00;
            font-size: 16px;
            font-style: normal;
            font-weight: 900;
            font-family: var(--font-tstar-heavy)
        }

    #dse-consent-form .tab-content {
        flex: 1;
        overflow-y: auto;
        margin: 0 16px
    }

        #dse-consent-form .tab-content .tab-content-1 {
            height: 100%
        }

            #dse-consent-form .tab-content .tab-content-1 form {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center
            }

                #dse-consent-form .tab-content .tab-content-1 form .mobile-field label {
                    color: rgba(51,51,51,0.8);
                    font-size: 14px;
                    font-weight: 400;
                    display: block;
                    margin-bottom: 8px
                }

                    #dse-consent-form .tab-content .tab-content-1 form .mobile-field label::after {
                        content: '*';
                        color: #0000ab
                    }

                #dse-consent-form .tab-content .tab-content-1 form .mobile-field input {
                    color: #343434;
                    border: 0;
                    width: 100%;
                    border-bottom: 2px solid #33333340;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600
                }

                    #dse-consent-form .tab-content .tab-content-1 form .mobile-field input:focus-visible {
                        outline: 0;
                        border-bottom-color: #33333380
                    }

                #dse-consent-form .tab-content .tab-content-1 form .mobile-field span.error-msg {
                    color: #0000ab;
                    font-size: 12px;
                    font-weight: 400
                }

        #dse-consent-form .tab-content .tab-content-2 {
            padding: 0 16px
        }

        #dse-consent-form .tab-content .tab-content-3 {
            padding: 0 16px
        }

        #dse-consent-form .tab-content p.condition-content {
            color: #757575;
            font-size: 11px;
            font-weight: 400
        }

    #dse-consent-form .tab-footer .tab-footer-text {
        text-align: center;
        padding: 16px 0
    }

        #dse-consent-form .tab-footer .tab-footer-text p {
            color: #000;
            font-size: 14px;
            font-weight: 400;
            line-height: 14px
        }

    #dse-consent-form .tab-footer .button-block {
        width: 100%;
        padding: 12px;
        text-align: center;
        background: #FFF;
        box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.25)
    }

        #dse-consent-form .tab-footer .button-block .tab-footer-button {
            padding: 8px 24px;
            cursor: pointer;
            border-radius: 4px;
            border-color: #F00;
            text-align: center;
            background: linear-gradient(135deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
            color: #f5f5f7;
            font-size: 14px;
            font-weight: 900;
            text-transform: uppercase
        }

        #dse-consent-form .tab-footer .button-block button.tab-footer-button:disabled, #dse-consent-form .tab-footer .button-block button.tab-footer-button[disabled] {
            opacity: .4;
            cursor: not-allowed
        }

    #dse-consent-form .tab-footer .tab-scroll {
        padding: 8px 0 16px;
        box-shadow: 0 -4px 3px #ecf0f1
    }

        #dse-consent-form .tab-footer .tab-scroll span {
            color: #000;
            display: block;
            text-align: center;
            font-size: 11px;
            font-weight: 700;
            line-height: 20px;
            margin-bottom: 5px
        }

        #dse-consent-form .tab-footer .tab-scroll img {
            margin: 0 auto;
            width: 20px;
            cursor: pointer
        }

    #dse-consent-form .dse-tab-success {
        font-family: 'Poppins', sans-serif;
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        align-items: center
    }

        #dse-consent-form .dse-tab-success .success-content .success-icon {
            height: 64px;
            width: 64px;
            border-radius: 50px;
            background-color: #7cb52a;
            margin: 0 auto 60px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        #dse-consent-form .dse-tab-success .success-content .success-text {
            text-align: center
        }

            #dse-consent-form .dse-tab-success .success-content .success-text .success-text-1 {
                color: #000;
                font-size: 24px;
                font-weight: 400;
                line-height: 30px
            }

            #dse-consent-form .dse-tab-success .success-content .success-text .success-text-2 {
                color: #757575;
                line-height: 22px;
                font-size: 16px;
                font-style: normal;
                font-weight: 700
            }

    #dse-consent-form .dse-tab-error {
        font-family: 'Poppins', sans-serif;
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        align-items: center
    }

        #dse-consent-form .dse-tab-error .error-content .error-icon {
            margin: 0 auto 40px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        #dse-consent-form .dse-tab-error .error-content .error-text {
            text-align: center
        }

            #dse-consent-form .dse-tab-error .error-content .error-text .error-text-1 {
                color: #F00;
                font-size: 24px;
                font-weight: 600;
                line-height: 30px
            }

            #dse-consent-form .dse-tab-error .error-content .error-text .error-text-2 {
                color: #ff3b3b;
                line-height: 22px;
                font-size: 16px;
                font-weight: 600
            }

.premia-horizonal-accordion {
    width: 100%;
    height: 100%;
    border-top: 1px solid #aaa
}

    .premia-horizonal-accordion .accordion-tile {
        width: 100%;
        background-color: #fff
    }

@media screen and (min-width:992px) {
    .premia-horizonal-accordion .accordion-tile {
        display: flex;
        height: 26rem
    }
}

.premia-horizonal-accordion .accordion-tile .bike {
    background: linear-gradient(88deg,rgba(0,0,0,0.2) 2.86%,#fff 26.57%);
    flex: 1;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: white;
    border-bottom: 1px solid rgba(227,227,227,0.9)
}

@media screen and (max-width:991px) {
    .premia-horizonal-accordion .accordion-tile .bike {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: 0
    }

        .premia-horizonal-accordion .accordion-tile .bike:last-child {
            padding-bottom: 3.125rem
        }
}

@media screen and (min-width:992px) {
    .premia-horizonal-accordion .accordion-tile .bike .bike-img {
        margin-left: -9.375rem;
        transition: all .8s ease-out
    }
}

@media screen and (max-width:991px) {
    .premia-horizonal-accordion .accordion-tile .bike .bike-img {
        width: 90%
    }
}

.premia-horizonal-accordion .accordion-tile .bike .new-tag {
    opacity: 0;
    transition: opacity .03s ease-in;
    left: -0.375rem;
    bottom: 7.75rem;
    background: url(../components/content/premia-flyout/clientlibs/resources/images/newbox.svg) 0 0 no-repeat;
    color: white;
    transform-origin: left bottom;
    max-width: 1.75rem;
    width: 100%;
    height: 9.375rem;
    padding: .455rem 2.9375rem .2362rem 3rem
}

@media screen and (max-width:991px) {
    .premia-horizonal-accordion .accordion-tile .bike .new-tag {
        opacity: 1
    }
}

.premia-horizonal-accordion .accordion-tile .bike .new-tag p {
    color: #eb0000;
    position: absolute;
    top: 70px;
    left: -1.625rem;
    font-size: 10px;
    font-family: "eurostile";
    font-style: normal;
    transform: rotate(-90deg);
    font-weight: 850;
    line-height: 120%;
    letter-spacing: 2px;
    text-transform: uppercase
}

.premia-horizonal-accordion .accordion-tile .bike .brand-logo {
    width: 16.9634rem;
    margin-top: 2.2619rem;
    width: 60%
}

@media screen and (min-width:992px) {
    .premia-horizonal-accordion .accordion-tile .bike .brand-logo {
        max-width: 14.75rem;
        margin-left: 3.438rem;
        margin-top: 2.188rem;
        margin-bottom: .375rem;
        max-height: 3.438rem;
        overflow-y: visible
    }
}

.premia-horizonal-accordion .accordion-tile .bike .bike-specs {
    opacity: 1
}

@media screen and (min-width:992px) {
    .premia-horizonal-accordion .accordion-tile .bike .bike-specs {
        opacity: 0
    }
}

@media screen and (max-width:991px) {
    .premia-horizonal-accordion .accordion-tile .bike .bike-specs .feature-tile {
        display: none !important
    }
}

.premia-horizonal-accordion .accordion-tile .bike .bike-specs .explore-cta {
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-feature-settings: 'clig' off,'liga' off;
    font-family: "transducer";
    font-size: 13.975px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    background: #000;
    display: flex;
    width: 9.1088rem;
    padding: .7487rem .9982rem .8734rem .9982rem;
    justify-content: center;
    align-items: center;
    gap: 7.986px;
    margin-top: 1.6875rem
}

@media screen and (max-width:991px) {
    .premia-horizonal-accordion .accordion-tile .bike .bike-specs .explore-cta {
        opacity: 1;
        width: 11.9375rem;
        margin: 2.0625rem 0 2.0625rem -1.4375rem
    }
}

.premia-horizonal-accordion .accordion-tile .bike.active .bike-specs {
    transition: all 1.2s ease-in;
    opacity: 1;
    flex-direction: column;
    align-items: flex-start;
    width: 9.0625rem
}

@media screen and (min-width:992px) {
    .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs {
        position: absolute;
        bottom: 2.0031rem;
        right: 7.105rem;
        margin-left: 3.6144rem
    }
}

@media screen and (min-width:992px) and (max-width:1190px) {
    .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs {
        right: .625rem
    }
}

.premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile {
    flex-direction: column;
    position: relative;
    padding-bottom: .4781rem;
    margin-bottom: .5219rem;
    width: 100%
}

    .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0
    }

        .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile:last-of-type::after {
            display: none
        }

    .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile::after {
        content: '';
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        position: absolute;
        background: url(../components/content/premia-flyout/clientlibs/resources/images/br-line.svg)
    }

    .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile .feature-detail {
        flex-direction: row;
        align-items: flex-start;
        color: var(--black,#000);
        font-feature-settings: 'clig' off,'liga' off;
        font-family: "transducer";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%
    }

        .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile .feature-detail span {
            color: var(--black,#000);
            font-feature-settings: 'clig' off,'liga' off;
            font-family: "transducer";
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 120%
        }

            .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile .feature-detail span.sub-span {
                color: #000;
                font-feature-settings: 'clig' off,'liga' off;
                font-family: "eurostile";
                font-size: 10px;
                font-style: normal;
                font-weight: 500;
                line-height: 120%;
                margin-top: 2px
            }

    .premia-horizonal-accordion .accordion-tile .bike.active .bike-specs .feature-tile span.desc-span {
        color: #000;
        font-feature-settings: 'clig' off,'liga' off;
        font-family: "eurostile";
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        display: inline-block;
        letter-spacing: .5px;
        text-transform: uppercase
    }

@media screen and (min-width:992px) {
    .premia-horizonal-accordion .accordion-tile .bike.active .brand-logo {
        max-width: 21.688rem;
        margin-left: 5.625rem;
        transition: all .5s ease-in
    }

    .premia-horizonal-accordion .accordion-tile .bike.active .bike-img {
        margin-top: -0.625rem;
        margin-left: 3.438rem
    }

    .premia-horizonal-accordion .accordion-tile .bike.active .new-tag {
        opacity: 1
    }

    .premia-horizonal-accordion .accordion-tile .bike:first-child {
        background: linear-gradient(278deg,rgba(0,0,0,0.2) 2.86%,#fff 26.57%)
    }

    .premia-horizonal-accordion .accordion-tile .bike.active {
        flex: 2;
        z-index: 10;
        background: 0
    }
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/d34cb9/00000000000000007735a6d1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d34cb9/00000000000000007735a6d1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d34cb9/00000000000000007735a6d1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/f0a953/00000000000000007735a6d5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/f0a953/00000000000000007735a6d5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/f0a953/00000000000000007735a6d5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/839067/00000000000000007735a6d9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/839067/00000000000000007735a6d9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/839067/00000000000000007735a6d9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/a0ab27/00000000000000007735a6dd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/a0ab27/00000000000000007735a6dd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/a0ab27/00000000000000007735a6dd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/50b645/00000000000000007735a6e0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/50b645/00000000000000007735a6e0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/50b645/00000000000000007735a6e0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/507787/00000000000000007735a6e4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/507787/00000000000000007735a6e4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/507787/00000000000000007735a6e4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/750a94/00000000000000007735a6e6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/750a94/00000000000000007735a6e6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/750a94/00000000000000007735a6e6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/1ce275/00000000000000007735a6e8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/1ce275/00000000000000007735a6e8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/1ce275/00000000000000007735a6e8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 800;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/be1e11/00000000000000007735a6e9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/be1e11/00000000000000007735a6e9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/be1e11/00000000000000007735a6e9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "eurostile";
    src: url("https://use.typekit.net/af/7aca3d/00000000000000007735a6ea/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/7aca3d/00000000000000007735a6ea/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/7aca3d/00000000000000007735a6ea/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/79163e/00000000000000007735ecc3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/79163e/00000000000000007735ecc3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/79163e/00000000000000007735ecc3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/678c19/00000000000000007735ecc2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/678c19/00000000000000007735ecc2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/678c19/00000000000000007735ecc2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 600;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/794663/00000000000000007735ecdc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/794663/00000000000000007735ecdc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/794663/00000000000000007735ecdc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/efe4d4/00000000000000007735ecd4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/efe4d4/00000000000000007735ecd4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/efe4d4/00000000000000007735ecd4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/e4d91b/00000000000000007735ecd8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/e4d91b/00000000000000007735ecd8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/e4d91b/00000000000000007735ecd8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-condensed";
    src: url("https://use.typekit.net/af/ae37f1/00000000000000007735ecc6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/ae37f1/00000000000000007735ecc6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/ae37f1/00000000000000007735ecc6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/2f7d8e/00000000000000007735ecc1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/2f7d8e/00000000000000007735ecc1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/2f7d8e/00000000000000007735ecc1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/cadf16/00000000000000007735eccb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/cadf16/00000000000000007735eccb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/cadf16/00000000000000007735eccb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/f5b1f5/00000000000000007735ecce/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f5b1f5/00000000000000007735ecce/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f5b1f5/00000000000000007735ecce/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/513e84/00000000000000007735ecd3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/513e84/00000000000000007735ecd3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/513e84/00000000000000007735ecd3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/f993f3/00000000000000007735ecd9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/f993f3/00000000000000007735ecd9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/f993f3/00000000000000007735ecd9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/f59a89/00000000000000007735ecc8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/f59a89/00000000000000007735ecc8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/f59a89/00000000000000007735ecc8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 600;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/63ea70/00000000000000007735ecd6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/63ea70/00000000000000007735ecd6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/63ea70/00000000000000007735ecd6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "transducer-extended";
    src: url("https://use.typekit.net/af/c96c49/00000000000000007735ecde/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/c96c49/00000000000000007735ecde/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/c96c49/00000000000000007735ecde/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/49f180/00000000000000007735ecc4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/49f180/00000000000000007735ecc4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/49f180/00000000000000007735ecc4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/37181a/00000000000000007735ecd1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/37181a/00000000000000007735ecd1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/37181a/00000000000000007735ecd1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/e3fd8c/00000000000000007735eccc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/e3fd8c/00000000000000007735eccc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/e3fd8c/00000000000000007735eccc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/b0fdcc/00000000000000007735ecd0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/b0fdcc/00000000000000007735ecd0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/b0fdcc/00000000000000007735ecd0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/6ec496/00000000000000007735ecd2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/6ec496/00000000000000007735ecd2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/6ec496/00000000000000007735ecd2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/d7bde5/00000000000000007735ecca/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/d7bde5/00000000000000007735ecca/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/d7bde5/00000000000000007735ecca/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/f1009d/00000000000000007735eccd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f1009d/00000000000000007735eccd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f1009d/00000000000000007735eccd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/4128b6/00000000000000007735ecdd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/4128b6/00000000000000007735ecdd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/4128b6/00000000000000007735ecdd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/70713c/00000000000000007735eccf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/70713c/00000000000000007735eccf/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/70713c/00000000000000007735eccf/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 600;
    font-stretch: normal
}

@font-face {
    font-family: "transducer";
    src: url("https://use.typekit.net/af/5feb74/00000000000000007735ecc5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/5feb74/00000000000000007735ecc5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/5feb74/00000000000000007735ecc5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-display: auto;
    font-style:  ;
    font-weight: 500;
    font-stretch: normal
}

.tk-eurostile {
    font-family: "eurostile",sans-serif
}

.tk-transducer-condensed {
    font-family: "transducer-condensed",sans-serif
}

.tk-transducer-extended {
    font-family: "transducer-extended",sans-serif
}

.tk-transducer {
    font-family: "transducer",sans-serif
}

#price-promise {
    z-index: 2;
    margin-bottom: 35px;
    margin-top: -2.5rem;
    position: relative
}

@media(max-width:768px) {
    #price-promise {
        margin-bottom: 16px;
        margin-top: 1rem
    }
}

#price-promise .pp-container {
    padding: 0 40px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center
}

@media(max-width:768px) {
    #price-promise .pp-container {
        padding: 0 16px
    }
}

#price-promise .pp-container .price-promise-top-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #e8e8e8;
    box-shadow: 0 6px 12px -6px rgba(24,39,75,0.12),0 8px 24px -4px rgba(24,39,75,0.08);
    border-radius: 18px;
    padding: 24px 24px 40px;
    background: #fff
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap {
        padding: 16px;
        border-radius: 8px
    }
}

#price-promise .pp-container .price-promise-top-wrap p {
    font-size: 24px;
    line-height: 1.2;
      font-family: 'Poppins', sans-serif;
    padding-bottom: 25px;
    width: 100%;
    text-align: center
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap p {
        font-size: 18px
    }
}

#price-promise .pp-container .price-promise-top-wrap #pp--form-wrap {
    width: auto;
    flex-wrap: wrap;
    margin: 0 -11px
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap #pp--form-wrap {
        margin: 0
    }
}

#price-promise .pp-container .price-promise-top-wrap #pp--form-wrap .form--wrap {
    padding: 0 11px;
    width: 33.333%
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap #pp--form-wrap .form--wrap {
        width: 100%;
        padding: 0
    }
}

#price-promise .pp-container .price-promise-top-wrap #pp--form-wrap .cust-form-group {
    margin-bottom: 24px
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap #pp--form-wrap .cust-form-group {
        margin-bottom: 18px
    }
}

#price-promise .pp-container .price-promise-top-wrap #pp--form-wrap .cust-form-group li.Paid_Service:nth-child(2) {
    border-bottom: 0
}

#price-promise .pp-container .price-promise-top-wrap #pp--form-wrap .cust-form-group li a {
      font-family: 'Poppins', sans-serif;
    text-transform: uppercase
}

#price-promise .pp-container .price-promise-top-wrap #pp-search-btn {
    max-width: 195px;
    width: 100%;
    margin-top: 0
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap #pp-search-btn {
        max-width: unset
    }
}

#price-promise .pp-container .price-promise-top-wrap .select-p {
    font-size: var(--font-size12);
      font-family: 'Poppins', sans-serif;
    color: #303030
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap .select-p {
        font-size: 10px;
        line-height: 16px
    }
}

#price-promise .pp-container .price-promise-top-wrap .show .btn-drop {
    color: #303030
}

#price-promise .pp-container .price-promise-top-wrap .btn-drop {
    border: 1px solid rgba(48,48,48,0.6);
    border-radius: 8px;
    text-transform: uppercase;
      font-family: 'Poppins', sans-serif
}

    #price-promise .pp-container .price-promise-top-wrap .btn-drop::after {
        content: url("clientlib-site/resources/images/icons/select-icon.svg");
        border: 0;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%)
    }

    #price-promise .pp-container .price-promise-top-wrap .btn-drop:not(:disabled):not(.disabled):active {
        color: #303030
    }

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap .btn-drop {
        font-size: 12px
    }
}

#price-promise .pp-container .price-promise-top-wrap .campaign-dropdown {
    border: 1px solid rgba(0,0,0,0.15);
    border-top: 0
}

@media(max-width:768px) {
    #price-promise .pp-container .price-promise-top-wrap .campaign-dropdown li a {
        font-size: 12px
    }
}

#price-promise .pp-container .price-promise-top-wrap .btn-disabled {
    background: #a5a5a5;
    pointer-events: none
}

#price-promise .pp-container .owners-manual-bottom-wrap {
    margin-top: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #e8e8e8;
    box-shadow: 0 6px 12px -6px rgba(24,39,75,0.12),0 8px 24px -4px rgba(24,39,75,0.08);
    border-radius: 18px;
    padding: 32px 24px 60px 80px;
    background: #fff
}

@media(max-width:768px) {
    #price-promise .pp-container .owners-manual-bottom-wrap {
        margin-top: 16px;
        padding: 3px 16px 5px 12px;
        border-radius: 8px
    }
}

#price-promise .pp-container .owners-manual-bottom-wrap .product-img-wrap {
    padding-right: 95px
}

    #price-promise .pp-container .owners-manual-bottom-wrap .product-img-wrap img {
        max-width: 330px;
        width: 100%;
        max-height: 212px
    }

#price-promise .pp-container .owners-manual-bottom-wrap .content--details {
    flex-direction: column
}

    #price-promise .pp-container .owners-manual-bottom-wrap .content--details h6 {
        font-size: 32px;
        line-height: 1.2;
        font-family: var(--font-tstar-heavy);
        font-weight: 900;
        margin-bottom: 12px;
        color: #303030
    }

    #price-promise .pp-container .owners-manual-bottom-wrap .content--details p {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        line-height: 1.2;
        color: #303030;
        opacity: .8
    }

    #price-promise .pp-container .owners-manual-bottom-wrap .content--details .download-manual-wrap {
        margin-top: 40px
    }

        #price-promise .pp-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile {
            padding-left: 28px;
            display: flex;
            padding-right: 112px;
            flex-direction: column;
            border-left: 2px solid rgba(238,35,38,0.5)
        }

            #price-promise .pp-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile p {
                line-height: 1.2;
                font-size: 24px;
                font-family: var(--font-tstar-heavy);
                font-weight: 900;
                color: #303030
            }

            #price-promise .pp-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap {
                padding-top: 19px;
                align-items: center
            }

                #price-promise .pp-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap img {
                    cursor: pointer
                }

                #price-promise .pp-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap a {
                    color: #009fda;
                      font-family: 'Poppins', sans-serif;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 1.1875;
                    margin: 0 6px 0 9px
                }

                #price-promise .pp-container .owners-manual-bottom-wrap .content--details .download-manual-wrap .download-tile .download-cta-wrap span {
                    color: #a5a5a5;
                    font-size: 16px;
                    line-height: 1.1875;
                      font-family: 'Poppins', sans-serif;
                    font-weight: 700
                }

#price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile {
    width: 100%;
    flex-direction: column
}

    #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top {
        margin-bottom: 16px
    }

        #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top img {
            max-width: 145px;
            padding-right: 4.79px
        }

        #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top .product--details-mob {
            flex-direction: column;
            padding-top: 8px
        }

            #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top .product--details-mob h6 {
                font-size: 24px;
                color: #303030;
                line-height: 29px;
                font-family: var(--font-tstar-heavy);
                margin-bottom: 6px
            }

            #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .content-wrap-top .product--details-mob p {
                font-size: 14px;
                line-height: 17px;
                color: #303030;
                opacity: .8;
                font-family: 'Poppins', sans-serif
            }

    #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap {
        padding-left: 4px
    }

        #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-tile-mob {
            display: flex;
            padding-bottom: 12px;
            border-bottom: 2px solid rgba(238,35,38,0.5);
            justify-content: space-between;
            margin-bottom: 16px
        }

            #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-tile-mob p {
                font-weight: 900;
                font-size: 18px;
                line-height: 22px;
                font-family: var(--font-tstar-heavy)
            }

        #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block {
            flex-direction: column;
            align-items: flex-end
        }

            #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block .download--cta {
                margin-bottom: 4.5px
            }

                #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block .download--cta img {
                    padding-right: 10px;
                    height: 18px
                }

                #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block .download--cta a {
                    font-weight: 700;
                      font-family: 'Poppins', sans-serif;
                    color: #009fda;
                    font-size: 14px;
                    line-height: 17px
                }

            #price-promise .pp-container .owners-manual-bottom-wrap #manual-section-mobile .download--wrap .download-right-block span.size-mob {
                font-weight: 700;
                font-size: 14px;
                line-height: 17px;
                  font-family: 'Poppins', sans-serif;
                color: #a5a5a5
            }

.tooltip {
    z-index: 0
}

    .tooltip .tooltip-inner {
        max-width: 100%
    }

.spare-section {
    margin: 40px;
    display: flex;
    gap: 22px
}

@media(max-width:768px) {
    .spare-section {
        margin: 16px;
        flex-wrap: wrap
    }
}

.spare-section .bookinglist-toggle-button {
    padding: 10px;
    border-radius: 50%;
    background-color: #fff;
    position: fixed;
    left: calc(50% - 25px);
    bottom: calc(100vh - 110px);
    z-index: 7;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
    transition: .4s ease-in-out;
    transform: rotate(0)
}

    .spare-section .bookinglist-toggle-button.bookinglist-toggle-button-top {
        bottom: 111px;
        transform: rotate(180deg)
    }

.spare-section .checkbox--wrap a {
    display: inline;
    color: #009fda
}

.spare-section .checkbox--wrap .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 0;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    color: #303030;
      font-family: 'Poppins', sans-serif;
    cursor: pointer;
    text-transform: uppercase
}

    .spare-section .checkbox--wrap .control p {
        display: block;
        position: relative;
        margin-bottom: 5px;
        padding-top: 0;
        font-size: 18px;
        font-style: normal;
        line-height: normal;
        color: #303030;
        font-family: 'Poppins', sans-serif
    }

    .spare-section .checkbox--wrap .control input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

.spare-section .checkbox--wrap .control_indicator {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px
}

.spare-section .checkbox--wrap .control:hover input ~ .control_indicator, .spare-section .checkbox--wrap .control input:focus ~ .control_indicator {
    background: white
}

.spare-section .checkbox--wrap .control input:checked ~ .control_indicator {
    background: red;
    border: 1px solid #d30000
}

.spare-section .checkbox--wrap .control:hover input:not([disabled]):checked ~ .control_indicator, .spare-section .checkbox--wrap .control input:checked:focus ~ .control_indicator {
    background: #0e6647d
}

.spare-section .checkbox--wrap .control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.spare-section .checkbox--wrap .control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none
}

.spare-section .checkbox--wrap .control input:checked ~ .control_indicator:after {
    display: block
}

.spare-section .checkbox--wrap .control-checkbox .control_indicator:after {
    left: 6px;
    top: 3px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.spare-section .checkbox--wrap .control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b
}

.spare-section .termscondition {
    padding-top: 12px
}

@media(max-width:768px) {
    .spare-section .termscondition {
        position: fixed;
        bottom: 78px;
        left: 0;
        background: #fff;
        width: 100%;
        padding: 16px 16px 3px;
        z-index: 1
    }

    .spare-section .termscondition-shadow {
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3)
    }

    .spare-section .termscondition::after {
        content: '';
        display: block;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(192,192,192,0.5)
    }
}

.spare-section .termscondition .control {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    text-transform: none
}

@media(max-width:768px) {
    .spare-section .termscondition .control {
        font-size: 12px;
        line-height: 16px;
        padding-top: 3px
    }
}

.spare-section .amount-breakup {
    width: 57.62%;
    border-radius: 18px;
    border: 1px solid #e8e8e8;
    background: #FFF;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.08),0 6px 12px -6px rgba(24,39,75,0.12);
    height: max-content
}

@media(max-width:768px) {
    .spare-section .amount-breakup {
        width: 100%
    }
}

.spare-section .amount-breakup .break-up-header {
    padding: 22px;
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    display: flex;
    gap: 12px
}

@media(max-width:768px) {
    .spare-section .amount-breakup .break-up-header {
        font-size: 24px
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container {
    margin: 0 auto
}

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container {
        padding: 0 16px
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion {
    width: 100%
}

    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card {
        margin-bottom: 16px
    }

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card {
        margin-bottom: 16px
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title {
    height: 64px;
    font-size: 24px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    color: #303030;
    display: flex;
    gap: 12px;
    width: 100%;
    padding-left: 22px;
    align-items: center;
    position: relative;
    cursor: pointer;
    background: #f5f5f5
}

    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title p {
        font-weight: 900;
        font-size: 38px;
        line-height: 46px;
        font-family: var(--font-tstar-heavy);
        color: #303030;
        display: flex;
        width: 100%;
        align-items: center;
        position: relative;
        cursor: pointer
    }

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title p {
        padding: 12px;
        font-size: 16px;
        line-height: 1.2
    }
}

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title {
        padding: 8px 16px;
        font-size: 18px;
        line-height: 1.2
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title.active::after {
    transition: .5s ease all;
    background: url("../../../content/dam/hero-aem-website/price-promise/cross.svg") left center no-repeat
}

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title.active::after {
        width: 35px;
        height: 35px;
        right: 15.3px;
        background: url("../../../content/dam/hero-aem-website/price-promise/Frame14101168621.svg") left center no-repeat
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title::after {
    content: '';
    position: absolute;
    right: 22px;
    width: 40px;
    height: 40px;
    transition: .5s ease all;
    background: url("../../../content/dam/hero-aem-website/price-promise/plus.svg") left center no-repeat
}

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--title::after {
        width: 35px;
        height: 35px;
        right: 15.3px;
        background: url("../../../content/dam/hero-aem-website/price-promise/Frame14101168622.svg") left center no-repeat
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .active {
    background: var(--backgroundbgcolor-light-orange-bg,#fef8f2) !important
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel {
    padding: 16px 0;
    margin: 0 24px;
    display: none;
    background: #fff;
    position: relative
}

    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        opacity: .5;
        bottom: 0;
        left: 0;
        background: silver
    }

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel {
        padding: 12px 16px;
        margin: 0
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap {
    display: flex;
    justify-content: space-between
}

    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap img {
        max-width: 236px;
        width: 100%;
        height: 305px
    }

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap img {
        max-width: unset;
        height: auto;
        margin-bottom: 15px
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    padding-left: 32px;
    color: #303030
}

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap p {
        padding-left: 0;
        font-size: 14px;
        line-height: 20px
    }
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap p a {
    display: inline;
    padding: 0 2px;
    padding-bottom: .75;
    color: #0000ab;
    border-bottom: 1px solid #0000ab;
    text-transform: uppercase
}

.spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap .pp-cost {
    font-family: 'Poppins', sans-serif;
    font-size: 18px
}

@media(max-width:768px) {
    .spare-section .amount-breakup #price-promise-ab .pp-accordion-container .pp-parts-accordion .accordion-card .accordion--panel .accordion-content-wrap .pp-cost {
        font-size: 16px;
        display: flex
    }
}

.spare-section .total-amount-section {
    width: 42.37%;
    border-radius: 18px;
    border: 1px solid #e8e8e8;
    background: #FFF;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.08),0 6px 12px -6px rgba(24,39,75,0.12);
    overflow: hidden;
    height: max-content
}

@media(max-width:768px) {
    .spare-section .total-amount-section {
        position: fixed;
        bottom: 0;
        background: white;
        width: 100%;
        left: 0;
        height: calc(100vh - 90px);
        z-index: 5;
        overflow-y: scroll;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        transition: .4s ease-in-out
    }

        .spare-section .total-amount-section.mobile-total-amount-section {
            height: 110px
        }
}

.spare-section .total-amount-section .pp-description-container {
    display: flex;
    background-color: #fef8f2;
    padding: 22px
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-description-container {
        padding: 16px
    }
}

.spare-section .total-amount-section .pp-description-container .pp-description-img {
    height: 83px;
    width: 139px;
    object-fit: cover
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-description-container .pp-description-img {
        height: 76px;
        width: 104px
    }
}

.spare-section .total-amount-section .pp-description-container .pp-description-text-bikename {
    margin-bottom: 8px
}

.spare-section .total-amount-section .pp-total-container {
    padding: 32px 22px 18px
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-total-container {
        padding: 0 16px 150px
    }
}

.spare-section .total-amount-section .pp-total-container .pp-total-amount {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(192,192,192,0.5)
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-total-container .pp-total-amount {
        position: fixed;
        bottom: 0;
        left: 0;
        background: white;
        width: 100%;
        padding: 7px 16px 16px;
        z-index: 2
    }
}

.spare-section .total-amount-section .pp-total-container .pp-total-amount .pp-bookservice-btn {
    border: 1px solid #0000ab;
    padding: 12px 32px 12px 32px;
    border-radius: 4px;
    background: #fff;
    font-family: var(--font-tstar-heavy);
    color: var(--text-color-red);
    text-transform: uppercase;
    font-size: 20px
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-total-container .pp-total-amount .pp-bookservice-btn {
        font-size: 14px;
        padding: 7px 31px;
        line-height: 20px
    }
}

.spare-section .total-amount-section .pp-total-container .pp-total-amount .pp-bookservice-btn.disabled {
    color: #a5a5a5;
    border: 1px solid silver
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-total-container .pp-total-amount {
        padding-bottom: 24px
    }

        .spare-section .total-amount-section .pp-total-container .pp-total-amount div {
            display: flex;
            justify-content: space-between;
            flex-direction: column
        }
}

.spare-section .total-amount-section .pp-total-container .pp-total-amount-summary {
    padding: 16px 0;
    border-bottom: 1px solid rgba(192,192,192,0.5)
}

    .spare-section .total-amount-section .pp-total-container .pp-total-amount-summary .summary-color {
        color: #a5a5a5;
        margin-bottom: 4px
    }

    .spare-section .total-amount-section .pp-total-container .pp-total-amount-summary .accordion--list {
        margin-bottom: -12px
    }

    .spare-section .total-amount-section .pp-total-container .pp-total-amount-summary .pp-total-amount-summary-text {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        text-transform: uppercase
    }

        .spare-section .total-amount-section .pp-total-container .pp-total-amount-summary .pp-total-amount-summary-text .pp-total-amount-summary-amount {
            white-space: nowrap
        }

.spare-section .total-amount-section .pp-total-container .pp-terms-condition-container {
    padding-top: 24px
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-total-container .pp-terms-condition-container {
        padding-top: 16px
    }

        .spare-section .total-amount-section .pp-total-container .pp-terms-condition-container .pp-terms-show-hide {
            position: relative;
            transition: .4s ease-in-out
        }
}

.spare-section .total-amount-section .pp-total-container .pp-terms-condition-container .pp-terms-arrow {
    display: none
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-total-container .pp-terms-condition-container .pp-terms-arrow {
        display: block;
        position: absolute;
        right: 5px;
        top: -5px;
        font-size: 20px;
        transform: rotate(90deg);
        font-family: 'tstar-medium'
    }

        .spare-section .total-amount-section .pp-total-container .pp-terms-condition-container .pp-terms-arrow.pp-terms-rotate {
            transform: rotate(270deg)
        }
}

.spare-section .total-amount-section .pp-total-container .pp-terms-condition-container ul {
    list-style: decimal;
    padding-left: 22px
}

@media(max-width:768px) {
    .spare-section .total-amount-section .pp-total-container .pp-terms-condition-container ul {
        padding-left: 16px
    }
}

#prebook-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    background: #fffcf9 !important
}

    #prebook-wrapper .right-logo {
        transform: rotateY(180deg)
    }

    #prebook-wrapper .accordion--title {
        width: 100%
    }

    #prebook-wrapper .prebook-header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    #prebook-wrapper .top--wrap {
        width: calc(99%)
    }

        #prebook-wrapper .top--wrap .headers {
            width: 100%
        }

            #prebook-wrapper .top--wrap .headers .grey-text {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 80%
            }

    #prebook-wrapper #dealer-address span::after {
        display: none !important
    }

    #prebook-wrapper .checkbox--wrap {
        margin-top: 16px
    }

@media(max-width:768px) {
    #prebook-wrapper .checkbox--wrap {
        width: 100%
    }
}

#prebook-wrapper .checkbox--wrap a {
    display: inline;
    color: #f26321
}

#prebook-wrapper .checkbox--wrap .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 0;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    color: #303030;
    font-family: "1903Sans-Regular"
}

    #prebook-wrapper .checkbox--wrap .control p {
        display: block;
        position: relative;
        margin-bottom: 5px;
        padding-top: 0;
        font-size: 12px;
        font-style: normal;
        line-height: 20px;
        color: #303030;
        font-family: "1903Sans-Regular"
    }

    #prebook-wrapper .checkbox--wrap .control input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

#prebook-wrapper .checkbox--wrap .control_indicator {
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px
}

#prebook-wrapper .checkbox--wrap .control:hover input ~ .control_indicator, #prebook-wrapper .checkbox--wrap .control input:focus ~ .control_indicator {
    background: white
}

#prebook-wrapper .checkbox--wrap .control input:checked ~ .control_indicator {
    background: red
}

#prebook-wrapper .checkbox--wrap .control:hover input:not([disabled]):checked ~ .control_indicator, #prebook-wrapper .checkbox--wrap .control input:checked:focus ~ .control_indicator {
    background: #0e6647d
}

#prebook-wrapper .checkbox--wrap .control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

#prebook-wrapper .checkbox--wrap .control_indicator:after {
    box-sizing: unset;
    content: "";
    position: absolute;
    display: none
}

#prebook-wrapper .checkbox--wrap .control input:checked ~ .control_indicator:after {
    display: block
}

#prebook-wrapper .checkbox--wrap .control-checkbox p {
    color: #303030;
      font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    #prebook-wrapper .checkbox--wrap .control-checkbox p span {
        color: #009fda
    }

@media(max-width:768px) {
    #prebook-wrapper .checkbox--wrap .control-checkbox p {
        font-size: .75rem;
        line-height: 1rem
    }
}

#prebook-wrapper .checkbox--wrap .control-checkbox .control_indicator:after {
    left: 6px;
    top: 3px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

#prebook-wrapper .checkbox--wrap .control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b
}

#prebook-wrapper .btn {
    padding: 12px 14.5px;
    border: 1px solid #0000ab;
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size20);
    line-height: var(--line-height-24);
    text-transform: uppercase;
    background: #fff;
    color: #0000ab;
    border-radius: 4px;
    box-shadow: none !important
}

@media(max-width:768px) {
    #prebook-wrapper .btn {
        padding: 8px 24px
    }
}

#prebook-wrapper .btn:hover {
    color: #0000ab
}

#prebook-wrapper .btn.btn-red-gradient {
    background: var(--bg-red-gradient);
    color: var(--text-color-white);
    border: 0
}

    #prebook-wrapper .btn.btn-red-gradient:hover {
        color: var(--text-color-white)
    }

#prebook-wrapper .btn.campaign-btn {
    font-size: 20px;
    font-family: var(--font-tstar-heavy);
    height: 3rem;
    margin-top: 12px;
    border-radius: 4px;
    gap: 10px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media(max-width:768px) {
    #prebook-wrapper .btn.campaign-btn {
        font-size: 14px;
        font-weight: 900;
        line-height: 20px;
        height: 2.25rem
    }
}

#prebook-wrapper .btn:disabled {
    border: 0;
    background: #a5a5a5;
    color: #f5f5f7
}

#prebook-wrapper .campaign-text {
    display: flex
}

    #prebook-wrapper .campaign-text #prebookCheckbox {
        width: 1.25rem;
        height: 1.25rem
    }

#prebook-wrapper #dealer-list {
    padding: 0;
    margin-top: 1.375rem;
    max-height: 17.125rem;
    overflow-y: scroll
}

    #prebook-wrapper #dealer-list .accordion-content-wrap {
        margin-right: .375rem
    }

@media(max-width:768px) {
    #prebook-wrapper #dealer-list .accordion-content-wrap {
        margin-right: .6rem
    }
}

#prebook-wrapper #dealer-locator-container {
    font-family: 'Poppins', sans-serif;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .625rem;
    width: 100%
}

@media(max-width:768px) {
    #prebook-wrapper #dealer-locator-container {
        grid-template-columns: 1fr
    }
}

#prebook-wrapper #dealer-locator-container .selected-border {
    border: 1px solid #303030 !important
}

#prebook-wrapper #dealer-locator-container .dealer-locator-info {
    padding: .625rem;
    border-radius: .5rem;
    border: 1px solid silver;
    background: #fff;
    cursor: pointer
}

    #prebook-wrapper #dealer-locator-container .dealer-locator-info .dealer-locator-name, #prebook-wrapper #dealer-locator-container .dealer-locator-info .dealer-locator-phone {
        font-family: var(--font-tstar-heavy);
        color: #303030;
        margin: 0;
        font-size: .875rem;
        font-style: normal;
        font-weight: 900;
        line-height: 1.25rem
    }

    #prebook-wrapper #dealer-locator-container .dealer-locator-info .dealer-locator-phone {
        margin-bottom: .25rem
    }

    #prebook-wrapper #dealer-locator-container .dealer-locator-info .dealer-locator-address {
        color: #303030;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1rem
    }

#prebook-wrapper h3.block-header {
    width: 100%;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-family: var(--font-tstar-heavy);
    text-transform: uppercase;
    color: #303030;
    text-align: center;
    margin-bottom: 16px
}

    #prebook-wrapper h3.block-header span {
        color: #0000ab
    }

@media(max-width:768px) {
    #prebook-wrapper h3.block-header {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

#prebook-wrapper .festive-accordion .accordion-card {
    margin-bottom: 22px
}

    #prebook-wrapper .festive-accordion .accordion-card:last-child {
        margin-bottom: 0
    }

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion-card {
        margin-bottom: 16px
    }
}

#prebook-wrapper .festive-accordion .accordion--title {
    padding: 22px;
    background: #ffbf56;
    border-radius: 12px;
    display: flex;
    position: relative;
    cursor: pointer;
    min-height: 68px;
    align-items: center
}

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--title {
        padding: 8px 12px;
        min-height: 56px
    }
}

#prebook-wrapper .festive-accordion .accordion--title.pe-none {
    pointer-events: none
}

#prebook-wrapper .festive-accordion .accordion--title .top--wrap {
    display: flex;
    align-items: flex-start
}

#prebook-wrapper .festive-accordion .accordion--title img {
    margin-right: 14px;
    width: 24px;
    height: 24px;
    min-width: 24px
}

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--title img {
        width: 20px;
        height: 20px;
        margin-right: 12px;
        min-width: 20px
    }
}

#prebook-wrapper .festive-accordion .accordion--title .headers h6 {
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    font-family: var(--font-tstar-heavy);
    padding: 0
}

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--title .headers h6 {
        font-size: 16px;
        line-height: 20px
    }
}

#prebook-wrapper .festive-accordion .accordion--title .headers p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
      font-family: 'Poppins', sans-serif;
    color: #303030;
    display: inline-block;
    text-transform: capitalize
}

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--title .headers p {
        font-size: 14px
    }
}

#prebook-wrapper .festive-accordion .accordion--title .headers p span {
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
    text-transform: capitalize
}

    #prebook-wrapper .festive-accordion .accordion--title .headers p span:first-child {
        padding-left: 0
    }

    #prebook-wrapper .festive-accordion .accordion--title .headers p span:last-child::after {
        display: none
    }

    #prebook-wrapper .festive-accordion .accordion--title .headers p span::after {
        content: "";
        display: block;
        height: 90%;
        width: 1px;
        background: #a5a5a5;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--title .headers p span::after {
        height: 60%
    }
}

#prebook-wrapper .festive-accordion .accordion--title.active::after {
    transform: translateY(-50%) rotate(45deg);
    transition: .5s ease all
}

#prebook-wrapper .festive-accordion .accordion--title::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 22px;
    top: 50%;
    transition: .5s ease all;
    transform: translateY(-50%);
    background: url("clientlib-site/resources/images/icons/openicon.svg") no-repeat
}

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--title::after {
        width: 20px;
        height: 20px;
        background-size: cover;
        right: 12px
    }
}

#prebook-wrapper .festive-accordion .accordion--panel {
    padding: 22px;
    padding-bottom: 0;
    display: none
}

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--panel {
        padding: 16px 12px;
        padding-bottom: 0
    }
}

@media(max-width:768px) {
    #prebook-wrapper .festive-accordion .accordion--panel .wrapper {
        padding: 0 !important
    }
}

#prebook-wrapper .festive-accordion .accordion--panel .accordion-content-wrap {
    flex-direction: column
}

#prebook-wrapper form {
    width: 100%
}

    #prebook-wrapper form .cust-drop-down {
        position: relative
    }

    #prebook-wrapper form input:focus {
        box-shadow: none !important;
        outline: 0 !important
    }

    #prebook-wrapper form button {
        background: transparent;
        color: #a5a5a5;
        border: 1px solid silver;
        padding: 12px 16px;
        border-radius: 8px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        height: 48px;
          font-family: 'Poppins', sans-serif
    }

        #prebook-wrapper form button.active {
            color: #303030;
            text-transform: capitalize
        }

@media(max-width:768px) {
    #prebook-wrapper form button {
        font-size: 14px;
        line-height: 20px;
        height: 44px
    }
}

#prebook-wrapper form .dropdown-select.btn-drop {
    position: relative
}

    #prebook-wrapper form .dropdown-select.btn-drop::before {
        position: absolute;
        height: 8px;
        width: 14px;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url("clientlib-site/resources/images/icons/dropdrown-arrow-black-icon.svg") no-repeat
    }

    #prebook-wrapper form .dropdown-select.btn-drop::after {
        display: none !important
    }

#prebook-wrapper form .form-control {
    padding: 12px 16px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid silver;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #303030;
      font-family: 'Poppins', sans-serif
}

    #prebook-wrapper form .form-control::placeholder {
        color: #a5a5a5;
        font-size: 16px
    }

@media(max-width:768px) {
    #prebook-wrapper form .form-control::placeholder {
        font-size: 14px;
        height: 44px
    }
}

#prebook-wrapper form .form-control#name {
    text-transform: capitalize
}

    #prebook-wrapper form .form-control#name::placeholder {
        text-transform: none
    }

#prebook-wrapper form .form-control.otp-value {
    letter-spacing: 6px
}

    #prebook-wrapper form .form-control.otp-value::placeholder {
        letter-spacing: 0
    }

#prebook-wrapper form input:-internal-autofill-selected {
    background: transparent
}

#prebook-wrapper form .form-span {
    position: absolute;
    top: -7px;
    left: 20px;
    background: white;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
      font-family: 'Poppins', sans-serif
}

#prebook-wrapper form .invalid-otp-message {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size14);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: relative;
    margin-top: 5px
}

#prebook-wrapper form label.error, #prebook-wrapper form .err-here {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size14);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: relative;
    margin-top: 5px
}

    #prebook-wrapper form label.error::before, #prebook-wrapper form .err-here::before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 9px;
        height: 9px;
        background: url("clientlib-site/resources/images/icons/error.svg") no-repeat;
        background-size: 100%
    }

#prebook-wrapper form .select-p {
    position: absolute;
    left: 17px;
    top: -7px;
    background-color: white;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #303030;
      font-family: 'Poppins', sans-serif
}

@media(max-width:768px) {
    #prebook-wrapper form .select-p {
        font-size: 10px;
        line-height: 12px;
        top: -4px
    }
}

#prebook-wrapper form .send-otp-btn, #prebook-wrapper form .send-otp-student {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
      font-family: 'Poppins', sans-serif;
    color: #009fda;
    display: none
}

    #prebook-wrapper form .send-otp-btn:hover, #prebook-wrapper form .send-otp-student:hover {
        color: #009fda !important
    }

    #prebook-wrapper form .send-otp-btn.show, #prebook-wrapper form .send-otp-student.show {
        display: block
    }

    #prebook-wrapper form .send-otp-btn.pe-none-tracker, #prebook-wrapper form .send-otp-student.pe-none-tracker {
        pointer-events: none
    }

#prebook-wrapper form .valid--otp {
    position: relative
}

    #prebook-wrapper form .valid--otp::before {
        content: "";
        position: absolute;
        right: 19px;
        top: 12px;
        background: url("clientlib-site/resources/images/icons/greencheck.svg") no-repeat;
        width: 24px;
        height: 24px;
        display: block
    }

    #prebook-wrapper form .valid--otp input {
        border: 1px solid #038252
    }

#prebook-wrapper form ul {
    width: 100%;
    padding-top: 16px;
    z-index: 99;
    max-height: 192px;
    overflow-y: scroll;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1)
}

    #prebook-wrapper form ul li {
        padding: 6px 16px;
        margin: 0 16px;
        padding-bottom: 4px;
        padding-top: 12px;
        border-bottom: 1px solid rgba(192,192,192,0.5)
    }

@media(max-width:768px) {
    #prebook-wrapper form ul li {
        margin: 0 8px
    }
}

#prebook-wrapper form ul li:first-child {
    padding-top: 0
}

#prebook-wrapper form ul li:last-child {
    border-bottom: 0
}

#prebook-wrapper form ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #303030;
      font-family: 'Poppins', sans-serif;
    text-transform: capitalize
}

@media(max-width:768px) {
    #prebook-wrapper form ul li a {
        font-size: 14px;
        font-style: normal;
        font-weight: 900;
        line-height: 20px
    }
}

#prebook-wrapper form ul li a:hover {
    color: #0000ab;
    font-family: var(--font-tstar-heavy)
}

#prebook-wrapper .cust-form-group {
    margin-bottom: 20px;
    position: relative
}

    #prebook-wrapper .cust-form-group:last-child {
        margin-bottom: 0
    }

#prebook-wrapper .festive-sub-success .success__gif img, #prebook-wrapper .festive-sub-fail .success__gif img {
    height: 200px;
    width: 200px
}

#prebook-wrapper .festive-sub-success .success--text, #prebook-wrapper .festive-sub-fail .success--text {
    color: #038252;
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 24px
}

#prebook-wrapper .festive-sub-success p, #prebook-wrapper .festive-sub-fail p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

    #prebook-wrapper .festive-sub-success p.connect, #prebook-wrapper .festive-sub-fail p.connect {
        margin-bottom: 12px
    }

    #prebook-wrapper .festive-sub-success p a, #prebook-wrapper .festive-sub-fail p a, #prebook-wrapper .festive-sub-success p b, #prebook-wrapper .festive-sub-fail p b {
        font-family: var(--font-tstar-heavy)
    }

.festive-sub-fail .success--text {
    color: #0000ab !important
}

.festive-padding {
    padding: 22px !important;
    border-radius: 16px !important;
    background: #fffcf9 !important;
    box-shadow: 0 18px 88px -4px rgba(24,39,75,0.14),0 8px 28px -6px rgba(24,39,75,0.12) !important
}

.festive-page-wrapper {
    background: radial-gradient(50% 50% at 50% 50%,#fff 0,#ffeed4 100%);
    margin-top: -10px;
    padding-top: 22px
}

@media(min-width:768px) {
    .festive-page-wrapper .cust-container-student {
        padding: 0 !important
    }
}

.festive-page-wrapper .row {
    margin: 0 -15px !important
}

@media(max-width:768px) {
    .festive-page-wrapper .row {
        margin: 0 !important
    }
}

@media(max-width:768px) {
    .festive-page-wrapper {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 32px
    }
}

.festive-page-wrapper .hero-carousel .carousel-item {
    border-radius: 16px;
    overflow: hidden
}

@media(max-width:768px) {
    .festive-page-wrapper .hero-carousel .carousel-item {
        overflow: unset
    }
}

.festive-page-wrapper .hero-carousel .carousel-item img {
    width: 100%
}

.festive-page-wrapper #festive__status {
    left: 50%;
    bottom: 22px;
    width: 100%;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #303030;
    margin-top: 16px
}

@media(max-width:768px) {
    .festive-page-wrapper #festive__status {
        font-size: 16px;
        line-height: 20px;
        bottom: 16px;
        max-width: unset
    }
}

.festive-page-wrapper #festive__status a {
    display: inline;
    color: #009fda
}

.festive-page-wrapper .festiveprebookform {
    height: 100%
}

.festive-slider {
    width: 100%;
    padding-bottom: 68px
}

@media(max-width:1300px) {
    .festive-slider {
        padding-bottom: 60px
    }
}

@media(max-width:569px) {
    .festive-slider {
        padding-bottom: 54px
    }
}

.festive-slider.slide-right .hub-container {
    width: 100%;
    padding-right: 40px
}

@media(max-width:569px) {
    .festive-slider.slide-right .hub-container {
        padding-right: 0
    }
}

.festive-slider.slide-right .reverse-hub-container {
    padding: 0 0 0 40px
}

@media(max-width:569px) {
    .festive-slider.slide-right .reverse-hub-container {
        padding: 0 0 0 16px
    }
}

.festive-slider .content-wrap {
    width: 100%;
    align-items: center;
    position: relative
}

    .festive-slider .content-wrap .festive-disclaimer-text p {
        position: absolute;
        bottom: -30px;
        left: 367px;
        font-size: 14px;
        line-height: 20px;
        font-family: 'Poppins', sans-serif
    }

@media(max-width:1300px) {
    .festive-slider .content-wrap .festive-disclaimer-text p {
        left: 28%
    }
}

@media(max-width:769px) {
    .festive-slider .content-wrap .festive-disclaimer-text p {
        bottom: -20px
    }
}

@media(max-width:569px) {
    .festive-slider .content-wrap .festive-disclaimer-text p {
        bottom: -25px;
        left: 16px;
        font-size: 12px;
        line-height: 16px
    }
}

.festive-slider .content-wrap .reverse-festive-disclaimer-text p {
    left: 0
}

.festive-slider .content-wrap img {
    width: 26%;
    height: 100%
}

.festive-slider .content-wrap .product-card-slider {
    padding-left: 23px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 74.06%;
    flex: 1
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider {
        padding: 0 0 0 16px;
        max-width: 100%
    }
}

.festive-slider .content-wrap .product-card-slider .product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 50px 16px 16px 16px;
    border-radius: 12px;
    background: white;
    border: 1px solid #df7900;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1);
    margin-right: 22px;
    min-height: 391px;
    min-width: 305px;
    justify-content: space-between
}

    .festive-slider .content-wrap .product-card-slider .product-card .product-wrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }

@media(max-width:1300px) {
    .festive-slider .content-wrap .product-card-slider .product-card {
        min-height: 340px;
        min-width: unset
    }
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card {
        padding: 26px 8px 8px 8px;
        min-height: 233px;
        margin-right: 16px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card img.sparkles-absolute-middle {
    position: absolute;
    top: 31px;
    margin: 0;
    width: 100%;
    height: auto;
    max-width: initial;
    z-index: 0
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card img.sparkles-absolute-middle {
        width: 156px;
        height: 140px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card p.product-name {
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    font-family: var(--font-tstar-heavy);
    text-transform: uppercase;
    margin-bottom: 13px;
    z-index: 1
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card p.product-name {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card img {
    margin-bottom: 13px;
    width: 273px;
    height: 164px;
    z-index: 1
}

@media(max-width:1300px) {
    .festive-slider .content-wrap .product-card-slider .product-card img {
        height: unset;
        width: 80%
    }
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card img {
        margin-bottom: 6px;
        height: 83.5px;
        width: 139px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card p.complete-price {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-family: var(--font-tstar-heavy);
    margin-bottom: 2px;
    z-index: 1
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card p.complete-price {
        font-size: 16px;
        line-height: 20px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card span.discount {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    color: #038252;
    margin-bottom: 8px;
    z-index: 1
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card span.discount {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 4px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card button {
    font-size: 20px;
    font-family: var(--font-tstar-heavy);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    color: #f5f5f7;
    display: flex;
    width: 100%;
    padding: 10px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-width: 273px;
    border-radius: 4px;
    border: 0;
    background: linear-gradient(96deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
    z-index: 1
}

@media(max-width:1300px) {
    .festive-slider .content-wrap .product-card-slider .product-card button {
        font-size: 16px;
        min-width: 200px
    }
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card button {
        font-size: 14px;
        padding: 12px;
        min-width: 140px;
        height: 36px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card .tag-wrapper {
    position: absolute;
    left: 0;
    top: 16px;
    height: 20px;
    width: 126px;
    background: #eb5054;
    z-index: 1
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card .tag-wrapper {
        width: 82px;
        height: 12px;
        top: 8px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card .tag-wrapper p {
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    font-family: var(--font-tstar-heavy);
    line-height: 18px;
    color: white;
    padding-left: 16px;
    padding-right: 6px
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card .tag-wrapper p {
        font-size: 10px;
        line-height: 12px;
        padding-left: 6px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card .tag-wrapper img.polygon {
    right: 0;
    top: 0;
    width: 8px;
    height: 20px;
    margin-bottom: 0
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .product-card .tag-wrapper img.polygon {
        width: 5px;
        height: 12px
    }
}

.festive-slider .content-wrap .product-card-slider .product-card .tag-wrapper::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("clientlib-site/resources/images/icons/shine.gif") left center no-repeat
}

.festive-slider .content-wrap .product-card-slider .product-card:last-child {
    margin-right: 0
}

.festive-slider .content-wrap .product-card-slider .slick-dots {
    opacity: 1 !important;
    left: 0
}

@media(max-width:1300px) {
    .festive-slider .content-wrap .product-card-slider .slick-dots {
        bottom: -30px
    }
}

@media(max-width:569px) {
    .festive-slider .content-wrap .product-card-slider .slick-dots {
        bottom: -38px
    }
}

.festive-slider .content-wrap .reverse-product-card-slider {
    padding-left: 0
}

.festive-slider .reverse-content-wrap {
    flex-direction: row-reverse
}

.festive-offer-section .festive-offer-card-wrap {
    padding: 16px 40px 32px;
    justify-content: center;
    gap: 22px;
    margin: auto !important
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap {
        padding: 16px 0 32px
    }

        .festive-offer-section .festive-offer-card-wrap .slick-dots {
            bottom: 14px
        }
}

.festive-offer-section .festive-offer-card-wrap .slick-dots {
    bottom: 14px
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp {
    margin-top: 16px
}

    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content {
        border-radius: 12px;
        border: 1px solid #df7900;
        background: linear-gradient(180deg,#fff0d0 28.14%,#ffce88 100%);
        padding: 16px;
        position: relative;
        width: 95.017%;
        min-width: 305px;
        min-height: 200px
    }

@media(max-width:1300px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content {
        min-height: 215px;
        min-width: 250px
    }
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content {
        width: 97%;
        max-width: 305px;
        min-width: unset;
        min-height: 184px
    }
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-text {
    position: absolute;
    right: 16px;
    top: -12px;
    width: 125px;
    text-align: center;
    border-radius: 21px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-tstar-heavy);
    line-height: 20px;
    padding: 3px 0 5px
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-text {
        width: 101px;
        font-size: 12px;
        line-height: 16px
    }
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-cashback-bg {
    background: #794a9d
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-finance-bg {
    background: #3958a7
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-exchange-bg {
    background: #46ba8d
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-img {
    width: 32px;
    position: absolute;
    right: 0;
    top: 8px
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-regular-img {
    width: 32px;
    position: absolute;
    right: 0;
    top: 8px
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-heading {
    font-size: 24px;
    font-family: var(--font-tstar-heavy);
    line-height: 32px
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-text {
    position: absolute;
    right: 16px;
    top: -12px;
    width: 125px;
    text-align: center;
    border-radius: 21px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-tstar-heavy);
    line-height: 20px;
    padding: 3px 0 5px;
    text-transform: capitalize
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-text {
        width: 101px;
        font-size: 12px;
        line-height: 16px
    }
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-cashback-bg {
    background: #794a9d
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-finance-bg {
    background: #3958a7
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-exchange-bg {
    background: #46ba8d
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-img {
    width: 32px;
    position: absolute;
    right: 0;
    top: 8px
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-regular-img {
    width: 32px;
    position: absolute;
    right: 0;
    top: 8px
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-heading {
    font-size: 24px;
    font-family: var(--font-tstar-heavy);
    line-height: 32px
}

@media(max-width:1300px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-heading {
        width: 85%;
        font-size: 18px;
        line-height: 24px
    }
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-heading {
        font-size: 18px;
        line-height: 24px
    }
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-price {
    color: #0000ab;
    font-size: 32px;
    line-height: 48px;
    font-family: var(--font-tstar-heavy)
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-price {
        font-size: 24px;
        line-height: 32px
    }
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-subheading {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--font-tstar-heavy);
    color: #303030;
    max-width: 215px
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-subheading {
        max-width: 240px
    }
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-subheading span {
    text-transform: capitalize
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-cta-label {
    font-size: 14px;
    line-height: 20px;
      font-family: 'Poppins', sans-serif;
    color: #303030;
    margin-top: 12px;
    max-width: 207px
}

@media(max-width:1300px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-cta-label {
        font-size: 12px;
        line-height: 18px
    }
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-cta-label {
        font-size: 12px;
        line-height: 16px
    }
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-cta-link {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    color: #303030;
    cursor: pointer
}

.festive-offer-section .festive-offer-card-wrap .festive-card-comp .festive-card-content .festive-offer-bank-logo {
    margin: 7px 0 5px
}

.festive-offer-section .festive-offer-card-wrap .a-right {
    width: 55px;
    height: 55px;
    right: 30px
}

.festive-offer-section .festive-offer-card-wrap .a-left {
    z-index: 1;
    width: 55px;
    height: 55px;
    left: 15px;
    transform: none;
    top: 40%
}

.festive-offer-section #offers-api-fail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .festive-offer-section #offers-api-fail .try-again-text {
        font-family: 'Poppins', sans-serif;
        color: #303030;
        font-size: 48px;
        line-height: 58px;
        margin: 32px auto
    }

@media(max-width:569px) {
    .festive-offer-section #offers-api-fail .try-again-text {
        font-size: 28px;
        line-height: 40px;
        margin: 36px 16px;
        text-align: center
    }
}

.festive-offer-section #offers-api-fail .try-again-wrapper {
    margin-bottom: 24px
}

@media(max-width:569px) {
    .festive-offer-section #offers-api-fail .try-again-wrapper {
        width: 100%;
        padding: 0 16px;
        margin-bottom: 0
    }
}

.festive-offer-section #offers-api-fail .try-again-wrapper #try-again-button {
    padding: 12px 48px 12px 30px
}

@media(max-width:569px) {
    .festive-offer-section #offers-api-fail .try-again-wrapper #try-again-button {
        line-height: 20px;
        width: 100%
    }
}

.festive-offer-section #offers-api-fail .try-again-wrapper .arrow-cta-offer {
    position: absolute;
    right: 12px;
    top: 9px
}

@media(max-width:569px) {
    .festive-offer-section #offers-api-fail .try-again-wrapper .arrow-cta-offer {
        width: 20px;
        right: 36%;
        top: 12px
    }
}

.festive-offer-section #offers-no-city {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .festive-offer-section #offers-no-city .no-city-text {
        font-family: 'Poppins', sans-serif;
        color: #303030;
        font-size: 48px;
        line-height: 58px;
        margin: 32px auto
    }

@media(max-width:569px) {
    .festive-offer-section #offers-no-city .no-city-text {
        font-size: 28px;
        line-height: 40px;
        margin: 36px 16px;
        text-align: center
    }
}

.festive-offer-section .festive-offer-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
    margin: auto 40px;
    border-radius: 12px;
    border: 1px solid #df7900;
    background: #FFF;
    position: relative
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-wrap {
        flex-direction: column;
        margin: auto 16px;
        padding: 16px
    }
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-wrap form {
        flex-direction: column;
        width: 100%
    }
}

.festive-offer-section .festive-offer-wrap .sparkles-img-left {
    position: absolute;
    left: 0;
    bottom: 0
}

.festive-offer-section .festive-offer-wrap .sparkles-img-left-mobile {
    position: absolute;
    left: 0;
    top: 0
}

.festive-offer-section .festive-offer-wrap .sparkles-img-right {
    position: absolute;
    right: 0;
    bottom: 0
}

.festive-offer-section .festive-offer-wrap .offers-left-wrap-head {
    display: flex;
    align-items: center
}

.festive-offer-section .festive-offer-wrap .cust-form-group {
    margin-bottom: 0
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-wrap .cust-form-group {
        width: 100%;
        margin-top: 16px
    }
}

.festive-offer-section .festive-offer-wrap .cust-form-group label {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size12);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: absolute
}

    .festive-offer-section .festive-offer-wrap .cust-form-group label::before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(45.5%);
        width: 9px;
        height: 9px;
        background: url(../components/content/festiveoffers/clientlibs/css/clientlib-site/resources/images/icons/error.html) no-repeat;
        background-size: 100%
    }

.festive-offer-section .festive-offer-wrap .dropdown-menu {
    min-width: 15rem;
    padding: 4px 16px 16px;
    max-height: 360px;
    overflow-y: scroll;
    z-index: 3
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-wrap .dropdown-menu {
        max-height: 250px
    }
}

.festive-offer-section .festive-offer-wrap .dropdown-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    min-width: 251px;
    max-height: 32px;
    padding: 0 0 3px 0;
    border-color: #edcc1e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-family: var(--font-tstar-heavy);
    color: #303030;
    font-size: 24px;
    line-height: 32px;
    background-color: transparent;
    border-radius: 0;
    z-index: 1;
    position: relative;
    text-transform: capitalize;
    font-weight: 900
}

@media(max-width:1300px) {
    .festive-offer-section .festive-offer-wrap .dropdown-select {
        min-width: 130px
    }
}

@media(max-width:1023px) {
    .festive-offer-section .festive-offer-wrap .dropdown-select {
        min-width: 125px;
        font-size: 18px;
        line-height: 24px
    }
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-wrap .dropdown-select {
        font-size: 18px;
        line-height: 24px
    }
}

.festive-offer-section .festive-offer-wrap .offer-star-shine {
    width: 24px;
    z-index: 1
}

.festive-offer-section .festive-offer-wrap ::-webkit-scrollbar {
    width: 6px
}

.festive-offer-section .festive-offer-wrap li a {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 12px 0 4px 6px;
    color: #303030;
    text-transform: capitalize
}

    .festive-offer-section .festive-offer-wrap li a.offer-enable-click:hover {
        font-family: var(--font-tstar-heavy);
        color: #0000ab
    }

.festive-offer-section .festive-offer-wrap .offer-disable-click {
    font-family: var(--font-tstar-heavy);
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    border: 0;
    padding: 12px 0 0
}

.festive-offer-section .festive-offer-wrap li.active a {
    color: #0000ab;
    font-family: var(--font-tstar-heavy)
}

.festive-offer-section .festive-offer-wrap #searchCityOffer {
    border-radius: .5rem
}

.festive-offer-section .festive-offer-wrap .offer-available-text {
      font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 24px;
    line-height: 32px
}

@media(max-width:1023px) {
    .festive-offer-section .festive-offer-wrap .offer-available-text {
        font-size: 14px;
        line-height: 20px
    }
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-wrap .offer-available-text {
        font-size: 18px;
        line-height: 24px
    }
}

.festive-offer-section .festive-offer-wrap .offer-available-text.sup {
    color: #0000ab
}

.festive-offer-section .festive-offer-wrap .offer-number-text {
    font-family: var(--font-tstar-heavy);
    color: #303030;
    font-size: 24px;
    line-height: 32px;
    padding: 0 7px 5px;
    z-index: 1
}

@media(max-width:1023px) {
    .festive-offer-section .festive-offer-wrap .offer-number-text {
        font-size: 16px;
        line-height: 20px
    }
}

@media(max-width:767px) {
    .festive-offer-section .festive-offer-wrap .offer-number-text {
        font-size: 18px;
        line-height: 24px
    }
}

.festive-offer-section .festive-offer-cta {
    display: flex;
    justify-content: center;
    padding: 0 0 32px 0
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-cta .form-wrap-cta-offer {
        width: 100%;
        padding: 0 16px
    }
}

.festive-offer-section .festive-offer-cta .arrow-cta-offer-gif {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    transform: rotate(-90deg);
    cursor: pointer
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-cta .arrow-cta-offer-gif {
        right: 105px;
        top: 7px;
        width: 20px
    }
}

.festive-offer-section .festive-offer-cta #offer-cta-input {
    padding: 12px 44px 12px 34px;
    line-height: 22px;
    height: 48px
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-cta #offer-cta-input {
        width: 100%;
        height: 36px;
        padding: 6px 42px 10px 32px
    }
}

.festive-offer-section .claim-offer-modal-dialog {
    max-width: 1058px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog {
        margin: 0 -1px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content {
    border-radius: 16px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content {
        border-radius: 16px 16px 0 0;
        position: absolute;
        bottom: -16px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body {
    display: flex;
    padding: 0
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section {
        width: 51.105%;
        padding: 24px 22px 36px 24px;
        position: relative
    }

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section {
        width: 100%;
        padding: 16px 16px 20px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .modal-header {
    border-bottom: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .gift-confetti-popup-left {
    position: absolute;
    left: 0;
    bottom: 0
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .gift-confetti-popup-left {
        position: fixed
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .gift-confetti-popup-right {
    position: absolute;
    top: 0;
    right: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offer-modal-header {
    color: #303030;
    font-family: var(--font-tstar-heavy);
    font-size: 32px;
    line-height: 48px;
    z-index: 1
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offer-modal-header {
        font-size: 24px;
        line-height: 32px;
        width: 90%
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form {
    display: flex;
    flex-direction: column;
    gap: 38px;
    margin-top: 32px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form {
        gap: 22px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .offer-available-text {
    font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .offer-available-text.sup {
        color: #0000ab
    }

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp {
    border: 0;
    padding: 0 0 6px 0;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 18px;
    line-height: 24px;
    background-color: transparent;
    border-radius: 0;
    height: auto
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp {
          font-family: 'Poppins', sans-serif
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name::-ms-input-placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number::-ms-input-placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp::-ms-input-placeholder {
    color: #303030
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name::placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number::placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp::placeholder {
    color: #303030
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-offer-otp-link, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-resend-otp-btn {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
      font-family: 'Poppins', sans-serif;
    color: #0000ab;
    display: none
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-offer-otp-link:hover, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-resend-otp-btn:hover {
        color: #0000ab !important
    }

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-offer-otp-link.show, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-resend-otp-btn.show {
        display: block
    }

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-offer-otp-link.pe-none-tracker, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-resend-otp-btn.pe-none-tracker {
        pointer-events: none
    }

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns {
    display: flex;
    gap: 22px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns {
        flex-direction: column
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns .claim-offers-locations {
    width: 49%
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns .claim-offers-locations {
        width: 100%
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    padding: 0 0 6px 0;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 18px;
    line-height: 24px;
    background-color: transparent;
    border-radius: 0;
    height: auto;
    text-transform: capitalize;
    font-weight: 700
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-select {
          font-family: 'Poppins', sans-serif
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-submit-button {
    z-index: 1
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form #claim-submit-input {
    height: 48px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form #claim-submit-input {
        height: 36px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-menu {
    min-width: 15rem;
    padding: 4px 16px 16px;
    max-height: 360px;
    overflow-y: scroll;
    z-index: 3
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-menu {
        max-height: 250px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .offer-disable-click {
    font-family: var(--font-tstar-heavy);
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    border: 0;
    padding: 12px 0 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form li a {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 12px 0 4px 6px;
    color: #303030
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form li a.offer-enable-click:hover {
        font-family: var(--font-tstar-heavy);
        color: #0000ab
    }

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form li.active a {
    color: #0000ab;
    font-family: var(--font-tstar-heavy)
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group {
    margin-bottom: 0
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group {
        width: 100%;
        margin-top: 16px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group label {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size12);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: absolute
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group label::before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(35.5%);
        width: 9px;
        height: 9px;
        background: url("clientlib-site/resources/images/icons/error.svg") no-repeat;
        background-size: 100%
    }

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group .invalid-otp-message, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group .invalid-city-message, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group .invalid-state-message, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .cust-form-group .invalid-vehicle-message {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size12);
    color: #0000ab;
    display: block;
    padding-left: 16px;
    position: absolute;
    margin-top: 5px
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section {
    width: 48.895%;
    padding: 0 24px;
    background: linear-gradient(180deg,#fff0d0 28.14%,#ffce88 100%);
    border-radius: 0 16px 16px 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section {
        display: none
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .offers-right-heading {
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    line-height: 32px
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-offer-text {
    width: 125px;
    text-align: center;
    border-radius: 21px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-tstar-heavy);
    line-height: 20px;
    padding: 3px 0 5px;
    margin: 16px 0 12px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-offer-text {
        width: 101px;
        font-size: 12px;
        line-height: 16px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-cashback-bg {
    background: #794a9d
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-finance-bg {
    background: #3958a7
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-exchange-bg {
    background: #46ba8d
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .claim-offer-sub-text {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-left: 12px
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 572px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content {
        font-size: 18px;
        line-height: 24px
    }
}

.festive-offer-section .claim-offer-modal-dialog .offer-star-shine {
    width: 24px;
    z-index: 1
}

.festive-offer-section .claim-offer-modal-dialog ::-webkit-scrollbar {
    width: 6px
}

.festive-offer-section .claim-offer-modal-dialog li a {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 12px 0 4px 6px;
    color: #303030;
    text-transform: capitalize
}

    .festive-offer-section .claim-offer-modal-dialog li a.offer-enable-click:hover {
        font-family: var(--font-tstar-heavy);
        color: #0000ab
    }

.festive-offer-section .claim-offer-modal-dialog .offer-disable-click {
    font-family: var(--font-tstar-heavy);
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    border: 0;
    padding: 12px 0 0
}

.festive-offer-section .claim-offer-modal-dialog li.active a {
    color: #0000ab;
    font-family: var(--font-tstar-heavy)
}

.festive-offer-section .claim-offer-modal-dialog #searchCityOffer {
    border-radius: .5rem
}

.festive-offer-section .claim-offer-modal-dialog .offer-available-text {
      font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 24px;
    line-height: 32px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .offer-available-text {
        font-size: 18px;
        line-height: 24px
    }
}

.festive-offer-section .claim-offer-modal-dialog .offer-available-text.sup {
    color: #0000ab
}

.festive-offer-section .claim-offer-modal-dialog .offer-number-text {
    font-family: var(--font-tstar-heavy);
    color: #303030;
    font-size: 24px;
    line-height: 32px;
    padding: 0 7px 5px;
    z-index: 1
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .offer-number-text {
        font-size: 18px;
        line-height: 24px
    }
}

@media(max-width:768px) {
    .festive-offer-section .claim-offer-modal-dialog #festive-form {
        flex-direction: column;
        width: 100%
    }
}

.festive-offer-section .festive-offer-cta {
    display: flex;
    justify-content: center;
    padding: 0 0 32px 0
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-cta .form-wrap-cta-offer {
        width: 100%;
        padding: 0 16px
    }
}

.festive-offer-section .festive-offer-cta .arrow-cta-offer {
    position: absolute;
    right: 12px;
    top: 13px
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-cta .arrow-cta-offer {
        right: 105px;
        top: 8px;
        width: 20px
    }
}

.festive-offer-section .festive-offer-cta #offer-cta-input {
    padding: 12px 44px 12px 34px;
    line-height: 22px;
    height: 48px
}

@media(max-width:569px) {
    .festive-offer-section .festive-offer-cta #offer-cta-input {
        width: 100%;
        height: 36px;
        padding: 6px 42px 10px 32px
    }
}

.festive-offer-section .claim-offer-modal-dialog {
    max-width: 1058px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog {
        margin: 0 -1px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content {
    border-radius: 16px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content {
        border-radius: 16px 16px 0 0;
        position: absolute;
        bottom: -16px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body {
    display: flex;
    padding: 0
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section {
        width: 51.105%;
        padding: 24px 22px 36px 24px;
        position: relative
    }

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section {
        width: 100%;
        padding: 16px 16px 20px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .modal-header {
    border-bottom: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .gift-confetti-popup-left {
    position: absolute;
    left: 0;
    bottom: 0
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .gift-confetti-popup-left {
        position: fixed
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .gift-confetti-popup-right {
    position: absolute;
    top: 0;
    right: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offer-modal-header {
    color: #303030;
    font-family: var(--font-tstar-heavy);
    font-size: 32px;
    line-height: 48px;
    z-index: 1
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offer-modal-header {
        font-size: 24px;
        line-height: 32px;
        width: 90%
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form {
    display: flex;
    flex-direction: column;
    gap: 38px;
    margin-top: 32px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form {
        gap: 22px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .offer-available-text {
    font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .offer-available-text sup {
        color: #0000ab
    }

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp {
    border: 0;
    padding: 0 0 6px 0;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 18px;
    line-height: 24px;
    background-color: transparent;
    border-radius: 0;
    height: auto
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp {
          font-family: 'Poppins', sans-serif
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name::-ms-input-placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number::-ms-input-placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp::-ms-input-placeholder {
    color: #303030
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-name::placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-number::placeholder, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .form-claim-otp::placeholder {
    color: #303030
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-offer-otp-link, .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-resend-otp-btn {
    position: absolute;
    right: 0;
    top: 2px
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns {
    display: flex;
    gap: 22px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns {
        flex-direction: column
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns .claim-offers-locations {
    width: 49%
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .modal-location-dropdowns .claim-offers-locations {
        width: 100%
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    padding: 0 0 6px 0;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 18px;
    line-height: 24px;
    background-color: transparent;
    border-radius: 0;
    height: auto;
    font-weight: 700
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-select {
          font-family: 'Poppins', sans-serif
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .claim-submit-button {
    z-index: 1
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form #claim-submit-input {
    height: 48px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form #claim-submit-input {
        height: 36px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-menu {
    min-width: 15rem;
    padding: 4px 16px 16px;
    max-height: 360px;
    width: 100%;
    overflow-y: scroll;
    z-index: 3
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .dropdown-menu {
        max-height: 250px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form .offer-disable-click {
    font-family: var(--font-tstar-heavy);
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    border: 0;
    padding: 12px 0 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form li a {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    border-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 12px 0 4px 6px;
    color: #303030
}

    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form li a.offer-enable-click:hover {
        font-family: var(--font-tstar-heavy);
        color: #0000ab
    }

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-left-section .claim-offers-form li.active a {
    color: #0000ab;
    font-family: var(--font-tstar-heavy)
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section {
    width: 48.895%;
    padding: 0 24px;
    background: linear-gradient(180deg,#fff0d0 28.14%,#ffce88 100%);
    border-radius: 0 16px 16px 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section {
        display: none
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .offers-right-heading {
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    line-height: 32px
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-offer-text {
    width: 125px;
    text-align: center;
    border-radius: 21px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-tstar-heavy);
    line-height: 20px;
    padding: 3px 0 5px;
    margin: 16px 0 12px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-offer-text {
        width: 101px;
        font-size: 12px;
        line-height: 16px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-cashback-bg {
    background: #794a9d
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-finance-bg {
    background: #3958a7
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .festive-exchange-bg {
    background: #46ba8d
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-offer-right-section .claim-offer-sub-text {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-left: 12px
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 572px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success {
        min-height: 366px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .sparkles-popup-right {
    position: absolute;
    top: 0;
    right: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .sparkles-popup-left {
    position: absolute;
    bottom: 0;
    left: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents {
        padding: 16px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents .claim-success-gif {
    width: 140px;
    margin: auto
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents .claim-success-gif {
        width: 80px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents .claim-success-heading {
    color: #038252;
    text-align: center;
    font-family: var(--font-tstar-heavy);
    font-size: 32px;
    line-height: normal;
    margin-top: 24px;
    width: 80%
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents .claim-success-heading {
        font-size: 24px;
        width: 100%
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents .claim-success-subheading {
    color: #303030;
    text-align: center;
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-top: 12px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-success .claim-success-contents .claim-success-subheading {
        font-size: 16px;
        line-height: 20px;
        margin-top: 8px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 572px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure {
        min-height: 366px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .sparkles-popup-right {
    position: absolute;
    top: 0;
    right: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .sparkles-popup-left {
    position: absolute;
    bottom: 0;
    left: 0
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents {
        padding: 16px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents .claim-failure-gif {
    width: 140px;
    margin: auto
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents .claim-failure-gif {
        width: 80px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents .claim-failure-heading {
    color: #d30000;
    text-align: center;
    font-family: var(--font-tstar-heavy);
    font-size: 32px;
    line-height: normal;
    margin-top: 24px;
    width: 80%
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents .claim-failure-heading {
        font-size: 24px;
        width: 100%
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents .claim-failure-subheading {
    color: #303030;
    text-align: center;
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-top: 12px
}

@media(max-width:569px) {
    .festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .claim-offer-modal-body .claim-modal-failure .claim-failure-contents .claim-failure-subheading {
        font-size: 16px;
        line-height: 20px;
        margin-top: 8px
    }
}

.festive-offer-section .claim-offer-modal-dialog .claim-offer-modal-content .festive-offer-cross-button {
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
    z-index: 1
}

.festive-hub-container-bg {
    background: radial-gradient(50% 50% at 50% 50%,#fff 0,#ffeed4 100%);
    padding-top: 1px
}

.festivehub-non-scrollable-body {
    position: fixed;
    width: 100%
}

@media(max-width:569px) {
    .popup-small-scroll {
        overflow-y: scroll;
        height: 500px;
        margin-bottom: 16px
    }
}

.festiveHub-slick-lister {
    padding: 0 4% 0 7% !important
}

.exchange-banner .exchange-form-container {
    height: 500px;
    display: flex;
    margin: auto;
    max-width: 850px;
    background: #fff;
    box-shadow: 0 8px 28px -6px rgba(24,39,75,0.12),0 18px 88px -4px rgba(24,39,75,0.14);
    border-radius: 12px;
    margin-top: 40px;
    margin-bottom: 40px
}

    .exchange-banner .exchange-form-container .exchange-left {
        width: 49%
    }

    .exchange-banner .exchange-form-container .exchange-text {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        padding: 44px 0 32px
    }

        .exchange-banner .exchange-form-container .exchange-text p {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            line-height: 32px
        }

    .exchange-banner .exchange-form-container .exchange-left .exchange-pwd-img {
        margin: auto
    }

    .exchange-banner .exchange-form-container .exchange-left .exchange-form-img {
        margin: auto;
        margin-top: 57px
    }

    .exchange-banner .exchange-form-container .exchange-midline {
        width: 1px;
        border: solid 1px;
        border-color: silver;
        margin: 22px 0
    }

    .exchange-banner .exchange-form-container .exchange-right {
        width: 49%
    }

    .exchange-banner .exchange-form-container .ex-form-tab-content {
        margin: auto 51px
    }

    .exchange-banner .exchange-form-container .form-checkbox-wrap {
        display: block;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .exchange-banner .exchange-form-container .ex-form-updates-label {
        color: #303030;
        font-family: 'Poppins', sans-serif;
        font-size: 14px !important;
        line-height: 20px;
        margin-top: 20px
    }

    .exchange-banner .exchange-form-container .form-checkbox-wrap {
        display: block;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .exchange-banner .exchange-form-container .form-checkbox-wrap input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0
        }

    .exchange-banner .exchange-form-container .form-checkbox-mark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border-radius: 5px
    }

    .exchange-banner .exchange-form-container .form-checkbox-wrap:hover input ~ .form-checkbox-mark {
        background-color: #ccc
    }

    .exchange-banner .exchange-form-container .form-checkbox-wrap input:checked ~ .form-checkbox-mark {
        background-color: red
    }

    .exchange-banner .exchange-form-container .form-checkbox-mark:after {
        content: "";
        position: absolute;
        display: none
    }

    .exchange-banner .exchange-form-container .form-checkbox-wrap input:checked ~ .form-checkbox-mark:after {
        display: block
    }

    .exchange-banner .exchange-form-container .form-checkbox-wrap .form-checkbox-mark:after {
        left: 3px;
        top: 4px;
        width: 14px;
        height: 10px;
        border: solid white;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(-45deg) scale(-1,1);
        -ms-transform: rotate(45deg);
        transform: rotate(-45deg) scale(-1,1);
        border-radius: 0 3px 3px 3px
    }

.exchange-banner .exchg-logged-user-text {
    font-family: var(--font-tstar-heavy);
    font-size: 32px;
    line-height: 48px;
    color: #303030
}

.exchange-banner .exchg-logged-smile-gif {
    width: 56px;
    margin-right: 8px
}

@media(max-width:800px) {
    .exchange-banner .exchange-form-container {
        flex-direction: column;
        box-shadow: none;
        margin-top: 0;
        margin-bottom: 0;
        height: auto
    }

        .exchange-banner .exchange-form-container .exchange-left .exchange-form-img {
            display: none
        }

        .exchange-banner .exchange-form-container .exchange-text {
            padding: 14px 16px;
            font-size: 18px;
            line-height: 24px
        }

        .exchange-banner .exchange-form-container .exchange-left {
            width: 100%
        }

        .exchange-banner .exchange-form-container .exchange-right {
            width: 100%;
            margin: auto;
            padding: 0 16px
        }

        .exchange-banner .exchange-form-container .exchange-midline {
            display: none
        }

        .exchange-banner .exchange-form-container .ex-form-updates-label {
            margin-top: 0
        }
}

.exchange-banner .otp-form .otp-field {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    border: 0;
    border-bottom: 2px solid #ededed;
    outline: 0;
    margin: 0 5px;
    padding: 0
}

    .exchange-banner .otp-form .otp-field:focus {
        border-bottom-color: var(--bs-dark)
    }

.exchange-banner .otp-verified .success-img {
    margin: auto;
    width: 140px
}

.exchange-banner .otp-verified .success-text {
    color: green;
    font-size: 32px !important;
    line-height: 48px !important
}

.exchange-banner .otp-failed .failed-text {
    margin: auto auto 50px;
    text-align: center;
    color: red;
    font-size: 32px !important;
    line-height: 48px !important
}

.exchange-banner .otp-failed .failed-img {
    width: 140px;
    margin: auto
}

.exchange-banner .after-success-loader {
    position: relative;
    overflow: hidden
}

.exchange-banner .after-success-loader, .exchange-banner .otp-verified {
    opacity: 0;
    animation: fade-in 1s ease-in forwards,fade-out 7s 1s ease-out forwards
}

@keyframes fade-in {
    100% {
        opacity: 1
    }
}

@keyframes fade-out {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.exchange-banner .after-success-loader .loader-bike {
    width: 276px;
    margin: auto
}

.exchange-banner .after-success-loader .loader-line {
    width: 376px;
    position: absolute;
    top: 50px;
    left: 45px
}

.exchange-banner .after-success-loader .loader-text {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    line-height: 20px;
    width: 350px;
    padding-bottom: 50px;
    margin: auto;
    text-align: center
}

.exchange-banner .before-calc-popper {
    bottom: 0
}

.exchange-banner .otp-failed button {
    padding: 15px 0
}

@media(max-width:786px) {
    .exchange-banner .modal-mob-bottom {
        width: 100% !important;
        margin: 0;
        top: unset;
        bottom: 0 !important;
        align-items: end;
        min-height: 100%;
        transition: bottom 1s !important;
        margin: auto
    }

    .exchange-banner .modal-mob-content {
        min-height: 264px;
        border-radius: 12px 12px 0 0 !important
    }

    .exchange-banner #otp-modal .card-body {
        padding: 16px 13px 12px
    }

    .exchange-banner #otp-modal .verifyNumber {
        margin: 16px auto;
        text-align: center;
        font-size: 18px !important;
        font-family: 'Poppins', sans-serif !important
    }

    .exchange-banner #otp-form .otp-field {
        margin: 0 7px
    }

    .exchange-banner #otp-modal .exchange-cross-button {
        right: 35px;
        top: 18px
    }

    .exchange-banner #otp-modal #otp-verification-proceed {
        width: 100% !important
    }

    .exchange-banner .otp-failed .failed-text {
        margin: 0 0 23px 0
    }

    .exchange-banner #otp-modal .container {
        padding: 5px
    }

    .exchange-banner .after-success-loader .loader-bike {
        width: 176px
    }

    .exchange-banner .after-success-loader .loader-text {
        font-size: 14px;
        padding-bottom: 20px;
        width: 320px
    }

    .exchange-banner .otp-failed button {
        padding: 0
    }

    .exchange-banner .after-success-loader .loader-line {
        top: -35px;
        left: 55px
    }

    .exchange-banner .exchange-form-container .ex-form-tab-content {
        margin: auto
    }

    .exchange-banner .exchg-logged-user-text {
        font-size: 24px;
        line-height: 32px
    }

    .exchange-banner .exchg-logged-smile-gif {
        width: 32px;
        margin-right: 8px
    }

    .exchange-banner .exchange-form-container .exchange-text p {
        font-size: 18px;
        line-height: 24px
    }

    .exchange-banner .otp-failed .failed-img, .exchange-banner .otp-verified .success-img {
        width: 122px
    }

    .exchange-banner .otp-failed .failed-text, .exchange-banner .otp-verified .success-text {
        font-size: 24px !important;
        line-height: normal !important
    }
}

@media(max-width:500px) {
    .exchange-banner .after-success-loader .loader-line {
        width: 274px;
        top: 25px;
        left: 18%
    }
}

@media(max-width:440px) {
    .exchange-banner .after-success-loader .loader-line {
        left: 13%
    }
}

@media(max-width:400px) {
    .exchange-banner .after-success-loader .loader-line {
        left: 10%
    }
}

.exchg-non-scrollable-body {
    position: fixed;
    width: 100%
}

.exchange-banner .submit-btn {
    border: 1px solid #0e9594;
    background-color: #0e9594
}

.exchange-banner ul.form-stepper {
    counter-reset: section
}

    .exchange-banner ul.form-stepper .form-stepper-circle {
        position: relative
    }

.exchange-banner .ex-form-updates-label a {
    display: inline-block
}

.exchange-banner .form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ededed;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    padding: .75rem 18.5rem 1.8rem
}

.exchange-banner .exchg-ul-stepper-wrap {
    padding: .75rem 20.5rem 1.8rem
}

.exchange-banner ul.form-stepper > li:not(:last-of-type) {
    margin-bottom: .625rem;
    -webkit-transition: margin-bottom .4s;
    -o-transition: margin-bottom .4s;
    transition: margin-bottom .4s
}

.exchange-banner .form-stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important
}

.exchange-banner .form-stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: .5s;
    transition: .5s
}

    .exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar {
        position: relative;
        height: 5px;
        top: 37%;
        width: 24vw
    }

.exchange-banner .exchg-three-progress-bar {
    width: 28vw !important
}

.exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar .exchg-progresse-bar {
    position: absolute;
    display: block;
    height: 3px;
    background-image: repeating-linear-gradient(to right,transparent,transparent 5px,#0000ab 5px,#0000ab 10px);
    transform: translate(0,35%)
}

.exchange-banner .form-stepper-horizontal li .exchg-multi-progress-bar {
    background-color: #fff
}

.exchange-banner .form-stepper-horizontal li.form-stepper-completed .exchg-multi-progress-bar {
    display: block;
    height: 3px;
    background-image: repeating-linear-gradient(to right,transparent,transparent 5px,#0000ab 5px,#0000ab 10px);
    transform: translate(0,35%)
}

.exchange-banner .form-stepper-horizontal li:last-child .exchg-multi-progress-bar {
    flex: unset
}

.exchange-banner ul.form-stepper li a .form-stepper-circle {
    display: inline-block;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    border-radius: 50%;
    cursor: pointer
}

.exchange-banner .form-stepper .form-stepper-active .form-stepper-circle {
    color: #fff
}

.exchange-banner .form-stepper .form-stepper-active .label {
    font-family: var(--font-tstar-heavy);
    color: #303030 !important
}

.exchange-banner .form-stepper .form-stepper-active .form-stepper-circle:hover {
    background-color: #4361ee !important;
    color: #fff !important
}

.exchange-banner .form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #f8f7ff
}

.exchange-banner .form-stepper .form-stepper-completed .form-stepper-circle {
    background-color: #0e9594 !important;
    color: #fff
}

.exchange-banner .form-stepper .form-stepper-completed .label {
    font-family: var(--font-tstar-heavy);
    color: #303030 !important
}

.exchange-banner .form-stepper .form-stepper-completed .form-stepper-circle:hover {
    background-color: #0e9594 !important;
    color: #fff !important
}

.exchange-banner .form-stepper .form-stepper-active span.text-muted {
    color: #fff !important
}

.exchange-banner .form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important
}

.exchange-banner .form-stepper .label {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5;
    position: absolute;
    width: max-content;
    left: -30px
}

.exchange-banner .form-stepper a {
    cursor: default
}

.exchange-banner .exchange-bike-left-nav {
    width: 22.199%;
    background: #ededed
}

.exchange-banner .exchg-left-nav-items {
    padding: 20px 0 20px 40px;
    border-bottom: 1px solid silver;
    cursor: pointer
}

    .exchange-banner .exchg-left-nav-items.active {
        background: #fff;
        border-right: 4px solid #ee2327
    }

.exchange-banner .exchg-nav-heading, .exchange-banner .exchg-nav-heading p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #303030
}

.exchange-banner .exchg-left-nav-items.active .exchg-nav-heading p {
    font-family: var(--font-tstar-heavy)
}

.exchange-banner #checkModal .exchg-nav-heading p {
    font-family: var(--font-tstar-heavy);
    text-align: center
}

.exchange-banner .exchg-nav-subheading, .exchange-banner .exchg-nav-subheading p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #009fda;
    width: 95%
}

.exchange-banner .searchInput, .exchange-banner .exchg-pincode-wrap {
    background: #fff;
    width: 45.85%;
    border-radius: 6px;
    margin-top: 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    border: 1px solid silver
}

.exchange-banner .exchg-pincode-span {
    font-size: 12px;
    line-height: 16px;
      font-family: 'Poppins', sans-serif;
    position: absolute;
    top: -7px;
    left: 15px;
    color: #303030;
    padding: 0 4px;
    background-color: #fff
}

.exchange-banner .exchg-pincode-wrap {
    position: relative;
    width: 84.5%;
    margin: 40px auto 36px
}

.exchange-banner .exchg-pincode-label sup {
    font-weight: bold;
    color: red
}

.exchange-banner .pincode-error-msg {
      font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #d30000;
    position: absolute;
    bottom: -22px;
    left: 18px
}

    .exchange-banner .pincode-error-msg::before {
        content: "";
        position: absolute;
        left: -16px;
        top: calc(30%);
        width: 9px;
        height: 9px;
        background: url("clientlib-campaign/resources/icons/error.svg") no-repeat;
        background-size: 100%
    }

.exchange-banner .exchg-err-pin-border {
    border: 1px solid #d30000
}

.exchange-banner .searchInput input, .exchange-banner .exchg-pincode-wrap input {
    width: 93%;
    outline: 0;
    border: 0;
    border-radius: 5px;
    padding: 8px 16px;
    font-size: 16px;
      font-family: 'Poppins', sans-serif;
    line-height: 20px;
    color: #303030
}

    .exchange-banner .searchInput input::placeholder, .exchange-banner .exchg-pincode-wrap input::placeholder {
        color: #a5a5a5
    }

.exchange-banner .exchg-pincode-wrap input {
    width: 100%
}

.exchange-banner .searchInput.active input {
    border-radius: 5px 5px 0 0
}

.exchange-banner .searchInput .icon {
    cursor: pointer
}

.exchange-banner .exchg-vehicle-content {
    display: none !important
}

    .exchange-banner .exchg-vehicle-content.active-tab {
        display: flex !important;
        margin: 22px 40px 22px 0;
        padding: 0 0 22px 22px;
        width: 100%;
        overflow-y: auto;
        position: relative
    }

.exchange-banner #vehicleList.exchg-vehicle-content.active-tab, .exchange-banner #exchangeList.exchg-vehicle-content.active-tab, .exchange-banner #step-2 .exchg-vehicle-content.active-tab {
    overflow-y: hidden
}

.exchange-banner .exchg-content-title {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #303030
}

    .exchange-banner .exchg-content-title p {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        line-height: 32px;
        color: #303030
    }

.exchange-banner .exchg-content-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #a5a5a5
}

.exchange-banner .exchg-content-options input {
    position: absolute !important
}

.exchange-banner .exchange-form-wrap {
    height: 700px
}

.exchange-banner .exchange-form-oriented-wrap {
    height: 800px
}

.exchange-banner .exchange-pincode-oriented-wrap {
    width: 50%
}

.exchange-banner .exchg-content-options-wrap, .exchange-banner .exchg-city-content-options-wrap {
    gap: 22px;
    margin-bottom: 0;
    padding-left: 1px
}

.exchange-banner .exchg-content-options {
    display: table !important;
    border-radius: 12px;
    border: 1px solid silver;
    width: 22.57%;
    min-height: 92px;
    position: relative
}

.exchange-banner .exchg-options-alt {
    width: 17.209%;
    position: relative
}

.exchange-banner .exchg-options-condition-wrap {
    width: 31.167%;
    position: relative
}

    .exchange-banner .exchg-content-options label, .exchange-banner .exchg-options-condition-wrap label {
        padding: 12px 12px !important
    }

.exchange-banner .exchg-options-alt label {
    padding: 24px 12px !important
}

.exchange-banner .exchg-options-alt input, .exchange-banner .exchg-options-condition-wrap input, .exchange-banner .exchg-content-options input {
    top: 12px;
    left: 12px
}

.exchange-banner .exchg-cond-images {
    margin: 22px auto 34px
}

.exchange-banner #vehicleList label img {
    margin: auto
}

.exchange-banner .exchange-gap-contents {
    gap: 22px;
    margin-top: 22px
}

.exchange-banner .exchg-old-gap-cont {
    gap: 28px
}

.exchange-banner .exchg-content-imgs {
    border-radius: 8px;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1)
}

.exchange-banner .exchg-old-user-wrap {
    padding: 40px 22px;
    border-radius: 12px;
    box-shadow: 0 18px 88px -4px rgba(24,39,75,0.14),0 8px 28px -6px rgba(24,39,75,0.12);
    width: 62.226%;
    height: fit-content;
    margin-top: 40px
}

.exchange-banner .exchg-old-user-options {
    width: 37.477%;
    border-radius: 8px;
    border: 1px solid silver;
    background: url(../../../content/dam/hero-aem-website/in/exchange---assets/exchg-old-bg.png);
    background-size: 100% 100%;
    padding: 12px
}

.exchange-banner .exchg-old-user-new {
    width: 37.477%;
    padding: 3.5rem 0;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
    color: #009fda;
    border-radius: 8px;
    border: 1px solid silver;
    cursor: pointer
}

.exchange-banner .exchg-old-hero-icon {
    height: fit-content
}

.exchange-banner .exchange-old-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #303030;
    text-align: start
}

.exchange-banner .exchange-old-subheading {
    font-family: var(--font-tstar-heavy);
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    text-align: start
}

.exchange-banner .exchange-old-vals {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    width: 65%;
    margin-top: 6px;
    text-align: start
}

.exchange-banner .check-popup-text {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #009fda;
    margin-top: 10px;
    cursor: pointer
}

.exchange-banner .exchange-cross-button {
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer
}

.exchange-banner .exchg-modal-header {
    color: #303030;
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    line-height: 48px
}

    .exchange-banner .exchg-modal-header p {
        color: #303030;
        font-family: 'Poppins', sans-serif;
        font-size: 32px;
        line-height: 48px
    }

.exchange-banner .exchg-smile-gif {
    width: 40px;
    height: 40px;
    margin-right: 8px
}

.exchange-banner .exchg-exclamation-gif {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.exchange-banner .exchg-tips-gif {
    width: 32px;
    height: 32px
}

.exchange-banner .tips-inner-wrap {
    display: none;
    align-items: center;
    gap: 8px
}

.exchange-banner .exchg-tips-text, .exchange-banner .exchg-tips-text p {
    color: #303030;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px
}

.exchange-banner .exchg-happy-heading {
    color: #303030;
    font-family: var(--font-tstar-heavy);
    font-size: 18px;
    line-height: 24px
}

.exchange-banner .exchg-happy-subheading p {
    color: #303030;
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.exchange-banner ul {
    list-style: unset
}

.exchange-banner .modal-content {
    border-radius: 16px
}

.exchange-banner .exchg-modal-contents-wrap {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1);
    margin-top: 32px;
    margin-bottom: 48px
}

.exchange-banner .modal-content-heading {
    color: #303030;
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    line-height: 32px;
    background: #ededed;
    padding: 6px 24px 10px;
    border-radius: 12px 12px 0 0
}

    .exchange-banner .modal-content-heading p {
        color: #303030;
        font-family: var(--font-tstar-heavy);
        font-size: 24px;
        line-height: 32px
    }

.exchange-banner .modal-lists-text {
    color: #303030;
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px
}

.exchange-banner .exclamation-wrapper {
    border-radius: 8px;
    background: rgba(3,130,82,0.1);
    padding: 8px 24px 8px;
    margin-top: 24px
}

.exchange-banner .exchg-tips-wrapper {
    border-radius: 12px;
    background: #ededed;
    padding: 16px 24px 16px;
    margin-top: 24px;
    position: absolute;
    bottom: 0;
    animation: fadeOut 3s infinite alternate
}

@keyframes fadeOut {
    from {
        opacity: 0;
        transform: translate3d(0,80%,0)
    }

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

.exchange-banner .modal-text-green {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #038252
}

.exchange-banner .modal-text-red {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #d30000
}

.exchange-banner .modal-image-gaps {
    gap: 24px
}

.exchange-banner .modal-image-tyres-allign {
    padding: 24px 91px
}

.exchange-banner #tyresModel .text-center:last-child .modal-image-tyres-allign, .exchange-banner #rearTyresModel .text-center:last-child .modal-image-tyres-allign {
    padding: 28px 91px
}

.exchange-banner .exchg-form-viewall {
    color: #009fda;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    width: 30%;
    text-align: right;
    cursor: pointer
}

    .exchange-banner .exchg-form-viewall .blue-right-arrow {
        display: inline;
        margin-left: 15px;
        width: 6px;
        height: 12px
    }

.exchange-banner .add-view-allign {
    position: absolute;
    right: 40px;
    bottom: -56px;
    width: auto
}

.exchange-banner .exchg-calculate-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    border-radius: 12px;
    margin: 14px auto 16px;
    background: var(--background-gradients-black,linear-gradient(160deg,#201f1f 0,#454141 50%,#000 100%));
    position: relative;
    overflow: hidden
}

.exchange-banner .calculate-left-wrap {
    width: 66.097%;
    border-radius: 12px;
    background: #FFF;
    padding: 30px 22px 8px;
    box-shadow: 0 18px 88px -4px rgba(24,39,75,0.14),0 8px 28px -6px rgba(24,39,75,0.12)
}

.exchange-banner .calc-cont-text, .exchange-banner .calc-cont-text p {
    font-family: var(--font-tstar-heavy);
    font-size: 48px;
    line-height: 58px;
    color: #FFF
}

.exchange-banner .calc-estimate-text, .exchange-banner .calc-estimate-text p {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    line-height: 48px;
    color: #FFF
}

    .exchange-banner .calc-estimate-text p {
        width: 85%
    }

.exchange-banner #estimatedId, .exchange-banner #calculatingId, .exchange-banner #calcPriceWrap .calc-estimate-text {
    animation: fadeOut 2s ease-in-out both;
    display: flex;
    justify-content: center
}

.exchange-banner #calcPriceWrap .calc-price-text {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInBottom
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(50%)
    }

    to {
        opacity: 1
    }
}

.exchange-banner .calc-price-text {
    font-family: var(--font-tstar-heavy);
    font-size: 52px;
    line-height: 64px;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    padding-bottom: 1rem
}

.exchange-banner .calc-intro-text {
    font-family: 'Poppins', sans-serif;
    font-size: 48px;
    line-height: 58px;
    color: #303030;
    width: 100%
}

.exchange-banner .calc-assess-text, .exchange-banner .calc-assess-text p {
    display: inline;
      font-family: 'Poppins', sans-serif;
    font-size: 32px;
    line-height: 48px;
    color: #303030
}

.exchange-banner .calc-vehicle-details-wrap {
    border-radius: 12px;
    background: #fef8f2;
    padding: 1rem;
    width: fit-content;
    margin-top: 22px
}

    .exchange-banner .calc-vehicle-details-wrap .modal-lists-text {
        border-right: 1px solid silver;
        padding: 0 28px
    }

        .exchange-banner .calc-vehicle-details-wrap .modal-lists-text:first-child {
            padding: 0 28px 0 0
        }

        .exchange-banner .calc-vehicle-details-wrap .modal-lists-text:last-child {
            border-right: 0;
            padding: 0 0 0 28px
        }

.exchange-banner .calculate-right-wrap {
    width: 33.903%;
    padding-left: 22px;
    gap: 24px
}

.exchange-banner .calc-exchg-steps {
    gap: 42px
}

.exchange-banner .exchange-sell-wrap {
    background: #fef8f2;
    border-radius: 12px;
    width: 100%;
    padding: 1rem;
    height: 100%;
    gap: 12px
}

.exchange-banner #calcPriceWrap, .exchange-banner #calcPriceWrap {
    display: none
}

.exchange-banner .exchg-calculate-wrap #estimatedId {
    display: none
}

.exchange-banner #ex-submit-city {
    font-size: 20px;
    font-family: var(--font-tstar-heavy);
    font-weight: 700;
    line-height: 28px;
    color: #a5a5a5;
    pointer-events: none;
    padding: 10px 32px;
    border: 1px solid #a5a5a5
}

@media(max-width:768px) {
    .exchange-banner #ex-submit-city {
        font-size: 14px;
        line-height: 20px
    }
}

.exchange-banner #ex-submit-city:hover {
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: text-shadow .2s ease
}

.exchange-banner #ex-submit-city[disabled] {
    color: #a5a5a5;
    pointer-events: none;
    cursor: unset
}

.exchange-banner .exchg-wheeler-wrap {
    position: relative
}

.exchange-banner .exchg-dealers-wrap {
    gap: 22px;
    justify-content: center;
    margin: 32px 40px 38px
}

.exchange-banner .exchg-wheeler-carousel {
    gap: 22px;
    justify-content: center;
    margin: 32px 40px 70px
}

.exchange-banner .dealers-outer-wrap, .exchange-banner .wheelers-outer-wrap {
    width: 23.718%
}

.exchange-banner .wheelers-modal-wrap {
    width: 30.41%
}

.exchange-banner .exchg-dealers-options {
    padding: 16px;
    width: 94.725%;
    position: relative;
    min-height: 250px;
    border-radius: 12px;
    border: 1px solid silver;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1)
}

.exchange-banner .exchg-wheelers-options {
    padding: 16px;
    width: 94.725%;
    position: relative;
    min-height: 312px;
    border-radius: 12px;
    border: 1px solid silver;
    box-shadow: 0 8px 24px -4px rgba(24,39,75,0.1),0 6px 12px -6px rgba(24,39,75,0.1)
}

.exchange-banner .exchg-dealers-contents, .exchange-banner .exchg-wheelers-contents {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.exchange-banner .exchg-dealers-contacts {
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.exchange-banner .exchg-dealers-name {
    font-size: 24px;
    font-family: var(--font-tstar-heavy);
    line-height: 32px;
    color: #303030;
    margin-left: 34px;
    text-align: start;
    word-break: break-word
}

.exchange-banner .exchg-dealers-mob {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    color: #303030;
    word-break: break-word;
    text-align: start
}

.exchange-banner .exchg-dealers-location {
    font-size: 16px;
      font-family: 'Poppins', sans-serif;
    line-height: 20px;
    color: #303030;
    text-align: start;
    word-break: break-word
}

.exchange-banner .exchg-dealer-label, .exchange-banner .exchg-wheeler-label {
    width: 100%
}

.exchange-banner .explore .slick-dots {
    opacity: unset;
    bottom: -40px
}

    .exchange-banner .explore .slick-dots li {
        width: 26px;
        height: 6px
    }

.exchange-banner .exchg-all-label-allign {
    width: 100%;
    text-align: center;
    word-break: break-word
}

.exchange-banner .exchg-wheelers-tag-wrap {
    position: relative
}

.exchange-banner .exchg-wheeler-input {
    right: 16px
}

.exchange-banner .exchg-wheelers-img-wrap {
    margin: 10px auto 0
}

.exchange-banner .exchg-wheelers-tag-img {
    margin-left: -16px
}

.exchange-banner .exchg-wheelers-tag-text {
    position: absolute;
    top: 0;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    line-height: 16px;
    color: #303030;
    color: #fff;
    padding-top: 2px
}

.exchange-banner .exchg-wheelers-name {
    text-align: start;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    margin: 8px auto
}

.exchange-banner .exchg-wheelers-price {
    text-align: start;
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    line-height: 32px;
    color: #303030
}

.exchange-banner .wheeler-modal-body {
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    gap: 39px;
    padding: 20px 24px
}

.exchange-banner .wheeler-confirm-modal-body, .exchange-banner .wheeler-congrats-modal {
    display: flex;
    gap: 32px;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    position: relative
}

.exchange-banner .confirm-selected-wrap {
    display: flex;
    gap: 18px;
    flex-direction: column;
    text-align: center
}

.exchange-banner .wheeler-modal-content {
    max-height: 648px
}

.exchange-banner .wheeler-modal-dialog {
    max-width: 1058px
}

.exchange-banner .pincode-modal-dialog {
    max-width: 626px
}

.exchange-banner .pincode-modal-content {
    min-height: 266px
}

.exchange-banner .wheeler-confirm-modal-dialog, .exchange-banner .resale-modal-dialog {
    max-width: 626px
}

.exchange-banner .wheeler-confirm-modal-content {
    min-height: 354px
}

.exchange-banner .resale-modal-content {
    min-height: 489px
}

.exchange-banner .wheeler-confirm-butons {
    width: 100%;
    justify-content: center
}

    .exchange-banner .wheeler-confirm-butons .btn.booknow-btn {
        background: linear-gradient(135deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
        color: #fff;
        margin-right: 0;
        border: 0
    }

    .exchange-banner .wheeler-confirm-butons .btn {
        border: 1px solid #0000ab;
        padding: 11px 36px;
        width: 22.422%;
        border-radius: 4px;
        margin-right: 32px;
        background: #fff;
        font-family: var(--font-tstar-heavy);
        color: var(--text-color-red);
        text-transform: uppercase;
        font-size: 20px
    }

.exchange-banner .wheeler-confirm-heading {
    font-family: var(--font-tstar-heavy);
    font-size: 32px;
    line-height: 48px;
    color: #303030;
    text-align: center;
    width: 80%
}

    .exchange-banner .wheeler-confirm-heading p {
        font-family: var(--font-tstar-heavy);
        font-size: 32px;
        line-height: 48px;
        color: #303030
    }

.exchange-banner .wheeler-confirm-dealer {
    font-family: var(--font-tstar-heavy);
    font-size: 24px;
    line-height: 32px;
    color: #303030
}

    .exchange-banner .wheeler-confirm-dealer span {
          font-family: 'Poppins', sans-serif
    }

.exchange-banner .wheeler-congrats-modal {
    justify-content: center;
    gap: 24px;
    overflow: hidden
}

.exchange-banner .wheeler-confirm-congrats, .exchange-banner .wheeler-confirm-congrats p {
    font-family: var(--font-tstar-heavy);
    font-size: 48px;
    line-height: 58px;
    color: #038252
}

.exchange-banner .wheeler-confirm-success {
      font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #303030;
    width: 80%;
    text-align: center
}

    .exchange-banner .wheeler-confirm-success p {
          font-family: 'Poppins', sans-serif;
        font-size: 24px;
        line-height: 32px;
        color: #303030
    }

.exchange-banner #checkModal .modal-header {
    border-bottom: 0
}

.exchange-banner .active-option-checks {
    border: 1px solid #303030
}

.exchange-banner .striked-price-value {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #d30000
}

.exchange-banner .edit-number-exchg, .exchange-banner #otp-modal .verifyNumber {
    margin-left: 18px
}

.exchange-banner .exchg-resale-wrap {
    position: absolute;
    left: 40px;
    bottom: -56px;
    width: auto
}

.exchange-banner .exchg-asterisk-note {
    width: auto;
    padding-top: 16px;
    padding-left: 6px
}

.exchange-banner .exchg-resale-text {
      font-family: 'Poppins', sans-serif
}

.exchange-banner .exchg-resale-modal-text {
    color: #009fda;
    cursor: pointer
}

.exchange-banner .exchg-content-noresults {
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #a5a5a5;
    margin-top: 1rem
}

.exchange-banner .exchg-landing-logout-note {
      font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #303030
}

.exchange-banner .exchg-content-options.active-option-checks label {
    font-family: var(--font-tstar-heavy)
}

.exchange-banner .exchg-error-input-border {
    border: 1px solid #0000ab !important
}

.exchange-banner .exchg-success-input-border {
    border: 1px solid #038252 !important
}

.exchange-banner #clickStep1li .exchg-multi-progress-bar.progress-bar-one-third, .exchange-banner #clickStep2li .exchg-multi-progress-bar.progress-bar-one-third, .exchange-banner #clickStep3li .exchg-multi-progress-bar.progress-bar-one-third {
    height: 4px;
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 33.3%,#fff 33.3%),repeating-linear-gradient(to right,transparent,transparent 5px,#0000ab 5px,#0000ab 12px);
    transform: translate(0,25%)
}

.exchange-banner #clickStep1li .exchg-multi-progress-bar.progress-bar-two-third, .exchange-banner #clickStep2li .exchg-multi-progress-bar.progress-bar-two-third, .exchange-banner #clickStep3li .exchg-multi-progress-bar.progress-bar-two-third {
    height: 4px;
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 66.6%,#fff 66.6%),repeating-linear-gradient(to right,transparent,transparent 5px,#0000ab 5px,#0000ab 12px);
    transform: translate(0,25%)
}

.exchange-banner #clickStep1li .exchg-multi-progress-bar.progress-bar-full, .exchange-banner #clickStep2li .exchg-multi-progress-bar.progress-bar-full, .exchange-banner #clickStep3li .exchg-multi-progress-bar.progress-bar-full {
    height: 4px;
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 100%,#fff 100%),repeating-linear-gradient(to right,transparent,transparent 5px,#0000ab 5px,#0000ab 12px);
    transform: translate(0,25%)
}

.exchange-banner .exchange-sticky-header {
    position: sticky;
    background-color: #fff;
    top: -1px;
    z-index: 1
}

.exchange-banner #step-3 #exchange-userdata {
    margin-top: 24px
}

.exchange-banner .low-check-modal-body {
    background-color: #fff
}

.exchange-banner .low-check-modal-content {
    height: 95%
}

@media(max-width:2000px) {
    .exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar {
        width: 21vw
    }
}

@media(max-width:1600px) {
    .exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar {
        width: 19vw
    }
}

@media(max-width:1400px) {
    .exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar {
        width: 15.5vw
    }

    .exchange-banner .exchg-three-progress-bar {
        width: 22vw !important
    }
}

@media(max-width:1150px) {
    .exchange-banner .form-stepper-horizontal, .exchange-banner .exchg-ul-stepper-wrap {
        padding: .75rem 14.5rem 1.8rem
    }

    .exchange-banner .exchg-options-alt, .exchange-banner .exchg-content-options {
        width: 25%
    }

    .exchange-banner .exchg-options-condition-wrap {
        width: 42%
    }

    .exchange-banner .dealers-outer-wrap, .exchange-banner .wheelers-outer-wrap {
        width: 32%
    }

    .exchange-banner .wheelers-modal-wrap {
        width: 30%
    }

    .exchange-banner .wheeler-modal-dialog {
        margin: auto 32px
    }
}

@media(max-width:950px) {
    .exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar {
        width: 12.5vw
    }

    .exchange-banner .exchg-three-progress-bar {
        width: 19vw !important
    }

    .exchange-banner .form-stepper-horizontal {
        padding: .75rem 13.5rem 1.8rem
    }

    .exchange-banner .exchg-ul-stepper-wrap {
        padding: .75rem 11.5rem 1.8rem
    }

    .exchange-banner .exchg-options-alt, .exchange-banner .exchg-content-options {
        width: 30%
    }

    .exchange-banner .exchg-options-condition-wrap {
        width: 75%
    }

    .exchange-banner .dealers-outer-wrap, .exchange-banner .wheelers-outer-wrap {
        width: 45%
    }
}

@media(max-width:769px) {
    .exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar {
        width: 14vw
    }

    .exchange-banner .form-stepper-horizontal {
        padding: .75rem 9.5rem 1.8rem;
        z-index: 2
    }

    .exchange-banner .exchg-old-user-options, .exchange-banner .exchg-old-user-new {
        width: 100%
    }

    .exchange-banner .exchange-sticky-header {
        padding: 16px 0 8px
    }

    .exchange-banner .exchg-vehicle-content.active-tab {
        padding: 0 16px 16px;
        margin: 0;
        overflow-y: auto
    }

    .exchange-banner .exchg-content-options-wrap, .exchange-banner .exchg-city-content-options-wrap {
        gap: 16px;
        margin-top: 8px;
        margin-bottom: 0;
        padding-left: 0
    }

    .exchange-banner #checkModal .modal-header {
        position: sticky !important;
        background-color: #fff;
        top: 0;
        z-index: 1;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }

    .exchange-banner .exchange-form-container .exchange-text {
        text-align: start
    }

    .exchange-banner .exchange-form-container .exchange-right .exchange-text {
        padding: 24px 0
    }
}

@media(max-width:576px) {
    .exchange-banner .form-stepper-horizontal {
        padding: .75rem 6rem 2.8rem
    }

    .exchange-banner .exchg-ul-stepper-wrap {
        padding: .75rem 3rem 2.8rem
    }

    .exchange-banner .three-stepper-label-view {
        width: 50% !important;
        left: -8px !important
    }

    .exchange-banner .form-stepper .label {
        left: -5px;
        width: 50%;
        font-size: 12px;
        line-height: 16px
    }

    .exchange-banner .form-stepper .form-stepper-list:last-child .label {
        left: -10px;
        width: 150%
    }

    .exchange-banner .form-stepper-horizontal li:not(:last-child) .exchg-multi-progress-bar {
        width: 14vw
    }

    .exchange-banner .exchg-three-progress-bar {
        width: 20.5vw !important
    }

    .exchange-banner .exchg-left-nav-items {
        padding: 16px 0 16px 16px
    }

    .exchange-banner .exchg-nav-heading {
        font-size: 14px;
        line-height: 20px
    }

        .exchange-banner .exchg-nav-heading p {
            font-size: 14px;
            line-height: 20px
        }

    .exchange-banner #checkModal .exchg-nav-heading p {
        text-align: start
    }

    .exchange-banner .exchange-bike-left-nav {
        width: 32.38%
    }

    .exchange-banner .exchg-content-title {
        font-size: 18px;
        line-height: 24px
    }

        .exchange-banner .exchg-content-title p {
            font-size: 18px;
            line-height: 24px
        }

    .exchange-banner .vehicle-type-images {
        width: 52px;
        margin: auto
    }

    .exchange-banner .exchg-tips-text, .exchange-banner .exchg-tips-text p {
        font-size: 14px;
        line-height: 16px
    }

    .exchange-banner .exchg-tips-wrapper {
        padding: 8px;
        align-items: start;
        gap: 10px;
        margin-right: 16px;
        position: absolute;
        margin-top: 16px;
        margin-bottom: 16px
    }

    .exchange-banner .exchg-nav-subheading, .exchange-banner .exchg-nav-subheading p {
        font-size: 12px;
        line-height: 16px;
        width: 80%
    }

    .exchange-banner .searchInput {
        width: auto;
        margin-top: 16px;
        margin-bottom: 16px;
        box-shadow: unset;
        border-radius: 6px;
        border: 1px solid var(--bordercolor-border-color,#c0c0c0)
    }

        .exchange-banner .searchInput input {
            padding: 12px 16px;
            font-size: 14px;
            line-height: 20px
        }

    .exchange-banner .exchg-content-subtitle {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .exchg-content-options {
        width: 46.695%;
        position: relative
    }

    .exchange-banner .exchg-options-alt {
        width: 46.695%;
        position: relative;
        height: auto
    }

    .exchange-banner .brand-image-exchg {
        width: 24px
    }

    .exchange-banner .exchg-options-condition-wrap {
        width: 100%;
        position: relative;
        height: auto
    }

    .exchange-banner .exchg-content-options label, .exchange-banner .exchg-options-alt label {
        padding: 6px !important
    }

    .exchange-banner .exchg-options-condition-wrap label {
        padding: 11px 14px 6px !important
    }

    .exchange-banner .exchg-options-alt input, .exchange-banner .exchg-options-condition-wrap input, .exchange-banner .exchg-content-options input {
        top: 6px;
        left: 6px
    }

    .exchange-banner .exchg-options-condition-wrap input {
        top: 11px;
        left: 14px
    }

    .exchange-banner .exchg-cond-images {
        margin: 0 auto 6px
    }

    .exchange-banner .check-popup-text {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px
    }

    .exchange-banner #exchangeLoginForms .check-popup-text {
        font-size: 16px;
        line-height: 20px
    }

    .exchange-banner #checkModal .modal-dialog {
        margin: 0 -1px
    }

    .exchange-banner .exchg-modal-header {
        font-size: 24px;
        line-height: 32px
    }

        .exchange-banner .exchg-modal-header p {
            font-size: 24px;
            line-height: 32px
        }

    .exchange-banner .exchg-manual- -header p {
        font-size: 28px !important;
        font-style:  ;
        line-height: 40px !important;
        text-transform: uppercase;
        font-family: var(--font-tstar-heavy);
        text-align: center
    }

    .exchange-banner .exchg-happy-heading {
        font-size: 16px;
        line-height: 20px
    }

    .exchange-banner .exchg-happy-subheading p {
        font-size: 14px;
        line-height: 20px;
        text-align: start
    }

    .exchange-banner .modal-content-heading {
        font-size: 16px;
        line-height: 24px;
        padding: 6px 16px
    }

        .exchange-banner .modal-content-heading p {
            font-size: 16px;
            line-height: 24px
        }

    .exchange-banner .modal-lists-text {
        font-size: 16px;
        line-height: 20px
    }

    .exchange-banner .modal-image-gaps {
        gap: 10px;
        margin: auto 16px 16px
    }

    .exchange-banner .modal-text-green {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .modal-text-red {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .exclamation-wrapper {
        padding: 6px 8px;
        margin: auto 16px 16px
    }

    .exchange-banner .modal-image-tyres-allign {
        padding: 24px 8px
    }

    .exchange-banner #tyresModel .text-center:last-child .modal-image-tyres-allign, .exchange-banner #rearTyresModel .text-center:last-child .modal-image-tyres-allign {
        padding: 24px 8px
    }

    .exchange-banner .outer-calc-wrap {
        flex-direction: column
    }

    .exchange-banner .calculate-left-wrap {
        width: auto;
        padding: 16px;
        margin: 16px
    }

    .exchange-banner .calc-intro-text {
        font-size: 28px;
        line-height: 40px
    }

    .exchange-banner .calc-assess-text, .exchange-banner .calc-assess-text p {
        font-size: 18px;
        line-height: 24px
    }

    .exchange-banner .calc-cont-text, .exchange-banner .calc-cont-text p {
        font-size: 28px;
        line-height: 40px
    }

    .exchange-banner .calc-estimate-text, .exchange-banner .calc-estimate-text p {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        padding: 0 35px
    }

        .exchange-banner .calc-estimate-text p {
            font-size: 18px;
            line-height: 24px;
            padding: 0
        }

    .exchange-banner .calc-price-text {
        font-size: 32px;
        line-height: 48px;
        padding-bottom: 0
    }

    .exchange-banner .mob-calc-price-text-long {
        font-size: 26px !important
    }

    .exchange-banner .calc-vehicle-details-wrap #calcBrand {
        border-right: unset
    }

    .exchange-banner .calc-vehicle-details-wrap {
        width: auto
    }

    .exchange-banner .calculate-right-wrap {
        width: auto;
        padding: 16px;
        gap: 16px
    }

    .exchange-banner .calc-exchg-steps {
        gap: 16px
    }

    .exchange-banner .exchg-sell-calc {
        width: 42px;
        height: 42px
    }

    .exchange-banner .exchg-old-gap-cont {
        gap: 8px;
        flex-direction: column
    }

    .exchange-banner .exchange-old-heading {
        font-size: 18px;
        line-height: 24px
    }

    .exchange-banner .exchange-old-subheading, .exchange-banner .exchange-old-vals {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        width: 100%
    }

    .exchange-banner .exchg-old-user-new {
        width: 100%;
        padding: 1.688rem 0;
        font-size: 18px;
        line-height: 24px
    }

    .exchange-banner .old-user-mob-content {
        padding-left: 34px
    }

    .exchange-banner .exchg-pincode-wrap {
        width: 100%;
        margin: 6px auto 36px
    }

    .exchange-banner #examplePincodeModal {
        padding-top: 36px
    }

    .exchange-banner .exchg-dealers-wrap {
        margin: 16px 16px 38px
    }

    .exchange-banner .exchg-dealers-options {
        padding: 16px;
        width: 96%;
        min-height: 200px;
        margin: 0 6px
    }

    .exchange-banner .exchg-dealers-name {
        font-size: 18px;
        line-height: 24px;
        margin-left: 32px
    }

    .exchange-banner .exchg-dealers-mob {
        font-size: 16px;
        line-height: 20px
    }

    .exchange-banner .exchg-dealers-location {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .exchg-all-label-allign {
        width: 100%
    }

    .exchange-banner .exchg-wheeler-carousel {
        margin: 32px 16px 70px
    }

    .exchange-banner .wheeler-modal-dialog, .exchange-banner .resale-modal-dialog, .exchange-banner .pincode-modal-dialog {
        margin: 0 -1px
    }

    .exchange-banner .wheeler-modal-content {
        max-height: 552px;
        border-radius: 16px 16px 0 0;
        position: absolute;
        bottom: -12px
    }

    .exchange-banner .resale-modal-content {
        max-height: 464px;
        border-radius: 16px 16px 0 0;
        position: absolute;
        bottom: -18px
    }

    .exchange-banner .pincode-modal-content {
        min-height: 277px;
        border-radius: 16px 16px 0 0;
        position: absolute;
        bottom: -18px
    }

    .exchange-banner .pincode-modal-body {
        margin-top: -12px
    }

    .exchange-banner .wheeler-modal-content .modal-header {
        justify-content: space-between !important
    }

    .exchange-banner .wheeler-modal-body {
        padding: 6px 12px;
        gap: 16px
    }

    .exchange-banner .wheelers-outer-wrap {
        width: 46.429%
    }

    .exchange-banner .exchg-wheelers-options {
        padding: 10px;
        min-height: 254px
    }

    .exchange-banner .exchg-wheeler-input {
        right: 10px
    }

    .exchange-banner .exchg-wheelers-tag-img {
        margin-left: -10px;
        width: 86px
    }

    .exchange-banner .exchg-wheelers-contents {
        gap: 10px
    }

    .exchange-banner .exchg-wheelers-tag-text {
        font-size: 10px;
        font-family: var(--font-tstar-heavy);
        line-height: 12px
    }

    .exchange-banner .exchg-wheelers-img-wrap {
        margin: auto
    }

        .exchange-banner .exchg-wheelers-img-wrap img {
            width: 82px
        }

    .exchange-banner .exchg-wheelers-name {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 20px
    }

    .exchange-banner .exchg-wheelers-price {
        font-size: 16px;
        line-height: 20px
    }

    .exchange-banner .exchg-form-viewall {
        width: 100%
    }

    .exchange-banner .add-view-allign {
        position: absolute;
        right: 16px;
        bottom: -32px;
        font-size: 14px;
        line-height: 20px;
        width: auto
    }

    .exchange-banner .wheeler-confirm-modal-dialog {
        max-width: 328px;
        margin: auto
    }

    .exchange-banner .wheeler-confirm-modal-content {
        min-height: 224px
    }

    .exchange-banner .wheeler-confirm-modal-body {
        gap: 17px;
        padding: 16px
    }

    .exchange-banner .wheeler-confirm-heading {
        font-size: 24px;
        line-height: 32px;
        width: 100%
    }

        .exchange-banner .wheeler-confirm-heading p {
            font-size: 24px;
            line-height: 32px
        }

    .exchange-banner .confirm-selected-wrap {
        gap: 18px
    }

    .exchange-banner .wheeler-confirm-dealer {
        font-size: 16px;
        line-height: 20px
    }

    .exchange-banner .wheeler-confirm-butons .btn {
        padding: 5px 0;
        width: 21.77%;
        margin-right: 16px;
        font-size: 14px
    }

    .exchange-banner .wheeler-congrats-modal {
        gap: 4px
    }

    .exchange-banner .wheeler-confirm-congrats, .exchange-banner .wheeler-confirm-congrats p {
        font-size: 28px;
        line-height: 40px
    }

    .exchange-banner .wheeler-confirm-success {
        font-size: 18px;
        line-height: 24px;
        width: 100%
    }

        .exchange-banner .wheeler-confirm-success p {
            font-size: 18px;
            line-height: 24px
        }

    .exchange-banner .wheeler-congrats-modal img {
        width: 60%
    }

    .exchange-banner .striked-price-value {
        display: block;
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .calc-vehicle-details-wrap .modal-lists-text:first-child {
        padding: 0 16px 0 0
    }

    .exchange-banner .calc-vehicle-details-wrap .modal-lists-text:last-child {
        padding: 0 0 0 16px
    }

    .exchange-banner .exchg-wheeler-wrap .explore .slick-dots {
        bottom: -70px
    }

    .exchange-banner .exchg-resale-wrap {
        left: 16px;
        bottom: -52px;
        width: 60%
    }

    .exchange-banner .exchg-asterisk-note {
        width: 100%;
        padding-top: 12px;
        padding-left: 0
    }

    .exchange-banner .exchg-content-noresults {
        font-size: 14px;
        line-height: 20px;
        margin-top: .5rem
    }

    .exchange-banner .exchg-landing-logout-note {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .exchg-calculate-wrap {
        height: 126px
    }

    .exchange-banner .exchg-modal-contents-wrap {
        margin-top: 16px;
        margin-bottom: 0
    }

    .exchange-banner #checkModal .modal-content {
        border-radius: 16px 16px 0 0;
        position: absolute;
        bottom: -18px
    }

    .exchange-banner .searchInput input, .exchange-banner .exchg-pincode-wrap input {
        font-size: 14px;
        line-height: 20px
    }

    .exchange-banner .exchg-left-nav-items.active {
        border-right: 2px solid #ee2327
    }

    .exchange-banner .exchange-dealers input {
        width: 24px !important;
        height: 24px !important
    }

    .exchange-banner #step-3 #exchange-userdata {
        margin-top: 12px
    }
}

@media(max-width:500px) {
    .exchange-banner .form-stepper-horizontal {
        padding: .75rem 4rem 2.8rem
    }
}

@media(max-width:400px) {
    .exchange-banner .form-stepper-horizontal {
        padding: .6rem 2rem 2.4rem
    }
}

@media(max-width:359px) {
    .exchange-banner .modal-image-tyres-allign {
        padding: 24px 0
    }

    .exchange-banner #tyresModel .text-center:last-child .modal-image-tyres-allign, .exchange-banner #rearTyresModel .text-center:last-child .modal-image-tyres-allign {
        padding: 24px 0
    }
}

@media(min-width:576px) {
    .exchange-banner #checkModal .modal-dialog {
        max-width: 1058px
    }
}

.wheeler-confirm-modal-backdrop {
    z-index: 1051
}

.wheeler-confirm-modal-main {
    z-index: 1052
}

.exchange-banner input[type='radio'] {
    --active: #0000ab;
    --active-inner: #fff;
    --focus: 2px #0000ab;
    --border: silver;
    --border-hover: #d30000;
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 24px;
    outline: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc,var(--border));
    background: var(--b,var(--background));
    transition: background .3s,border-color .3s,box-shadow .2s
}

    .exchange-banner input[type='radio']:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t,0.3s) var(--d-t-e,ease),opacity var(--d-o,0.2s)
    }

    .exchange-banner input[type='radio']:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(0.2,0.85,0.32,1.2)
    }

    .exchange-banner input[type='radio']:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: .9
    }

        .exchange-banner input[type='radio']:disabled:checked {
            --b: var(--disabled-inner);
            --bc: var(--border)
        }

        .exchange-banner input[type='radio']:disabled + label {
            cursor: not-allowed
        }

    .exchange-banner input[type='radio']:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover)
    }

    .exchange-banner input[type='radio']:focus {
        box-shadow: 0 0 0 var(--focus)
    }

    .exchange-banner input[type='radio']:not(.switch) {
        width: 24px
    }

        .exchange-banner input[type='radio']:not(.switch):after {
            opacity: var(--o,0)
        }

        .exchange-banner input[type='radio']:not(.switch):checked {
            --o: 1
        }

    .exchange-banner input[type='radio'] + label {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        line-height: 24px;
        color: #303030;
        width: 100%;
        height: 100%;
        padding-right: 0;
        vertical-align: middle;
        display: table-cell;
        text-align: center;
        cursor: pointer
    }

.exchange-banner input[type='radio'] {
    border-radius: 50%
}

    .exchange-banner input[type='radio']:after {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        transform: scale(var(--s,0.7))
    }

    .exchange-banner input[type='radio']:checked {
        --s: .35
    }

@media(max-width:576px) {
    .exchange-banner input[type='radio'] {
        position: absolute;
        height: 18px
    }

        .exchange-banner input[type='radio']:not(.switch) {
            width: 18px
        }

        .exchange-banner input[type='radio'] + label {
              font-family: 'Poppins', sans-serif;
            font-size: 16px;
            line-height: 20px;
            padding-right: 0;
            width: 100%;
            text-align: center;
            margin: auto
        }

        .exchange-banner input[type='radio']:after {
            width: 16px;
            height: 16px
        }
}

.gallary-container {
    background-color: transparent
}

.gallary-wrapper {
    width: 100%;
    padding-top: 20px;
    text-align: center
}

.gallary-carousel {
    width: 80%;
    max-width: 1066px;
    margin: 0 auto
}

    .gallary-carousel .slick-slide {
        margin: 0
    }

    .gallary-carousel .slick-list {
        height: 400px
    }

    .gallary-carousel .gallery-slide img {
        width: 100%;
        max-width: 305px;
        border-radius: 12px;
        height: 171px;
        margin: 0 11px 22px 11px;
        border: 1px solid silver
    }

    .gallary-carousel .gallery-slide-first img {
        width: 100%;
        max-width: 414px;
        height: 365px
    }

    .gallary-carousel .slick-dots li {
        margin: 0 3px;
        background: #c1c1c1;
        transform: skew(-60deg);
        border: 0;
        opacity: 1;
        width: 32px;
        height: 8px
    }

    .gallary-carousel .slick-dots .slick-active {
        background: var(--bg-color-danger)
    }

    .gallary-carousel .slick-prev, .gallary-carousel-mobile .slick-prev {
        width: 40px;
        height: 40px;
        background: var(--bg-color-danger);
        border-radius: 20px;
        left: -80px
    }

.gallary-carousel-mobile .slick-prev {
    left: -1.5%;
    z-index: 1
}

.gallary-carousel .slick-next:before, .gallary-carousel-mobile .slick-next:before {
    position: absolute;
    content: "";
    background: url(clientlib-site/resources/sliderighticon.svg) no-repeat;
    height: 20px;
    width: 20px;
    right: 11px;
    bottom: 11px
}

.gallary-carousel .slick-next, .gallary-carousel-mobile .slick-next {
    width: 40px;
    height: 40px;
    background: var(--bg-color-danger);
    border-radius: 20px;
    right: -80px
}

.gallary-carousel-mobile .slick-next {
    right: -1.5%
}

.gallary-carousel .slick-prev:before, .gallary-carousel-mobile .slick-prev:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    right: 13px;
    bottom: 12px;
    background: url(clientlib-site/resources/slidelefticon.svg) no-repeat
}

.gallary-carousel .slick-dots li button:before {
    content: ""
}

.gallary-carousel .slick-next:hover, .gallary-carousel-mobile .slick-next:hover {
    background: var(--bg-color-danger)
}

.gallary-carousel .slick-prev:hover, .gallary-carousel-mobile .slick-prev:hover {
    background: var(--bg-color-danger)
}

.gallary-carousel .slick-slide .multi-img {
    display: flex;
    padding: 0
}

.gallary-carousel .slick-next.slick-disabled, .gallary-carousel-mobile .slick-next.slick-disabled {
    background: #ededed;
    pointer-events: none
}

    .gallary-carousel .slick-next.slick-disabled::before, .gallary-carousel-mobile .slick-next.slick-disabled::before {
        background: url(clientlib-site/resources/sliderighticondisabled.svg) no-repeat
    }

.gallary-carousel .slick-prev.slick-disabled, .gallary-carousel-mobile .slick-prev.slick-disabled {
    background: #ededed;
    pointer-events: none
}

    .gallary-carousel .slick-prev.slick-disabled::before, .gallary-carousel-mobile .slick-prev.slick-disabled::before {
        background: url(clientlib-site/resources/slidelefticondisabled.svg) no-repeat
    }

.gallary-carousel-mobile {
    max-width: 1610px;
    margin: 0 auto;
    opacity: 0;
    animation: fade-in-gallery .4s ease-in-out .2s forwards
}

    .gallary-carousel-mobile .slick-list {
        overflow: visible !important
    }

.gallary-carousel-mobile-slide .gallary-carousel-mobile-image .popup-img {
    margin: 0 auto;
    width: calc(100% - 80px)
}

.gallary-carousel-mobile .gallary-carousel-mobile-slide .gallary-carousel-mobile-image {
    position: relative;
    transform: scaleY(0.9);
    transition: transform .3s ease-in .05s;
    filter: blur(4px)
}

    .gallary-carousel-mobile .gallary-carousel-mobile-slide .gallary-carousel-mobile-image .close {
        font-size: 20px;
        position: absolute;
        right: 56px;
        top: 24px;
        font-family: 'tstar-regular';
        display: flex;
        width: 40px;
        height: 40px;
        color: #fff;
        padding: 2px 0 0 1px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: rgba(48,48,48,0.80);
        backdrop-filter: blur(2px);
        opacity: 1
    }

.gallary-carousel-mobile .gallary-carousel-mobile-slide.slick-active .gallary-carousel-mobile-image {
    transform: scale(1);
    filter: blur(0)
}

#fullscreenGallery .modal-dialog {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0
}

#fullscreenGallery .modal-content {
    background-color: transparent
}

.gallery-modal-popup .modal-backdrop.show {
    opacity: .9
}

span.gallery-download-link {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(48,48,48,0.80);
    backdrop-filter: blur(2px);
    position: absolute;
    right: 56px;
    bottom: 24px;
    cursor: pointer
}

.gallary-carousel-mobile-slide span.gallery-download-link img {
    width: auto
}

#fullscreenGallery .fullscreen-button {
    display: none
}

@media(max-width:1750px) {
    .gallary-carousel-mobile {
        max-width: 1467.5px
    }
}

@media(max-width:1440px) {
    .gallary-carousel-mobile-slide .gallary-carousel-mobile-image .popup-img {
        margin: 0 auto;
        width: calc(100% - 77px);
        min-height: 600px
    }

    .gallary-carousel-mobile {
        max-width: 1145px
    }
}

@media(max-width:991px) {
    .gallary-carousel-mobile {
        max-width: 831px
    }
}

@media(max-width:768px) {
    .gallary-wrapper {
        padding-top: 0
    }

    .gallary-carousel .slick-prev {
        display: none !important
    }

    .gallary-carousel .slick-next {
        display: none !important
    }

    .gallary-carousel .gallery-slide-first img {
        width: 91%;
        height: 185px !important
    }

    .gallary-carousel .slick-slide img {
        margin: 8px 8px 8px 16px;
        width: 91%;
        height: 88px
    }

    .gallary-carousel .slick-slide .multi-img {
        display: flex;
        flex-direction: column;
        padding: 0
    }

    .gallary-carousel {
        width: 100%
    }

    .gallery-slide-second {
        display: flex;
        width: 100%;
        position: relative
    }

    .gallery-slide-third {
        display: flex;
        width: 100%
    }

    .gallery-slide-second .slide-mob {
        width: 48%
    }

    .slide-mob-second, .slide-mob-second_1 {
        position: relative;
        overflow: hidden
    }

    .gallery-slide-third .slide-mob {
        width: 48%
    }

    .gallary-carousel-mobile .slick-list {
        overflow: hidden !important
    }

    .gallary-carousel-mobile-slide .gallary-carousel-mobile-image .popup-img {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        min-height: 184px
    }

    .gallary-carousel-mobile .slick-next {
        right: -14px
    }

    .gallary-carousel-mobile .slick-prev {
        left: -14px
    }

    span.gallery-download-link {
        right: 8px;
        bottom: 8px;
        width: 24px;
        height: 24px
    }

    .gallary-carousel-mobile-slide span.gallery-download-link img {
        width: 14.5px
    }

    .gallary-carousel .slick-prev, .gallary-carousel-mobile .slick-prev {
        width: 24px;
        height: 24px;
        top: 50%;
        transform: translateY(-50%)
    }

        .gallary-carousel-mobile .slick-prev:before {
            width: 100%;
            right: 2px;
            bottom: 4px
        }

    .gallary-carousel .slick-prev, .gallary-carousel-mobile .slick-next {
        width: 24px;
        height: 24px;
        top: 50%;
        transform: translateY(-50%)
    }

        .gallary-carousel-mobile .slick-next:before {
            width: 100%;
            right: -2px;
            bottom: 4px
        }

    #fullscreenGallery .modal-content {
        border: 0
    }

    .gallary-carousel-mobile .gallary-carousel-mobile-slide .gallary-carousel-mobile-image .close {
        right: 8px;
        top: 8px;
        padding: 0;
        width: 24px;
        height: 24px
    }

        .gallary-carousel-mobile .gallary-carousel-mobile-slide .gallary-carousel-mobile-image .close img {
            width: 14.5px
        }

    #fullscreenGallery .fullscreen-button {
        display: block;
        position: absolute;
        bottom: 8px;
        left: 8px
    }

    .gallary-carousel .slick-dots li {
        width: 26px;
        height: 6px
    }
}

@media(orientation:landscape) {
    @media(max-width:768px) {
        .modal-landscape {
            overflow: hidden !important
        }

            .modal-landscape .gallary-carousel-mobile-slide .gallary-carousel-mobile-image .popup-img {
                height: 90vh
            }

            .modal-landscape .gallary-carousel-mobile .slick-list {
                overflow: hidden !important
            }

        #fullscreenGallery .fullscreen-button {
            display: none
        }
    }
}

@keyframes fade-in-gallery {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media(max-width:1920px) and (min-width:1500px) {
    .gallary-carousel .slick-slide .multi-img {
        justify-content: space-around
    }

    .gallary-carousel img {
        height: 214px
    }

    .gallery-slide-first img {
        height: 450px
    }
}

@media(max-width:600px) and (min-width:450px) {
    .gallary-carousel .slick-slide img {
        width: 94% !important
    }

    .gallery-slide-second .slide-mob {
        width: 48.5%
    }

    .gallery-slide-third .slide-mob {
        width: 48.5%
    }
}

@media(max-width:768px) and (min-width:600px) {
    .gallary-carousel .slick-slide img {
        width: 96% !important
    }

    .gallery-slide-second .slide-mob {
        width: 49%
    }

    .gallery-slide-third .slide-mob {
        width: 49%
    }
}

#video-slider .gallery-slide-first, #video-slider .gallery-slide-second, #video-slider .gallery-slide-third {
    position: relative
}

    #video-slider .gallery-slide-first .play-icon-video {
        position: absolute;
        bottom: unset !important;
        top: 50%;
        transform: translateY(-50%);
        right: unset !important;
        left: 37%
    }

    #video-slider .gallery-slide-second .slide-mob-first .play-icon-video, #video-slider .gallery-slide-third .slide-mob-first2 .play-icon-video {
        position: absolute;
        bottom: unset !important;
        top: 25%;
        transform: translateY(-50%);
        right: unset !important;
        left: 35%
    }

    #video-slider .gallery-slide-second .slide-mob-second_1 .play-icon-video, #video-slider .gallery-slide-third .slide-mob-second_2 .play-icon-video, #video-slider .gallery-slide-second .slide-mob-second .play-icon-video {
        position: absolute;
        bottom: unset !important;
        top: 75%;
        transform: translateY(-50%);
        right: unset !important;
        left: 35%
    }

#video-slider .play-icon-video .VG-play-button {
    width: 80px;
    height: 80px;
    border: 0
}

@media(max-width:768px) {
    #video-slider .play-icon-video .VG-play-button {
        width: 40px !important;
        height: 40px !important
    }

    #video-slider .gallery-slide-first .play-icon-video {
        left: 39.5%
    }

    #video-slider .gallery-slide-second .slide-mob-first .play-icon-video, #video-slider .gallery-slide-third .slide-mob-first2 .play-icon-video {
        top: 50%;
        left: 17%
    }

    #video-slider .gallery-slide-second .slide-mob-second_1 .play-icon-video, #video-slider .gallery-slide-third .slide-mob-second_2 .play-icon-video, #video-slider .gallery-slide-second .slide-mob-second .play-icon-video {
        top: 50%
    }

    #video-slider .gallery-slide-third .slide-mob-second_2 .play-icon-video {
        left: 65%
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

.hide-web {
    display: none !important
}

.show-web {
    display: block !important
}

p {
    font-size: 14px
}

img, iframe, a {
    display: block
}

ul {
    list-style: none;
    padding: 0
}

ol li {
    list-style: auto
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

a, a:hover, a:focus {
    cursor: pointer;
    text-decoration: none;
    color: var(--text-blue)
}

    a.btn-white:hover, a.btn-white:focus {
        color: #0000ab
    }

button {
    outline: 0
}

    a:focus-visible, .btn:focus-visible, button:focus-visible {
        outline: -webkit-focus-ring-color auto 1px !important;
        outline-offset: 1px !important
    }

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slick-slide {
    outline: none !important
}

@font-face {
    font-family: "tstar-regular";
    src: url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Regular.ttf") format("truetype"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Regular.woff") format("woff"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Regular.woff2") format("woff2"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Regular.eot") format("eot")
}

@font-face {
    font-family: "tstar-medium";
    src: url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Medium.ttf") format("truetype"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Medium.woff") format("woff"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Medium.woff2") format("woff2"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Medium.eot") format("eot")
}

@font-face {
    font-family: "tstar-bold";
    src: url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Bold.ttf") format("truetype"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Bold.woff") format("woff"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Bold.woff2") format("woff2"),url("clientlib-site/resources/fonts/tstar/TSTAR-PRO-Bold.eot") format("eot")
}

@font-face {
    font-family: "tstar-heavy";
    src: url("clientlib-site/resources/fonts/tstar/T-StarPro-Heavy.ttf") format("truetype"),url("clientlib-site/resources/fonts/tstar/T-StarPro-Heavy.woff") format("woff"),url("clientlib-site/resources/fonts/tstar/T-StarPro-Heavy.woff2") format("woff2")
}

@font-face {
    font-family: "high-speed";
    src: url("clientlib-site/resources/fonts/high-speed/highspeed.ttf") format("truetype"),url("clientlib-site/resources/fonts/high-speed/highspeed.woff") format("woff"),url("clientlib-site/resources/fonts/high-speed/highspeed.woff2") format("woff2"),url("clientlib-site/resources/fonts/high-speed/highspeed.otf") format("otf")
}

@font-face {
    font-family: "montserrat- ";
    src: url("clientlib-site/resources/fonts/montserrat/montserrat- .ttf") format("truetype"),url("clientlib-site/resources/fonts/montserrat/montserrat- .woff") format("woff"),url("clientlib-site/resources/fonts/montserrat/montserrat- .woff2") format("woff2"),url("clientlib-site/resources/fonts/montserrat/montserrat- .otf") format("otf")
}

@font-face {
    font-family: "montserrat-bold";
    src: url("clientlib-site/resources/fonts/montserrat/montserrat-bold.ttf") format("truetype"),url("clientlib-site/resources/fonts/montserrat/montserrat-bold.woff") format("woff"),url("clientlib-site/resources/fonts/montserrat/montserrat-bold.woff2") format("woff2"),url("clientlib-site/resources/fonts/montserrat/montserrat-bold.otf") format("otf")
}

@font-face {
    font-family: "montserrat-regular";
    src: url("clientlib-site/resources/fonts/montserrat/montserrat-regular.ttf") format("truetype"),url("clientlib-site/resources/fonts/montserrat/montserrat-regular.woff") format("woff"),url("clientlib-site/resources/fonts/montserrat/montserrat-regular.woff2") format("woff2"),url("clientlib-site/resources/fonts/montserrat/montserrat-regular.otf") format("otf")
}

@font-face {
    font-family: "open-sans";
    src: url("clientlib-site/resources/fonts/open-sans/OpenSans/OpenSans-Bold.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "open-sans-semibold";
    src: url("clientlib-site/resources/fonts/open-sans/OpenSans/OpenSans-SemiBold.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "open-sans-light";
    src: url("clientlib-site/resources/fonts/open-sans/OpenSans/OpenSans-Light.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "open-sans-medium";
    src: url("clientlib-site/resources/fonts/open-sans/OpenSans/OpenSans-Medium.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "fjalla-one";
    src: url("clientlib-site/resources/fonts/fjalla-one/FjallaOne-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "fa-brands-400";
    src: url("clientlib-site/resources/fonts/monument/fa-brands-400.woff2") format("truetype")
}

@font-face {
    font-family: "fa-solid-900";
    src: url("clientlib-site/resources/fonts/monument/fa-solid-900.woff2") format("truetype")
}

@font-face {
    font-family: "MonumentExtended-Ultrabold";
    src: url("clientlib-site/resources/fonts/monument/MonumentExtended-Ultrabold.woff2") format("truetype")
}

@font-face {
    font-family: "robotocondensed-bold";
    src: url("clientlib-site/resources/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "robotocondensed-regular";
    src: url("clientlib-site/resources/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "fjalla-one";
    src: url("clientlib-site/resources/fonts/fjalla-one/FjallaOne-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "montserrat-alt";
    src: url("clientlib-site/resources/fonts/montserrat-alternates/MontserratAlternates-ExtraBold .ttf") format("truetype")
}

@font-face {
    font-family: "oswald";
    src: url("clientlib-site/resources/fonts/oswald/Oswald-VariableFont_wght.html") format("truetype")
}

@font-face {
    font-family: "space-outside";
    src: url("clientlib-site/resources/fonts/space_outside/Space-Outside.otf") format("opentype")
}

@font-face {
    font-family: "amateur-naked";
    src: url("clientlib-site/resources/fonts/amateur/Amateur-Naked.ttf") format("truetype")
}

:root {
    --font-montserrat-alt: "montserrat-alt";
    --font-space-outside: "space-outside";
    --font-amateur-naked: "amateur-naked";
    --font-open-sans: "open-sans";
    --font-open-sans-semibold: "open-sans-semibold";
    --font-open-sans-medium: "open-sans-medium";
    --font-open-sans-light: "open-sans-light";
    --font-tstar-regular: "tstar-regular";
    --font-tstar-medium: "tstar-medium";
    --font-tstar-bold: "tstar-bold";
    --font-tstar-heavy: "tstar-heavy";
    --font-high-speed: "high-speed";
    --font-montserrat- : "montserrat- ";
    --font-montserrat-regular: "montserrat-regular";
    --font-montserrat-bold: "montserrat-bold";
    --font-fjalla-one: "fjalla-one";
    --font-fa-brands-400: "fa-brands-400";
    --font-fa-solid-900: "fa-solid-400";
    --font-monumentExtended-ultrabold: "MonumentExtended-Ultrabold";
    --font-robotocondensed-bold: "robotocondensed-bold";
    --font-robotocondensed-regular: "robotocondensed-regular";
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;
    --font-size8: 8px;
    --font-size10: 10px;
    --font-size12: 12px;
    --font-size13: 13px;
    --font-size14: 14px;
    --font-size15: 15px;
    --font-size16: 16px;
    --font-size17: 17px;
    --font-size18: 18px;
    --font-size20: 20px;
    --font-size21: 21px;
    --font-size22: 22px;
    --font-size24: 24px;
    --font-size26: 26px;
    --font-size28: 28px;
    --font-size30: 30px;
    --font-size32: 32px;
    --font-size34: 34px;
    --font-size35: 35px;
    --font-size36: 36px;
    --font-size37: 37px;
    --font-size38: 38px;
    --font-size40: 40px;
    --font-size41: 41px;
    --font-size42: 42px;
    --font-size48: 48px;
    --font-size49: 49px;
    --font-size52: 52px;
    --font-size58: 58px;
    --font-size64: 64px;
    --font-size67: 67px;
    --font-size80: 80px;
    --font-size84: 84px;
    --font-size90: 90px;
    --line-height-9: 9px;
    --line-height-12: 12px;
    --line-height-14: 14px;
    --line-height-16: 16px;
    --line-height-17: 17px;
    --line-height-19: 19px;
    --line-height-20: 20px;
    --line-height-21: 21px;
    --line-height-23: 23px;
    --line-height-24: 24px;
    --line-height-25: 25px;
    --line-height-26: 26px;
    --line-height-28: 28px;
    --line-height-32: 32px;
    --line-height-40: 40px;
    --line-height-42: 42px;
    --line-height-48: 48px;
    --line-height-57: 57px;
    --line-height-69: 69px;
    --line-height-78: 78px;
    --line-height-100: 100px;
    --text-color-black: #303030;
    --text-color-red: #0000ab;
    --text-color-danger-red: red;
    --text-color-grey: #666;
    --text-color-lightgrey: #757575;
    --text-color-grey-blur: rgba(255,255,255,0.5) !important;
    --text-color-white: #fff !important;
    --text-color-blue: #009fda;
    --text-color-grey-white: rgba(255,255,255,0.5);
    --text-color-danger-red-2: #df0000;
    --text-color-info: #0086da;
    --text-color-grey-label: #a5a5a5;
    --bg-color-secondarygrey: #303030;
    --bg-color-black: #000;
    --bg-color-danger: #0000ab;
    --bg-color-white: #f5f5f7;
    --bg-color-blue: #009fda;
    --bg-color-grey-blur: #303030;
    --bg-mob-color-grey: #ddd;
    --bg-red-gradient: linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);
    --bg-color-black-2: #0a0a0a;
    --bg-color-light-skin: #fff1e4;
    --bg-color-yellow: #fff797;
    --bg-color-grey-2: #ededed
}

html {
    overflow: auto
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    color: #303030;
    line-height: 1.4;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto
}

    body.fixed {
        height: 100vh;
        overflow: hidden;
        padding-right: 35px
    }

.form-control:disabled, .form-control[readonly] {
    background: transparent;
    cursor: not-allowed
}

.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0;
    -webkit-text-fill-color: #303030;
}

.carousel-indicators {
    z-index: 1
}

    .carousel-indicators li {
        margin: 0 3px;
        background: #c1c1c1;
        transform: skew(-60deg);
        border: 0;
        opacity: 1;
        width: 26px;
        height: 3px
    }

        .carousel-indicators li.active {
            background: var(--bg-color-danger)
        }

.btn {
    padding: 7px 14px;
    border: 1px solid #252578;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: var(--font-size20);
    line-height: var(--line-height-24);
    text-transform: uppercase;
    background: #fff;
    color: #252578;
    border-radius: 4px;
    box-shadow: none !important;
    font-size: 14px;
}

    .btn:hover {
        color: #252578
    }

    .btn.btn-red-gradient {
        background: var(--bg-red-gradient);
        color: var(--text-color-white);
        border: 0
    }

        .btn.btn-red-gradient:hover {
            color: var(--text-color-white)
        }

.common-tabs-main {
    width: max-content;
    justify-content: flex-start;
    border: 0;
    margin: 0 auto 57px auto
}

    .common-tabs-main .slick-arrow {
        left: 0;
        top: calc(38%);
        transform-origin: center;
        transform: rotate(0);
        width: 24px;
        height: 24px;
        z-index: 1;
        background: #fff
    }

        .common-tabs-main .slick-arrow img {
            margin: auto
        }

        .common-tabs-main .slick-arrow::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right,#fff 26.87%,rgba(255,255,255,0) 100%);
            opacity: 1;
            top: 0;
            left: 20px;
            z-index: -1
        }

        .common-tabs-main .slick-arrow.slick-next {
            left: auto;
            right: 0;
            transform: rotate(180deg)
        }

    .common-tabs-main .nav-item {
        margin-right: 25px
    }

        .common-tabs-main .nav-item .nav-link {
              font-family: 'Poppins', sans-serif;
            font-weight: var(--font-weight-400);
            font-size: var(--font-size20);
            text-transform: uppercase;
            color: var(--text-color-black);
            border-radius: 0;
            margin: 0;
            border: 0;
            border-bottom: 2px solid #303030;
            text-align: center;
            width: 193px;
            padding: 0 6px 0 6px;
            line-height: var(--line-height-24);
            white-space: nowrap
        }

            .common-tabs-main .nav-item .nav-link.active {
                font-family: 'Poppins', sans-serif!important;
                color: #0000ab;
                border-color: #0000ab;
                font-weight: var(--font-weight-900)
            }

        .common-tabs-main .nav-item:last-child {
            margin-right: 0
        }

.country-modal .modal-xl {
    max-width: 850px
}

    .country-modal .modal-xl .modal-content {
        border-radius: 8px
    }

        .country-modal .modal-xl .modal-content .modal-body {
            padding: 50px 49px
        }

            .country-modal .modal-xl .modal-content .modal-body .close {
                opacity: 1;
                font-size: 35px;
                top: 20px;
                position: absolute;
                right: 10px;
                line-height: 1;
                float: none;
                color: var(--text-color-red)
            }

            .country-modal .modal-xl .modal-content .modal-body h2 {
                font-family: 'Poppins', sans-serif;
                font-size: var(--font-size30);
                font-weight: var(--font-weight-900);
                margin-bottom: 25px
            }

            .country-modal .modal-xl .modal-content .modal-body ul {
                display: flex;
                flex-wrap: wrap
            }

                .country-modal .modal-xl .modal-content .modal-body ul li {
                    width: 140px;
                    margin: 5px
                }

                    .country-modal .modal-xl .modal-content .modal-body ul li a {
                        background-color: #686868;
                        color: #fff;
                        padding: 12px 8px;
                        font-family: 'Poppins', sans-serif;
                        font-size: var(--font-size14);
                        display: flex;
                        align-items: flex-start;
                        white-space: nowrap
                    }

                        .country-modal .modal-xl .modal-content .modal-body ul li a img {
                            margin-right: 5px
                        }

.header-main {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 100vw;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    z-index: 4;
    background: #fff
}

    .header-main .top-bar-main {
        background: #0000ab;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

        .header-main .top-bar-main .top-bar-option {
            margin-left: 32px;
            display: flex
        }

            .header-main .top-bar-main .top-bar-option .input-topbar-search {
                width: 0;
                height: 27px;
                padding: 0;
                margin-right: 15px;
                border: 0;
                transition: .2s;
                visibility: hidden
            }

                .header-main .top-bar-main .top-bar-option .input-topbar-search.active {
                    visibility: visible;
                    padding: 0 10px;
                    transition: .2s;
                    width: 250px
                }

            .header-main .top-bar-main .top-bar-option .top-bar-link {
                display: flex;
                align-items: center;
                font-family: 'Poppins', sans-serif;
                font-size: 14px;
                font-weight: var(--font-weight-700);
                color: var(--text-color-white);
                margin: 4px 0
            }

                .header-main .top-bar-main .top-bar-option .top-bar-link .top-bar-label {
                    margin-left: 8px
                }

    .header-main .navbar {
        padding: 0 40px
    }

        .header-main .navbar .navbar-brand {
            padding: 12px 0;
            margin-right: 32px
        }

        .header-main .navbar .navbar-wrapper {
            display: flex;
            flex-direction: row;
            width: 100%
        }

        .header-main .navbar .navbar-nav {
            margin-right: auto
        }

            .header-main .navbar .navbar-nav .nav-item .nav-link {
                padding: 23px 14px;
                font-family: 'Poppins', sans-serif;
                font-weight: var(--font-weight-400);
                font-size: var(--font-size14);
                color: #000;
                white-space: nowrap;
                font-weight: 600;
            }

                .header-main .navbar .navbar-nav .nav-item .nav-link .new--sup {
                    color: #db3c33;
                    text-align: center;
                    font-feature-settings: 'clig' off,'liga' off;
                    font-family: 'Poppins', sans-serif;
                    font-size: 6px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    position: relative;
                    top: -8px
                }

@media(max-width:768px) {
    .header-main .navbar .navbar-nav .nav-item .nav-link .new--sup {
        top: 0
    }
}

.header-main .navbar .navbar-nav .nav-item .nav-link .nav-icon {
    display: none
}

.header-main .navbar .navbar-nav .nav-item:not(.active) span[data-shimmer-effect="true"]:not(:hover) {
    background: linear-gradient(to right,var(--text-color-danger-red) 5%,var(--text-color-black) 50%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
    display: inline-block
}

@keyframes textclip {
    from {
        background-position: 200% center
    }

    to {
        background-position: 0 center
    }
}

.header-main .navbar .navbar-nav .nav-item:hover .nav-link {
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-900)
}

.header-main .navbar .navbar-nav .megamenu-li {
    position: static
}

    .header-main .navbar .navbar-nav .megamenu-li .dropdown-toggle {
        position: relative
    }

        .header-main .navbar .navbar-nav .megamenu-li .dropdown-toggle::after {
            content: none
        }

    .header-main .navbar .navbar-nav .megamenu-li .megamenu {
        position: absolute;
        width: 100%;
        height: calc(-1vh);
        overflow: auto;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        background: rgba(165,165,165,0.9);
        border: 0
    }

        .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper {
            display: flex;
            background: #fff;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3) inset;
            position: relative;
            padding-bottom: 41px
        }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main {
                flex: 1;
                padding: 18px 0 18px 0;
                position: relative
            }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-head {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 5px;
                    max-width: 100%;
                    margin: 0 auto 37px auto
                }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-head h3 {
                        font-family: 'Poppins', sans-serif;
                        font-size: var(--font-size32);
                        font-weight: var(--font-weight-400);
                        text-align: center;
                        line-height: inherit;
                        color: rgba(0,0,0,0.5)
                    }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-head h4 {
                        text-align: left;
                        font-family: 'Poppins', sans-serif;
                        font-weight: var(--font-weight-900);
                        font-size: var(--font-size22);
                        color: var(--text-color-grey)
                    }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box {
                    display: flex;
                    flex-wrap: wrap;
                    margin: auto;
                    padding: 0 13px 0 13px
                }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                        display: flex;
                        flex-direction: column;
                        width: auto;
                        background: transparent;
                        margin: 0 29px 25px 29px;
                        padding: 0;
                        align-items: center;
                        width: 30%
                    }

                        .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item p {
                            font-family: 'Poppins', sans-serif;
                            font-weight: var(--font-weight-900);
                            font-size: var(--font-size14);
                            color: var(--text-color-black);
                            text-align: center;
                            margin-top: 6px;
                            display: flex;
                            align-items: center;
                            text-transform: uppercase;
                            white-space: break-spaces;
                            flex-wrap: wrap;
                            justify-content: center
                        }

                            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item p .capsule {
                                font-family: 'Poppins', sans-serif;
                                font-weight: var(--font-weight-700);
                                background: #ffe8e8;
                                border-radius: 50px;
                                margin-left: 6px;
                                padding: 2px 5px;
                                font-size: 8px;
                                color: var(--text-color-danger-red);
                                text-transform: uppercase;
                                white-space: nowrap
                            }

                        .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .badge {
                            font-family: 'Poppins', sans-serif;
                            font-weight: var(--font-weight-700);
                            font-size: 10px;
                            color: var(--text-color-blue);
                            padding: 2px 2px 2px 6px;
                            position: relative;
                            text-transform: uppercase
                        }

                            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .badge::before {
                                content: '';
                                position: absolute;
                                left: 0;
                                top: calc(48%);
                                width: 4px;
                                height: 4px;
                                border-radius: 100%;
                                background: var(--bg-color-blue)
                            }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main::before {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 1px;
                    height: 100%;
                    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#999 50%,rgba(255,255,255,0) 100%)
                }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main:last-child::before {
                    content: none
                }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-choose-strip {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                background: #f5f5f5;
                padding: 12px;
                display: flex;
                justify-content: center;
                margin-top: auto
            }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-choose-strip p {
                      font-family: 'Poppins', sans-serif;
                    font-size: var(--font-size12);
                    font-weight: var(--font-weight-400)
                }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-choose-strip a {
                      font-family: 'Poppins', sans-serif;
                    font-size: var(--font-size12);
                    font-weight: var(--font-weight-400);
                    margin-left: 4px;
                    color: var(--text-color-red);
                    text-decoration: underline
                }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper {
                padding-bottom: 0
            }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main {
                    padding: 16px 0
                }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main::before {
                        content: none !important
                    }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-head {
                        justify-content: flex-start;
                        margin-bottom: 70px;
                        padding: 0 50px;
                        width: 100%
                    }

                        .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-head .explore-link {
                              font-family: 'Poppins', sans-serif;
                            font-weight: var(--font-weight-400);
                            font-size: var(--font-size12);
                            color: var(--text-color-red);
                            margin-left: 28px;
                            font-style:  
                        }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-box {
                        padding: 0;
                        justify-content: flex-start
                    }

                        .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                            margin: 0 50px 58px 50px;
                            width: 169px
                        }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-choose-strip {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0
                }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper {
                padding-bottom: 0
            }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main {
                    padding: 16px 0
                }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main::before {
                        content: none !important
                    }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-head {
                        justify-content: flex-start;
                        margin-bottom: 45px;
                        padding: 0 50px;
                        line-height: 28px;
                        width: 100%
                    }

                    .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box {
                        max-width: 100%;
                        justify-content: flex-start;
                        padding: 0 5px
                    }

                        .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                            margin: 0 45px 42px 45px;
                            width: 207px;
                            align-items: flex-start;
                            flex-basis: 22%
                        }

                            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .menu-item-icon-main {
                                display: flex;
                                align-items: flex-start
                            }

                                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .menu-item-icon-main h5 {
                                    margin-left: 10px;
                                    margin-right: 10px;
                                    font-family: 'Poppins', sans-serif;
                                    font-weight: var(--font-weight-900);
                                    color: var(--text-color-black);
                                    font-size: var(--font-size16);
                                    white-space: break-spaces
                                }

                                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .menu-item-icon-main .badge {
                                    text-transform: capitalize;
                                    margin-top: 4px
                                }

                            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item p {
                                display: block;
                                white-space: break-spaces;
                                text-align: left;
                                margin-top: 13px;
                                text-transform: unset;
                                font-size: var(--font-size12)
                            }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.service-link-wrapper .megamenu-option-main .megamenu-option-box {
                justify-content: space-between
            }

                .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper.service-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                    flex-basis: 18%
                }

        .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-right-option-main {
            width: 454px;
            height: 100%;
            background: rgba(48,48,48,0.05);
            padding: 24px;
            display: flex;
            flex-direction: column;
            align-items: center
        }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-right-option-main .know-more-btn {
                display: table;
                margin: 15px auto 0 auto
            }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-right-option-main .carousel-indicators {
                margin-top: 30px;
                position: relative
            }

            .header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-right-option-main .mobile-img {
                display: none
            }

    .header-main .navbar .navbar-nav .megamenu-li.active .megamenu {
        display: flex;
        flex-direction: column
    }

    .header-main .navbar .navbar-nav .megamenu-li.active .dropdown-toggle::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #bfbfbf;
        border-left: 5px solid transparent
    }

.header-main .navbar .navbar-right {
    margin-right: 17px;
    display: flex;
    flex-direction: row
}

    .header-main .navbar .navbar-right .nav-item .nav-link {
        display: flex;
        padding: 13px 25px
    }

        .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-icon {
            margin-right: 10px;
            /* width: 130px; */
            float: left;
            /* padding-left: 20px; */
            height: 66%;
        }

@media(max-width:767px) and (min-width:320px) {
    .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-icon {
        width: 100px;
        padding-left: 0;
        margin-left: 125px
    }
}

.header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-label {
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-900);
    font-size: var(--font-size14);
    color: var(--text-color-white);
    font-style:  ;
    max-width: 72px;
    padding-top: 10px
}

@media(max-width:767px) and (min-width:320px) {
    .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-label {
        padding-top: 14px;
        text-transform: uppercase
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-label {
        padding-top: 19px;
        text-transform: uppercase
    }
}

.header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-label span {
    font-size: 10px;
    padding-left: 8px;
    color: #cbc5c5;
    display: block
}

.header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-label::after {
    content: "";
    height: 20px;
    width: 20px;
    background-image: url(clientlib-site/resources/images/icons/homepage/right-arrow.html);
    display: flex;
    background-repeat: no-repeat;
    position: relative;
    right: -51px;
    bottom: 13px
}

@media(min-width:1025px) and (max-width:1280px) {
    .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-label::after {
        content: none !important
    }
}

.header-main .navbar .navbar-right .nav-item.e-shop {
    z-index: 1;
    margin-top: 16px;
}

    .header-main .navbar .navbar-right .nav-item.e-shop .nav-link {
        background-size: auto 100%;
        background-position: center;
        height: 50px;
        line-height: 14px;
        width: 124px;
        padding: 0 !important;
        border-radius: 6px; /*border:2px solid #3a86af*/
    }

        .header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert {
            position: absolute;
            bottom: 3px;
            color: #cbc5c5;
            font-size: 10px;
            font-style:  ;
            padding-right: 10px;
            left: 48px
        }

            .header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .carousel-item span {
                color: #cbc5c5;
                font-family: 'Poppins', sans-serif;
                text-transform: uppercase
            }

@media(max-width:767px) and (min-width:320px) {
    .header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .carousel-item span {
        font-size: 14px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .carousel-item span {
        font-size: 14px
    }
}

.header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert span {
    width: 100%;
    display: inline-block;
    min-width: 100px
}

.header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .carousel-item-next.carousel-item-left, .header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .carousel-item-next, .header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .active.carousel-item-right {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100% 0)
}

.header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .carousel-item-prev, .header-main .navbar .navbar-right .nav-item.e-shop .nav-link .vert .active.carousel-item-left {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.header-main .navbar .navbar-right .nav-item.virtual-showroom .nav-link {
    background: url('clientlib-site/resources/images/virtual-showroom-bg.png') no-repeat;
    background-size: auto 100%;
    background-position: center;
    transform: skewX(-25deg);
    padding: 18.6px 25px;
    line-height: 14px;
    height: 100%;
    white-space: normal
}

.header-main .navbar .navbar-right .megamenu-li.active .dropdown-toggle::before {
    transform: skew(25deg)
}

.header-main .navbar .navbar-quick-links {
    display: none
}

.bread-crumbs-section {
    text-transform: uppercase;
    padding: 0 40px
}

    .bread-crumbs-section .breadcrumb {
        background-color: transparent;
        padding: 6px 0;
        margin-bottom: 0
    }

        .bread-crumbs-section .breadcrumb .breadcrumb-item {
            font-family: 'Poppins', sans-serif;
            font-weight: var(--font-weight-400);
            font-size: var(--font-size14);
            color: var(--text-color-white)
        }

            .bread-crumbs-section .breadcrumb .breadcrumb-item.active {
                font-family: 'Poppins', sans-serif;
                font-weight: 700
            }

            .bread-crumbs-section .breadcrumb .breadcrumb-item + .breadcrumb-item {
                padding: 0;
                margin: 0 0 0 10px;
                padding-left: 15px;
                position: relative
            }

                .bread-crumbs-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                    content: ">";
                    color: inherit;
                    position: absolute;
                    padding: 0;
                    left: 0
                }

.product-header-main {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    z-index: 4;
    background: transparent
}

    .product-header-main .top-bar-main {
        background: #0000ab;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .product-header-main .top-bar-main .navbar-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row
        }

            .product-header-main .top-bar-main .navbar-nav .nav-item {
                margin: 0 18px
            }

                .product-header-main .top-bar-main .navbar-nav .nav-item .nav-link {
                    padding: 6px 0;
                      font-family: 'Poppins', sans-serif;
                    font-weight: var(--font-weight-400);
                    font-size: var(--font-size14);
                    color: var(--text-color-white);
                    text-transform: uppercase;
                    position: relative
                }

                    .product-header-main .top-bar-main .navbar-nav .nav-item .nav-link.active {
                        font-family: 'Poppins', sans-serif;
                        font-weight: var(--font-weight-900)
                    }

                        .product-header-main .top-bar-main .navbar-nav .nav-item .nav-link.active::after {
                            content: '';
                            position: absolute;
                            width: 10px;
                            height: 10px;
                            left: 0;
                            right: 0;
                            margin: auto;
                            bottom: 0;
                            border-right: 5px solid transparent;
                            border-bottom: 7px solid #fff;
                            border-left: 5px solid transparent
                        }

        .product-header-main .top-bar-main .mobile-nav-dropdown {
            display: none
        }

    .product-header-main .product-navbar {
        padding: 12px 40px;
        background: #fff
    }

        .product-header-main .product-navbar .navbar-brand {
            margin-right: 16px;
            padding: 0
        }

            .product-header-main .product-navbar .navbar-brand .mobile-logo {
                display: none
            }

        .product-header-main .product-navbar .navbar-nav {
            margin: 0 auto;
            display: flex;
            flex-direction: row
        }

            .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
                display: flex;
                padding: 0 15px;
                font-family: 'Poppins', sans-serif;
                font-weight: var(--font-weight-700);
                font-size: var(--font-size14);
                color: #000;
                border-right: 1px solid #000;
                align-items: center
            }

                .product-header-main .product-navbar .navbar-nav .nav-item .nav-link img {
                    margin-right: 16px
                }

            .product-header-main .product-navbar .navbar-nav .nav-item:last-child .nav-link {
                border: 0
            }

        .product-header-main .product-navbar .btn-danger {
            padding: 8px 15px;
            font-size: 15px;
            visibility: hidden;
            background-color: #ff0000;
            border-radius: 10px;
        }

            .product-header-main .product-navbar .btn-danger.visible {
                visibility: visible
            }

    .product-header-main .bread-crumbs-section {
        background: rgba(48,48,48,0.9)
    }

.designed-for-roads {
    background-color: var(--bg-color-grey-2);
    padding: 50px 0
}

    .designed-for-roads .inner .left {
        flex: 0 0 40%;
        max-width: 40%
    }

        .designed-for-roads .inner .left h2 {
            font-size: var(--font-size48);
            font-family: var(--font-tstar-heavy);
            max-width: 300px;
            line-height: 1.2
        }

    .designed-for-roads .inner .right {
        flex: 0 0 60%;
        max-width: 60%
    }

        .designed-for-roads .inner .right .road-feature {
            padding: 0 15px
        }

            .designed-for-roads .inner .right .road-feature h4 {
                font-family: 'Poppins', sans-serif;
                font-weight: var(--font-weight-700);
                margin-bottom: 10px;
                font-size: var(--font-size20)
            }

            .designed-for-roads .inner .right .road-feature p {
                font-family: var(--font-montserrat-regular);
                font-weight: var(--font-weight-400);
                color: var(--text-color-grey);
                font-size: var(--font-size16)
            }

.book-test-drive-modal .modal-content {
    border: 0;
    border-radius: 0
}

    .book-test-drive-modal .modal-content .modal-body {
        padding: 0
    }

        .book-test-drive-modal .modal-content .modal-body .close {
            position: absolute;
            z-index: 2;
            top: 32px;
            right: 32px;
            opacity: 1
        }

        .book-test-drive-modal .modal-content .modal-body .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
            width: 300px;
            margin-bottom: 55px
        }

@media(min-width:1200px) {
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(255,255,255,0.3);
        box-shadow: inset 0 0 6px rgba(0,0,0,0.5)
    }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255,255,255,0.3)
        }
}

@media(max-width:1199px) and (min-width:992px) {
    .common-tabs-main {
        margin-bottom: 21px
    }

        .common-tabs-main .nav-item {
            margin-right: 22px
        }

            .common-tabs-main .nav-item .nav-link {
                font-size: var(--font-size20);
                width: auto;
                min-width: 150px
            }

    .header-main .navbar {
        padding: 0 15px 0 15px
    }

        .header-main .navbar .navbar-brand {
            padding: 5px;
            margin-right: 10px;
            width: 140px
        }

        .header-main .navbar .navbar-wrapper .navbar-nav .nav-item .nav-link {
            padding: 25px 25px!important;
            font-size: 14px!important;
        }

        .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu {
            height: calc(8vh)
        }

            .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper {
                max-height: calc(-32vh)
            }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-head {
                    padding: 0 30px;
                    margin-bottom: 30px
                }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box {
                    justify-content: flex-start;
                    padding: 0 8px
                }

                    .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                        margin: 0 12px 25px 12px;
                        width: 40%
                    }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-head {
                    padding: 0 20px
                }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main {
                    width: 350px
                }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-head {
                    padding: 0 20px
                }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box {
                    padding: 0
                }

                    .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                        margin: 0 20px 42px 20px;
                        width: 27%;
                        flex-basis: 27%
                    }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main {
                    width: 320px
                }

                .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.service-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                    flex-basis: 21%
                }

        .header-main .navbar .navbar-wrapper .navbar-right .nav-item.e-shop .nav-link {
            padding: 15px 25px
        }

            .header-main .navbar .navbar-wrapper .navbar-right .nav-item.e-shop .nav-link .vert {
                bottom: 8px;
                left: 50px
            }

        .header-main .navbar .navbar-wrapper .navbar-right .nav-item.virtual-showroom .nav-link {
            padding: 12px 25px
        }

    .product-header-main .product-navbar {
        padding: 12px 15px
    }

        .product-header-main .product-navbar .navbar-brand {
            width: 200px;
            margin-right: 0
        }

        .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
            padding: 0 10px
        }

    .product-header-main .bread-crumbs-section {
        padding: 0 15px
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 280px
    }

    

    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box {
        width: 30%;
        margin-bottom: 35px!important;
        margin-right: 21px;
    }

    .help-offer-main .help-offer-container .help-main-wrapper {
        padding: 30px 25px;
        flex: 1;
    }
    .explore-wrapper-section {
        padding-top: 30px;
        background-color: var(--text-color-white);
    }











}

@media(max-width:991.2px) and (min-width:768px) {
    .common-tabs-main {
        margin: 0 auto;
        margin-bottom: 2rem
    }

        .common-tabs-main .nav-item {
            margin-right: 22px
        }

            .common-tabs-main .nav-item .nav-link {
                font-size: var(--font-size14);
                line-height: var(--line-height-16);
                width: auto;
                min-width: 105px
            }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .book-test-drive-heading h3 {
        font-size: var(--font-size26)
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .book-test-drive-heading p {
        font-size: var(--font-size14)
    }

    .book-test-drive-section .book-test-drive-wrapper .collapse-btn .drop-down-collapse {
        position: absolute;
        left: calc(32%);
        top: -18px
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou .book-test-thankyou-head h3 {
        font-size: var(--font-size48)
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou .book-test-thankyou-head img {
        width: 52px
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou p {
        font-size: var(--font-size24)
    }

    .book-test-drive-modal .modal-dialog {
        max-width: calc(70%)
    }

    .book-test-drive-modal .modal-content {
        border: 0;
        border-radius: 0
    }

        .book-test-drive-modal .modal-content .modal-body {
            padding: 0
        }

            .book-test-drive-modal .modal-content .modal-body .close {
                position: absolute;
                z-index: 2;
                top: 32px;
                right: 32px;
                opacity: 1
            }

            .book-test-drive-modal .modal-content .modal-body .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
                width: 230px;
                margin-bottom: 20px
            }

    .country-modal .modal-xl {
        max-width: 700px
    }

        .country-modal .modal-xl .modal-content .modal-body {
            padding: 50px 49px
        }

            .country-modal .modal-xl .modal-content .modal-body h2 {
                font-size: var(--font-size24)
            }

    .designed-for-roads {
        background-color: var(--bg-color-grey-2);
        padding: 50px 0
    }

        .designed-for-roads .inner .left {
            flex: 0 0 100%;
            max-width: 100%
        }

            .designed-for-roads .inner .left h2 {
                font-size: var(--font-size48);
                font-family: var(--font-tstar-heavy);
                max-width: 500px;
                line-height: 1.2;
                text-align: center;
                margin: 0 auto;
                margin-bottom: 20px
            }

        .designed-for-roads .inner .right {
            flex: 0 0 100%;
            max-width: 100%
        }

            .designed-for-roads .inner .right .road-feature {
                padding: 0 15px
            }

    .header-main .top-bar-main {
        padding: 4px 16px
    }

        .header-main .top-bar-main .top-bar-option {
            margin-left: 18px
        }

            .header-main .top-bar-main .top-bar-option:first-child {
                margin-left: 0
            }

            .header-main .top-bar-main .top-bar-option .input-topbar-search.active {
                width: 115px;
                max-width: 100%;
                padding: 0 10px;
                transition: .2s
            }

            .header-main .top-bar-main .top-bar-option .top-bar-link .top-bar-label {
                display: none
            }

            .header-main .top-bar-main .top-bar-option .top-bar-link .input-topbar-search-label {
                display: block
            }

            .header-main .top-bar-main .top-bar-option .dropdown .dropdown-toggle .top-bar-icon {
                margin-right: 9px
            }

    .header-main .navbar {
        padding: 0 16px
    }

        .header-main .navbar .navbar-brand {
            width: 120px;
            padding: 10px 0
        }

        .header-main .navbar .navbar-toggler {
            padding: 0;
            border: 0
        }

        .header-main .navbar .navbar-collapse {
            position: fixed;
            top: 86px;
            left: 0;
            width: 100%;
            background: #fff
        }

            .header-main .navbar .navbar-collapse.collapsing {
                left: -100%;
                transition: height 0 ease
            }

            .header-main .navbar .navbar-collapse.show {
                left: 0;
                transition: left 300ms ease-in-out
            }

            .header-main .navbar .navbar-collapse .navbar-wrapper {
                flex-direction: column;
                overflow: hidden;
                height: 100%;
                overflow-y: auto
            }

                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav {
                    margin: 0;
                    padding: 0 15px;
                    order: 2
                }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item {
                        border-bottom: 1px solid #dcdcdc
                    }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item .nav-link {
                            padding: 24px 0;
                            font-size: var(--font-size16);
                            display: flex
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item .nav-link .nav-icon {
                                display: block;
                                margin-right: 12px
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item .nav-link .nav-icon ~ .nav-icon {
                                    margin-right: 0;
                                    margin-left: auto
                                }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu {
                            top: 0;
                            height: -webkit-fill-available
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper {
                                max-height: inherit;
                                flex-direction: column
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main {
                                    padding: 20px 0 0 0
                                }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main::before {
                                        width: 100%;
                                        height: 1px;
                                        top: auto;
                                        left: 0;
                                        bottom: 0;
                                        background: linear-gradient(to right,rgba(255,255,255,0) 0,#999 50%,rgba(255,255,255,0) 100%)
                                    }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box {
                                        max-width: 100%;
                                        justify-content: center;
                                        padding: 0 20px
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                                            margin: 0 13px 20px 13px;
                                            width: 20%
                                        }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main:last-child {
                                        padding-top: 30px;
                                        padding-bottom: 4px
                                    }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper {
                                    flex-direction: column;
                                    position: relative;
                                    padding-bottom: 45px
                                }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main {
                                        padding: 16px 0;
                                        position: unset
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-head {
                                            padding: 0 25px
                                        }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-box {
                                            max-width: 100%;
                                            padding: 0;
                                            justify-content: flex-start
                                        }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                                                margin: 0 25px 35px 25px;
                                                width: 30%
                                            }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main {
                                        width: 100%;
                                        height: auto
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main .desktop-img {
                                            display: none
                                        }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main .mobile-img {
                                            display: block
                                        }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper {
                                    flex-direction: column
                                }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main {
                                        padding: 16px 0
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-head {
                                            padding: 0 25px
                                        }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box {
                                            max-width: 100%;
                                            padding: 0;
                                            justify-content: flex-start
                                        }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                                                margin: 0 25px 58px 25px;
                                                flex-basis: auto;
                                                width: 35%
                                            }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main {
                                        width: 100%
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main .desktop-img {
                                            display: none
                                        }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main .mobile-img {
                                            display: block
                                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-right-option-main .carousel {
                                width: 325px
                            }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li.active .dropdown-toggle::before {
                            content: none
                        }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li.active .megamenu {
                            display: none
                        }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li.focused .megamenu {
                            display: flex
                        }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right {
                        padding: 0;
                        order: 1;
                        position: sticky;
                        margin: 0 -15px;
                        top: 0
                    }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item {
                            border-bottom: 0;
                            width: 50%
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item .nav-link {
                                padding: 13px 25px;
                                background-size: 100% auto
                            }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.e-shop .nav-link {
                                height: 54px;
                                width: 100%;
                                margin-left: 285px;
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.e-shop .nav-link .vert {
                                    bottom: 5px;
                                    left: calc(44%)
                                }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item:last-child {
                                border: 0;
                                width: 90%;
                                margin: 0 auto
                            }

                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links {
                    display: block;
                    order: 3;
                    background: #303030
                }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav .nav-item {
                        border-bottom: 1px solid rgba(255,255,255,0.3)
                    }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav .nav-item .nav-link {
                            color: #fff
                        }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links-nav {
                        margin-bottom: 37px
                    }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.social-links {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        margin-bottom: 12px
                    }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.social-links a {
                            margin-right: 28px
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.social-links a:last-child {
                                margin-right: 0
                            }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        flex-wrap: wrap;
                        margin-bottom: 5px
                    }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links li {
                            border-right: 2px solid #fff
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links li a {
                                padding: 0 7px;
                                color: var(--text-color-white);
                                font-size: var(--font-size12)
                            }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links li:last-child {
                                margin-right: 0;
                                border: 0
                            }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .copyrights {
                        font-size: var(--font-size12);
                        color: var(--text-color-white);
                        text-align: center;
                        margin-bottom: 6px
                    }

        .header-main .navbar .navbar-toggler.collapsed ~ .navbar-collapse {
            transition: left 500ms ease-in-out
        }

    .product-header-main .product-navbar {
        padding: 12px 0 12px 15px;
        flex-wrap: nowrap
    }

        .product-header-main .product-navbar .navbar-brand .desktop-logo {
            display: none
        }

        .product-header-main .product-navbar .navbar-brand .mobile-logo {
            display: block;
            width: 50%;
        }

        .product-header-main .product-navbar .navbar-nav {
            flex-wrap: nowrap;
            overflow: auto;
            overflow: -webkit-scrollbars-none;
            overflow: -moz-scrollbars-none;
            overflow: -o-scrollbars-none;
            overflow: scrollbars-none;
            scroll-behavior: smooth;
            -ms-overflow-style: none;
            flex: 1
        }

            .product-header-main .product-navbar .navbar-nav .nav-item {
                width: max-content
            }

                .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
                    width: max-content
                }

            .product-header-main .product-navbar .navbar-nav::-webkit-scrollbar {
                width: 0 !important;
                display: none
            }

        .product-header-main .product-navbar .btn-danger {
            white-space: nowrap;
            margin-left: 20px;
            margin-right: 15px;
            display: none
        }

            .product-header-main .product-navbar .btn-danger.visible {
                display: block
            }

    .product-header-main .bread-crumbs-section {
        padding: 0 15px
    }
}

@media(max-width:767px) and (min-width:320px) {
    .btn {
        font-size: var(--font-size14);
        padding: 3px 24px
    }

    .common-tabs-main {
        width: 100%;
        margin: 0 auto
    }

        .common-tabs-main .nav-item {
            margin-right: 22px
        }

            .common-tabs-main .nav-item .nav-link {
                font-family: 'Poppins', sans-serif;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size14);
                line-height: 1.2;
                width: auto;
                min-width: 72px
            }

                .common-tabs-main .nav-item .nav-link.active {
                    color: var(--text-color-black);
                    border-color: var(--text-color-black)
                }

            .common-tabs-main .nav-item.slick-current .nav-link {
                color: #252578;
                border-bottom: 2px solid #252578;
            }

            .common-tabs-main .nav-item:last-child {
                margin-right: 0
            }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .book-test-drive-heading h3 {
        font-size: var(--font-size28)
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .book-test-drive-heading p {
        font-size: var(--font-size12)
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 100%;
        margin: 0 15px 28px 15px
    }

    .book-test-drive-section .book-test-drive-wrapper .collapse-btn .drop-down-collapse {
        position: absolute;
        left: calc(32%);
        top: -18px
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou .book-test-thankyou-head h3 {
        font-size: var(--font-size48)
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou .book-test-thankyou-head img {
        width: 52px
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-thankyou p {
        font-size: var(--font-size24)
    }

    .book-test-drive-modal .modal-dialog {
        margin: 0
    }

    .book-test-drive-modal .modal-content .modal-body .close {
        top: 12px;
        right: 12px
    }

    .book-test-drive-modal .modal-content .modal-body .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 100%;
        margin-bottom: 26px
    }

    .country-modal .modal-xl {
        max-width: 100%;
        margin: 0
    }

        .country-modal .modal-xl .modal-content {
            border: 0;
            border-radius: 0
        }

            .country-modal .modal-xl .modal-content .modal-body {
                padding: 40px 30px
            }

                .country-modal .modal-xl .modal-content .modal-body h2 {
                    font-size: var(--font-size24)
                }

    .header-main {
        width: 100%
    }

        .header-main .top-bar-main .top-bar-option {
            margin-left: 18px
        }

            .header-main .top-bar-main .top-bar-option:first-child {
                margin-left: 0
            }

            .header-main .top-bar-main .top-bar-option .input-topbar-search.active {
                width: 115px;
                max-width: 100%;
                padding: 0 10px;
                transition: .2s
            }

            .header-main .top-bar-main .top-bar-option .top-bar-link .top-bar-label {
                display: none
            }

            .header-main .top-bar-main .top-bar-option .dropdown .dropdown-toggle .top-bar-icon {
                margin-right: 9px
            }

        .header-main .navbar {
            padding: 0px 16px;

        }

            .header-main .navbar .navbar-brand {
                width: 98px;
                padding: 10px 0
            }

            .header-main .navbar .navbar-toggler {
                padding: 0;
                border: 0
            }

            .header-main .navbar .navbar-collapse {
                position: fixed;
                top: 73px;
                left: 0;
                width: 100%;
                background: #fff
            }

                .header-main .navbar .navbar-collapse.collapsing {
                    left: -100%;
                    transition: height 0 ease
                }

                .header-main .navbar .navbar-collapse.show {
                    left: 0;
                    transition: left 300ms ease-in-out
                }

                .header-main .navbar .navbar-collapse .navbar-wrapper {
                    flex-direction: column;
                    overflow: hidden;
                    height: 100%;
                    overflow-y: auto
                }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav {
                        margin: 0;
                        padding: 0 15px;
                        order: 2
                    }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item {
                            border-bottom: 1px solid #dcdcdc
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item .nav-link {
                                padding: 24px 0;
                                font-size: var(--font-size16);
                                display: flex
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item .nav-link .nav-icon {
                                    display: block;
                                    margin-right: 12px
                                }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item .nav-link .nav-icon ~ .nav-icon {
                                        margin-right: 0;
                                        margin-left: auto
                                    }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu {
                                top: 0;
                                height: -webkit-fill-available
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper {
                                    max-height: inherit;
                                    flex-direction: column
                                }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main {
                                        padding: 20px 0 0 0
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main::before {
                                            width: 100%;
                                            height: 1px;
                                            top: auto;
                                            left: 0;
                                            bottom: 0;
                                            background: linear-gradient(to right,rgba(255,255,255,0) 0,#999 50%,rgba(255,255,255,0) 100%)
                                        }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box {
                                            max-width: 100%;
                                            justify-content: space-between;
                                            padding: 0 20px
                                        }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                                                margin: 0 15px 20px 15px;
                                                width: 40%;
                                                flex-basis: 40%
                                            }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main:last-child {
                                            padding-top: 30px;
                                            padding-bottom: 4px
                                        }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper {
                                        flex-direction: column;
                                        position: relative;
                                        padding-bottom: 45px
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main {
                                            padding: 16px 0;
                                            position: unset
                                        }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-head {
                                                padding: 0 25px;
                                                flex-wrap: wrap;
                                                justify-content: center;
                                                margin-bottom: 22px
                                            }

                                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-head .explore-link {
                                                    display: none
                                                }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-box {
                                                max-width: 100%;
                                                padding: 0;
                                                justify-content: space-between
                                            }

                                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                                                    margin: 0 25px 35px 25px;
                                                    width: 35%;
                                                    flex-basis: 36%
                                                }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main {
                                            width: 100%;
                                            height: auto;
                                            padding: 12px 0 6px 0
                                        }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main .desktop-img {
                                                display: none
                                            }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main .mobile-img {
                                                display: block
                                            }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.scooters-megamenu-wrapper .megamenu-right-option-main .carousel-indicators {
                                                margin-top: 0
                                            }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper {
                                        flex-direction: column
                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main {
                                            padding: 16px 0
                                        }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-head {
                                                padding: 0 25px;
                                                line-height: 25px;
                                                margin-bottom: 22px
                                            }

                                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-head h4 {
                                                    font-size: var(--font-size18);
                                                    text-align: center
                                                }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box {
                                                max-width: 100%;
                                                padding: 0;
                                                justify-content: flex-start
                                            }

                                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item {
                                                    margin: 0 10px;
                                                    flex-basis: auto;
                                                    width: 100%;
                                                    padding: 14px 10px 18px 10px;
                                                    position: relative
                                                }

                                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .menu-item-icon-main img {
                                                        width: 28px
                                                    }

                                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .menu-item-icon-main h5 {
                                                        margin-left: 18px
                                                    }

                                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item p {
                                                        margin-left: 46px;
                                                        margin-top: -5px
                                                    }

                                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item::before {
                                                        content: '';
                                                        position: absolute;
                                                        left: 0;
                                                        bottom: 0;
                                                        width: 100%;
                                                        height: 1px;
                                                        background: linear-gradient(to right,rgba(255,255,255,0) 0,#999 50%,rgba(255,255,255,0) 100%)
                                                    }

                                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item:last-child::before {
                                                        content: none
                                                    }

                                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main {
                                            width: 100%;
                                            padding: 15px 15px 10px 15px
                                        }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main .desktop-img {
                                                display: none
                                            }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main .mobile-img {
                                                display: block
                                            }

                                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper.megamenu-link-wrapper .megamenu-right-option-main .carousel-indicators {
                                                margin-top: 18px
                                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-right-option-main .carousel {
                                    width: 325px;
                                    max-width: 100%
                                }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li.active .dropdown-toggle::before {
                                content: none
                            }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li.active .megamenu {
                                display: none
                            }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li.focused .megamenu {
                                display: flex;
                                background: #fff
                            }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right {
                            padding: 0;
                            order: 1;
                            position: sticky;
                            margin: 0 -15px;
                            top: 0
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item {
                                border-bottom: 0;
                                width: 50%
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item .nav-link {
                                    padding: 13px 25px;
                                    background-size: 100% auto
                                }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.e-shop .nav-link {
                                    height: 44px;
                                    width: 85%;
                                    margin: 0 auto; /*border:2px solid #3a86af*/
                                }

                                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.e-shop .nav-link .vert {
                                        bottom: 7px;
                                        left: calc(74%)
                                    }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item:last-child {
                                    border: 0;
                                    width: 100%
                                }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.megamenu-li .megamenu {
                                    width: calc(70%);
                                    margin: auto
                                }

                    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links {
                        display: block;
                        order: 3;
                        background: #303030
                    }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav .nav-item {
                            border-bottom: 1px solid rgba(255,255,255,0.3)
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav .nav-item .nav-link {
                                color: #fff
                            }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links-nav {
                            margin-bottom: 37px
                        }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.social-links {
                            display: flex;
                            flex-direction: row;
                            justify-content: center;
                            margin-bottom: 12px
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.social-links a {
                                margin-right: 28px
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.social-links a:last-child {
                                    margin-right: 0
                                }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links {
                            display: flex;
                            flex-direction: row;
                            justify-content: center;
                            flex-wrap: wrap;
                            margin-bottom: 5px
                        }

                            .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links li {
                                border-right: 2px solid #fff
                            }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links li a {
                                    padding: 0 7px;
                                    color: var(--text-color-white);
                                    font-size: var(--font-size12)
                                }

                                .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .navbar-nav.quick-links li:last-child {
                                    margin-right: 0;
                                    border: 0
                                }

                        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-quick-links .copyrights {
                            font-size: var(--font-size12);
                            color: var(--text-color-white);
                            text-align: center;
                            margin-bottom: 6px
                        }

            .header-main .navbar .navbar-toggler.collapsed ~ .navbar-collapse {
                transition: left 500ms ease-in-out
            }

    .product-header-main .top-bar-main {
        padding: 0
    }

        .product-header-main .top-bar-main .navbar-nav {
            display: none
        }

        .product-header-main .top-bar-main .mobile-nav-dropdown {
            display: block;
            width: 100%
        }

            .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-toggle {
                border-radius: 0;
                border: 0;
                width: 100%;
                background: transparent;
                padding: 9.5px 0;
                font-family: 'Poppins', sans-serif;
                font-weight: var(--font-weight-900);
                font-size: var(--font-size14);
                color: #fff !important;
                line-height: 16px
            }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-toggle::before {
                    content: '';
                    position: absolute;
                    width: 10px;
                    height: 10px;
                    left: 0;
                    right: 0;
                    margin: auto;
                    bottom: 0;
                    border-right: 5px solid transparent;
                    border-bottom: 7px solid #fff;
                    border-left: 5px solid transparent
                }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-toggle::after {
                    content: '';
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    right: 20px;
                    top: calc(40%);
                    border: 0;
                    background: url(clientlib-site/resources/images/icons/select-dropdown-icon.svg) no-repeat;
                    background-size: 100%;
                    transition: .3s;
                    transform: rotate(0)
                }

            .product-header-main .top-bar-main .mobile-nav-dropdown.show .dropdown-toggle::before {
                content: none
            }

            .product-header-main .top-bar-main .mobile-nav-dropdown.show .dropdown-toggle::after {
                transition: .3s;
                transform: rotate(180deg)
            }

            .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu {
                width: 100%;
                margin: 0;
                border-radius: 0 0 14px 14px;
                border: 0;
                /*background: var(--text-color-black)*/
            }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu.show {
                    transform: translate3d(0,35px,0) !important
                }

                .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu .dropdown-item {
                    text-align: center;
                    color: #fff;
                    font-family: 'Poppins', sans-serif;
                    font-weight: var(--font-weight-400);
                    font-size: var(--font-size14)
                }

                    .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-menu .dropdown-item.active {
                        background: transparent;
                        font-family: 'Poppins', sans-serif;
                        font-weight: var(--font-weight-900)
                    }

    .product-header-main .product-navbar {
        padding: 15px 0 15px 10px;
        flex-wrap: nowrap
    }

        .product-header-main .product-navbar .navbar-brand {
            width: 20px
        }

            .product-header-main .product-navbar .navbar-brand .desktop-logo {
                display: none
            }

            .product-header-main .product-navbar .navbar-brand .mobile-logo {
                display: block;
                
            }

        .product-header-main .product-navbar .navbar-nav {
            flex-wrap: nowrap;
            overflow: auto;
            overflow: -webkit-scrollbars-none;
            overflow: -moz-scrollbars-none;
            overflow: -o-scrollbars-none;
            overflow: scrollbars-none;
            scroll-behavior: smooth;
            -ms-overflow-style: none;
            flex: 1
        }

            .product-header-main .product-navbar .navbar-nav .nav-item {
                width: max-content
            }

                .product-header-main .product-navbar .navbar-nav .nav-item .nav-link {
                    width: max-content
                }

                    .product-header-main .product-navbar .navbar-nav .nav-item .nav-link img {
                        margin-right: 8px
                    }

                .product-header-main .product-navbar .navbar-nav .nav-item:first-child .nav-link {
                    padding-left: 80px;
                }

            .product-header-main .product-navbar .navbar-nav::-webkit-scrollbar {
                width: 0 !important;
                display: none
            }

        .product-header-main .product-navbar .btn-danger {
            display: none
        }

    .product-header-main .bread-crumbs-section {
        padding: 0 15px
    }

    .bread-crumbs-section .breadcrumb .breadcrumb-item {
        font-size: var(--font-size12)
    }

        .bread-crumbs-section .breadcrumb .breadcrumb-item + .breadcrumb-item {
            margin: 0 0 0 4px;
            padding-left: 12px
        }

    .common-h3 {
        font-size: var(--font-size28);
        padding: 18px 0 18px 0
    }

    .no-padding {
        padding: 0
    }

    .designed-for-roads {
        padding: 20px 0
    }

        .designed-for-roads .inner .left {
            flex: 0 0 100%;
            max-width: 100%
        }

            .designed-for-roads .inner .left h2 {
                font-size: var(--font-size48);
                font-family: var(--font-tstar-heavy);
                max-width: 300px;
                line-height: 1.2;
                text-align: left;
                margin: 0;
                margin-bottom: 20px
            }

        .designed-for-roads .inner .right {
            flex: 0 0 100%;
            max-width: 100%
        }

            .designed-for-roads .inner .right .road-feature {
                padding: 0;
                flex: 0 0 100%;
                margin-bottom: 10px
            }
}

@media(max-width:767px) and (min-width:576px) {
    .navbar-collapse {
        position: fixed;
        top: 114px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff
    }

        .navbar-collapse.collapsing {
            left: -100%;
            transition: height 0 ease
        }

        .navbar-collapse.show {
            left: 0;
            transition: left 300ms ease-in-out
        }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 230px
    }
}

.hero-loader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: .7;
    background-color: #fff;
    z-index: 99999;
    text-align: center
}

.hero-loader-icon {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000000;
    -webkit-animation: loaderspin 2s linear infinite;
    animation: loaderspin 2s linear infinite
}

#metadomai {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed
}

.harley {
    position: relative;
    margin-top: 15px
}

.harley-virtual-showroom p {
    padding: 10px 16px;
    background: #e35205;
    margin-right: 40px;
    font-family: 'tstar-bold';
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    border-radius: 6px
}

.harley::after {
    content: "";
    position: absolute;
    top: calc(50% - 7.5px);
    transform: translateY(-50%);
    right: 20px;
    background: #000;
    width: 1px;
    height: 18px;
    padding: .5px
}

@media(max-width:767px) {
    .harley {
        padding: 0 16px;
        text-align: center;
        width: 95%;
        margin: 5px auto
    }

    .harley-virtual-showroom p {
        width: 100%;
        font-size: 14px;
        margin: 0 !important
    }

    .harley::after {
        display: none
    }
}

@media(max-width:767px) and (max-width:500px) {
    .harley {
        width: 100% !important;
        margin: 10px auto !important
    }
}

@media(max-width:991px) {
    .harley {
        padding: 0 16px;
        text-align: center;
        width: 95%;
        margin: 5px auto
    }

    .harley-virtual-showroom p {
        width: 100%;
        padding: 10px 16px !important;
        font-size: 14px
    }

    .harley::after {
        display: none
    }
}

@media(max-width:1100px) {
    .harley {
        margin-bottom: 10px
    }

    .harley-virtual-showroom p {
        margin-right: 10px;
        padding: 10px 5px;
        font-size: 12px
    }

    .harley::after {
        display: none
    }
}

@media(max-width:1400px) and (min-width:1200px) {
    .harley-virtual-showroom p {
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 10px 5px;
        font-size: 12px
    }

    .harley::after {
        display: none
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.wrapper {
    max-width: 1366px;
    width: 90%;
    margin: 0 auto
}

#scooterBanner {
    margin-top: 6%
}

@media(min-width:1440px) {
    #scooterBanner {
        margin-top: 4%
    }
}

#scooterBanner .scooter-banner-slide {
    position: relative
}

    #scooterBanner .scooter-banner-slide .overlay {
        background: rgba(0,0,0,0.4);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 2
    }

    #scooterBanner .scooter-banner-slide .banner-img {
        object-fit: cover;
        object-position: center
    }

    #scooterBanner .scooter-banner-slide .slider-content {
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 100%;
        padding-left: 100px;
        font-size: var(--font-size16)
    }

        #scooterBanner .scooter-banner-slide .slider-content h1 {
            font-size: var(--font-size48);
            font-weight: var(--font-weight-900);
            font-family: 'Poppins', sans-serif;
            line-height: 1.2;
            margin-bottom: 10px
        }

        #scooterBanner .scooter-banner-slide .slider-content p {
            max-width: 280px;
            margin-bottom: 10px
        }

#scooterBanner .carousel-indicators {
    bottom: 40px;
    z-index: 3;
    margin: 0;
    padding-left: 100px
}

    #scooterBanner .carousel-indicators li {
        background-color: #f5f6f7
    }

        #scooterBanner .carousel-indicators li.active {
            background: var(--bg-color-danger)
        }

#scooterBanner .scroll-button {
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

    #scooterBanner .scroll-button img {
        transition: all 300ms ease-in
    }

    #scooterBanner .scroll-button:hover img {
        transform: scale(1.1)
    }

#offers-container .offer-main-wrapper h3 {
    font-family: 'Poppins', sans-serif;
}

.home-main-section {
    margin-top: 69px
}

    .home-main-section .carousel-indicators {
        bottom: 15px
    }

        .home-main-section .carousel-indicators.carousel-indicators-left {
            bottom: 40px;
            z-index: 3;
            margin: 0;
            padding-left: 100px
        }

            .home-main-section .carousel-indicators.carousel-indicators-left li {
                background-color: #f5f6f7
            }

                .home-main-section .carousel-indicators.carousel-indicators-left li.active {
                    background: var(--bg-color-danger)
                }

    .home-main-section .carousel-inner .slider-content {
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 100%;
        padding-left: 100px;
        font-family: 'Poppins', sans-serif;
    }

        .home-main-section .carousel-inner .slider-content h1 {
            font-size: var(--font-size48);
            font-weight: var(--font-weight-900);
            font-family: 'Poppins', sans-serif;
            line-height: 1.2;
            margin-bottom: 10px
        }

            .home-main-section .carousel-inner .slider-content h1 .good-life {
                color: var(--text-color-red)
            }

        .home-main-section .carousel-inner .slider-content .headmile {
            align-items: center;
            text-align: center;
            letter-spacing: .04em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.5);
            font-size: 80px;
            font-weight: 900;
            opacity: .7;
            font-family: 'Poppins', sans-serif;
        }

        .home-main-section .carousel-inner .slider-content p {
            max-width: 280px;
            margin-bottom: 10px
        }

    .home-main-section .carousel-inner .carousel-item img {
        width: 100%;
        height: 100%;
        margin: auto
    }

    .home-main-section .carousel-inner .carousel-item .slide-1-content {
        position: absolute;
        bottom: 66px;
        left: 66px
    }

        .home-main-section .carousel-inner .carousel-item .slide-1-content.slide-1-content-right {
            left: 60%
        }

        .home-main-section .carousel-inner .carousel-item .slide-1-content.slide-1-content-center {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: max-content;
            bottom: 66px
        }

        .home-main-section .carousel-inner .carousel-item .slide-1-content.text-bold {
            font-weight: 900
        }

        .home-main-section .carousel-inner .carousel-item .slide-1-content .slider-child-sec {
            background-image: url("clientlib-site/assets/images/imgs/back-grey-rectangle.html");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            max-width: 555px;
            padding: 10px 32px 17px 32px
        }

        .home-main-section .carousel-inner .carousel-item .slide-1-content .btn {
            border: 1px solid #0000ab;
            padding: 12px 32px 12px 32px;
            border-radius: 4px;
            margin-right: 40px;
            background: #fff;
            font-family: 'Poppins', sans-serif;
            color: var(--text-color-red);
            text-transform: uppercase;
            font-size: 20px
        }

            .home-main-section .carousel-inner .carousel-item .slide-1-content .btn.booknow-btn {
                background: #0000ab;
                color: #fff
            }

.help-offer-main {
    background: url('clientlib-site/resources/images/how-can-help-bg.svg') no-repeat;
    background-position: right top;
    background-size: 212px
}

    .help-offer-main .help-offer-container {
        display: flex;
        flex-wrap: wrap;
        padding: 0
    }

        .help-offer-main .help-offer-container .help-main-wrapper {
            padding: 30px 25px;
            flex: 1
        }

            .help-offer-main .help-offer-container .help-main-wrapper h3 {
                font-family: 'Poppins', sans-serif;
                font-size: 33px !important;
                color: #2e2ec9;
                margin-bottom: 22px;
                text-align: center;
            }

            .help-offer-main .help-offer-container .help-main-wrapper .help-main-box {
                display: flex;
                flex-wrap: wrap
            }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box.quick-link-size6 .help-box {
                    width: 30%
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box {
                    width: 30%;
                    margin-bottom: 58px;
                    margin-right: 21px
                }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:nth-last-child(-n+4) {
                        margin-bottom: 0
                    }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-box {
                        width: 110px;
                        height: 94px;
                        background: #fff;
                        border: 1px solid #dddcdc;
                        box-shadow: 0 8px 24px #dddcdc;
                        border-radius: 12px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: relative;
                        margin: auto
                    }

                        .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-box img {
                            display: block;
                            margin: auto
                        }

                        .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-box .active-icon {
                            position: absolute;
                            opacity: 0;
                            left: 0;
                            right: 0;
                            margin: auto
                        }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-label {
                        margin-top: 18px;
                        text-align: center;
                        font-family: 'Poppins', sans-serif;
                        font-weight: var(--font-weight-700);
                        font-size: 18px!important
                    }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-box .inactive-icon {
                        opacity: 0
                    }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-box .active-icon {
                        opacity: 1
                    }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-label {
                        color: var(--text-color-red)
                    }

.offer-main-wrapper {
    padding-top: 30px;
    width: 346px;
    max-width: 100%
}

    .offer-main-wrapper h3 {
        font-family: 'Poppins', sans-serif;
        font-size: var(--font-size32);
        color: var(--text-color-black);
        margin-bottom: 22px;
        text-align: center
    }

    .offer-main-wrapper .offer-carousel .carousel-inner .carousel-item {
        border-radius: 16px;
        overflow: hidden
    }

        .offer-main-wrapper .offer-carousel .carousel-inner .carousel-item img {
            border-radius: 16px
        }

    .offer-main-wrapper .offer-carousel .carousel-indicators {
        position: relative;
        margin-top: 17px;
        margin-bottom: 30px;
    }

    .offer-main-wrapper .offer-carousel .carousel-control-prev, .offer-main-wrapper .offer-carousel .carousel-control-next {
        bottom: auto;
        top: calc(29.5%);
        opacity: 1;
        left: -20px
    }

    .offer-main-wrapper .offer-carousel .carousel-control-next {
        left: auto;
        right: -20px
    }

    .offer-main-wrapper .know-more-btn {
        display: table;
        margin: 15px auto 0 auto;
        font-weight: 400
    }

    .offer-main-wrapper .red-fill {
        color: #fff;
        background-color: var(--bg-color-danger)
    }

    .offer-main-wrapper .text-bold {
        font-weight: 900
    }

    .offer-main-wrapper .btn-small {
        font-size: 10px;
        line-height: var(--line-height-9)
    }

.explore-wrapper-section {
    padding-top: 40px;
    background-color: var(--text-color-white)
}

    .explore-wrapper-section .explore-products .explore-products-heading h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 33px !important;
        color: #16169f;
        background-color: var(--text-color-white);
        text-align: center
    }

    .explore-wrapper-section .explore-products .explore-products-heading ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .explore-wrapper-section .explore-products .explore-products-heading ul li {
            font-size: var(--font-size16);
            font-family: 'Poppins', sans-serif;
            color: var(--text-color-black);
            border-right: 1px solid #303030;
            padding: 0 12px
        }

            .explore-wrapper-section .explore-products .explore-products-heading ul li:last-child {
                border: 0
            }

        .explore-wrapper-section .explore-products .explore-products-heading ul:last-child(1) {
            border-radius: 0
        }

    .explore-wrapper-section .explore-products .explore-tab-section {
        background-image: url("clientlib-site/resources/images/explore-products-bg.png");
        background-repeat: no-repeat;
        background-position: 100% 96%;
        background-size: 100% 43%;
        margin-top: 30px;
        margin-bottom: 30px
    }

        .explore-wrapper-section .explore-products .explore-tab-section .explore-div {
            display: flex;
            justify-content: flex-end
        }

        .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper {
            padding: 0 20px 0 20px;
            max-width: 1366px;
            margin: 30px auto
        }

            .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant {
                text-align: center
            }

                .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant p {
                    font-size: var(--font-size12);
                    color: var(--text-color-black);
                    font-family: 'Poppins', sans-serif;
                    font-weight: var(--font-weight-900)
                }

                .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant .bike-product-para {
                    opacity: 0
                }

                .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant .bike-product-paramob {
                    font-size: var(--font-size10);
                    font-family: 'Poppins', sans-serif;
                    color: var(--text-color-black)
                }

                .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant:hover .bike-product-para {
                    opacity: 1
                }

.joyride-main {
    position: relative;
    z-index: 0
}

    .joyride-main .joy-ride-heading {
        font-family: 'Poppins', sans-serif;
        font-weight: var(--font-weight-900);
        font-size: var(--font-size48);
        line-height: var(--line-height-57);
        color: #1b1717
    }

    .joyride-main p, .joyride-main .know-more {
        font-family: 'Poppins', sans-serif;
        font-weight: var(--font-weight-700);
        font-size: var(--font-size18);
        line-height: var(--line-height-32);
        color: var(--text-color-black);
        letter-spacing: 0.5px
    }

    .joyride-main .know-more {
        letter-spacing: .02em
    }

    .joyride-main ul.joyride-right-cards li.card {
        width: 190px;
        height: 150px;
        margin-bottom: 20px;
        background: #fcfcfc;
        box-shadow: 0 1px 4px rgba(0,0,0,0.16);
        border-radius: 5px;
        font-style:  ;
        padding: 20px 15px 20px 15px
    }

        .joyride-main ul.joyride-right-cards li.card .card-body {
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

            .joyride-main ul.joyride-right-cards li.card .card-body h4 {
                font-size: var(--font-size84);
                color: var(--text-color-red);
                line-height: var(--line-height-100);
                font-family: 'Poppins', sans-serif;
                font-weight: var(--font-weight-900)
            }

                .joyride-main ul.joyride-right-cards li.card .card-body h4 span.fs-24 {
                    font-size: var(--font-size24);
                    color: var(--text-color-red)
                }

            
                .joyride-main ul.joyride-right-cards li.card .card-body span {
                font-size: 15px!important;
                line-height: var(--line-height-24);
                color: var(--text-color-black);
                font-weight: var(--font-weight-400);
                  font-family: 'Poppins', sans-serif
            }

        .joyride-main ul.joyride-right-cards li.card.bg-red {
            background-color: var(--bg-color-danger);
            height: 110px;
            border-radius: 0;
            box-shadow: none
        }

            .joyride-main ul.joyride-right-cards li.card.bg-red .card-body h4, .joyride-main ul.joyride-right-cards li.card.bg-red .card-body p, .joyride-main ul.joyride-right-cards li.card.bg-red .card-body span {
                color: #fff
            }

            .joyride-main ul.joyride-right-cards li.card.bg-red .card-body p {
                font-weight: var(--font-weight-400)
            }

        .joyride-main ul.joyride-right-cards li.card.card:last-of-type {
            margin-bottom: 0
        }

.be-hero-main .section-heading h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-700);
    font-size: var(--font-size48);
    line-height: var(--line-height-58);
    color: var(--text-color-black)
}

.be-hero-main .section-heading p {
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-400);
    font-size: var(--font-size18);
    line-height: var(--line-height-22);
    color: #000;
    letter-spacing: .03em
}

.be-hero-main .hero-bikes-img-grid li {
    margin-right: 30px;
    border-radius: 10px;
    background-size: cover;
    color: #fff
}

    .be-hero-main .hero-bikes-img-grid li:nth-child(1) {
        background: url(clientlib-site/resources/images/be-a-hero-img1.png) no-repeat;
        height: 619px;
        width: 528px
    }

    .be-hero-main .hero-bikes-img-grid li ul li:nth-child(1) {
        background: url(clientlib-site/resources/images/be-a-hero-parts.png) no-repeat;
        margin: 0 0 20px 0;
        height: 299px;
        width: 350px
    }

    .be-hero-main .hero-bikes-img-grid li ul li:nth-child(2) {
        background: url(clientlib-site/resources/images/be-a-hero-img3.png) no-repeat;
        height: 299px;
        width: 350px;
        margin-right: 0
    }

    .be-hero-main .hero-bikes-img-grid li:last-of-type {
        background: url(clientlib-site/resources/images/be-a-hero-img4.png) no-repeat;
        margin-right: 0;
        height: 619px;
        width: 350px
    }

    .be-hero-main .hero-bikes-img-grid li .img-text {
        width: 100%;
        padding: 10px 20px 20px 25px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 100%;
        border-radius: 0 0 8px 8px;
        position: relative;
        z-index: 1
    }

        .be-hero-main .hero-bikes-img-grid li .img-text::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 96px;
            background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.898958) 23.23%,#000 100%);
            opacity: .5;
            border-radius: 0 0 10px 10px
        }

        .be-hero-main .hero-bikes-img-grid li .img-text h4 {
            font-family: 'Poppins', sans-serif;
            font-weight: var(--font-weight-900);
            font-size: var(--font-size34);
            line-height: var(--line-height-42);
            text-transform: uppercase
        }

        .be-hero-main .hero-bikes-img-grid li .img-text p {
            font-family: 'Poppins', sans-serif;
            font-weight: var(--font-weight-400);
            font-size: var(--font-size20);
            line-height: var(--line-height-24)
        }

        .be-hero-main .hero-bikes-img-grid li .img-text .explore-more {
            font-family: 'Poppins', sans-serif;
            font-weight: var(--font-weight-900);
            font-size: var(--font-size16)
        }

.events-section-main {
    display: flex;
    flex-direction: column
}

    .events-section-main .event-section-tabs-main {
        margin-bottom: 57px
    }

    .events-section-main .event-section-tab-content {
        width: 1286px;
        max-width: 100%;
        margin: auto
    }

        .events-section-main .event-section-tab-content .events-main-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: flex-start
        }

            .events-section-main .event-section-tab-content .events-main-wrapper .events-box {
                width: 629px;
                height: 590px;
                max-width: 100%;
                position: relative;
                border-radius: 18px;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                justify-content: space-between
            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link {
                    display: block;
                    width: 100%;
                    height: 100%;
                    border-radius: 18px;
                    overflow: hidden
                }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-img {
                        min-width: 100%;
                        max-width: inherit;
                        min-height: 100%;
                        transform: translate(-50%,-50%);
                        position: relative;
                        top: 50%;
                        left: 50%
                    }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main {
                        position: absolute;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        width: 100%;
                        z-index: 1;
                        padding: 88px 50px 27px 50px;
                        background: linear-gradient(to bottom,rgba(0,0,0,0) 23%,rgba(0,0,0,0.75) 100%);
                        display: flex;
                        align-items: flex-end;
                        justify-content: space-between
                    }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info h4 {
                            font-family: 'Poppins', sans-serif;
                            font-weight: var(--font-weight-900);
                            font-size: var(--font-size34);
                            color: var(--text-color-white);
                            text-transform: uppercase;
                            line-height: var(--line-height-40)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info p {
                              font-family: 'Poppins', sans-serif;
                            font-weight: var(--font-weight-400);
                            font-size: var(--font-size20);
                            color: var(--text-color-white)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore {
                            display: flex;
                            align-items: center
                        }

                            .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore p {
                                margin-right: 10px;
                                font-family: 'Poppins', sans-serif;
                                font-weight: var(--font-weight-900);
                                font-size: var(--font-size16);
                                color: var(--text-color-white)
                            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .events-box {
                    height: 281px
                }

@media(max-width:1199px) and (min-width:992px) {
    .home-main-section {
        margin-top: 58px
    }

        .home-main-section .carousel-inner .carousel-item .slide-1-content {
            bottom: 40px;
            left: 52px
        }

    .offer-main-wrapper .offer-carousel .carousel-control-prev {
        left: 0
    }

    .offer-main-wrapper .offer-carousel .carousel-control-next {
        left: auto;
        right: 0
    }

    .explore-tab-section .explore-div {
        padding-top: 26px
    }

    .explore-tab-section .tab-wrapper .tab-nav-tabs::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important
    }

    .joyride-main .joy-ride-heading {
        font-size: var(--font-size24);
        line-height: var(--line-height-28)
    }

    .joyride-main p, .joyride-main .know-more {
        font-size: var(--font-size16);
        line-height: var(--line-height-26)
    }

    .joyride-main ul.joyride-right-cards li.card {
        width: 180px;
        height: 130px;
        margin-bottom: 16px;
        border-radius: 1px;
        padding: 10px
    }

        .joyride-main ul.joyride-right-cards li.card .card-body {
            padding: 0
        }

            .joyride-main ul.joyride-right-cards li.card .card-body h4 {
                font-size: var(--font-size40);
                line-height: var(--line-height-42)
            }

            .joyride-main ul.joyride-right-cards li.card .card-body span {
                font-size: var(--font-size16);
                line-height: var(--line-height-20)
            }

        .joyride-main ul.joyride-right-cards li.card.bg-red {
            width: 150px;
            height: 80px
        }

    .be-hero-main .hero-bikes-img-grid li {
        width: 100%;
        margin: 0 0 20px 0
    }

        .be-hero-main .hero-bikes-img-grid li:nth-child(1) {
            width: 100%;
            height: 450px;
            background-size: 100%;
            background-position-y: 25%
        }

        .be-hero-main .hero-bikes-img-grid li ul li:nth-child(1) {
            width: 100%;
            height: 450px;
            margin: 0 20px 0 0;
            background-position: center;
            background-size: cover
        }

        .be-hero-main .hero-bikes-img-grid li ul li:nth-child(2) {
            width: 100%;
            height: 450px;
            background-position: center;
            background-size: cover;
            margin: 0
        }

        .be-hero-main .hero-bikes-img-grid li:last-of-type {
            width: 100%;
            height: 450px;
            margin-bottom: 0;
            background-position: inherit;
            background-size: 100%
        }

    .events-section-main {
        padding: 15px 0
    }

        .events-section-main .event-section-tabs-main {
            margin-bottom: 21px
        }

        .events-section-main .event-section-tab-content {
            width: 100%;
            padding: 0 16px
        }

            .events-section-main .event-section-tab-content .events-main-wrapper .events-box {
                width: 490px;
                height: 450px;
                border-radius: 12px
            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link {
                    border-radius: 12px
                }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-img {
                        height: 100%
                    }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main {
                        padding: 49px 12px 12px 12px;
                        height: 100%;
                        background: linear-gradient(to bottom,rgba(0,0,0,0) -10%,rgba(0,0,0,0.65) 100%)
                    }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info h4 {
                            font-size: var(--font-size24);
                            line-height: var(--line-height-28)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info p {
                            font-size: var(--font-size14)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore {
                            display: flex;
                            align-items: center
                        }

                            .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore p {
                                font-size: var(--font-size14)
                            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .events-box {
                    height: 218px
                }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box:first-child {
                    margin-top: 0
                }
}

@media(max-width:991.2px) and (min-width:768px) {
    .home-main-section .carousel-inner .slider-content {
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 100%;
        padding-left: 100px;
        font-size: var(--font-size16)
    }

        .home-main-section .carousel-inner .slider-content h1 {
            font-size: var(--font-size28)
        }

    .home-main-section .carousel-inner .carousel-item .slide-1-content {
        bottom: 24px;
        left: 37px
    }

        .home-main-section .carousel-inner .carousel-item .slide-1-content.slide-1-content-right {
            left: 60%
        }

        .home-main-section .carousel-inner .carousel-item .slide-1-content.slide-1-content-center {
            left: 25%;
            margin: -46px 0 0 0;
            bottom: 24px
        }

    .home-main-section .carousel-indicators-left {
        bottom: 40px;
        z-index: 3;
        margin: 0;
        padding-left: 100px
    }

        .home-main-section .carousel-indicators-left li {
            background-color: #f5f6f7
        }

            .home-main-section .carousel-indicators-left li.active {
                background: var(--bg-color-danger)
            }

    .home-main-section {
        margin-top: 75px
    }

    .help-offer-main {
        background: 0
    }

        .help-offer-main .help-offer-container .help-main-wrapper {
            padding: 30px 0 0 0;
            max-width: 100%;
            overflow: hidden
        }

            .help-offer-main .help-offer-container .help-main-wrapper h3 {
                font-size: var(--font-size24);
                font-weight: var(--font-weight-700);
                margin-bottom: 10px
            }

            .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow {
                left: -15px;
                top: calc(40%)
            }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow img {
                    display: block;
                    margin: auto
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow::before {
                    content: none
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow.slick-next {
                    left: auto;
                    right: -15px
                }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow.slick-next img {
                        transform-origin: center;
                        transform: rotate(180deg)
                    }

            .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-list {
                max-width: 100%;
                overflow: hidden
            }

            .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box {
                width: 98px;
                margin-bottom: 20px
            }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:nth-last-child(-n+4) {
                    margin-bottom: 15px;
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-box {
                    width: 60px;
                    height: 60px
                }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-box img {
                        width: 69%;
                        max-height: 35px
                    }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-label {
                    margin-top: 8px;
                    text-align: center;
                    font-family: 'Poppins', sans-serif;
                    font-weight: var(--font-weight-400);
                    font-size: var(--font-size12)
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-box .inactive-icon {
                    opacity: 0
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-box .active-icon {
                    opacity: 1
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-label {
                    color: var(--text-color-red)
                }

        .help-offer-main .help-offer-container .offer-main-wrapper {
            padding: 30px 0 0 0;
            max-width: 100%;
            width: 230px
        }

            .help-offer-main .help-offer-container .offer-main-wrapper h3 {
                font-size: var(--font-size24);
                font-weight: var(--font-weight-700);
                margin-bottom: 10px;
                text-align: center
            }

            .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-inner .carousel-item {
                border-radius: 16px;
                overflow: hidden
            }

            .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-indicators {
                position: relative;
                margin-top: 17px
            }

            .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-control-prev, .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-control-next {
                bottom: auto;
                top: calc(29.5%);
                opacity: 1;
                left: -20px
            }

            .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-control-next {
                left: auto;
                right: -20px
            }

    .explore-wrapper-section .explore-products .explore-products-heading h3 {
        font-size: var(--font-size24);
        text-align: center
    }

    .explore-wrapper-section .explore-products .explore-products-heading ul li {
        font-size: var(--font-size10)
    }

    .explore-wrapper-section .explore-products .explore-tab-section .explore-div {
        padding-top: 26px
    }

    .joyride-main .hero-log {
        height: 500px
    }

    .joyride-main .joy-ride-heading {
        font-size: var(--font-size24);
        line-height: var(--line-height-28)
    }

    .joyride-main p, .joyride-main .know-more {
        font-size: var(--font-size16);
        line-height: var(--line-height-26)
    }

    .joyride-main ul.joyride-right-cards li.card {
        width: 170px;
        height: 120px;
        margin-bottom: 16px;
        border-radius: 1px;
        padding: 10px
    }

        .joyride-main ul.joyride-right-cards li.card .card-body {
            padding: 0
        }

            .joyride-main ul.joyride-right-cards li.card .card-body h4 {
                font-size: var(--font-size32);
                line-height: var(--line-height-32)
            }

                .joyride-main ul.joyride-right-cards li.card .card-body h4 span.fs-24 {
                    font-size: var(--font-size10)
                }

            .joyride-main ul.joyride-right-cards li.card .card-body span {
                font-size: var(--font-size10);
                line-height: 1.3;
            }

        .joyride-main ul.joyride-right-cards li.card.bg-red {
            height: 80px
        }

    .be-hero-main .section-heading h3 {
        font-size: var(--font-size26);
        line-height: var(--line-height-30)
    }

    .be-hero-main .section-heading p {
        font-size: var(--font-size14);
        line-height: var(--line-height-23)
    }

    .be-hero-main .hero-bikes-img-grid li {
        width: 100%;
        margin: 0 0 20px 0
    }

        .be-hero-main .hero-bikes-img-grid li:nth-child(1) {
            width: 100%;
            height: 350px;
            background-size: 100%;
            background-position-y: 25%
        }

        .be-hero-main .hero-bikes-img-grid li ul li:nth-child(1) {
            width: 100%;
            height: 350px;
            margin: 0 20px 0 0;
            background-position: center;
            background-size: cover
        }

        .be-hero-main .hero-bikes-img-grid li ul li:nth-child(2) {
            width: 100%;
            height: 350px;
            background-position: center;
            background-size: cover;
            margin: 0
        }

        .be-hero-main .hero-bikes-img-grid li:last-of-type {
            width: 100%;
            height: 350px;
            margin-bottom: 0;
            background-position: inherit;
            background-size: 100%
        }

        .be-hero-main .hero-bikes-img-grid li .img-text {
            padding: 20px
        }

            .be-hero-main .hero-bikes-img-grid li .img-text::before {
                height: 100px;
                background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.898958) 41.65%,#000 100%)
            }

            .be-hero-main .hero-bikes-img-grid li .img-text h4 {
                font-size: var(--font-size26);
                line-height: var(--line-height-32)
            }

            .be-hero-main .hero-bikes-img-grid li .img-text p, .be-hero-main .hero-bikes-img-grid li .img-text .explore-more {
                font-size: var(--font-size18);
                line-height: var(--line-height-22)
            }

    .events-section-main {
        padding: 15px 0
    }

        .events-section-main .event-section-tabs-main {
            margin-bottom: 21px
        }

        .events-section-main .event-section-tab-content {
            width: 768px;
            padding: 25px 16px 0 16px
        }

            .events-section-main .event-section-tab-content .events-main-wrapper .events-box {
                width: 360px;
                height: 342px;
                border-radius: 12px
            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link {
                    border-radius: 12px
                }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-img {
                        height: 100%
                    }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main {
                        padding: 49px 12px 12px 12px;
                        height: 100%;
                        background: linear-gradient(to bottom,rgba(0,0,0,0) -10%,rgba(0,0,0,0.65) 100%)
                    }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info h4 {
                            font-size: var(--font-size24);
                            line-height: var(--line-height-28)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info p {
                            font-size: var(--font-size14)
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore {
                            display: flex;
                            align-items: center
                        }

                            .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore p {
                                font-size: var(--font-size14)
                            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .events-box {
                    width: 360px;
                    height: 165px;
                    margin: 0
                }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box:first-child {
                    margin-top: 0
                }
}

@media(max-width:767px) and (min-width:320px) {
    .bike-product-paramob {
        padding: 0 13px
    }

    .wrapper {
        width: 100%;
        padding: 0 16px
    }

    .home-main-section {
        margin-top: 44px
    }

        .home-main-section .carousel-indicators {
            bottom: 6px
        }

        .home-main-section .carousel-indicators-left {
            padding-left: 15px
        }

        .home-main-section .carousel-inner .slider-content {
            position: absolute;
            bottom: 55px;
            left: 0;
            width: 100%;
            padding-left: 15px;
            font-size: var(--font-size14)
        }

            .home-main-section .carousel-inner .slider-content h1 {
                font-size: var(--font-size24);
                font-family: var(--font-tstar-heavy)
            }

            .home-main-section .carousel-inner .slider-content p {
                max-width: 250px;
                margin-bottom: 10px
            }

        .home-main-section .carousel-inner .carousel-item img {
            width: 100%;
            height: 100%;
            margin: auto;
            margin-top: -33px;
        }

        .home-main-section .carousel-inner .carousel-item .slide-1-content {
            position: absolute;
            bottom: 24px;
            left: 14px
        }

            .home-main-section .carousel-inner .carousel-item .slide-1-content.slide-1-content-right {
                left: 60%
            }

            .home-main-section .carousel-inner .carousel-item .slide-1-content.slide-1-content-center {
                left: 39px;
                margin: -46px 0 0 0;
                bottom: 24px
            }

            .home-main-section .carousel-inner .carousel-item .slide-1-content .slider-child-sec {
                background-image: url("clientlib-site/assets/images/imgs/back-grey-rectangle.html");
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                max-width: 555px;
                padding: 10px 32px 17px 32px
            }

            .home-main-section .carousel-inner .carousel-item .slide-1-content .btn {
                border: 1px solid #0000ab;
                padding: 4.5px 23px;
                border-radius: 4px;
                margin-right: 14px;
                background: #fff;
                font-family: 'Poppins', sans-serif;
                color: var(--text-color-red);
                text-transform: uppercase;
                font-size: var(--font-size14)
            }

                .home-main-section .carousel-inner .carousel-item .slide-1-content .btn.booknow-btn {
                    background: #0000ab;
                    color: #fff
                }

        .home-main-section.city-bike-banner-section .carousel-inner .slider-content {
            bottom: 18%;
            left: 0
        }

    .help-offer-main {
        background: 0
    }

        .help-offer-main .help-offer-container .help-main-wrapper {
            padding: 30px 25px 0 25px;
            max-width: 100%;
            overflow: hidden
        }

            .help-offer-main .help-offer-container .help-main-wrapper h3 {
                /*font-size: var(--font-size24);*/
                font-weight: var(--font-weight-700);
                margin-bottom: 20px;
                text-align: center;
                font-family: 'Poppins', sans-serif;
                font-size: 25px !important;
                color: #2e2ec9;
            }

            .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow {
                left: -15px;
                top: calc(40%)
            }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow img {
                    display: block;
                    margin: auto
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow::before {
                    content: none
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow.slick-next {
                    left: auto;
                    right: -15px
                }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow.slick-next img {
                        transform-origin: center;
                        transform: rotate(180deg)
                    }

            .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-list {
                max-width: 100%;
                overflow: hidden
            }

            .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box {
                width: 60px;
                margin: 0 14px
            }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:nth-last-child(-n+4) {
                    margin-bottom: 0
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-box {
                    width: 60px;
                    height: 60px
                }

                    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-box img {
                        width: 69%;
                        max-height: 35px
                    }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-label {
                    margin-top: 15px;
                    text-align: center;
                    font-family: 'Poppins', sans-serif;
                    font-weight: var(--font-weight-400);
                    font-size: var(--font-size12);
                    font-size: 14px !important;
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-box .inactive-icon {
                    opacity: 0
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-box .active-icon {
                    opacity: 1
                }

                .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box:hover .help-icon-label {
                    color: var(--text-color-red)
                }

    .offer-main-wrapper {
        padding: 23px 30px 20px 30px;
        width: 100%;
        max-width: 100%
    }

        .offer-main-wrapper h3 {
            font-size: var(--font-size24);
            font-weight: var(--font-weight-700);
            margin-bottom: 10px;
            margin-bottom: 22px;
            text-align: center
        }

        .offer-main-wrapper .offer-carousel .carousel-inner .carousel-item {
            border-radius: 16px;
            overflow: hidden
        }

            .offer-main-wrapper .offer-carousel .carousel-inner .carousel-item img {
                margin: auto
            }

        .offer-main-wrapper .offer-carousel .carousel-indicators {
            position: relative;
            margin-top: 17px
        }

        .offer-main-wrapper .offer-carousel .carousel-control-prev, .offer-main-wrapper .offer-carousel .carousel-control-next {
            bottom: auto;
            top: calc(29.5%);
            opacity: 1;
            left: -20px
        }

        .offer-main-wrapper .offer-carousel .carousel-control-next {
            left: auto;
            right: -20px
        }

    .explore-wrapper-section {
        background-color: var(--text-color-white)
    }

        .explore-wrapper-section .explore-products .explore-products-heading h3 {
            /*font-size: var(--font-size24);*/
            text-align: center;
            font-size: 25px !important;
        }

        .explore-wrapper-section .explore-products .explore-products-heading ul li {
            font-size: var(--font-size10)
        }

        .explore-wrapper-section .explore-products .explore-tab-section {
            background-image: none;
            overflow: hidden;
            padding-bottom: 12px;
            margin-bottom: 0
        }

            .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper {
                margin-top: 25px;
                padding: 0 20px 20px 20px
            }

                .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant {
                    flex: none;
                    width: 50%;
                    margin-bottom: 20px
                }

                    .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant img {
                        margin: 0 auto
                    }

                    .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant p {
                        font-size: var(--font-size12);
                        color: var(--text-color-black);
                        font-family: 'Poppins', sans-serif;
                        font-weight: var(--font-weight-900)
                    }

                .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .layout-2 .bike-product-prant {
                    width: 50%;
                    margin: 0;
                    margin-bottom: 20px
                }

                    .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .layout-2 .bike-product-prant p.bike-product-paramob {
                        margin-top: 15px
                    }

    .joyride-main .hero-log {
        height: 250px
    }

    .joyride-main .joy-ride-heading {
        font-size: var(--font-size24);
        line-height: var(--line-height-28)
    }

    .joyride-main p {
        font-size: var(--font-size16);
        line-height: var(--line-height-26)
    }

    .joyride-main ul.joyride-right-cards li.card {
        width: 90px;
        height: 90px;
        margin-bottom: 16px;
        border-radius: 1px;
        padding: 5px
    }

        .joyride-main ul.joyride-right-cards li.card .card-body {
            padding: 0
        }

            .joyride-main ul.joyride-right-cards li.card .card-body h4 {
                font-size: var(--font-size30);
                line-height: var(--line-height-32)
            }

                .joyride-main ul.joyride-right-cards li.card .card-body h4 span.fs-24 {
                    font-size: var(--font-size8)
                }

            .joyride-main ul.joyride-right-cards li.card .card-body span {
                font-size: var(--font-size8);
                line-height: var(--line-height-12)
            }

        .joyride-main ul.joyride-right-cards li.card.bg-red {
            height: 68px
        }

    .be-hero-main .section-heading h3 {
        font-size: var(--font-size24);
        line-height: var(--line-height-28);
        margin-bottom: 5px
    }

    .be-hero-main .section-heading p {
        font-size: var(--font-size10);
        line-height: var(--line-height-16)
    }

    .be-hero-main .hero-bikes-img-grid li {
        width: 100%;
        height: 160px;
        margin: 0 0 10px 0
    }

        .be-hero-main .hero-bikes-img-grid li:nth-child(1) {
            width: 100%;
            height: 160px;
            background-size: 100%;
            background-position-y: 16%
        }

        .be-hero-main .hero-bikes-img-grid li ul li:nth-child(1) {
            width: 100%;
            height: 160px;
            margin-right: 8px;
            background-position: center;
            background-size: cover
        }

        .be-hero-main .hero-bikes-img-grid li ul li:nth-child(2) {
            width: 100%;
            height: 160px;
            background-position: center;
            background-size: cover
        }

        .be-hero-main .hero-bikes-img-grid li:last-of-type {
            width: 100%;
            height: 160px;
            margin-bottom: 0;
            background-position: inherit;
            background-size: 100%
        }

        .be-hero-main .hero-bikes-img-grid li .img-text {
            padding: 10px 10px 12px 10px
        }

            .be-hero-main .hero-bikes-img-grid li .img-text::before {
                height: 100px;
                background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.898958) 41.65%,#000 100%)
            }

            .be-hero-main .hero-bikes-img-grid li .img-text h4 {
                font-size: var(--font-size24);
                line-height: var(--line-height-28)
            }

            .be-hero-main .hero-bikes-img-grid li .img-text p, .be-hero-main .hero-bikes-img-grid li .img-text .explore-more {
                font-size: var(--font-size14);
                line-height: var(--line-height-17)
            }

    .events-section-main {
        padding: 15px 0
    }

        .events-section-main .event-section-tabs-main {
            margin-bottom: 21px
        }

        .events-section-main .event-section-tab-content {
            width: 100%;
            padding: 0 12px 0 16px
        }

            .events-section-main .event-section-tab-content .events-main-wrapper {
                flex-direction: column
            }

                .events-section-main .event-section-tab-content .events-main-wrapper .events-box {
                    width: 100%;
                    height: 162px;
                    flex-direction: row;
                    border-radius: 12px;
                    margin-top: 7px
                }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link {
                        border-radius: 12px
                    }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-img {
                            width: 100%
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main {
                            padding: 49px 12px 12px 12px;
                            height: 100%;
                            background: linear-gradient(to bottom,rgba(0,0,0,0) -10%,rgba(0,0,0,0.65) 100%)
                        }

                            .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info h4 {
                                font-size: var(--font-size24);
                                line-height: var(--line-height-28)
                            }

                            .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-info p {
                                font-size: var(--font-size14)
                            }

                            .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore {
                                display: flex;
                                align-items: center
                            }

                                .events-section-main .event-section-tab-content .events-main-wrapper .events-box .event-box-link .event-info-main .event-explore p {
                                    font-size: var(--font-size14)
                                }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box .events-box {
                        width: calc(46%);
                        height: 162px;
                        margin: 0
                    }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .events-box .event-img {
                            width: auto;
                            height: 100%
                        }

                        .events-section-main .event-section-tab-content .events-main-wrapper .events-box .events-box .event-info-main .event-explore {
                            display: none
                        }

                    .events-section-main .event-section-tab-content .events-main-wrapper .events-box:first-child {
                        margin-top: 0
                    }

    .home-main-section .service-banner .carousel-inner .carousel-item .slide-1-content {
        position: unset;
        padding: 12px;
        text-align: center
    }

    .home-main-section .service-banner .carousel-indicators {
        bottom: 67px
    }

        .home-main-section .service-banner .carousel-indicators li {
            height: 4px
        }
}

@media(max-width:767px) and (min-width:576px) {
    .home-main-section .carousel-inner .slider-content {
        position: absolute;
        bottom: 16%;
        left: 0;
        width: 100%;
        padding-left: 15px;
        font-size: var(--font-size14);
        z-index: 3
    }

        .home-main-section .carousel-inner .slider-content h1 {
            font-size: var(--font-size18);
            font-family: var(--font-tstar-heavy)
        }

        .home-main-section .carousel-inner .slider-content p {
            font-size: var(--font-size10);
            max-width: 170px;
            margin-bottom: 10px
        }

    .home-main-section .carousel-inner .carousel-item .slide-1-content {
        bottom: 43px;
        left: 24px
    }

    .home-main-section.city-bike-banner-section .carousel-inner .slider-content {
        left: 0
    }
}

@media(max-width:991px) {
    #scooterBanner .scooter-banner-slide .slider-content {
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 100%;
        padding-left: 100px;
        font-size: var(--font-size16)
    }

        #scooterBanner .scooter-banner-slide .slider-content h1 {
            font-size: var(--font-size28)
        }

    #scooterBanner .carousel-indicators {
        bottom: 40px;
        z-index: 3;
        margin: 0;
        padding-left: 100px
    }

        #scooterBanner .carousel-indicators li {
            background-color: #f5f6f7
        }

            #scooterBanner .carousel-indicators li.active {
                background: var(--bg-color-danger)
            }

    #scooterBanner .scroll-button {
        bottom: 20px
    }

        #scooterBanner .scroll-button img {
            transition: all 300ms ease-in;
            max-width: 40px
        }
}

@media(max-width:767px) {
    #scooterBanner {
        margin-top: 9%
    }

        #scooterBanner .scooter-banner-slide .slider-content {
            position: absolute;
            bottom: 55px;
            left: 0;
            width: 100%;
            padding-left: 15px;
            font-size: var(--font-size14)
        }

            #scooterBanner .scooter-banner-slide .slider-content h1 {
                font-size: var(--font-size24);
                font-family: var(--font-tstar-heavy)
            }

            #scooterBanner .scooter-banner-slide .slider-content p {
                max-width: 250px;
                margin-bottom: 10px
            }

        #scooterBanner .carousel-indicators {
            padding-left: 15px
        }

        #scooterBanner .scroll-button {
            bottom: 10px
        }

            #scooterBanner .scroll-button img {
                max-width: 24px
            }
}

@media(max-width:576px) {
    .passion-video #scooterBanner .scooter-banner-slide video {
        height: auto
    }

    #scooterBanner {
        margin-top: 17%
    }

        #scooterBanner .scooter-banner-slide .slider-content {
            position: absolute;
            bottom: 60px;
            left: 0;
            width: 100%;
            padding-left: 15px;
            font-size: var(--font-size14)
        }

            #scooterBanner .scooter-banner-slide .slider-content h1 {
                font-size: var(--font-size18);
                font-family: var(--font-tstar-heavy)
            }

            #scooterBanner .scooter-banner-slide .slider-content p {
                font-size: var(--font-size10);
                max-width: 170px;
                margin-bottom: 10px
            }

        #scooterBanner .scooter-banner-slide .banner-img {
            min-height: 320px
        }

        #scooterBanner .scooter-banner-slide video {
            height: 320px;
            object-fit: cover;
            object-position: center
        }

        #scooterBanner .carousel-indicators {
            padding-left: 15px;
            bottom: 45px
        }

        #scooterBanner .scroll-button {
            bottom: 10px
        }

            #scooterBanner .scroll-button img {
                max-width: 24px
            }
}

@media(max-width:480px) {
    .home-main-section .carousel-inner .slider-content .headmile {
        font-size: 24px;
        font-weight: 900
    }
}

.home-main-section .service-banner .carousel-inner .carousel-item .slide-1-content .btn {
    font-family: var(--font-tstar-heavy)
}

.service-journey-heading-1 {
    font-size: 32px;
    line-height: 38px;
    font-family: var(--font-tstar-heavy)
}

.service-journey-heading-2 {
    font-size: 18px;
    line-height: 22px;
    font-family: var(--font-tstar-heavy)
}

@media(max-width:760px) {
    .service-journey-heading-1 {
        font-size: 18px;
        line-height: 22px
    }

    .service-journey-heading-2 {
        font-size: 14px;
        line-height: 17px
    }
}

.service-journey-text {
    font-size: 18px;
    line-height: 22px;
      font-family: 'Poppins', sans-serif
}

#serviceGenuineVideo .service-slider-block {
    display: none !important
}

@media(max-width:760px) {
    .service-journey-text {
        font-size: 14px;
        line-height: 17px
    }

    #serviceGenuineVideo video {
        height: 230px !important
    }
}

.footer-wrapper {
    padding-top: 31px;
    background-color: #24246c;
    padding-bottom: 20px;
}

    .footer-wrapper .footer-list-wrapper {
        padding: 0px 70px 0 70px
    }

        .footer-wrapper .footer-list-wrapper .footer-heading {
            font-size: var(--font-size20);
            font-family: 'Poppins', sans-serif;
            color: var(--text-color-white);
            padding-bottom: 17px
        }

        .footer-wrapper .footer-list-wrapper .footer-link li {
            font-size: 15px;
            font-family: 'Poppins', sans-serif;
            color: #fff;
            padding-bottom: 10px;
            line-height: 1.8;
        }

            .footer-wrapper .footer-list-wrapper .footer-link li a {
                text-decoration: none !important
            }

                .footer-wrapper .footer-list-wrapper .footer-link li a:hover {
                    text-decoration: none !important;
                    color: #ff2c34;
                }

        .footer-wrapper .footer-list-wrapper .quick-links-social-media {
            padding-bottom: 28px;
           /* border-bottom: 1px solid #fff;*/
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding-top: 28px;
        }

            .footer-wrapper .footer-list-wrapper .quick-links-social-media .g-play {
                display: flex
            }

                .footer-wrapper .footer-list-wrapper .quick-links-social-media .g-play a:nth-child(1) {
                    margin-right: 16px
                }

            .footer-wrapper .footer-list-wrapper .quick-links-social-media .scoial-media-icon {
                display: flex;
                align-items: center
            }

                .footer-wrapper .footer-list-wrapper .quick-links-social-media .scoial-media-icon a {
                    margin-right: 30px
                }

                    .footer-wrapper .footer-list-wrapper .quick-links-social-media .scoial-media-icon a:last-child {
                        margin-right: 0
                    }

        .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list {
            padding: 20px 0 15px 0;
            background: #12124b;
        }

            .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .copy-right {
                font-size: 15px!important;
                font-family: 'Poppins', sans-serif;
                color: var(--text-color-white)
            }

            .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul {
                padding-top: 20px;
                display: flex;
                flex-wrap: wrap;
                position: relative
            }

                .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul .ter-condition-li {
                    font-size: var(--font-size14);
                    font-family: 'Poppins', sans-serif;
                    color: var(--text-color-white);
                    padding: 0 8px;
                    position: relative
                }

                    .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul .ter-condition-li::after {
                        content: '';
                        width: 1px;
                        height: 12px;
                        background-color: #fff;
                        position: absolute;
                        left: 0;
                        top: 2px
                    }

                    .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul .ter-condition-li:first-child::after {
                        content: '';
                        width: 0
                    }

@media(max-width:1199px) and (min-width:992px) {
    .footer-wrapper {
        padding-top: 30px
    }
}

@media(max-width:767px) and (min-width:320px) {
    .footer-wrapper {
        background-color: #252578;
        padding-top: 30px;
    }

        .footer-wrapper .footer-list-wrapper {
            padding: 0px 15px 0 15px
        }

            .footer-wrapper .footer-list-wrapper .footer-heading {
                padding-bottom: 32px
            }

            .footer-wrapper .footer-list-wrapper .footer-col {
                padding: 0
            }

            .footer-wrapper .footer-list-wrapper .footer-link li {
                font-size: var(--font-size12);
                  font-family: 'Poppins', sans-serif;
                color: var(--text-color-lightgrey)
            }

                .footer-wrapper .footer-list-wrapper .footer-link li a {
                    text-decoration: none !important
                }

                    .footer-wrapper .footer-list-wrapper .footer-link li a:hover {
                        text-decoration: underline !important;
                        color: #fff
                    }

            .footer-wrapper .footer-list-wrapper .quick-links-social-media {
                padding-bottom: 26px;
                padding-top: 0px;
/*                border-bottom: 1px solid #fff;
*/                display: flex;
                justify-content: space-between;
                flex-direction: column;
                align-items: center
            }

                .footer-wrapper .footer-list-wrapper .quick-links-social-media .g-play {
                    display: flex
                }

                    .footer-wrapper .footer-list-wrapper .quick-links-social-media .g-play a img {
                        max-width: 100%
                    }

                    .footer-wrapper .footer-list-wrapper .quick-links-social-media .g-play a:nth-child(1) {
                        margin-right: 20px
                    }

                .footer-wrapper .footer-list-wrapper .quick-links-social-media .scoial-media-icon {
                    display: flex;
                    margin: 0 auto !important;
                    padding-top: 34px
                }

                    .footer-wrapper .footer-list-wrapper .quick-links-social-media .scoial-media-icon a {
                        margin-right: 38px
                    }

                        .footer-wrapper .footer-list-wrapper .quick-links-social-media .scoial-media-icon a:last-child {
                            margin-right: 0
                        }

            .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .copy-right {
                font-size: var(--font-size14);
                font-family: 'Poppins', sans-serif;
                color: var(--text-color-white);
                text-align: center;
                padding: 12px 12px 20px 12px;
            }

            .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul {
                padding-top: 20px;
                display: flex;
                justify-content: center
            }

                .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul .ter-condition-li {
                    font-size: var(--font-size14);
                    font-family: 'Poppins', sans-serif;
                    color: var(--text-color-white);
                    padding: 4px 6px
                }

                    .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul .ter-condition-li::after {
                        content: '';
                        width: 1px;
                        height: 14px;
                        background-color: #fff;
                        position: absolute;
                        left: 0;
                        top: 7px
                    }

                    .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list .ter-condition-ul .ter-condition-li:nth-child(4)::after {
                        content: '';
                        width: 0
                    }
}

.header-main .navbar .navbar-nav .megamenu-li .megamenu {
    height: calc(100vh - 101px)
}

.header-main .navbar .navbar-nav .megamenu-li.active.e-shop .dropdown-toggle::before {
    top: 51px
}

.common-tabs-main .slick-arrow {
    top: calc(50% - 12px)
}

.header-main .navbar .navbar-nav .megamenu-li .megamenu .megamenu-option-wrapper .megamenu-option-main .megamenu-option-box .dropdown-item .badge::before {
    top: calc(50% - 2px)
}

.book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group label::before {
    top: calc(50% - 4.5px)
}

.help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-control-prev, .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-control-next {
    top: calc(50% - 20.5px)
}

.right-content .inner-content.slick-active .cq-Editable-dom--container, .right-content .inner-content.slick-active .cq-Editable-dom {
    width: 100%;
    display: block !important
}

.book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-form-control:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    transition-property: background-color;
    transition-duration: 50000s;
    transition-timing-function: ease-in-out;
    transition-delay: 0
}

.carousel-item .text-right {
    text-align: right !important;
    padding-right: 50px !important
}

    .carousel-item .text-right p {
        max-width: none !important
    }

.carousel-item .text-center {
    text-align: center !important;
    padding: 0;
    padding-bottom: 20px
}

    .carousel-item .text-center p {
        max-width: none !important
    }

.slide-1-content-right {
    right: 0 !important;
    left: auto !important
}

.middle-column .genericteaser {
    margin: 0 -25px
}

    .middle-column .genericteaser .customer-review-content-bg {
        width: 103.75%;
        margin: 0;
        right: -10px
    }

.campaign-section .campaign-container .campaign-wrapper .campaign-right-content .campaign-form .cust-form-group .campaign-input:-webkit-autofill {
    -webkit-text-fill-color: #000;
    transition-property: background-color;
    transition-duration: 5000s;
    transition-timing-function: ease-in-out;
    transition-delay: 0
}

.right-content .inner-content.slick-slide .cmp-container {
    width: 100%
}

.cust-form-group .cust-form-control:-webkit-autofill {
    -webkit-text-fill-color: #000;
    transition-property: background-color;
    transition-duration: 5000s;
    transition-timing-function: ease-in-out;
    transition-delay: 0
}

.right-content .inner-content.slick-slide .cq-Editable-dom--container, .right-content .inner-content.slick-slide .cq-Editable-dom {
    width: 100%;
    display: none
}

.space-extra {
    background: #4e4e4e;
    padding: 33px 0
}

.slider-content.text-right {
    padding-right: 20px
}

.bread-crumbs-section {
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%)
}

@media(max-width:1199px) and (min-width:992px) {
    .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu {
        height: calc(100vh - 92px)
    }

        .header-main .navbar .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper {
            max-height: inherit
        }
}

@media(max-width:991.2px) and (min-width:768px) {
    .prise-section .prise-wrapper .prise-left-div .prise-form .prise-form-dropdown-div {
        flex-direction: column
    }

    .home-main-section .carousel-inner .slider-content.text-right {
        left: auto;
        right: 0;
        padding-right: 50px
    }

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group {
        width: 100%
    }

    .middle-column .genericteaser {
        margin: 0 -25px
    }

        .middle-column .genericteaser .customer-review-content-bg {
            width: 100%;
            margin: 0;
            right: 0
        }

    .features-section-wrapper .features-box-wrapper h3 {
        position: static;
        bottom: calc(100% + 190px);
        left: calc(100% - 50px);
        font-size: var(--font-size34);
        line-height: 48px
    }

    .book-test-drive-section .book-test-drive-wrapper .collapse-btn .drop-down-collapse {
        left: calc(50% - 18px)
    }

    .book-test-drive-modal .modal-dialog {
        max-width: calc(100% - 30px)
    }

    .header-main .navbar .navbar-collapse {
        height: calc(100% - 87px)
    }

        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu {
            top: 0;
            height: calc(100vh - 88px)
        }

        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.e-shop .nav-link .vert {
            bottom: 15px;
            left: calc(85% + 0px)
        }

    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow {
        top: calc(50% - 10px)
    }

    .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-control-prev, .help-offer-main .help-offer-container .offer-main-wrapper .offer-carousel .carousel-control-next {
        top: calc(50% - 20.5px)
    }

    .no-padding {
        padding: 0
    }
}

@media(max-width:767px) and (min-width:320px) {
    .home-main-section .carousel-inner .slider-content.text-right {
        left: auto;
        right: 0;
        padding-right: 20px
    }

    .more-text.events-box .event-box-link .event-info-main .event-info h4 {
        font-size: 16px;
        line-height: 20px
    }

    .more-text.events-box .event-box-link .event-info-main .event-info p {
        font-size: 12px;
        line-height: 18px
    }

    .middle-column .genericteaser {
        margin: 0
    }

        .middle-column .genericteaser .customer-review-content-bg {
            width: 100%;
            margin: 0;
            right: 0
        }

    .product-header-main .top-bar-main .mobile-nav-dropdown .dropdown-toggle::after {
        top: calc(50% - 10px)
    }

    .features-section-wrapper .features-box-wrapper h3 {
        position: absolute;
        bottom: calc(100% + 190px);
        left: calc(100% - 50px);
        font-size: var(--font-size34);
        line-height: 48px
    }

    .less-top-margin {
        margin-top: -20px
    }

    .help-offer-main .help-offer-container {
        display: block
    }

    .header-main .navbar .navbar-collapse {
        height: calc(100% - 87px)
    }

        .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu {
            height: calc(100vh - 87px)
        }

    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .slick-arrow {
        top: calc(50% - 10px)
    }

    .book-test-drive-section .book-test-drive-wrapper .collapse-btn .drop-down-collapse {
        left: calc(50% - 18px)
    }

    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu {
        top: 0;
        height: calc(100vh - 88px)
    }

    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.e-shop .nav-link .vert {
        bottom: 9px;
        left: calc(73% + 0px)
    }

    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item:last-child {
        border: 0
    }

    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav.navbar-right .nav-item.megamenu-li .megamenu {
        width: calc(100% - 30px);
        margin: auto
    }

    .prise-section.scooter-price-maestro .prise-wrapper .prise-left-div .prise-form .prise-form-info .prise-form-cta .prise-form-cta-img, .prise-section.sports-section .prise-wrapper .prise-left-div .prise-form .prise-form-cta .prise-form-cta-img {
        width: calc(100% + 30px);
        margin-left: -15px
    }
}

@media only screen and (min-width:375px) and (max-width:740px) and (orientation:landscape) {
    .help-offer-main .help-offer-container .adcarousel {
        float: none;
        width: 100%
    }
}

@media only screen and (min-width:375px) and (max-width:900px) and (orientation:landscape) {
    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .slick-list {
        padding: 0 !important
    }

    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .slick-track {
        margin-left: -25px
    }

    .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active {
        background-color: #ea0000
    }

        .specification-section .specification-wrapper .specifications-tabs-section .tab-wrapper .cust-common-tabs-main .nav-item .nav-link.active .stright-d .nav-link-p {
            color: var(--text-color-white)
        }

    .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow.slick-next {
        right: 10px
    }

    .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .slick-slider .slick-arrow.slick-prev {
        left: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-main .navbar .navbar-collapse .navbar-wrapper .navbar-nav .nav-item.megamenu-li .megamenu .megamenu-option-wrapper {
        max-height: inherit
    }
}

.news-n-blogs.news-n-blogs-scooter .news-n-blogs {
    background-color: var(--text-color-white) !important;
    margin-top: -5px
}

.news-n-blogs.news-n-blogs-scooter .event-blog-box .content {
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.no-margin {
    margin: 0
}

.hide-section {
    display: none
}

@media(max-width:991px) and (min-width:320px) {
    .news-n-blogs .event-blog-box .img-wrapper img {
        height: 100% !important
    }
}

@media(min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .tile-teaser {
        background-size: 100% 100%
    }
}

.loader-div {
    margin: 0 auto;
    position: relative;
    width: 35%;
    min-height: 330px
}

    .loader-div img {
        position: absolute;
        margin-top: 70%
    }

.good-life-plan-wrapper {
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%)
}

.earning-history-container .table-responsive {
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%)
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0)
    }

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1)
    }

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translateZ(0)
    }

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }









.aboutus {
    color: #303030!important;
    font-weight: 400!important;
    margin-bottom: 15px;
}


@media(max-width:350px) and (min-width:320px) {

    .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-icon {
        width: 100px;
        padding-left: 0;
        margin-left: 90px!important;
    }
    .joyride-main .hero-log {
        height: 126%;
        max-width: 300%!important;
        margin-left: -18px!important;
    }
    .pt-section-title-box .pt-section-sub-title {
        border-left: 2px solid #24246c;
        line-height: 1;
        padding: 0 0 0 10px;
        color: #24246c;
        font-family: var(--title-fonts);
        font-weight: 600;
        font-size: 18px !important;
    }
    .contacticondetail {
        color: #24246c;
        font-size: 20px;
        margin-right: 10px!important;
        margin-top: 3px;
    }
    .contact-p {
        font-weight: 500;
        font-size: 13px!important;
    }
    .joyride-main ul.joyride-right-cards li.card {
        width: 80px!important;
        height: 90px;
        margin-bottom: 16px;
        border-radius: 1px;
        padding: 5px;
    }
    .footer-logo-white {
        width: 45%!important;
    }







   
}






@media(max-width:360px) and (min-width:350px){
    .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-icon {
        width: 100px;
        padding-left: 0;
        margin-left: 90px!important;
    }
    .joyride-main .hero-log {
        height: 100%;
        max-width: 150% !important;
        margin-left: -15px !important;
    }
    .contacticondetail {
        color: #24246c;
        font-size: 20px;
        margin-right: 10px !important;
        margin-top: 3px;
    }

    .contact-p {
        font-weight: 500;
        font-size: 13px !important;
    }
    .pt-section-title-box .pt-section-sub-title {
        border-left: 2px solid #24246c;
        line-height: 1;
        padding: 0 0 0 10px;
        color: #24246c;
        font-family: var(--title-fonts);
        font-weight: 600;
        font-size: 19px !important;
    }
    .footer-logo-white {
        width: 45%!important;
    }


}





@media(max-width: 1199px) and (min-width:1024px){

    .productdesktoplogo {
        max-width: 300% !important;
    }

}

.hero-carousel .carousel-inner .carousel-item img {
    width: 100%;
    
}





/*body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Tstar', sans-serif!important;
}*/





@media(max-width:766px) and (min-width:320px) {


    .productlogopage {
        max-width: 500% !important;
    }

    .explore-wrapper-section {
        padding-top: 30px;
        background-color: var(--text-color-white);
    }

    .joyride-main .joy-ride-heading {
        font-family: 'Poppins', sans-serif !important;
        font-weight: var(--font-weight-900);
        font-size: 30px !important;
        line-height: var(--line-height-57);
        color: #16169f !important;
    }
    .joyride-main ul.joyride-right-cards li.card .card-body span {
        font-size: 12px !important;
        
    }
    .b1-text-std {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .footer-wrapper .footer-list-wrapper .term-condition-wrapper .ter-condition-list {
        padding: 10px 0 10px 0;
    }
    .footer-wrapper .footer-list-wrapper .footer-col {
        padding: 0 0 30px 0;
    }
    .hero-carousel .carousel-inner .carousel-item img {
        width: 100%;
        padding-top: 95px!important;
       
    }
    .product-header-main .product-navbar .navbar-brand {
        margin-right: 85px;
        padding: 0;
    }
    .home-banner {
        margin-top: -69px!important;
    }




}





@media(max-width: 1199px) and (min-width:1024px){


    .help-offer-main .help-offer-container .help-main-wrapper h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 33px !important;
        color: #2e2ec9;
        margin-bottom: 22px;
         text-align: left; 
    }
    .explore-wrapper-section .explore-products .explore-products-heading h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 33px !important;
        color: #16169f;
        background-color: var(--text-color-white);
        text-align: center;
    }

    .h4-medium-heading-std {
        font-family: 'Poppins', sans-serif;
        font-size: 17px !important;
        line-height: 1.2 !important;
    }
    .joyride-main .joy-ride-heading {
        font-family: 'Poppins', sans-serif !important;
        font-weight: var(--font-weight-900);
        font-size: 33px !important;
        line-height: var(--line-height-57);
        color: #16169f !important;
    }
    .resaboutus {
        padding: 30px 0 30px 0;
    }
    .header-main .navbar .navbar-right .nav-item.e-shop {
        z-index: 1;
        margin-top: 10px!important;
    }
        .header-main .navbar .navbar-right .nav-item.e-shop .nav-link {
            background-size: auto 100%;
            background-position: center;
            height: 116%!important;
            line-height: 14px;
            width: 120%!important;
            padding: 0 !important;
            border-radius: 6px;
            /* border: 2px solid #3a86af; */
        }
    .header-main .navbar .navbar-right .nav-item .nav-link .quick-nav-icon {
        margin-right: 10px;
        width: 133px!important;
        float: left;
        padding-left: 20px;
        height: 63%!important;
    }
    .product-button {
        width: 14%!important;
    }
    .hero-carousel .carousel-inner .carousel-item img {
        width: 100%;
        padding-top: 40px!important;
        top: 30px;
    }

    




}






@media(max-width: 1023px) and (min-width:768px){


    .help-offer-main .help-offer-container .help-main-wrapper h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px !important;
        color: #2e2ec9;
        margin-bottom: 22px;
        text-align: left;
    }

    .help-offer-main .help-offer-container .help-main-wrapper .help-main-box .help-box .help-icon-label {
       
        font-size: 15px !important;
    }

    .explore-wrapper-section .explore-products .explore-products-heading h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px !important;
        color: #16169f;
        background-color: var(--text-color-white);
        text-align: center;
        margin-bottom: 10px;
    }
    .resaboutus {
        padding: 30px 0 30px 0;
    }
    .joyride-main .joy-ride-heading {
        font-family: 'Poppins', sans-serif !important;
        font-weight: var(--font-weight-900);
        font-size: 30px !important;
        line-height: var(--line-height-57);
        color: #16169f !important;
    }
    .b1-text-std {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .banner-768 {
        padding-top: 10px !important;
    }

    .footer-wrapper .footer-list-wrapper {
        padding: 0px 15px 0 15px!important;
    }
    .product-button {
        width: 18%!important;
    }
    .footer-logo-white {
        width: 45%!important;
    }



}



.hero-carousel .carousel-inner .carousel-item img {
    width: 100%;
    padding-top: 30px;
    top: 30px;
}



.fa.fa-whatsapp.side:hover {
    background-image: linear-gradient(#25D366, #25D366) !important;
    color: white !important;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 2px #000000;
    -webkit-box-shadow: inset 0 0 2px #000000;
    box-shadow: inset 0 0 2px #000000;
}




#button {
    display: inline-block;
    background-color: #ff2c34;
    width: 40px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 10px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
    }

    #button:hover {
        cursor: pointer;
        background-color: #8b8b8d;
    }

    #button:active {
        background-color: #555;
    }

    #button.show {
        opacity: 1;
        visibility: visible;
    }

/* Styles for the content section */



@media (min-width: 500px) {

    #button {
        margin: 30px;
    }
}









.footericon {
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 2px;
}
.footericondetail {
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 5px;
}
.footericon2 {
    color: #252578;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 5px;
}





.contactpage {
    padding: 30px 0 30px 0;
}










/*contact form*/



@media (max-width: 767px) {
    .btn-primary {
        border: 2px solid #fff !important;
        padding: 10px;
        display: inline-block;
        background: #fff !important;
        width: auto;
        height: auto;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        line-height: 2;
    }
}
@media (max-width:1199px) {
    .pt-section-title-box .pt-section-title {
        font-size: 38px;
    }
}

@media (max-width:767px) {
    .pt-section-title-box .pt-section-title {
        font-size: 35px;
        line-height: 1.5;
    }
}

@media (max-width:479px) {
    .pt-section-title-box .pt-section-title {
        line-height: 1.5;
    }
}

@media (max-width: 768px) {
    .pt-bg-overley {
        position: absolute;
        top: 0;
        left: 0;
        width: 109%;
        height: 100%;
        background-size: cover;
        background-attachment: initial !important;
        opacity: 1;
        background-position: center center;
    }
}
@media (min-width:768px) {
    .p-md-5 {
        padding: 3rem !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none;
    }
}
@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none;
    }








}






.formtextcolor {
    color: red !important;
    width: 100%;
    padding-top: 15px;
}

.formtextcolor1 {
    color: #ff565c !important;
    width: 100%;
    padding-top: 15px;
    font-size: 15px !important;
}




.result {
    color: green;
    width: 100%;
    padding-top: 15px !important;
}

.result1 {
    color: #ff565c !important;
    width: 100%;
    padding-top: 15px !important;
}






@media(max-width:767px) {
    .splendor-feature-section .splendor-feature-section-content .splendor-feature-row .splendor-feature-col .splendor-feature-wrapper .splendor-feature-h2 {
        font-family: 'Poppins', sans-serif !important;
        font-style:  ;
        font-weight: var(--font-weight-900);
        font-size: var(--font-size38);
        line-height: var(--line-height45);
        color: #303030;
        margin-top: 80px!important;
    }
    #scooter-banner-slide-mob a {
/*        padding: 3px 8px;
*/      /*  width: 38%;*/
    }

    .explore-wrapper-section .explore-products .explore-tab-section .bike-tab-section .bike-product-wrapper .tab-content .tab-pane .bike-product-prant .bike-product-paramob {
        font-size: 13px!important;
        font-family: 'Poppins', sans-serif;
        color: var(--text-color-black);
    }

    .product-button{

        display:none;
    }

    .prod-home-icon {
        background-color: #0000ab;
        color: #ffff;
        border: none;
        margin-top: 3px;
    }
    /*.copy-right {
        display: block !important;
        align-items: center;
        justify-content: center;
        white-space: initial!important;
    }
*/
    .reswhatsapp {
        right: 8px !important;
        position: fixed;
        bottom: 190px !important;
        z-index: 99999;
    }

    .copy-right {
        display: inline-block!important;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .mob-copyright {
        display: inline-block!important;
    }


}



.footer-links p a {

    color: #fff;
}
    .footer-links p a:hover {
        color: #ff2c34;
    }






.contacticondetail {
    color: #24246c;
    font-size: 20px;
    margin-right: 20px;
    margin-top: 3px;
}

.contact-p{

    font-weight:500;

}

.contact-links p a {

    color: #000;
}
    .contact-links p a:hover {
        color: #ff2c34;
    }








@media(max-width:768px){

    .book-test-drive-section .book-test-drive-wrapper .book-test-drive-parent .book-test-drive-form .cust-form-group .cust-form-control {
        border: 0;
        border-bottom: 1px solid #fff;
        background-color: #252578;
        border-radius: 0;
        color: var(--text-color-white);
        font-size: var(--font-size18);
        font-family: 'Poppins', sans-serif !important;
        position: relative;
        padding: 8px 0;
        text-transform: capitalize;
        width: 100%;
    }

}


.homeicon {
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 2px;
}
    .homeicon:hover {
        color: #ff2c34;
    }







.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item .nav-icon {
    color: black; /* Change this to your default color */
}

    .navbar-nav .nav-item .nav-link:hover,
    .navbar-nav .nav-item .nav-icon:hover {
        color: #252578;
    }

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item.active .nav-icon,
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item:hover .nav-icon {
    color: #ff2c34 !important;
}






.product-button {
    width: 8%;
}




.scoial-media-icon a:hover {
    filter: brightness(80%);
    background-color: #ff2c34;
    border-radius: 15px;
    width: 12%;
    
}






@media(max-width:1674px) and (min-width:1300px){


    .product-button {
        width: 12%;
    }
    .footer-logo-white {
        width: 60%!important;
    }
}

@media(max-width: 1299px) and (min-width:1200px){

    .product-button {
        width: 13%;
    }
}



@media(max-width: 599px) and (min-width:480px) {
    #scooter-banner-slide-mob a {
     /*   padding: 3px 8px;
        width: 23%!important;*/
    }
}



@media(max-width:766px) and (min-width:640px) {
    #scooter-banner-slide-mob a {
      /*  padding: 3px 8px;
        width: 23%!important;*/
    }
}

@media(max-width:639px) and (min-width:600px){


    #scooter-banner-slide-mob a {
       /* padding: 3px 8px;
        width: 23%!important;*/
    }

}




/*.copy-right {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
*/

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

    .copy-right span {
        white-space: nowrap;
    }






.about-sec {
    padding: 30px 0 30px 0;
}


.prod-img-btn {
/*    width: 100px !important;
*/    height: 33px !important;
}

.breadcrumb-item.dark-theme a:hover,
.breadcrumb-item.dark-theme a:focus {
    color: #ff2c34; /* Your desired hover color */
    text-decoration: none; /* Optional: Remove underline on hover */
}





.slick-next:hover,
.slick-next:focus {
    color: #fff!important; /* Your desired hover color */
    /* You can also add additional styles as needed */
}



.footer-logo-white{

    width:35%;
}



.charactertext {
  
    margin: -20px 0 20px 20px;
}

p.copy-right.b1-bold-text-std {
    font-size: 15px !important;
    font-family: 'Poppins', sans-serif;
    color: var(--text-color-white);
}

.row.footer-social-main {
    background: #121253;
    padding: 18px 0 18px 0;
}

.button-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding: 7px 14px;
    border: 1px solid #252578;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    line-height: var(--line-height-24);
    text-transform: uppercase;
    background: #dc0606;
    color: #252578;
    border-radius: 4px;
    box-shadow: none !important;
    font-size: 14px;
}

button.btn.btn-primary.send:hover {
    border: 1px solid #fff;
    color: #ffffff;
    background: #252578 !important;
}

a.btn.callback-btn.btn-white:hover {
    border: 1px solid #fff!important;
    color: #fff!important;
    background: #252578 !important;
}