@import'../css/vendor/bootstrap/bootstrap.min.css';
@import'../css/vendor/slick/slick.min.css';
@import'../css/vendor/slick/slick-theme.css';

:root {
    --root-font: 10px;
    --primary-blue: #18407e;
    --secondary-blue: #1383e8;
    --tertiary-blue: #2b99f7;
    --quaternary-blue: #0070be;
    --quaternary-blue-rgb: 0, 112, 190;
    --connect-blue: #3aa4ff;
    --specification-blue: #06224d;
    --color-blue: #055fc3;
    --sky-blue: #44d5ff;
    --light-blue: #eef7fe;
    --dark-blue: #2e9df7;
    --arrow-blue: #134a86;
    --white: #ffffff;
    --white-rgb: rgba(255, 255, 255, 0.5);
    --white-light: #fefeff;
    --white-light-1: #fbfbfb;
    --black: #000000;
    --black-1: rgba(0, 0, 0, 0.8);
    --dark-overlay: #181818;
    --black-2: #3a3a3a;
    --black-3: rgba(24, 24, 24, 0.8);
    --grey-1: #353535;
    --grey-2: #a7a7a7;
    --grey-3: #cecece;
    --grey-4: #f4f4f4;
    --grey-5: #e2e3e4;
    --grey-6: #cccccc;
    --grey-7: #c3c3c3;
    --grey-8: #e8e8e8;
    --grey-9: #bcbcbc;
    --grey-10: #d7d7d7;
    --grey-11: #ebebeb;
    --grey-12: #fdfdfd;
    --grey-13: #f1f2f2;
    --grey-14: #939598;
    --grey-15: #848484;
    --grey-16: #e6e7e8;
    --grey-17: #a1a1a1;
    --grey-18: #010101;
    --grey-19: #e5e5e5;
    --grey-20: #efeff0;
    --grey-21: #f3f4f4;
    --grey-22: #f9f9f9;
    --grey-23: #f7f7f7;
    --grey-24: #4e4e50;
    --grey-25: #fafafa;
    --grey-26: #f1f1f1;
    --grey-27: #393939;
    --grey-28: #736e6e;
    --grey-29: #959595;
    --grey-30: #656565;
    --grey-31: #333333;
    --grey-32: #535353;
    --grey-33: #c2c2c2;
    --grey-34: #e1e1e1;
    --grey-35: #c1bcbc;
    --grey-36: #f3eeee;
    --grey-37: #8f8f8f;
    --grey-38: #f6f6fc;
    --grey-39: #efefef;
    --grey-40: #5c5c5c;
    --grey-41: #acacac;
    --grey-42: #161616;
    --grey-43: #444444;
    --grey-44: #5b5b5b;
    --grey-45: #555555;
    --bullet-grey: #cbcbcd;
    --light-grey-1: #f0f0f0;
    --dark-grey-1: #4b4b4b;
    --dark-grey-2: #909090;
    --dark-grey-3: #bcbec0;
    --primary-green: #36ff86;
    --secondary-green: #33bb83;
    --tertiery-green: #32dcbd;
    --primary-red: #d71920;
    --primary-yellow: #faf2c9;
    --primary-sky-blue: #cdebf5;
    --light-red: #f7dcde;
    --tvs-red: #f12a00;
    --tvs-blue: #183883;
    --vr-blue-start: #0d356d;
    --vr-blue-end: #2f78ce;
    --vr-gold-1: #62461b;
    --vr-gold-2: #bf975b;
    --red-1: #e60000;
    --red-2: #ff7373;
    --red-3: #ed1c24;
    --red-4: #e7424c;
    --red-5: #df1f27;
    --red-6: #ab1515;
    --red-7: #e42d38;
    --bullet-red: #dd1616;
    --light-sky-blue-1: #eaf5fe;
    --light-yellow: #f9f2c8;
    --light-sky: #d0eef9;
    --light-pink: #f6dadc;
    --red-border: #df1f27;
    --titanium-black: #141314;
    --titanium-border: #494949;
    --font-grey: rgba(0, 0, 0, 0.8);
    --font-light-grey: rgba(0, 0, 0, 0.3);
    --font-blue: rgba(0, 0, 0, 0.6);
    --border-grey: rgba(0, 0, 0, 0.15);
    --dropdown-border: #dddddd;
    --seleted-item-bg: #e7f0ff;
    --header-shadow: 6px 10.4px 24.8px 2.2px rgba(0, 0, 0, 0.2);
    --header-height: 6rem;
    --btn-primary-start-color: #2993dc;
    --btn-primary-end-color: #2484c6;
    --btn-secondary-start-color: #585858;
    --btn-secondary-end-color: #3e3e3e;
    --btn-warning-start-color: #ff9000;
    --btn-warning-end-color: #f92900;
    --section-bg: #f6f6f6;
    --card-bg: #f9f9fd;
    --btn-primary-bg-color: var(--primary-blue);
    --btn-secondary-bg-color: #ffffff;
    --card-shadow: 0px 7px 50.7px 6.3px rgba(0, 0, 0, 0.22);
    --shadow-xs: 0px 4px 10.1px 0.9px rgba(0, 0, 0, 0.15);
    --card-shadow-inner: 0px 1px 30.7px 1.3px rgba(0, 0, 0, 0.12);
    --banner-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0, 0, 0, 0.28);
    --card-shadow-brand: 0px 4px 14px 10.4px rgba(0, 0, 0, 0.13);
    --shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    --input-shadow: 0px 2px 8.5px 0.5px rgba(0, 0, 0, 0.16);
    --btn-shadow: 0px 7px 41.6px 15.4px rgba(0, 0, 0, 0.13);
    --card-box-shadow-md: 0px 1px 20px 2px rgba(0, 0, 0, 0.1);
    --text-shadow: 1.5px 2.6px 8.4px rgba(0, 0, 0, 0.28);
    --popup-shadow: 0px 7px 41.6px 15.4px rgba(0, 0, 0, 0.13);
    --sticky-header-shadow: 0px 0px 15px -7px rgba(0, 0, 0, 0.4);
    --button-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0, 0, 0, 0.28);
    --button-shadow-primary: 0px 7px 12.1px 0.9px rgba(0, 0, 0, 0.25);
    --mobile-nav-shadow: 2px 3.5px 9.6px 0.4px rgba(0, 0, 0, 0.15);
    --card-inner-shadow: 0px 3px 8.6px 0.4px rgba(0, 0, 0, 0.12);
    --circle-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0, 0, 0, 0.2);
    --country-shadow: 0px 5px 11.5px 0.5px rgba(0, 0, 0, 0.08);
    --country-flag: 0px 2px 8px 1px rgb(0 0 0 / 30%);
    --nav-shadow: 0px 8px 11.5px 0.5px rgba(0, 0, 0, 0.15);
    --product-list-card-shadow: 0px 4px 3.8px 0.2px rgba(0, 0, 0, 0.08);
    --product-list-card-shadow-small: 0 5px 4.8px 0.3px rgba(0, 0, 0, 0.08);
    --premium-specification-shadow: 0px 0px 40px 0.6px rgb(0 0 0 / 40%);
    --specification-shadow-type: 0px 5px 17.4px 3.6px rgba(0, 0, 0, 0.19);
    --corner-shadow-top-left: -5px -5px 0px 4px rgba(0, 0, 0, 1);
    --corner-shadow-bottom-right: 5px 5px 0px 4px rgba(0, 0, 0, 1);
    --specification-tab-section: 0.5px 5px 17.4px 3.6px rgba(0, 0, 0, 0.33);
    --design-img-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%)
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: 333;
    transition: background-color 5000s ease-in-out 0s
}

body, html {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100%
}

@media screen and (max-width: 767.98px) {
    .features-bg .nav-tabs::-webkit-scrollbar, .non-premium-specification-wrapper .tabs-section .nav::-webkit-scrollbar, .premium-specification .tabs-section ul::-webkit-scrollbar, .product-listing-tabs .nav-tabs::-webkit-scrollbar, .features-tabs .nav-tabs::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .features-bg .nav-tabs::-webkit-scrollbar-track, .non-premium-specification-wrapper .tabs-section .nav::-webkit-scrollbar-track, .premium-specification .tabs-section ul::-webkit-scrollbar-track, .product-listing-tabs .nav-tabs::-webkit-scrollbar-track, .features-tabs .nav-tabs::-webkit-scrollbar-track {
        background: transparent
    }

    .features-bg .nav-tabs::-webkit-scrollbar-thumb, .non-premium-specification-wrapper .tabs-section .nav::-webkit-scrollbar-thumb, .premium-specification .tabs-section ul::-webkit-scrollbar-thumb, .product-listing-tabs .nav-tabs::-webkit-scrollbar-thumb, .features-tabs .nav-tabs::-webkit-scrollbar-thumb {
        background-color: transparent
    }
}

.tvs-header .navbar {
    box-shadow: 5px 9px 10px 0px rgba(0,0,0,.1);
    border-radius: 4.4rem
}

@media screen and (max-width: 767.98px) {
    .tvs-header .navbar {
        box-shadow: 2px 3px 9.6px 0.4px rgba(0,0,0,.15);
        border-radius: 2.8rem
    }
}

.tvs-header .navbar .ib-nav .ib-nav-link, .mycountry {
    box-shadow: 0px 8px 11.52px 0.48px rgba(0,0,0,.15)
}

.mycountry {
    border: 1px solid var(--dropdown-border)
}

.sticky-header .sticky-header-wrapper {
    box-shadow: 0px 12px 39.69px 9.31px rgba(0,0,0,.1);
    border-radius: 4rem
}

@media screen and (max-width: 767.98px) {
    .sticky-header .sticky-header-wrapper {
        box-shadow: 4px 6px 9.6px 0.4px rgba(0,0,0,.15);
        border-radius: 2.5rem
    }
}

.sticky-header.darkHeader .sticky-header-wrapper {
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1);
    border-radius: 0 0 4rem 4rem
}

@media screen and (max-width: 767.98px) {
    .sticky-header.darkHeader .sticky-header-wrapper {
        box-shadow: 5px 8px 9.6px 0.4px rgba(0,0,0,.15);
        border-radius: 0 0 2rem 2rem
    }
}

.tvs-header .navbar .switch-btn {
    background-color: #fff;
    border-radius: 2.5rem;
    box-shadow: 0px 8px 11.52px 0.48px rgba(0,0,0,.15)
}

@media screen and (max-width: 767.98px) {
    .tvs-header .navbar .switch-btn {
        box-shadow: 0px 0px 17.1px 0.9px rgba(0,0,0,.34)
    }
}

.mycountry .country-flag .flag {
    box-shadow: 0px 4px 10.9px 1.1px rgba(0,0,0,.3)
}

@media screen and (max-width: 767.98px) {
    .mycountry .country-flag .flag {
        box-shadow: 0px 8px 16.92px 1.08px rgba(0,0,0,.3)
    }
}

.who-we-are .who-we-are-card .card {
    box-shadow: 0px 7px 50.73px 6.27px rgba(0,0,0,.22);
    background-image: linear-gradient(134deg, #ffffff, #f6f6fc);
    background-size: 100% 100%
}

@media screen and (max-width: 767.98px) {
    .who-we-are .who-we-are-card .card {
        box-shadow: 0px 7px 26.7px 3.3px rgba(0,0,0,.15);
        background-image: linear-gradient(-134deg, #ffffff, #f6f6fc)
    }
}

.vh-card-outer .v-card-footer {
    box-shadow: 0px 7px 12.09px 0.91px rgba(0,0,0,.25);
    border: 2px solid var(--primary-blue);
    border-radius: 1.4rem
}

@media screen and (max-width: 767.98px) {
    .vh-card-outer .v-card-footer {
        border: 1px solid var(--primary-blue);
        border-radius: 1rem
    }
}

.features-tabs .view-all .btn-lg {
    box-shadow: 0px 7px 12.09px 0.91px rgba(0,0,0,.25);
    border: 2px solid var(--white);
    border-radius: 1.5rem
}

@media screen and (max-width: 767.98px) {
    .features-tabs .view-all .btn-lg {
        border: 1px solid var(--white);
        border-radius: 1rem
    }
}

.map-list .dealer-address {
    box-shadow: 0px 3px 8.64px 0.36px rgba(0,0,0,.15)
}

@media screen and (max-width: 767.98px) {
    .map-list .dealer-address {
        box-shadow: 1px 2px 8.64px 0.36px rgba(0,0,0,.15)
    }
}

@media screen and (max-width: 767.98px) {
    .map-list .dealer-address .phone-email em {
        background-color: #18407e;
        box-shadow: 2px 3px 8.4px 1.6px rgba(0,0,0,.28);
        border: 1px solid #fff
    }
}

@media screen and (max-width: 991.98px) {
    .map-list .city-list {
        border-radius: 1.5rem !important
    }
}

.wrap-drop .drop {
    box-shadow: 0px 8px 11.52px .48px rgba(0,0,0,.15)
}

.tvs-experience .experience {
    box-shadow: 0px 0px 50px 0px rgba(72,72,72,.15)
}

@media screen and (max-width: 767.98px) {
    .tvs-experience .experience {
        box-shadow: 0px 0px 32px 0px rgba(72,72,72,.18)
    }
}

.tvs-experience .experience:before {
    box-shadow: 0px 5px 0px 0px #e42d38
}

@media screen and (max-width: 767.98px) {
    .tvs-experience .experience:before {
        box-shadow: 0px 3px 0px 0px #e42d38
    }
}

.business-together .business-content .business-icon {
    box-shadow: 0px 7px 50.73px 6.27px rgba(0,0,0,.22)
}

@media screen and (max-width: 767.98px) {
    .business-together .business-content .business-icon {
        box-shadow: 0px 7px 50.73px 6.27px rgba(0,0,0,.22)
    }
}

.tvs-award .testimonial-reel .box .test-component {
    box-shadow: 0px 7px 41.61px 15.39px rgba(0,0,0,.13)
}

@media screen and (max-width: 767.98px) {
    .tvs-award .testimonial-reel .box .test-component {
        box-shadow: 0px 1px 20px 2px rgba(0,0,0,.1)
    }
}

.go-top {
    box-shadow: 2px 3px 8.4px 1.6px rgba(0,0,0,.28)
}

.btn.white, .btn.lg-xl {
    box-shadow: 0px 7px 12.09px 0.91px rgba(0,0,0,.25);
    border: solid 2px var(--white);
    border-radius: 1.5rem
}

.product-listing-container:before {
    background-color: var(--primary-blue);
    border-radius: 0 0 6rem 6rem
}

@media screen and (max-width: 767.98px) {
    .product-listing-container:before {
        border-radius: 0 0 2rem 2rem !important
    }
}

.book-test-outer a, .product-listing-tabs .list-menu .test-ride {
    box-shadow: 2px 3px 8.4px 1.6px rgba(0,0,0,.28)
}

@media screen and (max-width: 767.98px) {
    .book-test-outer a, .product-listing-tabs .list-menu .test-ride {
        background: var(--primary-blue);
        border: 1px solid var(--white);
        border-radius: 1rem
    }
}

.tab-list .nav.nav-pills .nav-link.active {
    box-shadow: 0px 5px 4.75px 0.25px rgba(0,0,0,.08);
    border: 2px solid var(--primary-blue);
    border-radius: 2rem
}

.tab-list .nav.nav-pills .nav-link {
    box-shadow: 0px 5px 4.75px 0.25px rgba(0,0,0,.08);
    border: 2px solid transparent;
    border-radius: 2rem
}

.mobile-list .nav-link {
    box-shadow: 0px 5px 4.75px 0.25px rgba(0,0,0,.08);
    border-radius: 1rem
}

.tab-list {
    box-shadow: 0px 5px 4.75px 0.25px rgba(0,0,0,.08);
    background-color: var(--grey-11);
    border-radius: 2rem
}

.product-listing-tabs .product-card-bg {
    box-shadow: 0px 5px 4.75px 0.25px rgba(0,0,0,.08);
    background-color: var(--white);
    border-radius: 2rem
}

.product-main-outer .list-img-slider-outer .view-details-btn {
    box-shadow: 2px 3px 8.4px 1.6px rgba(0,0,0,.28);
    background-color: var(--white);
    border: 2px solid var(--primary-blue)
}

@media screen and (max-width: 767.98px) {
    .tvs-header.mobile-premium-header {
        box-shadow: 0px 5px 4.85px 0.15px rgba(53,53,53,.05)
    }
}

@media screen and (max-width: 767.98px) {
    .premium-sticky-header .container-fluid {
        box-shadow: 5px 8px 9.6px 0.4px rgba(0,0,0,.15);
        border-radius: 2rem
    }
}

.overview .overview-main .overview-img .overview-content {
    background: linear-gradient(-134deg, var(--white) 0%, var(--grey-38) 100%)
}

@media screen and (max-width: 767.98px) {
    .overview .overview-main .overview-img .overview-content {
        background: var(--white)
    }
}

.overview .overview-main:before {
    background: linear-gradient(180deg, var(--grey-35) 0%, var(--grey-36) 50%, var(--grey-35) 100%)
}

@media screen and (max-width: 991.98px) {
    .overview .overview-main:before {
        background: linear-gradient(160deg, var(--grey-35) 0%, var(--grey-36) 50%, var(--grey-35) 100%)
    }
}

.tvs-features .features_slide .box-section {
    background: linear-gradient(90deg, var(--grey-35) 0%, var(--grey-35) 20%, var(--grey-36) 55%, var(--grey-35) 100%)
}

@media screen and (max-width: 767.98px) {
    .tvs-features .features_slide .box-section {
        background: linear-gradient(205deg, var(--grey-35) 0%, var(--grey-36) 65%, var(--grey-35) 100%)
    }
}

.tvs-features .features_slide .experience .red-line:before {
    background: linear-gradient(28deg, rgba(193, 188, 188, 0.6), rgba(243, 238, 238, 0.6), rgba(193, 188, 188, 0.6))
}

@media screen and (max-width: 767.98px) {
    .tvs-features .features_slide .experience .red-line:before {
        background: linear-gradient(205deg, rgba(193, 188, 188, 0.6), rgba(243, 238, 238, 0.6), rgba(193, 188, 188, 0.6))
    }
}

.tvs-features .features_slide .experience .red-line {
    background: rgba(223,31,39,.5)
}

.premium-specification .tabs-section ul {
    box-shadow: 1px 5px 17.43px 3.57px rgba(0,0,0,.33)
}

@media screen and (max-width: 767.98px) {
    .premium-specification .tabs-section ul {
        box-shadow: none
    }
}

.premium-specification .tabs-section .nav-link.active {
    background: linear-gradient(23deg, #161616, #444444)
}

.premium-specification .tabs-section .nav-link {
    background: linear-gradient(30deg, rgba(193, 188, 188, 0.3), rgba(193, 188, 188, 0.3), rgba(243, 238, 238, 0.3), rgba(193, 188, 188, 0.3))
}

@media screen and (max-width: 767.98px) {
    .premium-specification .tab-content {
        box-shadow: 0px 0px 40px .6px rgba(0,0,0,.4)
    }
}

.btn.btn-white-deg, .download a.btn-rounded.btn-primary {
    box-shadow: 0px 7px 12.09px 0.91px rgba(0,0,0,.25)
}

@media screen and (max-width: 767.98px) {
    .btn.btn-white-deg, .download a.btn-rounded.btn-primary {
        box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28)
    }
}

.design-wrapper .card:before {
    box-shadow: 0px 1px 20px 2px rgba(0,0,0,.1)
}

@media screen and (max-width: 767.98px) {
    .design-wrapper .card:before {
        box-shadow: 0px 1px 20px 2px rgba(0,0,0,.1)
    }
}

.design-wrapper .card:before {
    background: linear-gradient(-134deg, var(--white), var(--grey-38))
}

.non-premium-features .test-component {
    background: var(--white)
}

.non-premium-specification-wrapper .tabs-section .nav-link {
    background: var(--white);
    border: 1px solid var(--primary-blue)
}

    .non-premium-specification-wrapper .tabs-section .nav-link.active {
        background: var(--primary-blue);
        box-shadow: 4px 6px 0px 0px rgba(18,72,157,.17)
    }

.non-premium-specification-wrapper .tab-img-section {
    box-shadow: 0 7px 46.6px 2.4px rgba(0,0,0,.13)
}

@media screen and (max-width: 767.98px) {
    .non-premium-specification-wrapper .tab-img-section {
        box-shadow: 0 7px 46.6px 2.4px rgba(0,0,0,.13)
    }
}

.non-premium-specification-wrapper .horizontal-img {
    background: var(--white);
    border-radius: 1rem;
    border: solid var(--grey-7)
}

.download a.btn-rounded.btn-primary {
    background: var(--primary-blue);
    border-radius: 1.5rem;
    border: 2px solid var(--white)
}

@media screen and (max-width: 767.98px) {
    .download a.btn-rounded.btn-primary {
        border-radius: 1rem
    }
}

.privacy-policy .privacy-content {
    box-shadow: 0px 4px 14px 10.4px rgba(0,0,0,.13);
    border-radius: 4rem
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content {
        border-radius: 1rem
    }
}

.terms-conditions:before, section.contact-us:before {
    box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28);
    border-radius: 0 0 6rem 6rem
}

@media screen and (max-width: 767.98px) {
    .terms-conditions:before, section.contact-us:before {
        border-radius: 0 0 2rem 2rem
    }
}

.tvs-header .navbar .ib-nav .ib-nav-link {
    border-radius: 2.5rem;
    background-color: #18407e
}

.tvs-header .navbar .switch-btn .btn.btn-secondary.active {
    background-color: #18407e !important;
    border-radius: 2rem
}

.form-section .form-slide {
    box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28);
    border-radius: 2rem
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide {
        box-shadow: 0px 4px 10.1px .9px rgba(0,0,0,.15)
    }
}

.wizard-bullets li.wizard-steps:last-child span {
    box-shadow: .2px 2px 22.3px 1.7px rgba(0,0,0,.1)
}

.wizard-bullets li.wizard-steps.active {
    box-shadow: 0px 2px 22.32px 1.68px rgba(49,95,166,.27)
}

    .wizard-bullets li.wizard-steps.active:not(:last-child):after {
        box-shadow: inset 6px 0 5px 0 rgba(38,80,146,.45)
    }

.form-btn .btn-primary {
    background-color: #18407e !important;
    border-radius: 1.5rem !important;
    box-shadow: 0px 7px 41.61px 15.39px rgba(0,0,0,.06) !important;
    border: 2px solid #fff !important
}

@media screen and (max-width: 767.98px) {
    .form-btn .btn-primary {
        border-radius: 1rem !important
    }
}

.dealer-container .dealer-block label input[type=checkbox]:checked ~ .dealer-box:before {
    background-color: #eef4fe;
    border-radius: 2rem;
    box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28);
    border: 3px solid #18407e
}

.dealer-container .dealer-block .dealer-box {
    background-color: #fff;
    border-radius: 2rem !important;
    border: 2px solid #18407e
}

section.contact-us .card-form .select-box.dropdown .dropdown-select, .form-section .form-slide .select-box.dropdown .dropdown-select, .form-container .select-box.dropdown .dropdown-select {
    border-radius: 1rem;
    box-shadow: 0px 3px 23.49px 5.51px rgba(0,0,0,.14)
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .select-box.dropdown .dropdown-select, .form-section .form-slide .select-box.dropdown .dropdown-select, .form-container .select-box.dropdown .dropdown-select {
        box-shadow: 0px 5px 47.5px 2.5px rgba(0,0,0,.25)
    }
}

.wizard-bullets li.wizard-steps.completed:not(:last-child):after {
    background-image: linear-gradient(72deg, #8abf57 0%, #78a7f0 60%);
    box-shadow: inset 8px 0 5px 0 rgba(0,0,0,.33)
}

.wizard-bullets li.wizard-steps.active:not(:last-child):after {
    background-image: linear-gradient(to left, #f1f1f1, #78a7f0)
}

.form-section .form-slide .text-error {
    border: 2px solid #e25151
}

.form-elements .form-control {
    border: 1px solid rgba(175,175,175,.75)
}

.form-elements .form-group input[type=text]:focus {
    border: 2px solid #18407e
}

.form-section .form-slide .otp-verified {
    border: 3px solid #4caf50 !important
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .otp-verified {
        border: 2px solid #4caf50 !important;
        box-shadow: 0px 2px 8.5px .5px rgba(0,0,0,.16)
    }
}

.form-section .form-slide .form-summary-error, .form-btn-styles.btn-disabled, section.contact-us .card-form .card-header-form .btn-disabled.btn-input-select, section.contact-us .card-form .btn-disabled.btn, .form-section .form-slide .btn-disabled.btn, .forn-btn-styles.btn-disabled {
    background-color: #d7d7d7;
    border-radius: 1.5rem
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .form-summary-error, .form-btn-styles.btn-disabled, section.contact-us .card-form .card-header-form .btn-disabled.btn-input-select, section.contact-us .card-form .btn-disabled.btn, .form-section .form-slide .btn-disabled.btn, .forn-btn-styles.btn-disabled {
        border-radius: 1rem
    }
}

.form-btn-styles.btn-secondary, section.contact-us .card-form .card-header-form .btn-secondary.btn-input-select, section.contact-us .card-form .btn-secondary.btn, .form-section .form-slide .btn-secondary.btn, .forn-btn-styles.btn-secondary {
    border: 2px solid #18407e !important;
    border-radius: 1.5rem
}

@media screen and (max-width: 767.98px) {
    .form-btn-styles.btn-secondary, section.contact-us .card-form .card-header-form .btn-secondary.btn-input-select, section.contact-us .card-form .btn-secondary.btn, .form-section .form-slide .btn-secondary.btn, .forn-btn-styles.btn-secondary {
        border-radius: 1rem
    }
}

.date-box {
    border: 2px solid #eaeaea;
    border-radius: 1.5rem;
    box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28)
}

@media screen and (max-width: 767.98px) {
    .date-box {
        border: 1px solid #eaeaea;
        box-shadow: 0px 4px 10.1px .9px rgba(0,0,0,.15)
    }
}

.date-box li.selected:after {
    background-color: #eaf1fc;
    border-radius: 1.5rem;
    box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28);
    border: 3px solid #18407e
}

@media screen and (max-width: 767.98px) {
    .date-box li.selected:after {
        border-radius: 2rem;
        box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28)
    }
}

.hero-wrapper .slide .banner.banner-arive-app .banner-des p:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.hero-wrapper .slide .banner.banner-arive-app .banner-des p:before {
    content: "";
    z-index: 0
}

.custom-checkbox .checkmark {
    border: 2px solid #18407e;
    border-radius: .6rem
}

.form-btn-styles.btn-secondary, section.contact-us .card-form .card-header-form .btn-secondary.btn-input-select, section.contact-us .card-form .btn-secondary.btn, .form-section .form-slide .btn-secondary.btn, .forn-btn-styles.btn-secondary {
    box-shadow: 0px 7px 41.61px 15.39px rgba(0,0,0,.07)
}

@media screen and (max-width: 767.98px) {
    .form-btn-styles.btn-secondary, section.contact-us .card-form .card-header-form .btn-secondary.btn-input-select, section.contact-us .card-form .btn-secondary.btn, .form-section .form-slide .btn-secondary.btn, .forn-btn-styles.btn-secondary {
        border-radius: 1rem !important;
        box-shadow: 0px 7px 41.61px 15.39px rgba(0,0,0,.07)
    }
}

.mobile .dropdown-menu {
    box-shadow: 0px 3px 23.49px 5.51px rgba(0,0,0,.29);
    border-radius: 1rem
}

.success-popup .modal-content {
    border-radius: 4rem;
    box-shadow: 0px 7px 41.61px 15.39px rgba(0,0,0,.13)
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-content {
        border-radius: 2rem
    }
}

.success-popup .modal-footer .btn {
    background-color: #18407e !important;
    border-radius: 1.5rem;
    border: 2px solid #fff !important;
    box-shadow: 0px 7px 41.61px 15.39px rgba(0,0,0,.13) !important
}

    .success-popup .modal-footer .btn:hover {
        border: 2px solid #18407e !important
    }

@media screen and (max-width: 767.98px) {
    .success-popup .modal-footer .btn {
        border-radius: 1rem
    }
}

.form-section .banner-bg {
    box-shadow: none;
    border-radius: 0 0 2.8rem 2.8rem
}

@media screen and (max-width: 767.98px) {
    .form-section .banner-bg {
        box-shadow: 0px 0px 15.48px 2.52px rgba(0,0,0,.45);
        border-radius: 0 0 1.5rem 1.5rem
    }
}

.form-btn-styles.btn-input-select, section.contact-us .card-form .card-header-form .btn-input-select, section.contact-us .card-form .btn-input-select.btn, .form-section .form-slide .btn-input-select.btn, .forn-btn-styles.btn-input-select {
    border: 1px solid rgba(175,175,175,.75) !important
}

@media screen and (max-width: 767.98px) {
    .form-btn-styles.btn-input-select, section.contact-us .card-form .card-header-form .btn-input-select, section.contact-us .card-form .btn-input-select.btn, .form-section .form-slide .btn-input-select.btn, .forn-btn-styles.btn-input-select {
        border: 1px solid rgba(175,175,175,.75) !important;
        border-radius: 1rem
    }
}

html {
    font-size: var(--root-font)
}

@media screen and (max-width: 767.98px) {
    html {
        font-size: calc(1vw + 6.4px)
    }
}

body {
    font-family: "Roboto",sans-serif;
    overflow-x: hidden
}

    body.modal-open {
        max-height: 100vh;
        overflow-y: scroll !important
    }

a, a:hover, a:focus, button, button:hover, button:focus {
    outline: none;
    color: currentColor;
    text-decoration: none
}

input, textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

    input::-webkit-contacts-auto-fill-button {
        visibility: hidden;
        display: none !important;
        pointer-events: none;
        position: absolute;
        right: 0
    }

::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    position: absolute;
    right: 0;
    pointer-events: none
}

section {
    position: relative
}

.btd-section {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
    min-height: calc(100vh - 160px)
}

    .btd-section.bg {
        background: url(../images/form-bg.png);
        background-repeat: no-repeat;
        background-position: 874% 15%;
        background-size: 94%
    }

    .btd-section.feedback-form-wrapper.thank-you {
        display: flex;
        align-items: center;
        padding-top: 0rem
    }

@media screen and (max-width: 767.98px) {
    .btd-section {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .container-md {
        max-width: 1200px
    }
}

@media screen and (min-width: 1366px) {
    .container-md {
        max-width: 1300px
    }
}

.ie-browser-alert {
    position: fixed;
    z-index: 9999;
    background: #000;
    color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center
}

    .ie-browser-alert .inner-wrapper {
        height: 100%;
        width: 100%
    }

    .ie-browser-alert h2 {
        margin-bottom: 20px
    }

    .ie-browser-alert p {
        font-size: 18px
    }

    .ie-browser-alert .content {
        width: 700px;
        padding: 30px;
        border: 2px solid #fff;
        border-radius: 20px
    }

.ie-browser {
    overflow: hidden
}

    .ie-browser .ie-browser-alert {
        display: block
    }

.view-all {
    display: flex;
    justify-content: center;
    padding: 2rem 0 2rem
}

    .view-all a.btn.white {
        background-color: #636363;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--white)
    }

@media screen and (max-width: 1600px) {
    .feature-bg .view-all {
        padding: 1rem 0 2rem
    }
}

.go-top {
    background-color: var(--white);
    border-radius: 50%;
    color: var(--primary-blue);
    display: none;
    font-size: 1.6rem;
    height: 7rem;
    padding: 1em;
    position: absolute;
    right: 2rem;
    text-decoration: none;
    top: -7rem;
    width: 7rem;
    z-index: 999
}

@media screen and (min-width: 1366px) {
    .go-top {
        right: 1.4rem
    }
}

@media screen and (min-width: 1601px) {
    .go-top {
        right: 1.4rem
    }
}

@media screen and (max-width: 991.98px) {
    .go-top {
        z-index: 2
    }
}

.go-top:hover {
    background-color: var(--white)
}

.go-top em {
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

@media screen and (max-width: 991.98px) {
    .go-top em {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        height: 100%
    }
}

@media screen and (max-width: 575.98px) {
    .go-top {
        height: 5rem;
        width: 5rem;
        top: -6rem
    }
}

.pricing {
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center
}

    .pricing .price {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-size: 3.4rem;
        line-height: 3.2rem
    }

@media screen and (max-width: 767.98px) {
    .pricing .price {
        font-size: 2.4rem;
        line-height: 2.2rem
    }
}

.pricing .price .currency-symbol {
    margin: 0 .5rem .3rem 0;
    font-size: 2rem;
    line-height: 1.9rem
}

@media screen and (max-width: 767.98px) {
    .pricing .price .currency-symbol {
        margin: 0 .4rem .4rem 0;
        font-size: 1.8rem;
        line-height: 1.3rem
    }
}

.pricing .price .price-fig {
    font-weight: 900
}

.pricing .text-caption {
    font-weight: 500;
    font-size: 2rem;
    color: #555
}

@media screen and (max-width: 767.98px) {
    .pricing .text-caption {
        font-size: 1.4rem
    }
}

.no-action {
    pointer-events: none;
    cursor: default
}

@media screen and (min-width: 1601px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px
    }
}

@keyframes orbitRipple {
    0% {
        transform: translate(-50%, -38%) scale(0.5);
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(-50%, -38%) scale(1.5);
        opacity: 0
    }
}

@keyframes move {
    0%,100% {
        top: 0
    }

    50% {
        top: 5px
    }
}

img.lazyload {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 1000px 104px;
    height: auto;
    position: relative;
    overflow: hidden;
    text-indent: -99999px
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px
    }

    100% {
        background-position: 468px
    }
}

img.lazyloaded {
    background: transparent;
    animation-name: none
}

.side-banner {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    pointer-events: none
}

@media screen and (max-width: 767.98px) {
    .side-banner {
        min-height: fit-content
    }
}

.side-banner h1 {
    color: var(--white);
    padding: 11.25vw 2.76vw;
    position: relative;
    text-shadow: .6px 5px 22.3px rgba(0,0,0,.45);
    font-size: 2.6vw;
    z-index: 1
}

@media screen and (max-width: 767.98px) {
    .side-banner h1 {
        padding: 17.5rem 2.1rem 2.9rem;
        font-size: 3rem
    }
}

.side-banner .banner-bg {
    position: absolute;
    top: 50%;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: translateY(-50%);
    z-index: 0
}

.side-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--primary-blue);
    opacity: .32;
    z-index: 1
}

.form-container {
    padding: 9.27vw 3.85vw 6.92vw;
    font-size: 1.6rem;
    z-index: 1;
    position: relative
}

@media screen and (max-width: 767.98px) {
    .form-container {
        padding: 1.2rem 2rem 6.92vw
    }
}

.form-container ::-webkit-input-placeholder {
    color: #777;
    font-weight: 400
}

.form-container :-ms-input-placeholder {
    color: #777;
    font-weight: 400
}

.form-container ::placeholder {
    color: #777;
    font-weight: 400
}

.form-container .label-mob {
    margin: 0;
    font-size: 1.2rem;
    color: #777;
    transform: translateY(15px);
    z-index: 9;
    position: relative
}

.form-container h2 {
    color: #3a3a3a;
    font-weight: 800;
    margin: 4.5rem 0 5rem;
    font-size: 2.18vw
}

@media screen and (max-width: 767.98px) {
    .form-container h2 {
        margin: 4.5rem 0 1rem;
        font-size: 2.2rem
    }
}

.form-container .form-control, .form-container .form-control:focus {
    border-radius: 0;
    box-shadow: var(--shadow-none);
    border: solid var(--primary-blue);
    border-width: 0 0 .8px;
    padding: 1rem 0;
    height: 5.7rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: var(--black)
}

    .form-container .form-control.is-invalid, .form-container .form-control:focus.is-invalid {
        border-color: var(--red);
        color: var(--red);
        background-image: none
    }

        .form-container .form-control.is-invalid::-webkit-input-placeholder, .form-container .form-control:focus.is-invalid::-webkit-input-placeholder {
            color: var(--red);
            font-weight: 400
        }

        .form-container .form-control.is-invalid:-ms-input-placeholder, .form-container .form-control:focus.is-invalid:-ms-input-placeholder {
            color: var(--red);
            font-weight: 400
        }

        .form-container .form-control.is-invalid::placeholder, .form-container .form-control:focus.is-invalid::placeholder {
            color: var(--red);
            font-weight: 400
        }

@media screen and (max-width: 767.98px) {
    .form-container .form-control, .form-container .form-control:focus {
        font-weight: 400
    }
}

@media screen and (min-width: 1601px) {
    .form-container .form-control {
        font-size: 2.2rem !important
    }
}

.form-container .input-group.mobile {
    flex-direction: row;
    flex-wrap: nowrap
}

    .form-container .input-group.mobile .input-group-text {
        padding: .8rem 0
    }

        .form-container .input-group.mobile .input-group-text:before {
            display: none
        }

    .form-container .input-group.mobile .input-group-prepend {
        margin-right: 1rem;
        height: 5.7rem;
        min-width: 7.13vw
    }

@media screen and (max-width: 767.98px) {
    .form-container .input-group.mobile .input-group-prepend {
        min-width: 9.1rem
    }
}

.form-container .input-group.mobile .input-group-prepend:not(.is-invalid), .form-container .input-group.mobile .input-group-prepend:not(.is-valid) {
    border-bottom: .8px solid var(--primary-blue) !important
}

.form-container .input-group.mobile .input-group-append {
    flex-shrink: 0
}

.form-container .input-group.mobile .form-control {
    border-radius: 0 !important;
    padding: 1.3rem 1rem 1.5rem 0 !important
}

    .form-container .input-group.mobile .form-control:not(.is-invalid), .form-container .input-group.mobile .form-control:not(.is-valid) {
        border-bottom: .8px solid var(--primary-blue) !important
    }

@media screen and (max-width: 767.98px) {
    .form-container .input-group.mobile .form-control {
        padding: 1.3rem .75rem 1.5rem 0 !important
    }
}

.form-container .input-group.mobile .country-code {
    font-size: 1.8rem
}

@media screen and (min-width: 1601px) {
    .form-container .input-group.mobile .country-code {
        font-size: 2.2rem
    }
}

.form-container .input-group.mobile .dropdown-menu[x-placement=bottom-start] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 0 !important
}

.form-container .input-group.mobile .dropdown-menu[x-placement=top-start] {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: 0px !important
}

.form-container .input-group.mobile + .form-text {
    margin-left: 8.125vw;
    font-size: 80%;
    color: #777
}

@media screen and (max-width: 767.98px) {
    .form-container .input-group.mobile + .form-text {
        margin-left: 10.6rem
    }
}

.form-container .input-group .btn {
    font-size: inherit;
    text-transform: initial;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border: none;
    border-bottom: .8px solid var(--primary-blue);
    border-radius: 0;
    height: 5.7rem
}

    .form-container .input-group .btn i, .form-container .input-group .btn i:before {
        color: var(--primary-blue);
        font-size: 2.7rem
    }

    .form-container .input-group .btn:focus {
        box-shadow: none
    }

.form-container .input-group .input-group-append .btn {
    color: var(--primary-blue)
}

.form-container .input-group .input-group-append .btn-disabled {
    color: #777;
    pointer-events: none;
    cursor: default
}

.form-container .input-group.is-invalid * {
    border-color: var(--red);
    color: var(--red)
}

.form-container .input-group.is-valid * {
    border-color: var(--green);
    color: var(--green)
}

.form-container .is-invalid * {
    border-color: var(--red);
    color: var(--red)
}

.form-container .is-valid * {
    border-color: var(--green);
    color: var(--green)
}

.form-container p {
    font-size: 1.8rem;
    margin-bottom: 3rem
}

@media screen and (max-width: 767.98px) {
    .form-container p {
        font-size: 1.6rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 1601px) {
    .form-container p {
        font-size: 2.2rem
    }
}

.form-container .validation-form {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem 1rem;
    width: 100%;
    margin-top: -3rem;
    color: var(--red);
    font-weight: 500
}

@media screen and (max-width: 767.98px) {
    .form-container .validation-form {
        font-size: 1.2rem
    }
}

.form-container .form-btn .btn-primary, .form-container .form-btn .btn-primary:focus, .form-container .form-btn .btn-primary:hover {
    background: var(--primary-blue);
    color: var(--white);
    box-shadow: none;
    margin-left: 0 !important
}

    .form-container .form-btn .btn-primary.btn-disabled, .form-container .form-btn .btn-primary.btn-disabled:focus, .form-container .form-btn .btn-primary.btn-disabled:hover {
        background: #d7d7d7 !important;
        color: #8c8c8c;
        border-color: #d7d7d7 !important;
        pointer-events: none
    }

.form-container .select-box.dropdown:before {
    pointer-events: none;
    transition: all .3s ease;
    line-height: normal;
    right: 0
}

@media screen and (max-width: 767.98px) {
    .form-container .select-box.dropdown:before {
        right: 12px
    }
}

.form-container .select-box.dropdown.show:before {
    transform: translate(0, -50%) rotate(180deg)
}

.form-container .select-box.dropdown .btn-input-select {
    width: 100%;
    text-align: left;
    padding-left: 0;
    box-shadow: none;
    border-bottom: .8px solid var(--primary-blue);
    height: 5.7rem
}

    .form-container .select-box.dropdown .btn-input-select:focus {
        box-shadow: none
    }

    .form-container .select-box.dropdown .btn-input-select:after {
        display: none
    }

    .form-container .select-box.dropdown .btn-input-select.is-invalid {
        border-bottom-color: var(--red)
    }

@media screen and (min-width: 1601px) {
    .form-container .select-box.dropdown .btn-input-select {
        font-size: 2.2rem
    }
}

.form-container .select-box.dropdown .dropdown-select {
    width: 100% !important;
    max-height: 17.5rem;
    overflow: auto;
    padding: 0;
    background: var(--white);
    border: 1rem solid #fff
}

    .form-container .select-box.dropdown .dropdown-select::-webkit-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-blue);
        width: 6px
    }

    .form-container .select-box.dropdown .dropdown-select::-webkit-scrollbar-track {
        background: #e1e1e1;
        opacity: .4;
        border-radius: .5rem;
        -webkit-border-radius: .5rem;
        -ms-border-radius: .5rem;
        -moz-border-radius: .5rem;
        padding-bottom: 3rem
    }

    .form-container .select-box.dropdown .dropdown-select::-webkit-scrollbar-thumb {
        background-color: var(--primary-blue);
        border-radius: 20px;
        border: 6px solid var(--primary-blue)
    }

    .form-container .select-box.dropdown .dropdown-select[x-placement=bottom-start] {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .form-container .select-box.dropdown .dropdown-select[x-placement=top-start] {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .form-container .select-box.dropdown .dropdown-select li {
        padding: 0 1rem
    }

        .form-container .select-box.dropdown .dropdown-select li:last-child .dropdown-item {
            border-bottom: none
        }

    .form-container .select-box.dropdown .dropdown-select .dropdown-item {
        border-bottom: 1px solid #e9e9e9;
        font-size: 1.6rem;
        padding: 1rem 0;
        margin: 0 auto;
        width: calc(100% - 3rem)
    }

@media screen and (min-width: 1366px) {
    .form-container .select-box.dropdown .dropdown-select .dropdown-item {
        font-size: 2rem;
        padding: 1.3rem 0;
        line-height: 1.28
    }
}

@media screen and (max-width: 767.98px) {
    .form-container .select-box.dropdown .dropdown-select .dropdown-item {
        height: 6.3rem;
        display: flex;
        align-items: center;
        font-size: 1.6rem
    }
}

.form-container .select-box.dropdown .dropdown-select .dropdown-item img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1.5rem
}

.form-container .select-box.dropdown .dropdown-select .dropdown-item.active, .form-container .select-box.dropdown .dropdown-select .dropdown-item:active, .form-container .select-box.dropdown .dropdown-select .dropdown-item:hover {
    color: var(--primary-blue);
    background-color: var(--white);
    font-weight: bold
}

.form-container .select-box.dropdown .dropdown-select .dropdown-item:last-child {
    border-bottom: none
}

.form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList {
    height: auto
}

    .form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address {
        font-size: .83vw;
        margin: 0;
        width: 100%;
        white-space: normal;
        overflow-wrap: break-word
    }

@media screen and (max-width: 767.98px) {
    .form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address {
        font-size: 1.2rem
    }
}

.form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address, .form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address:hover {
    font-weight: normal
}

    .form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address h6 {
        font-size: 1.04vw;
        font-weight: 700
    }

@media screen and (max-width: 767.98px) {
    .form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address h6 {
        font-size: 1.6rem
    }
}

.form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address h6 + span {
    font-size: .93vw;
    font-weight: 700;
    text-align: right
}

@media screen and (max-width: 767.98px) {
    .form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address h6 + span {
        font-size: 1.4rem
    }
}

.form-container .select-box.dropdown .dropdown-select .dropdown-item.addressList address p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    max-width: 100%;
    white-space: normal
}

@media screen and (max-width: 767.98px) {
    .form-container .select-box.dropdown .dropdown-select {
        max-height: 18.6rem
    }
}

.iti__flag-container {
    height: 100%;
    border-bottom: 1px solid var(--primary-blue)
}

    .iti__flag-container .iti__selected-flag {
        font-size: 1.8rem;
        justify-content: flex-start;
        border-right: none
    }

@media screen and (min-width: 1601px) {
    .iti__flag-container .iti__selected-flag {
        font-size: 2.2rem
    }
}

.iti__flag-container .iti__selected-flag .iti__eg {
    transform: scale(1.5);
    margin-right: 8px
}

.iti__flag-container + .form-control {
    width: calc(100% - 12rem);
    margin-left: 12rem !important
}

.iti__flag-container .iti__country-list {
    min-width: fit-content;
    max-width: 90vw;
    border: none;
    box-shadow: 0px 3px 23.49px 5.51px rgba(0,0,0,.29);
    border-radius: 1rem;
    z-index: 999
}

    .iti__flag-container .iti__country-list .iti__country.iti__standard {
        border-bottom: 1px solid #e9e9e9;
        font-size: 1.6rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background: transparent !important
    }

        .iti__flag-container .iti__country-list .iti__country.iti__standard .iti__flag-box {
            margin-right: 6px;
            transform: scale(1.5);
            margin: auto 20px auto 10px
        }

.iti__flag-container .iti__arrow {
    border: none
}

    .iti__flag-container .iti__arrow:before {
        content: "";
        font-family: "ibcountry";
        position: absolute;
        color: var(--primary-blue);
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: 2.1rem;
        line-height: 2.5rem;
        font-weight: bold
    }

    .iti__flag-container .iti__arrow.iti__arrow--up:before {
        transform: translateY(-50%) rotate(180deg)
    }

.forn-btn-styles {
    border-radius: 1.5rem
}

@media screen and (max-width: 991.98px) {
    .forn-btn-styles {
        border-radius: 1rem
    }
}

.forn-btn-styles:not(:hover), .forn-btn-styles:not(.dropdown-toggle) {
    border-color: transparent
}

.forn-btn-styles.btn-disabled {
    color: #8c8c8c;
    pointer-events: none;
    min-height: 6.6rem;
    min-width: 13.6rem
}

@media screen and (max-width: 767.98px) {
    .forn-btn-styles.btn-disabled {
        min-height: 4.8rem;
        min-width: 9.3rem
    }
}

.forn-btn-styles.btn-disabled:focus {
    box-shadow: none
}

.forn-btn-styles.btn-secondary {
    background-color: #fff;
    color: var(--primary-blue);
    min-height: 6.6rem;
    min-width: 13.8rem;
    box-shadow: none
}

@media screen and (max-width: 767.98px) {
    .forn-btn-styles.btn-secondary {
        min-height: 4.8rem;
        min-width: 9.3rem
    }
}

.forn-btn-styles.btn-detect {
    background-color: #d7d7d7;
    color: #8c8c8c;
    padding: 1.6rem 7rem;
    margin: 6rem 0 0 0;
    line-height: 2.5rem;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 991.98px) {
    .forn-btn-styles.btn-detect {
        margin: 6.1rem 0 0 0;
        padding: 1.5rem 7rem;
        width: auto
    }
}

@media screen and (max-width: 767.98px) {
    .forn-btn-styles.btn-detect {
        margin: 2rem 0 0 0;
        width: 100%;
        font-size: 1.4rem;
        padding: 1rem 7rem
    }
}

.forn-btn-styles.btn-detect em {
    margin: 0 1rem 0 0
}

.forn-btn-styles.btn-input-select {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue);
    width: 100%;
    text-align: left;
    text-transform: initial;
    padding: 0rem 2rem;
    height: 6.6rem;
    line-height: 1;
    border-radius: 1rem
}

    .forn-btn-styles.btn-input-select.select-error {
        border: 2px solid #e25151 !important
    }

    .forn-btn-styles.btn-input-select:after {
        display: none
    }

    .forn-btn-styles.btn-input-select, .forn-btn-styles.btn-input-select:focus, .forn-btn-styles.btn-input-select:hover {
        box-shadow: none;
        outline: none
    }

@media screen and (max-width: 767.98px) {
    .forn-btn-styles.btn-input-select {
        font-size: 1.8rem;
        height: 4.8rem;
        padding: 0 1.5rem;
        line-height: 4.6rem
    }
}

.btn {
    border: none;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: .13px;
    padding: 1.25rem 2rem;
    border: solid 2px var(--white);
    text-transform: uppercase
}

    .btn.btn-rounded {
        border-radius: .75em;
        -webkit-border-radius: .75em;
        -ms-border-radius: .75em;
        -moz-border-radius: .75em
    }

    .btn.btn-full {
        border-radius: 3em;
        -webkit-border-radius: 3em;
        -ms-border-radius: 3em;
        -moz-border-radius: 3em
    }

    .btn.btn-primary {
        background: var(--btn-primary-bg-color);
        color: var(--white);
        background: -webkit-linear-gradient(top, var(--btn-primary-bg-color), var(--btn-primary-bg-color));
        background: linear-gradient(to bottom, var(--btn-primary-bg-color), var(--btn-primary-bg-color))
    }

        .btn.btn-primary:hover {
            background: var(--white);
            color: var(--btn-primary-bg-color);
            background: -webkit-linear-gradient(top, var(--white), var(--white));
            background: linear-gradient(to bottom, var(--white), var(--white));
            border: solid 2px var(--btn-primary-bg-color)
        }

    .btn.btn-secondary {
        background: var(--white);
        color: var(--grey-1);
        background: -webkit-linear-gradient(top, var(--white), var(--white));
        background: linear-gradient(to bottom, var(--white), var(--white))
    }

        .btn.btn-secondary.active {
            background: var(--primary-blue);
            color: var(--white);
            background: -webkit-linear-gradient(top, var(--primary-blue), var(--primary-blue));
            background: linear-gradient(to bottom, var(--primary-blue), var(--primary-blue))
        }

    .btn.btn-white {
        background: var(--white);
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--primary-blue)
    }

        .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active, .btn.btn-white:not(:disabled):not(.disabled):active {
            border: solid 2px var(--white);
            box-shadow: var(--shadow-none);
            -webkit-box-shadow: var(--shadow-none);
            -ms-box-shadow: var(--shadow-none);
            -moz-box-shadow: var(--shadow-none);
            background: var(--primary-blue);
            color: var(--white)
        }

@media screen and (max-width: 991.98px) {
    .btn.btn-white {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

@media screen and (min-width: 1601px) {
    .btn.btn-white {
        font-size: 2.4rem;
        line-height: 2.8rem;
        padding: 1.5rem 2rem;
        letter-spacing: .48px
    }
}

.btn.btn-warning {
    background: var(--btn-warning-start-color);
    color: var(--white);
    background: -webkit-linear-gradient(top, var(--btn-warning-start-color), var(--btn-warning-end-color));
    background: linear-gradient(to bottom, var(--btn-warning-start-color), var(--btn-warning-end-color))
}

.btn.primary-gradient-btn {
    background: var(--sky-blue);
    color: var(--white);
    background: -webkit-linear-gradient(top, var(--sky-blue), var(--primary-blue));
    background: linear-gradient(to bottom, var(--sky-blue), var(--primary-blue));
    color: var(--white);
    border-radius: 3.2rem;
    -webkit-border-radius: 3.2rem;
    -ms-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    box-shadow: var(--btn-shadow-desktop);
    -webkit-box-shadow: var(--btn-shadow-desktop);
    -ms-box-shadow: var(--btn-shadow-desktop);
    -moz-box-shadow: var(--btn-shadow-desktop);
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 700;
    transition: 500ms ease 0s;
    -webkit-transition: 500ms ease 0s;
    -moz-transition: 500ms ease 0s;
    -ms-transition: 500ms ease 0s;
    padding: 1.9rem 2rem;
    border: none;
    text-align: center;
    min-width: 19rem
}

    .btn.primary-gradient-btn:hover, .btn.primary-gradient-btn:focus {
        box-shadow: var(--btn-shadow-desktop);
        -webkit-box-shadow: var(--btn-shadow-desktop);
        -ms-box-shadow: var(--btn-shadow-desktop);
        -moz-box-shadow: var(--btn-shadow-desktop);
        color: var(--white)
    }

    .btn.primary-gradient-btn[disabled], .btn.primary-gradient-btn.disabled {
        background: var(--grey-5);
        color: var(--grey-6);
        opacity: 1;
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        pointer-events: none
    }

    .btn.primary-gradient-btn.btn-sm {
        min-width: 14rem;
        padding: 1rem 2rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        box-shadow: var(--shadow-xs);
        -webkit-box-shadow: var(--shadow-xs);
        -ms-box-shadow: var(--shadow-xs);
        -moz-box-shadow: var(--shadow-xs)
    }

        .btn.primary-gradient-btn.btn-sm.modal-btn {
            min-width: 18rem
        }

@media screen and (max-width: 767.98px) {
    .btn.primary-gradient-btn.btn-sm {
        font-size: 1.1rem;
        line-height: 1.5rem;
        font-weight: 500
    }
}

.btn.primary-gradient-btn.btn-sm[disabled], .btn.primary-gradient-btn.btn-sm.disabled {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none
}

@media screen and (max-width: 1199.98px) {
    .btn.primary-gradient-btn {
        font-size: 1.8rem;
        line-height: 2.2rem;
        padding: 1.5rem;
        border-radius: 3rem;
        -webkit-border-radius: 3rem;
        -ms-border-radius: 3rem;
        -moz-border-radius: 3rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.primary-gradient-btn {
        padding: 1.1rem 1.5rem;
        border-radius: 2.2rem;
        -webkit-border-radius: 2.2rem;
        -ms-border-radius: 2.2rem;
        -moz-border-radius: 2.2rem;
        min-width: 15rem;
        box-shadow: var(--shadow-xs);
        -webkit-box-shadow: var(--shadow-xs);
        -ms-box-shadow: var(--shadow-xs);
        -moz-box-shadow: var(--shadow-xs)
    }

        .btn.primary-gradient-btn:hover, .btn.primary-gradient-btn:focus {
            box-shadow: var(--shadow-xs);
            -webkit-box-shadow: var(--shadow-xs);
            -ms-box-shadow: var(--shadow-xs);
            -moz-box-shadow: var(--shadow-xs)
        }

        .btn.primary-gradient-btn.btn-sm {
            min-width: 11rem;
            height: 2.8rem;
            padding: .6rem 1rem
        }
}

.btn.primary-gradient-btn.primary-outline-btn {
    background: transparent !important;
    border: 2px solid var(--tertiary-blue);
    color: var(--tertiary-blue)
}

.btn.outline-btn {
    background: transparent !important;
    border: 2px solid var(--primary-blue);
    box-shadow: var(--banner-shadow);
    -webkit-box-shadow: var(--banner-shadow);
    -ms-box-shadow: var(--banner-shadow);
    -moz-box-shadow: var(--banner-shadow);
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue);
    padding: 1.2rem 3rem
}

    .btn.outline-btn.btn-sm {
        min-width: 15rem
    }

@media screen and (min-width: 1601px) {
    .btn.outline-btn.btn-sm {
        min-width: 20rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.outline-btn.btn-sm {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        min-width: 11rem;
        height: 3.4rem;
        padding: .8rem 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.outline-btn {
        border: 1.2px solid var(--primary-blue)
    }
}

.btn.btn-lg {
    min-width: 20rem;
    box-shadow: var(--button-shadow);
    -webkit-box-shadow: var(--button-shadow);
    -ms-box-shadow: var(--button-shadow);
    -moz-box-shadow: var(--button-shadow)
}

@media screen and (max-width: 991.98px) {
    .btn.btn-lg {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        border: solid 1px var(--white)
    }
}

@media screen and (min-width: 1601px) {
    .btn.btn-lg {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 600;
        min-width: 25rem;
        padding: 1.5rem 2rem;
        margin-bottom: -2rem;
        letter-spacing: .48px
    }
}

.btn.view-all {
    max-width: 23rem;
    box-shadow: var(--button-shadow-primary);
    -webkit-box-shadow: var(--button-shadow-primary);
    -ms-box-shadow: var(--button-shadow-primary);
    -moz-box-shadow: var(--button-shadow-primary);
    border: solid 2px var(--white);
    background-color: var(--primary-blue);
    padding: 1.5rem 2rem;
    font-size: 2rem;
    font-weight: 600;
    width: 100%
}

@media screen and (max-width: 991.98px) {
    .btn.view-all {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        max-width: 16rem;
        padding: 1rem 0rem;
        box-shadow: var(--button-shadow);
        -webkit-box-shadow: var(--button-shadow);
        -ms-box-shadow: var(--button-shadow);
        -moz-box-shadow: var(--button-shadow);
        letter-spacing: .3px;
        border-radius: 1rem
    }
}

.btn.lg-xl {
    min-width: 25rem;
    padding: 1.5rem 2rem;
    text-transform: uppercase
}

@media screen and (max-width: 991.98px) {
    .btn.lg-xl {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        border: solid 1px var(--white);
        min-width: 18rem;
        padding: 1rem 2rem;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -moz-border-radius: 1rem
    }
}

@media screen and (min-width: 1601px) {
    .btn.lg-xl {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 600;
        min-width: 25rem;
        padding: 1.5rem 2rem;
        letter-spacing: .48px
    }
}

@media screen and (max-width: 1600px) {
    .btn.lg-xl {
        min-width: 22rem;
        padding: 1.25rem 2rem
    }
}

.btn.btn-white-deg {
    background: var(--white);
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: var(--primary-blue);
    border: solid 2px var(--white);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -moz-border-radius: .5rem
}

    .btn.btn-white-deg:hover, .btn.btn-white-deg:focus, .btn.btn-white-deg:active, .btn.btn-white-deg:not(:disabled):not(.disabled):active {
        background: var(--primary-blue);
        color: var(--white);
        background: -webkit-linear-gradient(top, var(--primary-blue), var(--primary-blue));
        background: linear-gradient(to bottom, var(--primary-blue), var(--primary-blue));
        border: solid 2px var(--white);
        box-shadow: var(--shadow-none);
        -webkit-box-shadow: var(--shadow-none);
        -ms-box-shadow: var(--shadow-none);
        -moz-box-shadow: var(--shadow-none)
    }

@media screen and (max-width: 991.98px) {
    .btn.btn-white-deg {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

@media screen and (min-width: 1601px) {
    .btn.btn-white-deg {
        font-size: 1.8rem;
        line-height: 2.2rem;
        padding: 1.25rem 2rem;
        letter-spacing: .36px
    }
}

.btn.btn-blue-deg {
    background: var(--primary-blue);
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: var(--white);
    box-shadow: var(--button-shadow-primary);
    -webkit-box-shadow: var(--button-shadow-primary);
    -ms-box-shadow: var(--button-shadow-primary);
    -moz-box-shadow: var(--button-shadow-primary);
    padding: 1.25rem 6rem;
    border: 0
}

    .btn.btn-blue-deg:hover, .btn.btn-blue-deg:focus, .btn.btn-blue-deg:active, .btn.btn-blue-deg:not(:disabled):not(.disabled):active {
        border: solid 0px var(--white);
        background: var(--primary-blue);
        box-shadow: var(--button-shadow-primary);
        -webkit-box-shadow: var(--button-shadow-primary);
        -ms-box-shadow: var(--button-shadow-primary);
        -moz-box-shadow: var(--button-shadow-primary);
        color: var(--white)
    }

@media screen and (max-width: 991.98px) {
    .btn.btn-blue-deg {
        font-size: 1.4rem;
        line-height: 1.8rem;
        min-width: 20rem;
        padding: 1.1rem 2rem
    }
}

@media screen and (min-width: 1601px) {
    .btn.btn-blue-deg {
        font-size: 2.4rem;
        line-height: 2.8rem;
        padding: 1.5rem 9.5rem;
        letter-spacing: .48px
    }
}

.btn.outline-btn-border {
    background: transparent !important;
    border: 2px solid var(--primary-blue);
    box-shadow: var(--banner-shadow);
    -webkit-box-shadow: var(--banner-shadow);
    -ms-box-shadow: var(--banner-shadow);
    -moz-box-shadow: var(--banner-shadow);
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue);
    padding: 1.2rem 3rem
}

    .btn.outline-btn-border.btn-sm {
        min-width: 15rem
    }

@media screen and (min-width: 1601px) {
    .btn.outline-btn-border.btn-sm {
        min-width: 20rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.outline-btn-border.btn-sm {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        min-width: 11rem;
        height: 3.4rem;
        padding: .8rem 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.outline-btn-border {
        border: 1.2px solid var(--primary-blue)
    }
}

.btn.outline-white-btn {
    background: transparent !important;
    border: 2px solid var(--primary-blue);
    border-radius: 1.2rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--primary-blue);
    padding: 1.2rem 3rem
}

    .btn.outline-white-btn.btn-md {
        min-width: 17rem
    }

@media screen and (min-width: 1601px) {
    .btn.outline-white-btn.btn-md {
        min-width: 20rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.outline-white-btn.btn-md {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        min-width: 14rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.outline-white-btn {
        border: 1.2px solid var(--primary-blue)
    }
}

.view-degree {
    transform: skew(-15deg);
    display: block
}

    .view-degree text {
        transform: skew(15deg);
        display: block
    }

.btn-clear {
    background: transparent;
    border: none
}

.large-card {
    border: 2px solid var(--white);
    box-shadow: var(--shadow-lg);
    -webkit-box-shadow: var(--shadow-lg);
    -ms-box-shadow: var(--shadow-lg);
    -moz-box-shadow: var(--shadow-lg);
    border-radius: 8rem;
    -webkit-border-radius: 8rem;
    -ms-border-radius: 8rem;
    -moz-border-radius: 8rem
}

    .large-card > .card-header {
        border-radius: 8rem 8rem 0 0;
        -webkit-border-radius: 8rem 8rem 0 0;
        -ms-border-radius: 8rem 8rem 0 0;
        -moz-border-radius: 8rem 8rem 0 0;
        border-bottom: none;
        padding: 2.6rem 3rem;
        background: var(--grey-4);
        position: relative
    }

        .large-card > .card-header .back-navigation {
            position: absolute;
            top: 3.3rem;
            left: 4.2rem;
            text-decoration: none
        }

            .large-card > .card-header .back-navigation i {
                font-size: 2rem;
                line-height: 2.4rem;
                font-weight: 800;
                color: var(--tertiary-blue);
                margin-right: 1rem
            }

            .large-card > .card-header .back-navigation span {
                font-size: 1.6rem;
                line-height: 2rem;
                font-weight: 500;
                color: var(--grey-2)
            }

        .large-card > .card-header h2 {
            font-size: 3rem;
            line-height: 3.4rem;
            font-weight: 300;
            color: var(--black)
        }

            .large-card > .card-header h2.heading {
                font-weight: 300
            }

        .large-card > .card-header h4 {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 400;
            color: var(--grey-1)
        }

    .large-card > .card-body {
        padding: 4.5rem 11.3rem
    }

@media screen and (min-width: 768px) {
    .large-card > .card-body {
        min-height: 60vh
    }
}

.large-card.dealer-card {
    width: 48.2rem;
    max-width: 100%
}

    .large-card.dealer-card .card-header h2 {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 300;
        color: var(--black)
    }

    .large-card.dealer-card > .card-body {
        padding: 6.1rem 3rem
    }

@media screen and (min-width: 768px) {
    .large-card.dealer-card > .card-body {
        min-height: 4.16rem
    }
}

@media screen and (max-width: 1199.98px) {
    .large-card > .card-header {
        padding: 2rem 7rem
    }

        .large-card > .card-header h2 {
            font-size: 2.4rem;
            line-height: 2.8rem
        }

        .large-card > .card-header h4 {
            font-size: 1.3rem;
            line-height: 1.7rem
        }

    .large-card > .card-body {
        padding: 3rem 7rem
    }
}

@media screen and (max-width: 991.98px) {
    .large-card > .card-body {
        padding: 3rem
    }
}

@media screen and (max-width: 767.98px) {
    .large-card {
        position: static;
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: calc(-1*var(--header-height))
    }

        .large-card > .card-header {
            border-radius: 0;
            -webkit-border-radius: 0;
            -ms-border-radius: 0;
            -moz-border-radius: 0;
            padding: calc(var(--header-height) + 2rem) 3rem 1rem;
            position: relative;
            z-index: 1
        }

            .large-card > .card-header h4 {
                font-size: 1.2rem;
                line-height: 1.6rem
            }

        .large-card > .card-body {
            padding: 5rem 1.5rem 3rem;
            position: relative
        }

            .large-card > .card-body:before {
                background: var(--grey-4);
                content: "";
                height: 3rem;
                width: 100%;
                position: absolute;
                left: 0;
                top: -1.6rem;
                border-bottom-left-radius: 100%;
                border-bottom-right-radius: 100%
            }
}

.info-card {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border: 2px solid var(--grey-8);
    overflow: hidden
}

    .info-card.card-bg {
        background: linear-gradient(var(--white), var(--grey-4))
    }

    .info-card > .card-body {
        padding: 2.8rem;
        padding-bottom: 0
    }

        .info-card > .card-body .media {
            margin-bottom: 2.8rem
        }

            .info-card > .card-body .media i {
                font-size: 2rem;
                background: -webkit-linear-gradient(var(--primary-green), var(--secondary-green));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-right: 1.5rem
            }

            .info-card > .card-body .media h5 {
                font-size: 1.6rem;
                line-height: 2rem;
                font-weight: 400;
                color: var(--dark-grey-1);
                margin-bottom: .5rem
            }

            .info-card > .card-body .media p {
                font-size: 1.8rem;
                line-height: 2.2rem;
                font-weight: 400;
                color: var(--black);
                margin-bottom: 0
            }

@media screen and (min-width: 768px) {
    .info-card {
        margin-bottom: 5rem
    }
}

@media screen and (max-width: 767.98px) {
    .info-card {
        margin-bottom: 2rem;
        border-radius: 1.3rem;
        -webkit-border-radius: 1.3rem;
        -ms-border-radius: 1.3rem;
        -moz-border-radius: 1.3rem;
        border-width: 1px
    }

        .info-card > .card-body {
            padding: 1.5rem;
            padding-bottom: .5rem
        }

            .info-card > .card-body .media {
                margin-bottom: 2rem
            }

                .info-card > .card-body .media i {
                    font-size: 1.5rem;
                    margin-right: 1rem
                }

                .info-card > .card-body .media h5 {
                    font-size: 1.1rem;
                    line-height: 1.5rem;
                    margin-bottom: 0
                }

                .info-card > .card-body .media p {
                    font-size: 1.3rem;
                    line-height: 1.7rem;
                    font-weight: 400;
                    color: var(--black)
                }
}

.card-medium {
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -moz-border-radius: 3rem;
    padding: 3rem 3rem 1.5rem 3rem;
    background-color: rgba(var(--quaternary-blue-rgb), 0.5);
    box-shadow: var(--card-shadow);
    border: none
}

    .card-medium .card-body {
        padding: 0
    }

        .card-medium .card-body .card-title {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 400;
            color: var(--white);
            margin-bottom: 2rem
        }

        .card-medium .card-body span {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 300;
            color: var(--white)
        }

@media screen and (max-width: 991.98px) {
    .card-medium {
        padding: 3rem 1.8rem 2rem 2.2rem
    }

        .card-medium .card-body {
            padding: 0
        }

            .card-medium .card-body .card-title {
                font-size: 2rem;
                line-height: 2.4rem;
                margin-bottom: 1.5rem
            }

            .card-medium .card-body span {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 300;
                color: var(--white)
            }
}

.heading-block {
    padding: 1.6rem 1.8rem 1.6rem 2.8rem;
    background: linear-gradient(to right, var(--grey-4), var(--grey-12))
}

    .heading-block h5 {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--black)
    }

    .heading-block i {
        font-size: 2.3rem;
        line-height: 2.7rem;
        font-weight: 300;
        background: -webkit-linear-gradient(var(--sky-blue), var(--primary-blue));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

@media screen and (max-width: 767.98px) {
    .heading-block {
        padding: .9rem 2.5rem
    }

        .heading-block h5 {
            font-size: 1.3rem;
            line-height: 1.7rem
        }
}

.summary-card {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border: 1px solid var(--grey-11);
    background-color: var(--white);
    overflow: auto
}

@media screen and (max-width: 767.98px) {
    .summary-card {
        border-radius: 1.5rem;
        -webkit-border-radius: 1.5rem;
        -ms-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem
    }
}

.summary-card.estimates-grid {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem
}

.form-sub-title {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 1rem
}

    .form-sub-title .counter {
        background: var(--grey-10);
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        padding: .5rem;
        font-size: 1.2rem;
        line-height: 1.6rem;
        width: 2rem;
        height: 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

@media screen and (max-width: 767.98px) {
    .form-sub-title {
        font-size: 1.3rem;
        line-height: 1.7rem;
        padding-top: 1rem
    }

        .form-sub-title .counter {
            width: 1.5rem;
            height: 1.5rem;
            font-size: 1rem;
            line-height: 1.4rem;
            line-height: normal
        }
}

.radio-card {
    cursor: pointer;
    height: 100%
}

    .radio-card input[type=radio] {
        position: absolute;
        opacity: 0;
        visibility: hidden
    }

    .radio-card .radio-card-inner {
        display: block;
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        padding: 1.1rem 2rem;
        box-shadow: var(--shadow-md);
        -webkit-box-shadow: var(--shadow-md);
        -ms-box-shadow: var(--shadow-md);
        -moz-box-shadow: var(--shadow-md);
        position: relative;
        background: var(--white);
        border: 2px solid var(--grey-2);
        height: 100%
    }

        .radio-card .radio-card-inner.with-icon {
            padding-right: 6rem
        }

            .radio-card .radio-card-inner.with-icon .radio-btn-icon {
                position: absolute;
                right: 2rem;
                top: 50%;
                font-size: 2.6rem;
                transform: translate(0, -50%);
                -webkit-transform: translate(0, -50%);
                -moz-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                color: var(--grey-7)
            }

                .radio-card .radio-card-inner.with-icon .radio-btn-icon i {
                    display: block
                }

    .radio-card .large-text {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--black);
        letter-spacing: .016rem
    }

    .radio-card .small-text {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--black);
        text-overflow: ellipsis;
        overflow: hidden;
        letter-spacing: .016rem
    }

    .radio-card input[type=radio]:checked ~ .radio-card-inner {
        border-color: var(--tertiary-blue)
    }

        .radio-card input[type=radio]:checked ~ .radio-card-inner .large-text, .radio-card input[type=radio]:checked ~ .radio-card-inner .small-text {
            color: var(--tertiary-blue)
        }

        .radio-card input[type=radio]:checked ~ .radio-card-inner.with-icon .radio-btn-icon {
            background: -webkit-linear-gradient(var(--primary-green), var(--secondary-green));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

@media screen and (max-width: 1199.98px) {
    .radio-card .large-text {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .radio-card .small-text {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

@media screen and (max-width: 767.98px) {
    .radio-card .radio-card-inner {
        padding: 1rem;
        border-width: 1.5px;
        border-radius: 1.5rem;
        -webkit-border-radius: 1.5rem;
        -ms-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
        box-shadow: var(--shadow-xs);
        -webkit-box-shadow: var(--shadow-xs);
        -ms-box-shadow: var(--shadow-xs);
        -moz-box-shadow: var(--shadow-xs)
    }

        .radio-card .radio-card-inner.with-icon {
            padding-right: 1rem
        }

            .radio-card .radio-card-inner.with-icon .radio-btn-icon {
                font-size: 1.6rem;
                top: .7rem;
                right: .7rem;
                transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
                -moz-transform: translate(0, 0);
                -ms-transform: translate(0, 0)
            }

    .radio-card .large-text {
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding-right: 1.5rem
    }

    .radio-card .small-text {
        font-size: 1.1rem;
        line-height: 1.5rem;
        padding-right: 1.5rem
    }
}

.form-fields > .row {
    padding-bottom: 4.5rem
}

    .form-fields > .row .col-4.time-slots {
        padding-left: 0
    }

        .form-fields > .row .col-4.time-slots:first-child {
            padding-left: 15px
        }

.form-fields[disabled], .form-fields.disabled {
    opacity: .4;
    pointer-events: none;
    cursor: none
}

@media screen and (max-width: 1199.98px) {
    .form-fields > .row {
        padding-bottom: 2rem
    }
}

.days-row {
    margin-left: -7.5px;
    margin-right: -7.5px
}

    .days-row .col {
        padding-left: 7.5px;
        padding-right: 7.5px
    }

    .days-row .radio-card .radio-card-inner.with-icon {
        padding-right: 2rem
    }

        .days-row .radio-card .radio-card-inner.with-icon .radio-btn-icon {
            font-size: 1.8rem;
            right: 1rem;
            top: 30%;
            display: none
        }

    .days-row .radio-card input[type=radio]:checked ~ .radio-card-inner.with-icon .radio-btn-icon {
        display: block
    }

@media screen and (max-width: 1199.98px) {
    .days-row .col:nth-child(6) ~ .col {
        margin-top: 15px
    }
}

@media screen and (max-width: 991.98px) {
    .days-row .col:nth-child(4) ~ .col {
        margin-top: 15px
    }
}

@media screen and (max-width: 767.98px) {
    .days-row {
        overflow: auto;
        margin-left: -15px;
        margin-right: -15px
    }

        .days-row .col {
            min-width: 11rem;
            padding-left: 15px;
            padding-right: 0
        }

            .days-row .col:last-child {
                min-width: 12.5rem;
                padding-right: 15px
            }

            .days-row .col:nth-child(4) ~ .col {
                margin-top: 0
            }

        .days-row .radio-card .radio-card-inner.with-icon {
            padding-right: 1rem
        }

            .days-row .radio-card .radio-card-inner.with-icon .radio-btn-icon {
                font-size: 1.4rem;
                top: .7rem;
                right: .7rem;
                transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
                -moz-transform: translate(0, 0);
                -ms-transform: translate(0, 0)
            }
}

@media screen and (min-width: 1200px) {
    .days-row .col {
        -ms-flex: 0 0 14.258%;
        flex: 0 0 14.258%;
        max-width: 14.258%
    }

        .days-row .col:nth-child(7) ~ .col {
            margin-top: 15px
        }
}

.card-footer-btns {
    text-align: center
}

@media screen and (min-width: 768px) {
    .card-footer-btns {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 1.5rem 1rem;
        padding: 0rem;
        transform: translate(0, 50%);
        -webkit-transform: translate(0, 50%);
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%)
    }
}

.card-header-btns {
    text-align: left;
    padding-top: 1rem
}

@media screen and (max-width: 991.98px) {
    .card-header-btns {
        text-align: center;
        position: absolute;
        left: 0;
        bottom: -1.5rem;
        width: 100%;
        padding: 1.5rem 1rem;
        padding: 0rem;
        transform: translate(0, 50%);
        -webkit-transform: translate(0, 50%);
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%)
    }
}

@media screen and (max-width: 767.98px) {
    .card-header-btns .btn.primary-gradient-btn.primary-gradient-btn.btn-sm {
        height: auto;
        padding: .6rem 1rem
    }
}

.form-group {
    margin-bottom: 3rem
}

    .form-group p.text-danger {
        margin-top: .4rem;
        font-size: 1.1rem;
        line-height: 1.5rem;
        font-weight: 400;
        color: var(--primary-red);
        margin-bottom: 0
    }

@media screen and (max-width: 767.98px) {
    .form-group {
        margin-bottom: 2.5rem
    }

        .form-group.invalid-value .text-danger {
            font-size: 1rem;
            line-height: 1.4rem
        }
}

.form-group .partitioned {
    padding-left: 18px;
    letter-spacing: 57px;
    border: 0;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3) 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 71px 1px;
    background-repeat: repeat-x;
    background-position-x: 50px;
    width: 300px;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 300;
    color: var(--black)
}

    .form-group .partitioned:focus {
        outline: none
    }

    .form-group .partitioned.text-danger {
        background-image: linear-gradient(to left, var(--primary-red) 70%, rgba(255, 255, 255, 0) 0%)
    }

#validate-radio p.text-danger, #demogiven p.text-danger {
    padding-left: 2rem
}

.form-control {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem;
    box-shadow: var(--shadow-none);
    -webkit-box-shadow: var(--shadow-none);
    -ms-box-shadow: var(--shadow-none);
    -moz-box-shadow: var(--shadow-none);
    border: 2px solid var(--tertiery-green);
    padding: 0rem 2rem;
    height: 5.7rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: var(--black)
}

    .form-control:focus {
        box-shadow: var(--input-shadow);
        -webkit-box-shadow: var(--input-shadow);
        -ms-box-shadow: var(--input-shadow);
        -moz-box-shadow: var(--input-shadow);
        border-color: var(--tertiery-green)
    }

    .form-control.text-danger {
        border-color: var(--primary-red)
    }

@media screen and (max-width: 767.98px) {
    .form-control {
        height: 4.5rem;
        font-size: 1.3rem;
        line-height: 1.7rem;
        border-width: 1px
    }
}

.form-control:disabled {
    background: var(--grey-20)
}

.form-control.country-field {
    width: 100%;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    background-color: var(--grey-34);
    border: 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue);
    height: 5rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem
}

@media screen and (min-width: 1601px) {
    .form-control.country-field {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 767.98px) {
    .form-control.country-field {
        height: 4rem;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        border-radius: 1rem
    }
}

.wrap-drop {
    background: var(--grey-34);
    cursor: pointer;
    margin: 0 auto;
    padding: 1.4rem 1.75rem 1.4rem 1.55rem;
    position: relative;
    z-index: 3;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem;
    margin: 0rem
}

@media screen and (max-width: 767.98px) {
    .wrap-drop {
        padding: 1rem 1.75rem 1rem 1.55rem
    }
}

.wrap-drop.wrap-drop:before {
    content: "";
    background: var(--grey-34);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 1rem
}

.wrap-drop:after {
    content: "";
    font-family: "ibcountry";
    position: absolute;
    color: var(--primary-blue);
    right: 1.5rem;
    top: 50%;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 500;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    z-index: 4
}

.wrap-drop .drop {
    background: var(--white-light-1);
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 0;
    border-radius: 0 0 1rem 1rem;
    -webkit-border-radius: 0 0 1rem 1rem;
    -ms-border-radius: 0 0 1rem 1rem;
    -moz-border-radius: 0 0 1rem 1rem;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

    .wrap-drop .drop li {
        border-bottom: solid .125rem rgba(171,171,171,.5);
        margin: 0 2.8rem
    }

        .wrap-drop .drop li a {
            display: block;
            padding: 2rem 0;
            text-decoration: none;
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 400;
            color: var(--black)
        }

        .wrap-drop .drop li:hover a {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 600;
            color: var(--primary-blue)
        }

        .wrap-drop .drop li.selected a {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 600;
            color: var(--primary-blue)
        }

@media screen and (max-width: 991.98px) {
    .wrap-drop .drop li.selected a {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1601px) {
    .wrap-drop .drop li a {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--black)
    }

        .wrap-drop .drop li a:hover a {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 600;
            color: var(--primary-blue)
        }

        .wrap-drop .drop li a.selected a {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 500;
            color: var(--primary-blue)
        }
}

@media screen and (max-width: 767.98px) {
    .wrap-drop .drop li a {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        padding: 2.5rem 0;
        color: var(--primary-blue)
    }
}

.wrap-drop .drop li:last-child {
    border-bottom: solid 0rem rgba(171,171,171,.5);
    padding-bottom: 2rem
}

.wrap-drop span {
    width: 100%;
    padding: 0 1rem;
    border: 0;
    position: relative;
    z-index: 4;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue);
    height: 5rem
}

@media screen and (min-width: 1601px) {
    .wrap-drop span {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 767.98px) {
    .wrap-drop span {
        height: 4rem;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -moz-border-radius: 1rem
    }
}

.wrap-drop.active {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem
}

    .wrap-drop.active:after {
        content: "";
        transform: translateY(-50%) rotate(-180deg);
        -webkit-transform: translateY(-50%) rotate(-180deg)
    }

    .wrap-drop.active .drop {
        display: block;
        opacity: 1;
        pointer-events: auto;
        top: 3.7rem;
        height: 50vh;
        overflow-y: auto;
        padding-top: 2rem
    }

@media screen and (max-width: 1600px) {
    .wrap-drop.active .drop {
        height: 35rem
    }
}

@media screen and (min-width: 1601px) {
    .wrap-drop.active .drop {
        height: 60rem
    }
}

.wrap-drop.active .drop:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: var(--grey-34);
    border-radius: 0 0 1.5rem 1.5rem;
    -webkit-border-radius: 0 0 1.5rem 1.5rem;
    -ms-border-radius: 0 0 1.5rem 1.5rem;
    -moz-border-radius: 0 0 1.5rem 1.5rem;
    z-index: 1;
    visibility: hidden
}

@media screen and (max-width: 991.98px) {
    .wrap-drop.active .drop {
        top: 2.5rem;
        border-left: 1px solid rgba(0,0,0,.15);
        border-right: 1px solid rgba(0,0,0,.15);
        border-bottom: 1px solid rgba(0,0,0,.15)
    }
}

@media screen and (max-width: 575.98px) {
    .wrap-drop.active .drop {
        height: 41.8rem;
        padding-top: 3rem
    }
}

.select-box {
    position: relative
}

    .select-box:before {
        content: "";
        font-family: "ibcountry";
        position: absolute;
        color: var(--primary-blue);
        right: 2rem;
        top: 50%;
        font-size: 2.1rem;
        line-height: 2.5rem;
        font-weight: bold;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%)
    }

    .select-box select {
        -webkit-appearance: none;
        -moz-appearance: none
    }

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

.selct-city-bottom {
    display: none
}

.wrap-drop.active .selct-city-bottom {
    -moz-border-radius: 0 0 1.5rem 1.5rem;
    -ms-border-radius: 0 0 1.5rem 1.5rem;
    -webkit-border-radius: 0 0 1.5rem 1.5rem;
    background: var(--grey-34);
    border-radius: 0 0 1rem 1rem;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 4rem;
    width: 100%;
    z-index: 4;
    display: none
}

@media screen and (max-width: 1600px) {
    .wrap-drop.active .selct-city-bottom {
        top: 3.5rem
    }
}

.drop::-webkit-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-blue);
    width: 6px;
    margin: 5rem 2rem 2rem
}

@media screen and (max-width: 991.98px) {
    .drop::-webkit-scrollbar {
        margin: 2rem
    }
}

.drop::-webkit-scrollbar-track {
    background: rgba(194,194,194,.3);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -moz-border-radius: .5rem;
    padding-bottom: 3rem;
    margin-top: 2rem
}

@media screen and (max-width: 991.98px) {
    .drop::-webkit-scrollbar-track {
        margin-top: 4rem;
        margin-bottom: .6rem
    }
}

.drop::-webkit-scrollbar-thumb {
    background-color: var(--primary-blue);
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border: 3px solid var(--primary-blue);
    margin-top: 5rem
}

@media screen and (max-width: 991.98px) {
    .drop::-webkit-scrollbar-thumb {
        margin-top: 4rem;
        margin-bottom: .6rem
    }
}

.partner-popup .mandatory {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 400;
    color: rgba(0,0,0,.8)
}

@media screen and (max-width: 767.98px) {
    .partner-popup .mandatory {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
}

.partner-popup .form-sub-title {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--grey-1);
    margin-bottom: 2.5rem
}

.partner-popup .form-group label {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    color: rgba(0,0,0,.8)
}

.partner-popup .form-group .form-control {
    border-radius: 1rem;
    border: solid 1px rgba(175,175,175,.75)
}

    .partner-popup .form-group .form-control:focus {
        border-color: var(--primary-blue)
    }

.partner-popup textarea.form-control {
    padding: 1.3rem 2rem
}

.partner-popup .condition label {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: #7f7f7f;
    border: 0
}

.partner-popup .btn.primary-gradient-btn.btn-primary {
    background: var(--btn-primary-bg-color);
    color: var(--white);
    border-radius: 1.2rem;
    margin: 0 .5rem
}

.partner-popup .btn.outline-white-btn {
    margin: 0 .5rem
}

.partner-popup .btn.btn-md {
    min-width: 17rem
}

@media screen and (max-width: 767.98px) {
    .partner-popup .btn.btn-md {
        min-width: 14rem
    }
}

.partner-popup .country-mobile .dropdown {
    position: absolute;
    border: 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: var(--black);
    padding: .8rem 0rem;
    margin: 0rem;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 767.98px) {
    .partner-popup .country-mobile .dropdown {
        padding: .75rem .5rem
    }
}

.partner-popup .country-mobile .dropdown .dropdown-toggle {
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 500;
    width: 10rem;
    border-right: 1px solid #c3c3c3
}

    .partner-popup .country-mobile .dropdown .dropdown-toggle img {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 50%
    }

    .partner-popup .country-mobile .dropdown .dropdown-toggle .text {
        padding: .5rem .25rem .5rem .75rem
    }

.partner-popup .country-mobile .dropdown .dropdown-menu {
    box-shadow: var(--card-box-shadow-md);
    min-width: 30rem;
    border-radius: 1.5rem;
    padding: 1rem 1.5rem
}

    .partner-popup .country-mobile .dropdown .dropdown-menu[x-placement=bottom-start] {
        margin-top: 2rem
    }

    .partner-popup .country-mobile .dropdown .dropdown-menu[x-placement=top-start] {
        margin-top: 1rem
    }

    .partner-popup .country-mobile .dropdown .dropdown-menu .dropdown-item {
        padding: 1rem 0;
        border-bottom: 1px solid #ccc;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--primary-blue)
    }

        .partner-popup .country-mobile .dropdown .dropdown-menu .dropdown-item img {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            margin-right: 1rem
        }

.partner-popup .country-mobile .form-control {
    padding-left: 11rem
}

.custom-checkbox {
    position: relative;
    padding: 1rem 0 2rem 4rem;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 0rem;
    display: block
}

    .custom-checkbox input[type=checkbox] {
        display: none
    }

        .custom-checkbox input[type=checkbox]:checked ~ .checkmark {
            background: var(--white);
            color: var(--white);
            background: -webkit-linear-gradient(top, var(--white), var(--white));
            background: linear-gradient(to bottom, var(--white), var(--white));
            border: 2px solid var(--primary-blue)
        }

            .custom-checkbox input[type=checkbox]:checked ~ .checkmark:before {
                content: "";
                border-left: .2rem solid var(--primary-blue);
                border-bottom: .2rem solid var(--primary-blue);
                height: .8rem;
                width: 1.5rem;
                position: absolute;
                left: .6rem;
                top: .7rem;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg)
            }

@media screen and (max-width: 991.98px) {
    .custom-checkbox input[type=checkbox]:checked ~ .checkmark:before {
        height: .8rem;
        width: 1.5rem;
        left: .5rem;
        top: .6rem
    }
}

.custom-checkbox input[type=checkbox]:checked ~ .checkmark + text {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--primary-blue)
}

.custom-checkbox text {
    padding-left: .5rem
}

.custom-checkbox .checkmark {
    height: 3rem;
    width: 3rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: var(--white);
    position: absolute;
    left: 0;
    top: 40%
}

    .custom-checkbox .checkmark:before {
        content: "";
        height: .8rem;
        width: 1.5rem;
        position: absolute;
        left: .6rem;
        top: .7rem;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg)
    }

@media screen and (max-width: 767.98px) {
    .custom-checkbox {
        padding: 0 0 1rem 4rem;
        font-size: 1.6rem;
        line-height: 2rem
    }

        .custom-checkbox .checkmark {
            height: 3rem;
            width: 3rem;
            border-radius: .6rem;
            -webkit-border-radius: .6rem;
            -ms-border-radius: .6rem;
            -moz-border-radius: .6rem;
            border-width: 2px;
            top: 1rem
        }

            .custom-checkbox .checkmark:before {
                height: .8rem;
                width: 1.4rem;
                left: .6rem;
                top: .75rem
            }

        .custom-checkbox + .custom-checkbox {
            margin-top: 2rem
        }
}

.custom-checkbox.is-invalid input[type=checkbox]:checked ~ .checkmark:before, .custom-checkbox.is-invalid, .custom-checkbox.is-invalid * {
    color: var(--red) !important;
    border-color: var(--red) !important
}

.partner-popup .modal-dialog {
    max-width: 80rem
}

    .partner-popup .modal-dialog .modal-content {
        border: .3rem solid var(--white);
        border-radius: 4rem;
        box-shadow: 0px 3px 29px 0 rgba(0,0,0,.35);
        overflow: hidden
    }

.partner-popup .modal-header {
    background: var(--primary-blue);
    padding: 3rem 2rem 3rem
}

    .partner-popup .modal-header .modal-title {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 400;
        color: var(--white);
        max-width: 100%
    }

@media screen and (max-width: 767.98px) {
    .partner-popup .modal-header .modal-title {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 500
    }
}

.partner-popup .modal-header .close {
    color: var(--white);
    border: 4px solid var(--white);
    border-radius: 50%;
    padding: .5rem;
    margin-right: .25rem;
    width: 5rem;
    height: 5rem;
    font-size: 2.5rem;
    line-height: 2rem;
    opacity: 1
}

@media screen and (max-width: 767.98px) {
    .partner-popup .modal-header .close {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.75rem;
        padding: 0
    }
}

.partner-popup .modal-header .modal-close {
    position: absolute;
    top: 2rem;
    right: 1.5rem;
    width: 4rem;
    height: 4rem;
    color: var(--white);
    border: .2rem solid var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    cursor: pointer
}

.partner-popup .modal-body {
    padding: 1rem 2rem 5rem
}

.partner-popup .modal-footer {
    background: #f7f7f7;
    justify-content: center;
    border-top: 0px solid #dee2e6;
    padding: 2.5rem 2rem 2.5rem
}

.close {
    opacity: 1
}

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

.tvs-header .container {
    max-width: 100%
}

@media screen and (max-width: 1600px) {
    .tvs-header .container {
        min-height: 5rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-header .container {
        min-height: inherit
    }
}

.tvs-header .navbar {
    min-height: 6rem;
    align-content: center;
    background: var(--white);
    display: flex;
    left: 50%;
    padding: 1.5rem 0rem 1.5rem 1rem;
    position: absolute;
    top: 1.5rem;
    transform: translate(-50%, 0%);
    width: 98%;
    z-index: 999
}

@media screen and (min-width: 576px) {
    .tvs-header .navbar {
        width: 98%
    }
}

@media screen and (max-width: 1600px) {
    .tvs-header .navbar {
        padding: .5rem 0 .5rem 1rem;
        top: 1rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar {
        padding: 1.5rem 2rem 1.5rem 3rem
    }
}

@media screen and (max-width: 1199.98px) {
    .tvs-header .navbar .nav-item {
        margin-left: 6px;
        margin-right: 6px
    }
}

.tvs-header .navbar .nav-item.dropdown .dropdown-menu {
    min-width: 23.8rem;
    margin-top: 4.3rem;
    padding: .8rem 2.9rem .8rem 3rem;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.18));
    background: #fff;
    border-radius: 2rem
}

@media screen and (max-width: 767.98px) {
    .tvs-header .navbar .nav-item.dropdown .dropdown-menu {
        padding: 0 4.9rem 0 3.9rem;
        margin-top: -0.3rem;
        border-radius: 0;
        background: #e1e1e1;
        box-shadow: inset 0px -4px 14.9px 1.1px rgba(0,0,0,.15);
        filter: none
    }
}

.tvs-header .navbar .nav-item.dropdown.show:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 2.5rem solid transparent;
    border-right: 2.5rem solid transparent;
    border-bottom: 3.1rem solid #fff;
    position: absolute;
    top: calc(100% + 2.6rem);
    left: calc((100% - 2.7rem)/2);
    transform: translateX(-50%);
    z-index: 9999
}

.tvs-header .navbar .nav-item + .nav-item {
    margin-left: 3rem
}

@media screen and (min-width: 1366px) {
    .tvs-header .navbar .nav-item + .nav-item {
        margin-left: 4rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar .nav-item + .nav-item {
        margin-left: 5rem
    }
}

.tvs-header .navbar .navbar-nav .nav-link {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--black);
    padding: 1.5rem 0;
    position: relative
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar .navbar-nav .nav-link {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--black)
    }
}

@media screen and (max-width: 1199.98px) {
    .tvs-header .navbar .navbar-nav .nav-link {
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding: .5rem 0
    }
}

.tvs-header .navbar .navbar-nav .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 0;
    height: 3px;
    background-color: var(--red-7);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

@media screen and (max-width: 991.98px) {
    .tvs-header .navbar .navbar-nav .nav-link:before {
        display: none
    }
}

.tvs-header .navbar .navbar-nav .nav-link:hover, .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true] {
    color: var(--primary-blue)
}

    .tvs-header .navbar .navbar-nav .nav-link:hover:before, .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true]:before {
        bottom: .5rem;
        width: 3rem;
        height: .4rem;
        border-radius: .21rem;
        -webkit-border-radius: .21rem;
        -ms-border-radius: .21rem;
        -moz-border-radius: .21rem;
        right: 0;
        left: 0;
        margin: 0 auto
    }

.tvs-header .navbar .navbar-nav .nav-link.active, .tvs-header .navbar .navbar-nav .nav-link:hover, .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true] {
    color: var(--primary-blue);
    font-weight: 600
}

    .tvs-header .navbar .navbar-nav .nav-link.active:before, .tvs-header .navbar .navbar-nav .nav-link:hover:before, .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true]:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: .4rem;
        width: 3rem;
        height: .4rem;
        border-radius: .21rem;
        -webkit-border-radius: .21rem;
        -ms-border-radius: .21rem;
        -moz-border-radius: .21rem;
        background-color: var(--red-7);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        right: 0;
        margin: 0 auto
    }

@media screen and (max-width: 991.98px) {
    .tvs-header .navbar .navbar-nav .nav-link.active:before, .tvs-header .navbar .navbar-nav .nav-link:hover:before, .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true]:before {
        display: none
    }
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar .navbar-nav .nav-link.active:before, .tvs-header .navbar .navbar-nav .nav-link:hover:before, .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true]:before {
        width: 3rem;
        height: .5rem;
        border-radius: .21rem;
        -webkit-border-radius: .21rem;
        -ms-border-radius: .21rem;
        -moz-border-radius: .21rem
    }
}

@media screen and (max-width: 1600px) {
    .tvs-header .navbar .navbar-nav .nav-link.active:before, .tvs-header .navbar .navbar-nav .nav-link:hover:before, .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true]:before {
        bottom: .75rem;
        width: 2.4rem;
        height: .3rem
    }
}

.tvs-header .navbar .navbar-nav .nav-item.dropdown .nav-link.active:before, .tvs-header .navbar .navbar-nav .nav-item.dropdown .nav-link:hover:before, .tvs-header .navbar .navbar-nav .nav-item.dropdown .nav-link[aria-expanded=true]:before {
    right: 2.7rem
}

.tvs-header .navbar .navbar-nav .nav-item.dropdown.show .dropdown-toggle:after {
    transform: rotate(180deg)
}

.tvs-header .navbar .ib-nav {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--black);
    text-transform: capitalize;
    margin-right: 1.5rem;
    position: relative;
    animation: slidein .5s ease-out;
    -moz-animation: slidein .5s ease-out;
    -webkit-animation: slidein .5s ease-out;
    -ms-animation: slidein .5s ease-out;
    -o-animation: slidein .5s ease-out;
    animation-fill-mode: both;
    margin-left: 2.8rem
}

@media screen and (max-width: 991.98px) {
    .tvs-header .navbar .ib-nav {
        margin: 1rem 4rem 1rem 3.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .tvs-header .navbar .ib-nav {
        margin: 0rem 4rem 1rem 3.1rem;
        padding: 1.5rem 0 3rem;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--black)
    }
}

@media screen and (min-width: 1200px) {
    .tvs-header .navbar .ib-nav {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar .ib-nav {
        margin-right: 0;
        margin-left: 5rem
    }
}

.tvs-header .navbar .ib-nav .ib-nav-link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: #fefefe;
    align-items: center;
    display: flex;
    height: 5rem;
    justify-content: center;
    text-transform: uppercase;
    padding: 0 2.5rem
}

@media screen and (max-width: 1600px) {
    .tvs-header .navbar .ib-nav .ib-nav-link {
        height: 4rem
    }
}

@media screen and (max-width: 1199.98px) {
    .tvs-header .navbar .ib-nav .ib-nav-link {
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding: 0 1.5rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-header .navbar .ib-nav .ib-nav-link {
        background-color: transparent;
        box-shadow: none;
        padding-left: 0;
        justify-content: flex-start;
        text-transform: capitalize;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--black)
    }
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar .ib-nav .ib-nav-link {
        padding: 1.25rem 3rem;
        font-weight: 600;
        letter-spacing: .32px;
        text-transform: uppercase;
        height: 5rem;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: #fefefe
    }
}

.tvs-header .navbar .country-ib-nav {
    padding: 1.5rem
}

    .tvs-header .navbar .country-ib-nav .country-home {
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: capitalize;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--black)
    }

        .tvs-header .navbar .country-ib-nav .country-home .flag {
            max-width: 3rem;
            margin-left: .75rem
        }

@media screen and (max-width: 991.98px) {
    .tvs-header .navbar .country-ib-nav {
        padding: 1.5rem 0rem 1.5rem 0rem;
        max-width: 12rem
    }

        .tvs-header .navbar .country-ib-nav .country-home {
            width: 12rem
        }
}

.tvs-header .navbar .switch-btn {
    padding: .5rem .5rem 0rem .5rem;
    margin-right: 1rem
}

    .tvs-header .navbar .switch-btn .btn.btn-secondary {
        width: 6rem;
        display: flex;
        justify-content: center;
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
        height: 3rem;
        align-items: center;
        border: none;
        margin-left: 1px;
        font-size: 1.6rem;
        color: var(--primary-blue)
    }

        .tvs-header .navbar .switch-btn .btn.btn-secondary.active {
            color: var(--white)
        }

@media screen and (max-width: 767.98px) {
    .tvs-header .navbar .switch-btn .btn.btn-secondary.active {
        min-width: 6.4rem
    }
}

.tvs-header .navbar .switch-btn .btn.btn-secondary:focus, .tvs-header .navbar .switch-btn .btn.btn-secondary.focus {
    box-shadow: var(--shadow-none);
    -webkit-box-shadow: var(--shadow-none);
    -ms-box-shadow: var(--shadow-none);
    -moz-box-shadow: var(--shadow-none)
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar .switch-btn .btn.btn-secondary {
        width: 6rem;
        height: 4rem
    }
}

@media screen and (max-width: 767.98px) {
    .tvs-header .navbar .switch-btn .btn.btn-secondary {
        margin-bottom: 0;
        width: auto;
        height: 4rem;
        font-size: 1.4rem;
        min-width: 5.1rem;
        padding: 1.25rem 1rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-header .navbar .switch-btn {
        max-width: fit-content;
        margin-left: 2.5rem;
        margin-bottom: 1rem;
        margin-right: 1rem;
        padding: .5rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar .switch-btn {
        margin-right: 0;
        margin-left: 3rem
    }
}

.tvs-header .navbar .dropdown-toggle:after {
    content: "";
    font-family: "ibcountry" !important;
    border: none;
    vertical-align: middle;
    font-size: 2rem;
    font-weight: bold
}

@media screen and (min-width: 992px) {
    .tvs-header .navbar .dropdown-menu {
        left: -26px;
        border: none;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        padding: 0;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s
    }
}

.tvs-header .navbar .dropdown-item {
    padding: 1rem 0;
    font-size: 2rem;
    font-weight: 500;
    color: var(--black);
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    border-bottom: 1px solid #ededed
}

    .tvs-header .navbar .dropdown-item:last-child {
        border-bottom: none
    }

    .tvs-header .navbar .dropdown-item:hover {
        background: transparent;
        color: var(--tvs-blue)
    }

@media screen and (max-width: 1600px) {
    .tvs-header .navbar .dropdown-item {
        min-height: 5rem;
        font-size: 1.6rem
    }
}

.tvs-header .navbar-brand {
    padding: 0;
    margin-right: .6rem
}

@media screen and (max-width: 1199.98px) {
    .tvs-header .navbar-brand {
        margin-right: 2.6rem
    }
}

@media screen and (max-width: 1600px) {
    .tvs-header .navbar-brand {
        max-width: 13rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-header .navbar-brand {
        padding: 1.6rem 0;
        margin-right: 3.6rem
    }
}

.tvs-header .logo-content .mobile-icon {
    position: absolute;
    z-index: 2;
    right: 2rem;
    top: initial;
    display: none
}

@media screen and (max-width: 991.98px) {
    .tvs-header .logo-content .mobile-icon {
        display: flex
    }
}

.tvs-header .web-icon {
    display: block
}

@media screen and (max-width: 991.98px) {
    .tvs-header .web-icon {
        display: none
    }
}

.tvs-header.premium-header {
    display: block
}

@media screen and (max-width: 991.98px) {
    .tvs-header.premium-header {
        display: none
    }
}

.tvs-header.mobile-premium-header {
    display: none
}

@media screen and (max-width: 991.98px) {
    .tvs-header.mobile-premium-header {
        display: block;
        position: absolute;
        width: 100%;
        background: var(--white);
        border-radius: 0 0 2rem 2rem;
        -webkit-border-radius: 0 0 2rem 2rem;
        -ms-border-radius: 0 0 2rem 2rem;
        -moz-border-radius: 0 0 2rem 2rem;
        z-index: 10
    }

        .tvs-header.mobile-premium-header .mobile-premium-section {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 1.75rem 2rem
        }

            .tvs-header.mobile-premium-header .mobile-premium-section .arrow {
                font-size: 2.8rem;
                line-height: 3.2rem;
                font-weight: 600;
                color: var(--arrow-blue);
                z-index: 10
            }

            .tvs-header.mobile-premium-header .mobile-premium-section .premium-bike-title {
                justify-content: center;
                display: flex;
                width: 100%;
                font-size: 2rem;
                line-height: 2.4rem;
                font-weight: 600;
                color: var(--black);
                position: absolute;
                top: 48%;
                left: 50%;
                transform: translate(-50%, -50%)
            }
}

@media screen and (max-width: 767.98px) {
    .tvs-header.mobile-premium-header {
        display: block
    }

        .tvs-header.mobile-premium-header .mobile-premium-section {
            padding: 1.25rem 2rem
        }
}

@media screen and (max-width: 575.98px) {
    .tvs-header.mobile-premium-header {
        display: block
    }

        .tvs-header.mobile-premium-header .mobile-premium-section {
            padding: 1.95rem 2rem;
            position: relative
        }
}

.navbar-toggler {
    background: var(--white);
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0px 10px 0 0px
}

    .navbar-toggler .icon-ib-menu {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        -moz-border-radius: 2px;
        display: block;
        margin: 0px auto;
        position: relative;
        transition: 200ms ease-in 0s;
        -webkit-transition: 200ms ease-in 0s;
        -moz-transition: 200ms ease-in 0s;
        -ms-transition: 200ms ease-in 0s;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--tvs-blue)
    }

    .navbar-toggler .sr-only {
        position: relative;
        font-size: 12px;
        color: var(--white);
        padding-top: 5px;
        display: none;
        width: auto;
        height: auto
    }

    .navbar-toggler:not(.collapsed) .icon-ib-menu:before {
        top: 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

@media screen and (max-width: 991.98px) {
    .navbar-toggler:not(.collapsed) .icon-ib-menu:before {
        content: ""
    }
}

@media screen and (max-width: 575.98px) {
    .navbar-toggler:not(.collapsed) .icon-ib-menu:before {
        font-size: 2.2rem
    }
}

.navbar-toggler:not(.collapsed) ~ .mobile-icon .public-logo-mobile {
    display: none
}

.navbar-toggler.collapsed ~ .mobile-icon .public-logo-mobile {
    display: flex
}

@media screen and (max-width: 991.98px) {
    .tvs-header .navbar {
        align-content: flex-start;
        border-bottom: 0px solid #e2e0df;
        min-height: 0;
        padding: 1.7rem 0rem 0rem 0rem;
        top: 1rem;
        width: 96%;
        z-index: 100
    }

        .tvs-header .navbar .navbar-nav {
            padding-top: 2rem
        }

    @-webkit-keyframes slidein {
        0% {
            opacity: 0;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        60% {
            opacity: 1;
            transform: translateX(5px);
            -webkit-transform: translateX(5px);
            -moz-transform: translateX(5px);
            -ms-transform: translateX(5px)
        }

        100% {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }

    @-moz-keyframes slidein {
        0% {
            opacity: 0;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        60% {
            opacity: 1;
            transform: translateX(5px);
            -webkit-transform: translateX(5px);
            -moz-transform: translateX(5px);
            -ms-transform: translateX(5px)
        }

        100% {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }

    @-o-keyframes slidein {
        0% {
            opacity: 0;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        60% {
            opacity: 1;
            transform: translateX(5px);
            -webkit-transform: translateX(5px);
            -moz-transform: translateX(5px);
            -ms-transform: translateX(5px)
        }

        100% {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }

    @keyframes slidein {
        0% {
            opacity: 0;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -ms-transform: translateX(-30px)
        }

        60% {
            opacity: 1;
            transform: translateX(5px);
            -webkit-transform: translateX(5px);
            -moz-transform: translateX(5px);
            -ms-transform: translateX(5px)
        }

        100% {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0)
        }
    }

    .tvs-header .navbar .navbar-nav .nav-item {
        margin-left: 0;
        margin-right: 0;
        animation: slidein .5s ease-out;
        -moz-animation: slidein .5s ease-out;
        -webkit-animation: slidein .5s ease-out;
        -ms-animation: slidein .5s ease-out;
        -o-animation: slidein .5s ease-out;
        animation-fill-mode: both;
        opacity: 0
    }

    .tvs-header .navbar .navbar-nav .nav-link {
        padding: 2.3rem 3.1rem;
        font-size: 1.8rem;
        border-top: 0px solid #eae9e9
    }

    .tvs-header .navbar .navbar-nav .dropdown-item {
        padding: 2.9rem 0rem;
        font-size: 1.6rem;
        color: var(--primary-blue);
        border-bottom: 1px solid #acacac;
        letter-spacing: .16px
    }

        .tvs-header .navbar .navbar-nav .dropdown-item:last-child {
            border-bottom: transparent
        }

        .tvs-header .navbar .navbar-nav .dropdown-item:hover {
            color: var(--white)
        }

    .tvs-header .logo-content {
        padding: 0rem 2rem 1.7rem 2rem;
        width: 100%
    }

    .tvs-header .navbar-brand {
        padding: 0rem .4rem;
        margin-right: 0
    }

        .tvs-header .navbar-brand img {
            max-width: 10rem
        }

    .tvs-header .navbar-collapse.show:after {
        background: var(--btn-primary-bg-color);
        border-radius: 0 0 4rem 4rem;
        -webkit-border-radius: 0 0 4rem 4rem;
        -ms-border-radius: 0 0 4rem 4rem;
        -moz-border-radius: 0 0 4rem 4rem;
        bottom: -2px;
        box-shadow: 2px 3.5px 9.6px .4px rgba(0,0,0,.15);
        left: 0;
        min-height: 5.5rem;
        position: absolute;
        width: 100%
    }
}

@media screen and (max-width: 991.98px)and (max-width: 575.98px) {
    .tvs-header .navbar-collapse.show:after {
        border-radius: 0 0 2.8rem 2.8rem;
        -webkit-border-radius: 0 0 2.8rem 2.8rem;
        -ms-border-radius: 0 0 2.8rem 2.8rem;
        -moz-border-radius: 0 0 2.8rem 2.8rem;
        min-height: 6.6rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-header .dropdown-menu {
        border: none;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0
    }
}

[data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    box-sizing: border-box;
    padding: 0
}

.public-logo-web {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 3rem 0 2.8rem
}

@media screen and (max-width: 1600px) {
    .public-logo-web {
        padding: 0 1rem 0 1.8rem
    }
}

@media screen and (min-width: 1601px) {
    .public-logo-web {
        padding: 0 1rem 0 4rem
    }
}

.public-logo-web a {
    cursor: default
}

.public-logo-web img {
    max-width: 8rem;
    max-height: 5rem
}

@media screen and (max-width: 1600px) {
    .public-logo-web img {
        max-width: 5.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .public-logo-web {
        display: none
    }
}

.public-logo-mobile {
    display: none;
    justify-content: center;
    align-items: center;
    padding: .25rem 2.5rem 0 0rem
}

    .public-logo-mobile img {
        max-width: 5rem
    }

@media screen and (max-width: 991.98px) {
    .public-logo-mobile img {
        max-width: 7rem
    }
}

@media screen and (max-width: 991.98px) {
    .public-logo-mobile {
        display: flex;
        padding: 0rem
    }
}

.loader-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 44px;
    bottom: 0;
    background: rgba(0,0,0,.2);
    z-index: 9999;
    display: none
}

    .loader-container.active {
        display: block
    }

    .loader-container .loader {
        -webkit-border-radius: 5%;
        -moz-border-radius: 5%;
        border-radius: 5%;
        background: transparent;
        height: 100px;
        width: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 50px;
        margin-top: -100px;
        margin-left: -100px;
        box-sizing: unset;
        z-index: 3
    }

        .loader-container .loader .outer {
            border-radius: 50%;
            border: 1rem solid var(--tertiary-blue);
            border-left-color: transparent;
            border-right-color: transparent;
            position: absolute;
            right: 5rem;
            top: 5rem;
            bottom: 5rem;
            left: 5rem;
            -webkit-animation: rotation 1s linear infinite;
            -moz-animation: rotation 1s linear infinite;
            -o-animation: rotation 1s linear infinite;
            animation: rotation 1s linear infinite
        }

            .loader-container .loader .outer .inner {
                border-radius: 50%;
                border: 10px solid var(--btn-secondary-end-color);
                border-top-color: transparent;
                border-bottom-color: transparent;
                position: absolute;
                right: 1rem;
                top: 1rem;
                bottom: 1rem;
                left: 1rem;
                -webkit-animation: rotation .5s reverse linear infinite;
                -moz-animation: rotation .5s reverse linear infinite;
                -o-animation: rotation .5s reverse linear infinite;
                animation: rotation .5s reverse linear infinite
            }

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.footerSubNav {
    position: relative;
    box-shadow: 0px 0px 24px -4px rgba(0,0,0,.5)
}

.layoutWrap {
    padding: 3rem 0
}

@media screen and (max-width: 1600px) {
    .layoutWrap {
        padding: .5rem 0
    }
}

@media screen and (min-width: 1366px) {
    .layoutWrap .container .col-md-12.col-lg-3:nth-child(3) {
        margin-left: -2rem
    }
}

@media screen and (min-width: 1601px) {
    .layoutWrap .container .col-md-12.col-lg-3:nth-child(3) {
        margin-left: -2rem
    }
}

@media screen and (min-width: 1366px) {
    .layoutWrap .container .col-md-12.col-lg-3:last-child {
        padding-right: 0
    }
}

@media screen and (min-width: 1601px) {
    .layoutWrap .container .col-md-12.col-lg-3:last-child {
        padding-right: 0
    }
}

@media screen and (max-width: 1366px) {
    .layoutWrap img {
        max-width: 14rem
    }
}

.layoutWrap h4 {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: var(--white);
    padding: 5rem 0px 2rem;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 1601px) {
    .layoutWrap h4 {
        padding: 8.6rem 0px .6rem
    }
}

.layoutWrap ul {
    padding: 0;
    list-style: none;
    margin-bottom: 3rem
}

    .layoutWrap ul li {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 400;
        color: var(--white)
    }

        .layoutWrap ul li a.nav-link {
            font-size: 1.8rem;
            line-height: 2.2rem;
            font-weight: 400;
            color: var(--white);
            cursor: pointer;
            padding: 0 0rem 1rem
        }

            .layoutWrap ul li a.nav-link:hover {
                color: var(--white)
            }

        .layoutWrap ul li p {
            margin: 0;
            padding-bottom: 1rem
        }

.layoutWrap .contact-partner {
    padding-top: 5rem
}

@media screen and (max-width: 767.98px) {
    .layoutWrap .contact-partner {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width: 1601px) {
    .layoutWrap .contact-partner {
        padding-top: 8.6rem
    }
}

@media screen and (max-width: 991.98px) {
    .layoutWrap .contact-partner {
        padding-top: 1.3rem
    }
}

.layoutWrap .contact-partner .mobile-pt {
    padding-top: 2rem
}

@media screen and (max-width: 767.98px) {
    .layoutWrap .contact-partner .mobile-pt {
        padding-top: 0;
        width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .layoutWrap .contact-partner .sendBtn {
        width: calc(50% - .7rem);
        min-width: fit-content;
        margin: 0;
        box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28)
    }
}

@media screen and (max-width: 767.98px) {
    .layoutWrap .contact-partner .sendBtn + .sendBtn {
        margin-left: 1.4rem !important;
        box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28)
    }
}

.layoutWrap .contact-partner.col-lg-auto .btn {
    margin-bottom: 1.9rem
}

@media screen and (max-width: 991.98px) {
    .layoutWrap {
        margin: 0rem auto;
        padding: 0
    }

        .layoutWrap img {
            max-width: 12.4rem
        }

        .layoutWrap h4 {
            padding: 3.4rem 0px 1rem;
            font-size: 2rem
        }

        .layoutWrap ul {
            margin-bottom: 0;
            margin-top: 0
        }

            .layoutWrap ul li {
                font-size: 1.6rem;
                line-height: 2rem;
                padding: 1rem 0 .7rem
            }

                .layoutWrap ul li a.nav-link {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    padding: 0 0 .3rem
                }

                .layoutWrap ul li p {
                    margin: 0;
                    padding: 0 0 .3rem;
                    display: inline-block
                }

                .layoutWrap ul li.footer-contact {
                    margin-top: -1.5rem
                }

                .layoutWrap ul li:last-child, .layoutWrap ul li:last-child a {
                    padding-bottom: 0
                }
}

@media screen and (min-width: 1601px) {
    .layoutWrap {
        padding: 2.9rem 0 .2rem
    }

        .layoutWrap h4 {
            font-size: 2.4rem;
            line-height: 2.8rem;
            line-height: 1;
            padding: 8.6rem 0px 1.8rem
        }

        .layoutWrap ul {
            margin-top: .8rem
        }

            .layoutWrap ul li a.nav-link {
                font-size: 1.8rem;
                line-height: 2.2rem;
                padding: 0 0 1.8rem
            }

            .layoutWrap ul li p {
                margin: 0;
                padding-bottom: 1.8rem
            }
}

@media screen and (min-width: 1601px)and (min-width: 1601px) {
    .layoutWrap ul li .nav-link {
        line-height: 4.8rem
    }

    .layoutWrap ul li p {
        line-height: 2.2rem
    }
}

.btn.white {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--arrow-blue);
    padding: 1.35rem 1rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    text-transform: uppercase;
    max-width: 25rem;
    background-color: var(--white);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .5rem
}

@media screen and (min-width: 1601px) {
    .btn.white {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--arrow-blue);
        min-width: 25rem
    }
}

@media screen and (min-width: 1601px) {
    .btn.white {
        margin-right: 0rem
    }
}

@media screen and (min-width: 1366px) {
    .btn.white {
        margin-right: 0rem
    }
}

@media screen and (max-width: 1600px) {
    .btn.white {
        min-width: 22rem
    }
}

@media screen and (max-width: 991.98px) {
    .btn.white {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding: 1rem;
        margin: 0 .5rem;
        min-width: 17rem
    }
}

@media screen and (max-width: 767.98px) {
    .btn.white {
        min-width: 15rem;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -moz-border-radius: 1rem
    }
}

.btn.white:hover {
    background: var(--primary-blue);
    color: var(--white)
}

footer .footerCopy {
    background-color: #f1f1f1;
    text-align: center
}

    footer .footerCopy p {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 400;
        color: #62656d;
        margin-top: 0
    }

footer .copy-write {
    background-color: var(--white);
    text-align: center;
    padding: 1.5rem 0 1.5rem
}

@media screen and (max-width: 1600px) {
    footer .copy-write {
        padding: 1rem 0 1rem
    }
}

footer .copy-write p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--black)
}

@media screen and (max-width: 991.98px) {
    footer .copy-write {
        padding: 1.5rem 0 1.5rem
    }

        footer .copy-write p {
            font-size: 1.2rem
        }
}

@media screen and (max-width: 575.98px) {
    footer .copy-write {
        padding: 1.2rem 0 1.2rem
    }
}

footer .footerAddress {
    background-color: var(--primary-blue);
    position: relative;
    padding: 34px 0
}

@media screen and (max-width: 767.98px) {
    footer .footerAddress {
        padding: 29px 0 22px
    }
}

@media screen and (min-width: 1601px) {
    footer .footerAddress {
        padding: 34px 0 76px
    }
}

footer .footerLink {
    background-color: #f0f4ff;
    overflow: hidden
}

    footer .footerLink .navbar-nav > li {
        margin: 0 30px 0 0
    }

        footer .footerLink .navbar-nav > li > a {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 500;
            color: #30323a;
            text-transform: uppercase;
            transition: all .3s
        }

.socialWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../images/social.jpg");
    background-repeat: no-repeat;
    background-position: 30% 70%;
    background-size: cover;
    padding: 5rem 0;
    height: 55vh
}

@media screen and (max-width: 1600px) {
    .socialWrap {
        height: 66vh
    }
}

.socialWrap .container-md {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.socialWrap h2 {
    font-size: 3.6rem;
    line-height: 4rem;
    color: var(--white);
    padding-bottom: 3rem;
    padding-top: 0
}

@media screen and (min-width: 1601px) {
    .socialWrap h2 {
        padding-top: 0
    }
}

@media screen and (max-width: 991.98px) {
    .socialWrap {
        padding: 8.5rem 0 8.7rem;
        height: 100%;
        background-position: 70% 30%
    }

        .socialWrap h2 {
            font-size: 1.8rem;
            padding-bottom: 1rem
        }
}

.socialIcons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem 0 0 0;
    margin: 0
}

    .socialIcons li {
        display: inline-block;
        margin: 0 8px
    }

        .socialIcons li a {
            height: 10rem;
            width: 10rem;
            display: flex;
            background: var(--white);
            transition: all .3s;
            border-radius: 2rem;
            -webkit-border-radius: 2rem;
            -ms-border-radius: 2rem;
            -moz-border-radius: 2rem;
            justify-content: center;
            align-items: center
        }

@media screen and (max-width: 991.98px) {
    .socialIcons {
        padding: 0rem
    }

        .socialIcons li a {
            height: 5.4rem;
            width: 5.4rem
        }
}

@media screen and (max-width: 991.98px)and (max-width: 575.98px) {
    .socialIcons li a {
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -moz-border-radius: 1rem
    }
}

@media screen and (max-width: 991.98px) {
    .socialIcons li a img {
        max-width: 2.75rem
    }
}

@media screen and (max-width: 991.98px) {
    .socialIcons li:first-child a img {
        max-width: 1.25rem
    }
}

.country-section {
    display: flex;
    padding: 0rem;
    justify-content: center;
    align-items: center
}

    .country-section .button-section {
        width: 25rem;
        margin-right: 2rem
    }

        .country-section .button-section:last-child {
            margin-right: 0
        }

        .country-section .button-section select {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 500;
            color: #134a86;
            height: 5.2rem;
            padding: 0 1rem;
            background: transparent;
            border: 0;
            box-shadow: var(--shadow-none);
            -webkit-box-shadow: var(--shadow-none);
            -ms-box-shadow: var(--shadow-none);
            -moz-box-shadow: var(--shadow-none)
        }

        .country-section .button-section .visit {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 500;
            color: #fff;
            background-color: #18407e;
            letter-spacing: .13px;
            padding: 1.2rem 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 1rem
        }

@media screen and (max-width: 991.98px) {
    .country-section {
        padding: 2rem 0
    }

        .country-section .button-section {
            width: 17rem;
            margin-right: 1rem
        }

            .country-section .button-section .visit {
                font-size: 1.4rem;
                font-weight: 600;
                padding: 1rem 0rem;
                box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28);
                text-transform: uppercase;
                border: solid 1px #fff
            }

            .country-section .button-section select {
                height: 3.9rem;
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 500;
                color: #134a86
            }
}

.countries {
    width: 90%;
    max-width: 400px
}

    .countries:focus, .countries:hover {
        outline: none;
        border: 0
    }

.country-container {
    display: flex;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
    border-radius: 1rem;
    align-items: center;
    padding: 0 1rem
}

@media screen and (max-width: 991.98px) {
    .country-container {
        padding: 0rem;
        border: 0px solid #e1e1e1
    }
}

.flag {
    background-size: 3rem 2rem;
    height: 2rem;
    width: 3rem;
    display: inline-block;
    margin: 0 0rem 0 0;
    flex: 0 0 3rem
}

@media screen and (max-width: 991.98px) {
    .flag {
        background-size: 2rem 2rem;
        height: 2rem;
        width: 2rem;
        margin: 0 0rem 0 .3rem
    }
}

.public-logo {
    padding-top: 1.25rem;
    margin: 0 0 0 .5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: 13.3rem;
    padding-bottom: 2rem
}

    .public-logo img {
        max-width: 14rem
    }

@media screen and (max-width: 991.98px) {
    .public-logo {
        margin: 0;
        padding-top: 1rem;
        justify-content: flex-start
    }

        .public-logo img {
            max-width: 9.5rem
        }
}

@media screen and (max-width: 575.98px) {
    .public-logo {
        padding-top: 1rem
    }
}

.sticky-header {
    position: relative;
    z-index: 100
}

@media screen and (max-width: 767.98px) {
    .sticky-header {
        margin: 0 auto
    }
}

.sticky-header .sticky-header-wrapper {
    position: relative;
    padding: 1rem 0;
    margin: 0 auto -3.35rem;
    background: var(--white);
    transform: translateY(-50%);
    transition: border-radius .15s ease,transform 1s ease
}

@media screen and (min-width: 1601px) {
    .sticky-header .sticky-header-wrapper {
        padding: 2rem 0;
        transition: border-radius .25s ease,transform 1s ease
    }
}

@media screen and (min-width: 1200px) {
    .sticky-header .sticky-header-wrapper {
        max-width: 1137px
    }
}

@media screen and (max-width: 1199.98px) {
    .sticky-header .sticky-header-wrapper {
        padding: 0;
        max-width: calc(100% - 40px)
    }
}

@media screen and (max-width: 1600px) {
    .sticky-header .sticky-header-wrapper {
        padding: .75rem 0
    }
}

@media screen and (max-width: 991.98px) {
    .sticky-header .sticky-header-wrapper {
        padding: 0
    }
}

.sticky-header.modalOpen .sticky-header-wrapper:before {
    content: "";
    background: var(--black-3);
    opacity: .8;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    height: 100%;
    margin: 0 auto;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,.8)
}

.sticky-header .brand-logo img {
    height: 3.4rem
}

.sticky-header .nav-wrapper {
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .sticky-header .nav-wrapper {
        padding-left: 5.6rem;
        padding-right: 2rem
    }
}

.sticky-header .nav-wrapper .navbar-brand {
    padding-top: 0
}

@media screen and (max-width: 1600px) {
    .sticky-header .nav-wrapper .navbar-brand {
        max-width: 13rem
    }
}

@media screen and (max-width: 991.98px) {
    .sticky-header .nav-wrapper .navbar-brand {
        max-width: 9rem
    }
}

.sticky-header .bottom-nav {
    display: flex;
    padding-left: 10rem;
    justify-content: space-between
}

    .sticky-header .bottom-nav .nav-item-link a {
        display: flex;
        padding: 1rem 3rem;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--btn-secondary-start-color);
        text-decoration: none;
        justify-content: center;
        align-items: center
    }

@media screen and (max-width: 575.98px) {
    .sticky-header .bottom-nav .nav-item-link a {
        padding: .8rem 2rem
    }
}

.sticky-header .bottom-nav .nav-item-link a em {
    margin-right: 0;
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 600
}

@media screen and (min-width: 992px) {
    .sticky-header .bottom-nav .nav-item-link a em {
        margin-right: 1.5rem
    }
}

@media screen and (min-width: 1601px) {
    .sticky-header .bottom-nav .nav-item-link a em {
        margin-right: 2.4rem;
        font-size: 2.47rem;
        line-height: 2.87rem;
        font-weight: 600;
        line-height: 2.4rem
    }
}

@media screen and (max-width: 991.98px) {
    .sticky-header .bottom-nav .nav-item-link:first-child:last-child {
        margin-left: auto;
        margin-right: auto
    }
}

.sticky-header .bottom-nav .nav-item-link a:hover {
    font-weight: 700
}

@media screen and (max-width: 991.98px) {
    .sticky-header .bottom-nav {
        padding-left: 0rem;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

        .sticky-header .bottom-nav .nav-item-link a {
            display: block;
            text-align: center;
            font-size: 1rem;
            line-height: 1.4rem;
            font-weight: 700;
            color: var(--primary-blue)
        }

            .sticky-header .bottom-nav .nav-item-link a em {
                display: block;
                font-size: 1.6rem;
                line-height: 2rem;
                font-weight: 600;
                color: var(--primary-blue)
            }
}

@media screen and (min-width: 1601px) {
    .sticky-header .bottom-nav .nav-item-link a {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--btn-secondary-start-color)
    }

        .sticky-header .bottom-nav .nav-item-link a:hover {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 500;
            color: var(--primary-blue)
        }
}

.sticky-header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 1200px) {
    .sticky-header nav ul {
        padding-left: 10rem
    }
}

.sticky-header nav .nav-item-link a {
    display: block;
    padding: 1rem 1.8rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--btn-secondary-start-color);
    text-decoration: none
}

.sticky-header nav.open-sticky-menu .responsive-nav {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    opacity: 1;
    visibility: visible;
    border-color: #ddd
}

.sticky-header nav.open-sticky-menu .responsive-link {
    border-radius: 1.5em 1.5em 0 0;
    -webkit-border-radius: 1.5em 1.5em 0 0;
    -ms-border-radius: 1.5em 1.5em 0 0;
    -moz-border-radius: 1.5em 1.5em 0 0;
    border-color: #ddd
}

.sticky-header .header-btn-group .btn + .btn {
    margin-left: 1rem;
    padding: .7rem 1.4rem
}

.sticky-header .responsive-link {
    font-size: 1.3rem;
    line-height: 1.7rem;
    font-weight: 400;
    color: var(--black);
    background: var(--grey-13);
    position: relative;
    padding-right: 3rem !important;
    width: 14rem;
    text-align: left;
    border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    -ms-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    transition: 250ms linear 0s;
    -webkit-transition: 250ms linear 0s;
    -moz-transition: 250ms linear 0s;
    -ms-transition: 250ms linear 0s;
    border: 2px solid transparent;
    border-bottom: none
}

    .sticky-header .responsive-link:after {
        content: "";
        font-family: "ibcountry" !important;
        color: var(--tertiary-blue);
        font-weight: bold;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }

@media screen and (max-width: 991.98px) {
    .sticky-header .login-btn {
        position: absolute;
        right: 0;
        top: .5rem
    }

    .sticky-header .nav-wrapper {
        margin-top: 0rem
    }

    .sticky-header .responsive-nav {
        background: var(--grey-13);
        display: block !important;
        border-radius: 0 0 1.5rem 1.5rem;
        -webkit-border-radius: 0 0 1.5rem 1.5rem;
        -ms-border-radius: 0 0 1.5rem 1.5rem;
        -moz-border-radius: 0 0 1.5rem 1.5rem;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        transition: 250ms linear 0s;
        -webkit-transition: 250ms linear 0s;
        -moz-transition: 250ms linear 0s;
        -ms-transition: 250ms linear 0s;
        transform: translateY(-10%);
        -webkit-transform: translateY(-10%);
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        border: 2px solid transparent;
        border-top: none
    }

    .sticky-header nav {
        position: relative;
        z-index: 1
    }

        .sticky-header nav li a {
            font-size: 1.2rem;
            line-height: 1.6rem
        }
}

@media screen and (max-width: 767.98px) {
    .sticky-header .responsive-link {
        width: 13rem
    }

    .sticky-header .btn {
        padding: .7rem 1.5rem
    }

    .sticky-header .header-btn-group .btn + .btn {
        margin-left: .5rem;
        padding: .7rem .9rem
    }
}

.sticky-header.darkHeader {
    width: 100%;
    position: fixed;
    top: 0;
    margin: 0
}

    .sticky-header.darkHeader .sticky-header-wrapper {
        padding: 0;
        margin: 0rem;
        max-width: 100%;
        transform: none
    }

        .sticky-header.darkHeader .sticky-header-wrapper .bottom-nav .nav-item-link a {
            display: flex;
            padding: 2rem
        }

@media screen and (max-width: 991.98px) {
    .sticky-header.darkHeader .sticky-header-wrapper .bottom-nav .nav-item-link a {
        font-size: 1rem;
        padding: 1.8rem 2rem;
        display: block;
        text-align: center
    }
}

.sticky-header.darkHeader .sticky-header-wrapper .bottom-nav .nav-item-link a em {
    font-size: 2rem
}

@media screen and (min-width: 1601px) {
    .sticky-header.darkHeader .sticky-header-wrapper {
        height: 10.8rem;
        height: 8.4rem;
        display: flex;
        width: 100%;
        align-items: center
    }
}

@media screen and (min-width: 1366px) {
    .sticky-header.darkHeader .sticky-header-wrapper .nav-wrapper {
        padding-right: 5rem;
        padding-left: 7rem;
        width: 100%
    }
}

.sticky-header + .who-we-are {
    padding: 13.9rem 0 16.4rem;
    margin-top: -7rem
}

@media screen and (max-width: 991.98px) {
    .sticky-header + .who-we-are {
        padding: 6rem 0 8rem
    }
}

@media screen and (min-width: 1601px) {
    .sticky-header + .who-we-are {
        margin-top: -13rem
    }
}

.nav-bottom-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

@media screen and (max-width: 991.98px) {
    .nav-bottom-wrapper {
        flex-wrap: inherit
    }
}

header[class*=sticky-header] {
    transition: border-radius .15s ease,transform 1s ease
}

.reachedFooter {
    transform: translateY(-150%) !important
}

.premium-sticky-header {
    background: var(--white);
    padding: 1rem 0;
    position: relative;
    z-index: 100;
    width: 80.2vw;
    min-width: fit-content;
    box-shadow: 0px 4px 8px 1px rgba(0,0,0,.1);
    transform: translateY(-50%);
    transition: border-radius .15s ease,transform 1s ease;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -moz-border-radius: 4rem;
    margin: 0 auto -2.85rem
}

@media screen and (max-width: 1600px) {
    .premium-sticky-header {
        padding: .75rem 0
    }
}

@media screen and (min-width: 1366px) {
    .premium-sticky-header {
        height: 6.5rem;
        max-width: 95%;
        transition: border-radius .25s ease,transform 1s ease
    }
}

@media screen and (min-width: 1601px) {
    .premium-sticky-header {
        height: 8.4rem;
        padding: 1.7rem 0
    }
}

@media screen and (max-width: 991.98px) {
    .premium-sticky-header {
        width: calc(100% - 2rem);
        box-shadow: none;
        border-radius: 1rem;
        padding-top: 1.7rem
    }
}

@media screen and (min-width: 1601px) {
    .premium-sticky-header {
        margin: 0 auto -4.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .premium-sticky-header {
        margin: 0 auto
    }
}

.premium-sticky-header .sticky-header-wrapper {
    position: relative;
    justify-content: space-between;
    z-index: 9;
    height: 100%;
    max-width: calc(100vw - 2rem)
}

.premium-sticky-header .container-fluid {
    height: 100%
}

@media screen and (max-width: 991.98px) {
    .premium-sticky-header .container-fluid {
        background: var(--white)
    }
}

.premium-sticky-header .brand-logo {
    display: flex;
    align-items: center;
    transform: translateY(-9%)
}

    .premium-sticky-header .brand-logo img {
        max-width: 8.02vw;
        margin-left: 3.5rem
    }

@media screen and (max-width: 767.98px) {
    .premium-sticky-header .brand-logo img {
        max-width: 9.4rem;
        margin-left: .4rem
    }
}

.premium-sticky-header nav {
    display: flex;
    align-items: center
}

    .premium-sticky-header nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center
    }

    .premium-sticky-header nav li a {
        display: block;
        padding: 1rem 1.5rem;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--btn-secondary-start-color);
        text-decoration: none
    }

@media screen and (min-width: 1200px) {
    .premium-sticky-header nav li a {
        padding: 1rem .78vw;
        font-size: 1.2rem;
        line-height: 1.6rem;
        font-weight: 500;
        color: var(--btn-secondary-start-color)
    }
}

@media screen and (min-width: 1366px) {
    .premium-sticky-header nav li a {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--btn-secondary-start-color)
    }
}

@media screen and (max-width: 1600px) {
    .premium-sticky-header nav li a {
        font-size: 1.5rem;
        line-height: 1.9rem;
        font-weight: 500;
        color: var(--btn-secondary-start-color)
    }
}

@media screen and (min-width: 1601px) {
    .premium-sticky-header nav li a {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--btn-secondary-start-color);
        padding: 1rem 2.7rem
    }
}

.premium-sticky-header nav li a.current {
    color: var(--primary-blue);
    font-weight: 700;
    position: relative;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 800;
    color: var(--primary-blue)
}

@media screen and (min-width: 1200px) {
    .premium-sticky-header nav li a.current {
        padding: 1rem 1.5rem;
        font-size: 1.2rem;
        line-height: 1.6rem;
        font-weight: 800;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1366px) {
    .premium-sticky-header nav li a.current {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 800;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 1600px) {
    .premium-sticky-header nav li a.current {
        font-size: 1.5rem;
        line-height: 1.9rem;
        font-weight: 800;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1601px) {
    .premium-sticky-header nav li a.current {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 800;
        color: var(--primary-blue);
        padding: 1rem 2.7rem
    }
}

.premium-sticky-header nav li a.current:after {
    content: "";
    width: 1.56vw;
    height: .26vw;
    background: red;
    position: absolute;
    display: block;
    border-radius: .21rem;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%)
}

@media screen and (max-width: 767.98px) {
    .premium-sticky-header nav li a.current:after {
        width: 2.2rem;
        height: .5rem;
        border-radius: .21rem
    }
}

.premium-sticky-header nav li a:hover {
    color: var(--primary-blue);
    font-weight: 700
}

.premium-sticky-header nav.open-sticky-menu .responsive-nav {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    opacity: 1;
    visibility: visible;
    padding-top: 5rem;
    top: 5.3rem;
    max-height: 45rem;
    overflow-y: auto;
    border-right: 1rem solid var(--white)
}

@media screen and (max-width: 991.98px) {
    .premium-sticky-header nav.open-sticky-menu .responsive-nav {
        height: 80vh
    }
}

@media screen and (max-width: 575.98px) {
    .premium-sticky-header nav.open-sticky-menu .responsive-nav {
        height: auto;
        border-right: 1rem solid var(--white)
    }
}

.premium-sticky-header nav.open-sticky-menu .responsive-link:after {
    transform: translateY(-50%) rotate(180deg)
}

.premium-sticky-header .header-btn-group {
    display: none
}

    .premium-sticky-header .header-btn-group .btn {
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: .1px;
        padding: 1rem 1.5rem;
        box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28);
        border: solid 1px #fff;
        background-color: #18407e
    }

        .premium-sticky-header .header-btn-group .btn + .btn {
            margin-left: 1rem
        }

@media screen and (max-width: 1199.98px) {
    .premium-sticky-header .header-btn-group .btn {
        font-size: .8rem;
        line-height: 1.2rem;
        padding: 1rem;
        font-weight: 400
    }
}

@media screen and (min-width: 1200px) {
    .premium-sticky-header .header-btn-group .btn {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
}

@media screen and (min-width: 1366px) {
    .premium-sticky-header .header-btn-group .btn {
        font-size: 1.4rem;
        line-height: 1.8rem;
        min-width: 8.85vw;
        border-radius: 2.5rem;
        height: 5rem;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }
}

@media screen and (min-width: 1366px) {
    .premium-sticky-header .header-btn-group {
        flex-wrap: nowrap
    }
}

@media screen and (max-width: 767.98px) {
    .premium-sticky-header .header-btn-group {
        flex-wrap: nowrap;
        bottom: 0
    }
}

.premium-sticky-header .responsive-link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: var(--primary-blue);
    background: var(--grey-13);
    position: relative;
    padding-right: 4rem !important;
    min-width: 12.5rem;
    text-align: left;
    border-radius: 1.4rem;
    -webkit-border-radius: 1.4rem;
    -ms-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    transition: 250ms linear 0s;
    -webkit-transition: 250ms linear 0s;
    -moz-transition: 250ms linear 0s;
    -ms-transition: 250ms linear 0s;
    border: 2px solid transparent;
    border-bottom: none
}

    .premium-sticky-header .responsive-link:after {
        content: "";
        font-family: "ibcountry" !important;
        color: var(--primary-blue);
        font-weight: 400;
        position: absolute;
        right: .6rem;
        top: 50%;
        font-size: 2rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }

@media screen and (max-width: 1199.98px) {
    .premium-sticky-header nav li a {
        font-size: 1.1rem;
        line-height: 1.5rem;
        padding: 1rem
    }
}

@media screen and (max-width: 991.98px) {
    .premium-sticky-header nav {
        overflow: auto
    }

        .premium-sticky-header nav li {
            margin: 0 1.8rem
        }

            .premium-sticky-header nav li a {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 400;
                color: var(--black);
                padding: 1.5rem 0;
                white-space: nowrap
            }

            .premium-sticky-header nav li:last-child {
                border: 0;
                margin-bottom: 5px
            }

            .premium-sticky-header nav li:first-child {
                margin-left: 0
            }

    .premium-sticky-header .responsive-link {
        padding: .6rem 1rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--primary-blue);
        text-transform: capitalize
    }

    .premium-sticky-header .login-btn {
        position: absolute;
        right: 0;
        top: .5rem
    }

    .premium-sticky-header .nav-wrapper {
        margin-top: 1.2rem
    }

    .premium-sticky-header .header-btn-group .btn {
        font-size: 1.2rem;
        line-height: 1.6rem;
        font-weight: 400;
        color: var(--white);
        letter-spacing: .1px;
        padding: .8rem 1rem
    }

        .premium-sticky-header .header-btn-group .btn + .btn {
            margin-left: .5rem
        }
}

@media screen and (max-width: 767.98px) {
    .premium-sticky-header {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem
    }

        .premium-sticky-header .responsive-link {
            text-transform: capitalize;
            font-size: 1.4rem;
            line-height: 1.8rem;
            font-weight: 600;
            color: var(--primary-blue);
            min-width: fit-content
        }

        .premium-sticky-header .header-btn-group .btn {
            font-size: 1.2rem;
            line-height: 1.6rem;
            font-weight: 800;
            color: var(--white);
            letter-spacing: normal;
            padding: .5rem 1rem;
            letter-spacing: .12px;
            height: 3rem;
            border-radius: 1.45rem
        }

            .premium-sticky-header .header-btn-group .btn + .btn {
                margin-left: .5rem
            }

        .premium-sticky-header.darkHeader {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            margin: 0;
            max-width: 100vw;
            border-radius: 0 0 2rem 2rem;
            -webkit-border-radius: 0 0 2rem 2rem;
            -ms-border-radius: 0 0 2rem 2rem;
            -moz-border-radius: 0 0 2rem 2rem
        }
}

@media screen and (max-width: 767.98px)and (max-width: 991.98px) {
    .premium-sticky-header.darkHeader .container-fluid {
        border-radius: 0 0 2rem 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .premium-sticky-header.darkHeader .header-btn-group {
        display: flex
    }
}

@media screen and (max-width: 767.98px) {
    .premium-sticky-header.darkHeader .sticky-header-wrapper {
        max-width: 100vw
    }
}

@media screen and (max-width: 575.98px) {
    .premium-sticky-header {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem
    }

        .premium-sticky-header .responsive-link {
            text-transform: capitalize;
            font-size: 1.4rem;
            line-height: 1.8rem;
            font-weight: 600;
            color: var(--primary-blue);
            border: 0;
            line-height: 1;
            height: 2.9rem;
            white-space: nowrap
        }

        .premium-sticky-header .header-btn-group .btn {
            font-size: 1.2rem;
            line-height: 1.6rem;
            font-weight: 800;
            color: var(--white);
            letter-spacing: normal;
            padding: .5rem 1rem;
            letter-spacing: .12px;
            height: 2.9rem;
            border-radius: 1.45rem;
            border-color: var(--btn-primary-bg-color);
            background: var(--btn-primary-bg-color);
            white-space: nowrap
        }

            .premium-sticky-header .header-btn-group .btn + .btn {
                margin-left: .7rem
            }

        .premium-sticky-header.darkHeader {
            width: 100%;
            max-width: 100vw
        }
}

.premium-sticky-header.darkHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    max-width: 100vw;
    transform: none;
    border-radius: 0 0 3rem 3rem;
    -webkit-border-radius: 0 0 3rem 3rem;
    -ms-border-radius: 0 0 3rem 3rem;
    -moz-border-radius: 0 0 3rem 3rem
}

    .premium-sticky-header.darkHeader .header-btn-group {
        display: flex
    }

@media screen and (max-width: 767.98px) {
    .premium-sticky-header.darkHeader .header-btn-group {
        width: 100vw;
        padding: 1.5rem;
        align-items: center;
        justify-content: center;
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 71px;
        box-shadow: 0px -5px 4.8px .3px rgba(0,0,0,.08)
    }

        .premium-sticky-header.darkHeader .header-btn-group .btn {
            min-width: 14.1rem;
            height: 4rem;
            font-size: 1.4rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 1rem;
            border-color: #fff
        }
}

@media screen and (min-width: 1601px) {
    .premium-sticky-header + section {
        margin-top: -13rem;
        padding-top: 7rem
    }
}

.premium-sticky-header.hide-web:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 99999999;
    border-radius: 2rem;
    box-shadow: 0px 4px 8px 1px rgba(0,0,0,.1);
    pointer-events: none
}

.premium-sticky-header.hide-web.darkHeader:after {
    border-radius: 0 0 2rem 2rem
}

.hide-web {
    display: none
}

@media screen and (max-width: 991.98px) {
    .hide-web {
        display: flex
    }
}

.hide-mobile {
    display: flex
}

@media screen and (max-width: 991.98px) {
    .hide-mobile {
        display: none
    }
}

.responsive-nav::-webkit-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-blue);
    width: 6px;
    right: 2rem;
    margin: 5rem 2rem 2rem
}

@media screen and (max-width: 991.98px) {
    .responsive-nav::-webkit-scrollbar {
        margin: 2rem
    }
}

.responsive-nav::-webkit-scrollbar-track {
    background: var(--grey-33);
    opacity: .4;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -moz-border-radius: .5rem;
    padding-bottom: 3rem;
    margin: 5rem 2rem 2rem;
    margin: 2rem
}

.responsive-nav::-webkit-scrollbar-thumb {
    background-color: var(--primary-blue);
    border-radius: 20px;
    border: 3px solid var(--primary-blue);
    margin: 5rem 2rem 2rem;
    margin: 2rem;
    opacity: 1
}

.overflow-hidden {
    overflow: hidden
}

.hide-sticky {
    display: none
}

.sticky-bg {
    background: transparent
}

@media screen and (max-width: 991.98px) {
    .sticky-bg {
        background: #ececec
    }
}

.warranty-info, .waranty-info {
    position: absolute;
    bottom: 3.8rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24.5px;
    font-family: "Poppins-Regular";
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: var(--black);
    max-width: 1155px;
    min-width: 80%;
    padding-left: 16.1rem
}

@media screen and (min-width: 1601px) {
    .warranty-info, .waranty-info {
        bottom: 6rem;
        min-width: 154.7rem;
        padding-left: 20rem
    }
}

@media screen and (max-width: 767.98px) {
    .warranty-info, .waranty-info {
        text-align: center;
        bottom: 1.5rem;
        padding-left: 0;
        min-width: 95%
    }
}

@media screen and (max-width: 575.98px) {
    .warranty-info, .waranty-info {
        font-size: 20px;
        bottom: 1rem
    }
}

.slide .warranty-info, .slide .waranty-info {
    bottom: 3.5rem
}

@media screen and (min-width: 1601px) {
    .slide .warranty-info, .slide .waranty-info {
        bottom: 4.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .slide .warranty-info, .slide .waranty-info {
        bottom: 2.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .slide .warranty-info, .slide .waranty-info {
        bottom: 1rem
    }
}

.non-premium-banner .slide .warranty-info, .non-premium-banner .slide .waranty-info {
    bottom: 3.8rem
}

@media screen and (min-width: 1601px) {
    .non-premium-banner .slide .warranty-info, .non-premium-banner .slide .waranty-info {
        bottom: 6rem
    }
}

@media screen and (max-width: 767.98px) {
    .non-premium-banner .slide .warranty-info, .non-premium-banner .slide .waranty-info {
        bottom: 1.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .non-premium-banner .slide .warranty-info, .non-premium-banner .slide .waranty-info {
        bottom: 1rem
    }
}

.non-premium-banner .slide .slide__img img {
    transform: translate(-50%, -52.5%)
}

.colors-view .nav-pills .nav-link.color-multiple {
    background-image: linear-gradient(to bottom right, var(--tile-color) 50%, var(--tile-darker-color) 51%, var(--tile-color) 100%)
}

.dragHandle {
    width: 7.1rem;
    min-width: 7.1rem;
    height: 5.2rem;
    background: url(../images/non-premium/colors/drag_icon.png) no-repeat center center;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    cursor: move;
    z-index: 9
}

@media screen and (max-width: 767.98px) {
    .dragHandle {
        width: 8.8rem;
        height: 1.1rem
    }
}

.dragHandle:before {
    content: "";
    width: 150%;
    height: 150%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999
}

.tab-content.multi-color-varient .colors-slider {
    margin-bottom: 0;
    max-width: 85vw
}

    .tab-content.multi-color-varient .colors-slider:before, .tab-content.multi-color-varient .colors-slider:after {
        position: absolute;
        top: 50%
    }

    .tab-content.multi-color-varient .colors-slider:before {
        left: 50%;
        transform: translateX(-50%)
    }

    .tab-content.multi-color-varient .colors-slider:after {
        right: 50%;
        transform: translateX(50%)
    }

    .tab-content.multi-color-varient .colors-slider .slick-slide > div {
        width: 74rem;
        padding-bottom: 10rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100%
    }

@media screen and (max-width: 767.98px) {
    .tab-content.multi-color-varient .colors-slider .slick-slide > div {
        padding-bottom: 2rem
    }
}

.tab-content.multi-color-varient .colors-slider .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    font-size: 0;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    bottom: 6rem;
    width: 35.88vw;
    min-width: fit-content;
    padding: 0;
    height: .6rem;
    overflow: visible;
    transition: margin 2s 3s ease-in-out;
    transform: translateX(-50%);
    background: radial-gradient(#e1dfe0 20%, rgba(225, 223, 224, 0.0588235294) 80%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%) no-repeat center center;
    background-size: 80%
}

@media screen and (max-width: 1199.98px) {
    .tab-content.multi-color-varient .colors-slider .slick-dots {
        bottom: .5rem
    }
}

@media screen and (max-width: 767.98px) {
    .tab-content.multi-color-varient .colors-slider .slick-dots {
        width: 69vw;
        min-width: 69vw;
        transition: margin 1.5s 3s ease-in-out
    }
}

@media screen and (max-width: 575.98px) {
    .tab-content.multi-color-varient .colors-slider .slick-dots {
        bottom: 2.5rem
    }
}

.tab-content.multi-color-varient .colors-slider .slick-dots li {
    background: transparent;
    border: none;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0
}

    .tab-content.multi-color-varient .colors-slider .slick-dots li button {
        opacity: 0;
        width: 100%;
        height: 100%
    }

.tvs-virtual .title {
    font-size: 5.2vw;
    line-height: .43;
    font-weight: 100;
    color: var(--white);
    margin: 3.12vw auto 4.68vw
}

@media screen and (max-width: 767.98px) {
    .tvs-virtual .title {
        font-size: 12.77vw;
        margin: 3.12vw auto 27.77vw
    }
}

.tvs-virtual .tab-content.multi-color-varient .dragHandle {
    height: 6.5rem;
    background: url(../images/premium/colors/drag_icon.png) no-repeat center center
}

.tvs-virtual .tab-content.multi-color-varient .slick-slide > div {
    width: 60.6rem;
    max-width: 100%
}

[class^=icon-], [class*=" icon-"] {
    font-family: "ibcountry" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-detect:before {
    content: ""
}

.icon-bluetooth:before {
    content: ""
}

.icon-caller-id:before {
    content: ""
}

.icon-nav-assistant:before {
    content: ""
}

.icon-alert:before {
    content: ""
}

.icon-navigation:before {
    content: ""
}

.icon-race:before {
    content: ""
}

.icon-locations:before {
    content: ""
}

.icon-test-rides:before {
    content: ""
}

.icon-search-bar:before {
    content: ""
}

.icon-zoom-out:before {
    content: ""
}

.icon-zoom-in:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-next:before {
    content: ""
}

.icon-previous:before {
    content: ""
}

.icon-down-arrow:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-phone-2:before {
    content: ""
}

.icon-up-arrow:before {
    content: ""
}

.icon-ib-menu:before {
    content: ""
}

.icon-book-vehicle:before {
    content: ""
}

.icon-direction:before {
    content: ""
}

.icon-compass:before {
    content: ""
}

.icon-icon-close:before {
    content: ""
}

.icon-smartphone:before {
    content: ""
}

.icon-bullet:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-fax:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-address:before {
    content: ""
}

.icon-bullet:before {
    content: ""
}

.icon-leftarrow:before {
    content: ""
}

.icon-engine:before {
    content: ""
}

.icon-speed-meter:before {
    content: ""
}

.icon-milage:before {
    content: ""
}

.icon-specification_engine:before {
    content: ""
}

.icon-specification_fuel:before {
    content: ""
}

.icon-specification_suspension:before {
    content: ""
}

.icon-specification_braking:before {
    content: ""
}

.icon-specification_dimension:before {
    content: ""
}

.icon-specification_electrical:before {
    content: ""
}

.icon-product-listing-power:before {
    content: ""
}

.icon-product-listing-weight:before {
    content: ""
}

.icon-specification-electrical-icon:before {
    content: ""
}

.icon-specification-weight-1:before {
    content: ""
}

.icon-specification-tyres:before {
    content: ""
}

.icon-specification_performance:before {
    content: ""
}

.icon-specification_controls:before {
    content: ""
}

.icon-iqube_range:before {
    content: ""
}

.icon-iqube_battery:before {
    content: ""
}

.icon-iqube_speed:before {
    content: ""
}

.hero-wrapper {
    background: var(--section-bg);
    z-index: 2;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper.with-pricing .video-section {
        bottom: 3rem
    }
}

.hero-wrapper .btn-explore {
    margin-top: 5.5rem
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .btn-explore {
        margin-top: 4.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .btn-explore {
        min-width: 14rem;
        padding: .5rem 2rem;
        margin: 0 auto;
        margin-top: -6rem;
        height: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: fit-content
    }
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slider, .hero-wrapper .slide {
        height: calc(100vh - 4.35rem);
        padding: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slider, .hero-wrapper .slide {
        height: calc(100vh - 3.375rem)
    }
}

.hero-wrapper .slick-slider .slick-slide {
    transform: scale(1);
    padding: 0;
    margin: 0
}

.hero-wrapper .banner__slider {
    height: 100%;
    min-height: 100%;
    border-radius: 0 0 3rem 3rem;
    -webkit-border-radius: 0 0 3rem 3rem;
    -ms-border-radius: 0 0 3rem 3rem;
    -moz-border-radius: 0 0 3rem 3rem
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .banner__slider {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0
    }
}

.hero-wrapper .banner__slider .slider {
    padding: 0;
    margin-bottom: 0
}

.hero-wrapper .banner__slider .slick-track, .hero-wrapper .banner__slider .slick-list {
    margin-left: 0;
    perspective: 2000;
    -webkit-perspective: 2000;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.hero-wrapper .banner__slider.non-premium-banner .slide .slide__img img {
    transform: translate(-50%, -50%)
}

.hero-wrapper .banner__slider .price-info {
    font-size: 2rem;
    color: var(--white)
}

.hero-wrapper .slide {
    position: relative;
    transition: 1s;
    border-radius: 0 0 3rem 3rem;
    -webkit-border-radius: 0 0 3rem 3rem;
    -ms-border-radius: 0 0 3rem 3rem;
    -moz-border-radius: 0 0 3rem 3rem;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0
    }
}

.hero-wrapper .slide .slide__img {
    width: 100%;
    height: auto
}

@media(min-width: 992px) {
    .hero-wrapper .slide .slide__img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }
}

.hero-wrapper .slide .slide__img img {
    height: auto;
    left: 50%;
    max-width: calc(100% + 1px);
    position: absolute;
    top: 50%;
    transform: translate(calc(-50% - 1px), -50%);
    width: calc(100% + 1px)
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide .slide__img {
        height: 100%;
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        text-align: center;
        object-fit: cover
    }

        .hero-wrapper .slide .slide__img img {
            animation-duration: 3s;
            transition: all 1s ease;
            width: 100vw;
            min-height: 100%;
            position: relative;
            display: inline-block;
            max-width: none;
            object-fit: cover
        }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__img {
        height: 100vh
    }
}

.hero-wrapper .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

    .hero-wrapper .slide .slide__content.slide__content__left {
        left: 14%;
        transform: translate(-10%, -50%);
        display: block;
        max-width: 37.5%
    }

    .hero-wrapper .slide .slide__content.slide__content__left-mobile {
        display: none
    }

    .hero-wrapper .slide .slide__content.slide__content__right {
        right: 15%;
        left: auto;
        transform: translate(5%, -50%)
    }

.hero-wrapper .slide .slide__content--headings h2 {
    font-size: 4.5rem;
    margin: 10px 0
}

.hero-wrapper .slide .slide__content--headings .animated {
    transition: all .5s ease
}

.hero-wrapper .slide .slide__content--headings .top-title {
    letter-spacing: normal;
    margin: auto 0 0;
    padding-bottom: 2.5rem;
    max-width: 30rem;
    line-height: normal;
    font-size: 4rem;
    line-height: 4.4rem;
    font-weight: 300;
    color: var(--black)
}

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .top-title {
        margin: auto 0 0;
        padding-bottom: 4rem;
        max-width: fit-content;
        font-size: 4rem;
        line-height: 4.4rem;
        font-weight: 300;
        color: var(--black)
    }
}

.hero-wrapper .slide .slide__content--headings .banner-title {
    letter-spacing: normal;
    justify-content: start;
    font-size: 4rem;
    line-height: 4.4rem;
    font-weight: 700;
    color: var(--black);
    padding: 0;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 1rem
}

    .hero-wrapper .slide .slide__content--headings .banner-title span {
        letter-spacing: normal;
        margin: 0;
        line-height: normal;
        text-transform: uppercase;
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 400;
        color: var(--black)
    }

    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail {
        display: flex;
        max-width: fit-content;
        margin-top: 2rem;
        line-height: normal;
        padding-right: 0rem;
        text-shadow: 0 0 18.2px rgba(38,38,38,.3)
    }

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail {
        margin-top: 4.3rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail {
        position: absolute;
        bottom: 28rem;
        left: 0;
        width: 100vw;
        padding: 0 1rem;
        justify-content: center;
        align-items: center;
        max-width: 100vw
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail {
        margin-top: 2rem;
        bottom: 22.4rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail {
        margin-left: auto;
        margin-right: auto
    }
}

.hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail small {
    font-weight: inherit;
    font-size: 2rem
}

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail small {
        font-size: 3.2rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail small {
        font-size: 1.6rem
    }
}

.hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em {
    font-size: 2rem;
    color: var(--black);
    margin-left: 1rem
}

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em {
        font-size: 3.2rem;
        margin-left: 1.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em {
        font-size: 1.6rem
    }
}

.hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em::before {
    content: "";
    border-right: 1px solid;
    transform: skewX(-10deg) !important;
    width: .5rem;
    height: 3.1rem;
    display: inline-block;
    justify-content: 1.5rem;
    margin-right: 1rem;
    vertical-align: bottom
}

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em::before {
        width: 1rem;
        height: 5.1rem;
        margin-right: 1.5rem;
        border-right: 2px solid
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em::before {
        width: .25rem;
        height: 2.5rem;
        margin-right: .75rem;
        border-right: 1px solid
    }
}

.hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em small {
    font-size: 1.4rem
}

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em small {
        font-size: 2.4rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em + em small {
        font-size: 1.2rem
    }
}

.hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em {
    display: inline;
    font-weight: bold
}

    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em:first-child {
        color: var(--black);
        font-size: 3.2rem;
        line-height: 1
    }

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em:first-child {
        font-size: 5rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em:first-child {
        font-size: 2.5rem !important
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em:first-child {
        font-size: 3rem
    }
}

.hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail em:only-child {
    color: var(--black)
}

.hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail.non-premium em {
    color: var(--black)
}

    .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail.non-premium em:last-child, .hero-wrapper .slide .slide__content--headings .banner-title.pricing_detail.non-premium em:only-child {
        color: var(--black)
    }

.hero-wrapper .slide .slide__content--headings .banner-title.price-info {
    font-family: "Poppins-Regular";
    font-size: 1.25rem;
    color: var(--black);
    font-weight: 500;
    text-transform: initial;
    line-height: normal;
    margin-top: .8rem;
    letter-spacing: normal;
    max-width: 80%
}

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.price-info {
        font-size: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.price-info {
        position: absolute;
        font-size: 1rem;
        line-height: 1;
        max-width: 100% !important;
        padding: 0 10% !important;
        margin-top: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.price-info {
        position: absolute;
        bottom: 19.8rem;
        left: 0;
        width: 100vw;
        padding: 0 15%;
        justify-content: center;
        align-items: center;
        max-width: 100vw
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide .slide__content--headings .banner-title.price-info {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1601px) {
    .hero-wrapper .slide .slide__content--headings .banner-title {
        padding: 0;
        font-size: 7rem;
        line-height: 7.4rem;
        font-weight: 700;
        color: var(--black);
        display: inline-flex;
        align-items: baseline;
        flex-wrap: wrap
    }

        .hero-wrapper .slide .slide__content--headings .banner-title span {
            font-size: 4.4rem;
            line-height: 4.8rem;
            font-weight: 400;
            color: var(--black);
            margin-right: 1.5rem
        }
}

.hero-wrapper .slide .slide__content--headings .button-custom {
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: var(--primary-blue);
    padding: 1.4rem 2.5rem;
    border-radius: 1rem;
    width: 17rem;
    margin-top: 2rem;
    text-transform: uppercase
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide .slide__content {
        top: calc(50% + 7.5rem)
    }

        .hero-wrapper .slide .slide__content.slide__content__left {
            display: none
        }

        .hero-wrapper .slide .slide__content.slide__content__left-mobile {
            display: block;
            height: 100%;
            width: 100%
        }

            .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile {
                height: 71%;
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: center;
                align-content: stretch
            }

                .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .mobile-logo {
                    max-width: fit-content;
                    margin: 2.5rem auto 1rem
                }

                    .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .mobile-logo img {
                        min-width: 15rem
                    }

                .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile {
                    text-align: center;
                    margin: 0 auto
                }

                    .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title {
                        font-size: 2.6rem;
                        line-height: 3rem;
                        font-weight: 700;
                        color: var(--black);
                        text-transform: uppercase;
                        font-style: italic;
                        margin: 0rem;
                        padding: 0 1rem;
                        margin-left: -0.7rem
                    }

                        .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title span {
                            letter-spacing: normal;
                            margin: 0;
                            text-transform: uppercase;
                            font-size: 1.6rem;
                            line-height: 2rem;
                            font-weight: 400;
                            color: var(--black)
                        }

                            .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title span.smart {
                                transform: skew(-15deg);
                                background: var(--black);
                                font-size: 4rem;
                                line-height: 4.4rem;
                                font-weight: 600;
                                color: var(--white);
                                display: inline-block;
                                padding: 1rem 1.5rem;
                                text-transform: uppercase
                            }

                                .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title span.smart text {
                                    font-style: normal
                                }

                            .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title span.play {
                                font-size: 2.4rem;
                                line-height: 2.8rem;
                                font-weight: 300;
                                color: var(--white);
                                text-transform: uppercase
                            }

                            .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title span.engin {
                                font-size: 2.4rem;
                                text-transform: uppercase;
                                display: block
                            }

                            .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title span.adapt {
                                text-transform: uppercase;
                                font-size: 5.6rem;
                                line-height: 6rem;
                                font-weight: 600;
                                color: var(--black);
                                font-style: italic;
                                border-bottom: 3px solid var(--black)
                            }

                        .hero-wrapper .slide .slide__content.slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title + .mobile-banner-title {
                            padding-left: 0
                        }

    .hero-wrapper .slide .slide__content--headings .top-title {
        font-size: 2.5rem;
        line-height: 2.9rem;
        font-weight: 300;
        color: #000;
        max-width: 25rem
    }

    .hero-wrapper .slide .slide__content--headings .banner-title {
        font-size: 3rem;
        line-height: 3.4rem;
        padding: 0rem 0 .5rem
    }

    .hero-wrapper .slide .slide__content--headings .button-custom {
        padding: .9rem 1rem;
        font-size: 1.4rem;
        width: 15rem;
        margin-top: 0rem;
        text-transform: uppercase;
        font-weight: 600
    }
}

.hero-wrapper .slide.with-pricing .slide__img img {
    transform: translate(-50%, -58%)
}

.hero-wrapper .slide.with-pricing .pricing {
    flex-direction: row;
    color: var(--white);
    padding: 1.5rem 5rem 1.5rem 24.1rem;
    position: absolute;
    bottom: 11%;
    right: 0;
    background: url(../images/label-bg-blue.png) no-repeat;
    background-size: cover
}

    .hero-wrapper .slide.with-pricing .pricing .text-caption {
        color: var(--white);
        margin-left: 1rem
    }

    .hero-wrapper .slide.with-pricing .pricing .currency-symbol {
        margin: 0 .5rem .5rem 0
    }

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.with-pricing .pricing {
        background: url(../images/label-bg-blue-mob.png) no-repeat;
        background-position: 50%;
        background-size: cover;
        justify-content: center;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        padding: 1rem;
        bottom: 18%;
        width: 100%
    }
}

.hero-wrapper .slide.with-pricing .pricing.dark-theme {
    background: url(../images/label-bg-dark.png) no-repeat;
    background-size: cover;
    padding: 1.5rem 5rem 1.5rem 34.7rem
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.with-pricing .pricing.dark-theme {
        background: url(../images/label-bg-dark-mob.png) no-repeat;
        background-position: 50%;
        background-size: cover;
        padding: 1rem
    }
}

.hero-wrapper .slide .banner {
    display: flex;
    align-items: flex-start;
    width: 100vw;
    padding: 8.8rem 7.8rem 6.6rem 9.2rem;
    position: relative;
    overflow: hidden;
    max-width: 100vw
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner {
        padding: 8.88vh 4.06vw 6.66vh;
        background-size: max(100%,1000px) 100vh;
        background-position: center bottom
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 3.25rem 1.5rem 3.2rem;
        background-size: cover;
        position: absolute;
        top: 7rem;
        height: calc(100% - 5rem)
    }
}

.hero-wrapper .slide .banner .banner-content {
    position: relative
}

.hero-wrapper .slide .banner .brand-img {
    max-width: 43.1rem;
    margin-bottom: 54.6rem;
    margin-top: auto;
    left: -1.5rem;
    position: relative
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner .brand-img {
        margin-bottom: 2.1875vw;
        margin-top: 3.125vw;
        left: 0rem;
        max-width: 15.885vw
    }
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .brand-img {
        max-width: 22.45vw;
        margin-bottom: 55.46vh;
        left: auto
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .brand-img {
        max-width: 20.1rem;
        margin-top: 0rem;
        margin-bottom: auto;
        left: 1.1rem
    }
}

.hero-wrapper .slide .banner .product-img {
    width: 81rem;
    max-height: 65.9rem;
    margin: auto auto 12.4rem;
    max-width: 42.18vw
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .product-img {
        width: 42.2vw;
        max-width: 42.2vw;
        max-height: 66.56vh;
        margin: auto auto 12.52vh
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .product-img {
        max-width: 83.88vw;
        width: 30.2rem;
        position: absolute;
        top: 48.2%;
        left: 50%;
        transform: scale(0.9) translate(-50%, -50%)
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .banner .product-img {
        max-width: 93.88vw;
        width: 32.5rem;
        left: 44%
    }
}

.hero-wrapper .slide .banner .brand-tagline {
    text-align: right;
    margin-left: auto;
    align-self: flex-end;
    margin-bottom: 17.3rem;
    max-width: 46rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .brand-tagline {
        max-width: 25vw;
        margin-bottom: 26.16vh
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .brand-tagline {
        margin-top: auto;
        margin-right: auto;
        padding-bottom: 0;
        align-self: flex-end;
        order: 3;
        margin-bottom: 7.8rem;
        max-width: 100vw
    }
}

.hero-wrapper .slide .banner .brand-tagline h2 {
    font-family: "Poppins-Regular";
    font-weight: normal;
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: .056rem;
    margin-bottom: 1.4rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .brand-tagline h2 {
        font-size: 1.45vw
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .brand-tagline h2 {
        font-size: 1.4rem;
        text-align: center;
        text-shadow: 0 0 5.5px rgba(0,0,0,.5);
        margin-bottom: .6rem;
        letter-spacing: .28px
    }
}

.hero-wrapper .slide .banner .brand-tagline strong {
    font-family: "Poppins-Bold";
    font-weight: normal;
    font-size: 4.2rem;
    letter-spacing: .084rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .brand-tagline strong {
        font-size: 2.18vw
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .brand-tagline strong {
        font-size: 2.2rem;
        text-shadow: 0 0 5.5px rgba(0,0,0,.5);
        letter-spacing: .44px
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .banner-footer {
        order: 2;
        margin: auto
    }
}

.hero-wrapper .slide .banner .banner-footer h3 {
    font-size: 2.4rem;
    font-family: "Poppins-Bold";
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 3rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .banner-footer h3 {
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .banner-footer h3 {
        font-size: 1.2rem;
        text-align: center
    }
}

.hero-wrapper .slide .banner .video-icon {
    position: absolute;
    bottom: 5.9rem;
    left: 7.4rem;
    width: 13.5rem;
    height: 13.5rem;
    cursor: pointer
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .video-icon {
        width: 13.63vh;
        height: 13.63vh;
        bottom: 5.95vh;
        left: 3.85vw
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .video-icon {
        width: 6rem;
        height: 6rem;
        left: auto;
        bottom: -1.3rem;
        position: relative;
        transform: none;
        order: 2
    }
}

.hero-wrapper .slide .banner .video-icon:before {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/svg/video-icon-animation.svg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 50%
}

.hero-wrapper .slide .banner .video-icon:after {
    background: url(../images/svg/video-icon.svg) no-repeat;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, calc(-50% - 3px));
    width: 50.37%;
    height: 39.25%;
    content: "";
    background-size: 100%
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner .video-icon:after {
        background-size: 100% 100%;
        transform: translate(-50%, calc(-50% - 1.5px))
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner .video-icon:after {
        width: 3.1rem;
        height: 2.5rem;
        background-size: 100%
    }
}

.hero-wrapper .slide .banner-arive-app {
    flex-wrap: wrap;
    color: #fff
}

    .hero-wrapper .slide .banner-arive-app .brand-img {
        margin-bottom: 4.2rem;
        margin-top: 6rem;
        left: 0rem
    }

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner-arive-app .brand-img {
        margin-bottom: 2.1875vw;
        margin-top: 3.125vw;
        left: 0rem;
        max-width: 15.885vw
    }
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner-arive-app .brand-img {
        max-width: 15.88vw;
        margin-top: auto
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .brand-img {
        position: absolute;
        top: 1.5rem;
        left: 1.95rem;
        max-width: 9.15rem;
        margin-bottom: 3.89vh
    }
}

.hero-wrapper .slide .banner-arive-app .banner-des {
    margin: auto auto 0rem 2.5rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-des {
        margin-bottom: auto;
        margin-top: 0
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-des {
        margin: auto auto .6rem 0rem;
        width: 100%
    }
}

.hero-wrapper .slide .banner-arive-app .banner-des p {
    font-family: "Poppins-Medium";
    font-size: 2.4rem;
    position: relative;
    padding-left: 1.4rem;
    padding-right: 2.75rem;
    margin-bottom: 1.6rem;
    min-height: 4.4rem;
    display: flex;
    align-items: center;
    filter: drop-shadow(0px 0 6px rgba(255, 255, 255, 0.25))
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-des p {
        font-size: 1.6rem;
        min-height: fit-content;
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-des p {
        font-family: "Poppins-Regular";
        font-size: 1.2rem;
        min-height: 2.8rem;
        padding-left: .65rem;
        padding-right: .75rem;
        width: calc(100% - .4rem);
        margin: auto auto .3rem auto
    }
}

.hero-wrapper .slide .banner-arive-app .banner-des p:before {
    content: "";
    z-index: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    clip-path: polygon(0% 0%, 100% 0, calc(100% - 1.2rem) 100%, 0 100%);
    z-index: -1
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-des p:before {
        clip-path: polygon(0% 0%, 100% 0, calc(100% - 0.8rem) 100%, 0 100%)
    }
}

.hero-wrapper .slide .banner-arive-app .btn-simple {
    color: var(--white);
    background: rgba(255,255,255,.15);
    text-transform: uppercase;
    font-family: "Poppins-Bold";
    font-size: 1.6rem;
    border-radius: .5rem;
    border: 3px solid #e8e6e5;
    min-width: 18.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 1.3rem 0rem 1.2rem;
    letter-spacing: 1.6px;
    margin: 2.8rem 0 0 0
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner-arive-app .btn-simple {
        min-width: 9.6354vw;
        margin: 1.8rem 0 0 0;
        padding: 1rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .btn-simple {
        min-width: 14.85rem;
        font-size: 1.2rem;
        height: 4.05rem;
        margin: 1.3rem auto 0;
        border: 2px solid #e8e6e5
    }
}

.hero-wrapper .slide .banner-arive-app .banner-footer {
    width: 100%;
    margin: 8.5rem auto 1.4rem 2.5rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-footer {
        margin-top: 8.44vh;
        margin-bottom: 1.29vh
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-footer {
        margin: 4.9rem auto 5.1rem 0rem;
        padding-left: 2rem;
        padding-right: 2.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .banner-arive-app .banner-footer {
        margin: 2.2rem auto 3.8rem 0rem
    }
}

.hero-wrapper .slide .banner-arive-app .brand-tagline {
    align-self: flex-start;
    margin-top: 5.9rem;
    position: relative;
    right: -0.2rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner-arive-app .brand-tagline {
        margin-top: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .brand-tagline {
        position: absolute;
        top: 2rem;
        right: 1.95rem;
        max-width: 10.85rem;
        margin-bottom: 3.89vh;
        margin-top: 1.9rem
    }
}

.hero-wrapper .slide .banner-arive-app .brand-tagline img {
    width: 27.1rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner-arive-app .brand-tagline img {
        width: auto;
        max-width: 14.11vw
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner-arive-app .brand-tagline img {
        max-width: 100%
    }
}

.hero-wrapper .slide .banner.banner-arive-app {
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner.banner-arive-app {
        padding: 4.583vw 4.0625vw 3.4375vw 4.7916vw
    }
}

.hero-wrapper .slide .banner.banner-arive-app .brand-logo {
    margin-bottom: 4.2rem;
    margin-top: 6rem;
    left: 0rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .brand-logo {
        max-width: 15.88vw;
        margin-top: auto
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .brand-logo {
        position: absolute;
        top: 1.5rem;
        left: 1.95rem;
        max-width: 9.15rem;
        margin-bottom: 3.89vh
    }
}

.hero-wrapper .slide .banner.banner-arive-app .banner-des {
    margin: auto auto 0rem 2.5rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-des {
        margin-bottom: auto;
        margin-top: 0
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-des {
        margin: auto auto .6rem 0rem;
        width: 100%
    }
}

.hero-wrapper .slide .banner.banner-arive-app .banner-des p {
    font-family: "Poppins-Medium";
    font-size: 2.4rem;
    position: relative;
    padding-left: 1.4rem;
    padding-right: 2.75rem;
    margin-bottom: 1.6rem;
    min-height: 4.4rem;
    display: flex;
    align-items: center;
    filter: drop-shadow(0px 0 6px rgba(255, 255, 255, 0.25))
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-des p {
        padding-left: .729vw;
        padding-right: 2.75rem;
        margin-bottom: .83vw;
        min-height: 2.291vw;
        font-size: 1.25vw
    }
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-des p {
        font-size: 1.6rem;
        min-height: fit-content;
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-des p {
        font-family: "Poppins-Regular";
        font-size: 1.2rem;
        min-height: 2.8rem;
        padding-left: .65rem;
        padding-right: .75rem;
        width: calc(100% - .4rem);
        margin: auto auto .3rem auto
    }
}

.hero-wrapper .slide .banner.banner-arive-app .banner-des p:before {
    background: rgba(0,0,0,.5);
    clip-path: polygon(0% 0%, 100% 0, calc(100% - 1.2rem) 100%, 0 100%);
    z-index: -1
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-des p:before {
        clip-path: polygon(0% 0%, 100% 0, calc(100% - 0.8rem) 100%, 0 100%)
    }
}

.hero-wrapper .slide .banner.banner-arive-app .btn-simple {
    color: var(--white);
    background: rgba(255,255,255,.15);
    text-transform: uppercase;
    font-family: "Poppins-Bold";
    font-size: 1.6rem;
    border-radius: .5rem;
    border: 3px solid #e8e6e5;
    min-width: 18.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 1.3rem 0rem 1.2rem;
    letter-spacing: 1.6px;
    margin: 2.8rem 0 0 0
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner.banner-arive-app .btn-simple {
        font-size: .833vw;
        min-width: 9.635vw;
        padding: .677vw 0rem .625vw;
        margin-top: 1.458vw
    }
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .btn-simple {
        min-width: 9.6354vw;
        margin: 1.8rem 0 0 0;
        padding: 1rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .btn-simple {
        min-width: 14.85rem;
        font-size: 1.2rem;
        height: 4.05rem;
        margin: 1.3rem auto 0;
        border: 2px solid #e8e6e5
    }
}

.hero-wrapper .slide .banner.banner-arive-app .banner-footer {
    width: 100%;
    margin: 8.5rem auto 1.4rem 2.5rem
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-footer {
        margin: 4.427vw auto .7291vw 1.302vw
    }
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-footer {
        margin-top: 8.44vh;
        margin-bottom: 1.29vh
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-footer {
        margin: 4.9rem auto 5.1rem 0rem;
        padding-left: 2rem;
        padding-right: 2.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-footer {
        margin: 2.2rem auto 3.8rem 0rem
    }
}

.hero-wrapper .slide .banner.banner-arive-app .banner-footer.appLinks .col-6 + .hero-wrapper .slide .banner.banner-arive-app .banner-footer.appLinks .col-6:before {
    content: "";
    height: calc(100% + 2rem);
    width: .15rem;
    transform: skewX(-10deg)
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-footer.appLinks .col-6 .applink img {
        max-width: 12.45rem
    }
}

.hero-wrapper .slide .banner.banner-arive-app .banner-footer.appLinks a:first-child {
    margin-left: 0
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-footer.appLinks a img {
        max-height: 2.916vw
    }
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner.banner-arive-app .banner-footer h3 {
        font-size: 1.25vw;
        margin-bottom: 1.5625vw
    }
}

.hero-wrapper .slide .banner.banner-arive-app .brand-tagline {
    align-self: flex-start;
    position: relative;
    right: -0.2rem
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .brand-tagline {
        margin-top: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .brand-tagline {
        position: absolute;
        top: 2rem;
        right: 1.95rem;
        max-width: 10.85rem;
        margin-bottom: 3.89vh
    }
}

.hero-wrapper .slide .banner.banner-arive-app .brand-tagline img {
    width: 27.1rem
}

@media screen and (min-width: 992px) {
    .hero-wrapper .slide .banner.banner-arive-app .brand-tagline img {
        width: 14.11vw
    }
}

@media screen and (max-width: 1199.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .brand-tagline img {
        width: auto;
        max-width: 14.11vw
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide .banner.banner-arive-app .brand-tagline img {
        max-width: 100%
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper.is-sticky-header .slide .slide__img {
        height: calc(100vh - 28px)
    }
}

.hero-wrapper:not(.is-sticky-header) .slider, .hero-wrapper:not(.is-sticky-header) .slide {
    height: 100vh
}

@media screen and (min-width: 1601px) {
    .hero-wrapper:not(.is-sticky-header) .slider, .hero-wrapper:not(.is-sticky-header) .slide {
        height: 100vh
    }
}

@media screen and (max-width: 1600px) {
    .hero-wrapper:not(.is-sticky-header) .slider, .hero-wrapper:not(.is-sticky-header) .slide {
        height: 100vh
    }
}

.hero-wrapper .slider [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: opacity .5s ease .3s;
    transition: 1s
}

.hero-wrapper .slick-dotted .slick-slider {
    margin-bottom: 30px
}

.hero-wrapper .slick-dots {
    align-items: center;
    bottom: 10%;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slick-dots {
        bottom: 12%
    }
}

.hero-wrapper .slick-dots li {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    height: 13px;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    width: 13px
}

    .hero-wrapper .slick-dots li button {
        align-items: center;
        border: 0;
        color: transparent;
        cursor: pointer;
        display: flex;
        font-size: 0;
        height: 13px;
        justify-content: center;
        line-height: 0;
        outline: none;
        padding: 0;
        position: relative;
        transition: all .3s ease;
        width: 13px
    }

        .hero-wrapper .slick-dots li button:hover, .hero-wrapper .slick-dots li button:focus {
            outline: none
        }

        .hero-wrapper .slick-dots li button:before {
            border-radius: 50%;
            border: 0 solid #959292;
            color: var(--white);
            display: flex;
            font-size: 5rem;
            height: 13px;
            line-height: 13px;
            justify-content: center;
            opacity: .5;
            width: 13px;
            transform: translate(0, 0px)
        }

@media screen and (max-width: 1600px) {
    .hero-wrapper .slick-dots li button {
        height: .7rem;
        width: .7rem
    }

        .hero-wrapper .slick-dots li button:before {
            height: .7rem;
            width: .7rem;
            font-size: 4rem
        }
}

.hero-wrapper .slick-dots li.slick-active {
    height: 18px;
    width: 18px
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slick-dots li.slick-active {
        height: 1.2rem;
        width: 1.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slick-dots li.slick-active {
        height: 10px;
        width: 10px
    }
}

.hero-wrapper .slick-dots li.slick-active button {
    height: 18px;
    width: 18px
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slick-dots li.slick-active button {
        height: 1.2rem;
        width: 1.2rem;
        top: .3rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slick-dots li.slick-active button {
        height: 10px;
        width: 10px;
        top: 0rem
    }
}

.hero-wrapper .slick-dots li.slick-active button:before {
    font-size: 6.8rem;
    color: var(--white);
    border: 0 solid var(--white);
    vertical-align: top;
    display: flex;
    align-items: center;
    height: 18px;
    width: 18px;
    transform: translate(0, 0);
    opacity: 1
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slick-dots li.slick-active button:before {
        height: 1.2rem;
        width: 1.2rem;
        font-size: 5.6rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slick-dots li.slick-active button:before {
        height: 10px;
        width: 10px
    }
}

.hero-wrapper .slick-dots li + li {
    margin-left: 1.8rem
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slick-dots li + li {
        margin-left: 1.2rem
    }
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slick-dots li + li {
        margin-left: 1.3rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slick-dots {
        bottom: 2.75rem
    }

        .hero-wrapper .slick-dots li {
            align-items: center;
            display: flex;
            height: 8px;
            justify-content: center;
            width: 8px
        }

            .hero-wrapper .slick-dots li button {
                border: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                outline: none;
                line-height: 0px;
                font-size: 0px;
                color: transparent;
                padding: 5px;
                cursor: pointer;
                transition: all .3s ease;
                height: 8px;
                width: 8px
            }

                .hero-wrapper .slick-dots li button:hover, .hero-wrapper .slick-dots li button:focus {
                    outline: none
                }

                .hero-wrapper .slick-dots li button:before {
                    color: transparent;
                    font-size: 4rem;
                    border: 0px solid #959292;
                    border-radius: 50%;
                    opacity: 1;
                    justify-content: center;
                    display: flex;
                    line-height: 8px;
                    background: var(--white);
                    height: 8px;
                    width: 8px;
                    transform: translate(1px, 1px);
                    opacity: .7
                }

            .hero-wrapper .slick-dots li.slick-active button:before {
                align-items: center;
                background: var(--white);
                border: 0;
                border: 0px solid var(--btn-primary-bg-color);
                color: var(--white);
                display: flex;
                font-size: 3rem;
                vertical-align: top
            }
}

.hero-wrapper .stick-dots li {
    height: auto;
    width: 2rem
}

    .hero-wrapper .stick-dots li:last-child {
        width: auto
    }

    .hero-wrapper .stick-dots li button {
        position: relative;
        border: 1px solid var(--white);
        width: 12px;
        height: 12px;
        padding: 0;
        border-radius: 50%;
        background: var(--white);
        opacity: .5
    }

        .hero-wrapper .stick-dots li button:before {
            opacity: 0
        }

        .hero-wrapper .stick-dots li button:hover, .hero-wrapper .stick-dots li button:focus {
            background-color: var(--white);
            border: 1px solid var(--white)
        }

    .hero-wrapper .stick-dots li.slick-active button {
        background-color: var(--white);
        border: 1px solid var(--white);
        opacity: 1;
        width: 15px;
        height: 15px;
        border-radius: 3rem;
        transition: all .3s ease
    }

        .hero-wrapper .stick-dots li.slick-active button:before {
            opacity: 0
        }

        .hero-wrapper .stick-dots li.slick-active button:hover, .hero-wrapper .stick-dots li.slick-active button:focus {
            opacity: 1
        }

.hero-wrapper .slick-prev {
    left: 4rem;
    z-index: 2;
    width: 3rem;
    height: 3rem
}

    .hero-wrapper .slick-prev.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        opacity: 1;
        font-size: 2.3rem
    }

@media screen and (min-width: 1601px) {
    .hero-wrapper .slick-prev.slick-arrow:before {
        font-size: 3.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slick-prev {
        left: 1.5rem;
        height: 3rem;
        width: 3rem
    }
}

.hero-wrapper .slick-next {
    right: 4rem;
    width: 3rem;
    height: 3rem
}

    .hero-wrapper .slick-next.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        opacity: 1;
        font-size: 2.3rem
    }

@media screen and (min-width: 1601px) {
    .hero-wrapper .slick-next.slick-arrow:before {
        font-size: 3.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slick-next {
        right: 1.5rem;
        height: 3rem;
        width: 3rem
    }
}

@keyframes stroke {
    52% {
        transform: rotate(-180deg);
        stroke-dashoffset: 0
    }

    52.1% {
        transform: rotate(-360deg);
        stroke-dashoffset: 0
    }

    100% {
        transform: rotate(-180deg);
        stroke-dashoffset: 126
    }
}

@keyframes arrow {
    0%,100% {
        transform: translateX(0);
        opacity: 1
    }

    23% {
        transform: translateX(17px);
        opacity: 1
    }

    24%,80% {
        transform: translateX(-22px);
        opacity: 0
    }

    81% {
        opacity: 1;
        transform: translateX(-22px)
    }
}

@keyframes arrowUp {
    0%,100% {
        transform: rotate(-40deg) scaleX(1)
    }

    20%,80% {
        transform: rotate(0deg) scaleX(0.1)
    }
}

@keyframes arrowDown {
    0%,100% {
        transform: rotate(40deg) scaleX(1)
    }

    20%,80% {
        transform: rotate(0deg) scaleX(0.1)
    }
}

.main-bg .hero-wrapper, .sticky-bg .hero-wrapper {
    background: transparent
}

    .main-bg .hero-wrapper .slider, .main-bg .hero-wrapper .slide, .sticky-bg .hero-wrapper .slider, .sticky-bg .hero-wrapper .slide {
        overflow: hidden
    }

@media screen and (min-width: 1601px) {
    .main-bg .hero-wrapper .slider, .main-bg .hero-wrapper .slide, .sticky-bg .hero-wrapper .slider, .sticky-bg .hero-wrapper .slide {
        height: calc(100vh - 4.35rem)
    }
}

@media screen and (max-width: 1600px) {
    .main-bg .hero-wrapper .slider, .main-bg .hero-wrapper .slide, .sticky-bg .hero-wrapper .slider, .sticky-bg .hero-wrapper .slide {
        height: calc(100vh - 3.375rem)
    }
}

@media screen and (max-width: 991.98px) {
    .main-bg .hero-wrapper .slider, .main-bg .hero-wrapper .slide, .sticky-bg .hero-wrapper .slider, .sticky-bg .hero-wrapper .slide {
        height: 100vh;
        box-shadow: none
    }
}

.main-bg .hero-wrapper .mobile-logo, .sticky-bg .hero-wrapper .mobile-logo {
    padding-top: 0
}

.sticky-bg .slider, .sticky-bg .slide {
    border-radius: 0 0 3rem 3rem
}

@media screen and (max-width: 991.98px) {
    .sticky-bg .slider, .sticky-bg .slide {
        border-radius: 0
    }
}

.main-bg .slider, .main-bg .slide {
    border-radius: 0
}

@media screen and (max-width: 991.98px) {
    .main-bg .slider, .main-bg .slide {
        border-radius: 0
    }
}

@media screen and (min-width: 1601px) {
    .pricing_logo {
        top: 50% !important
    }
}

@media screen and (min-width: 1601px) {
    .pricing_logo p {
        margin-bottom: 6.1rem !important
    }
}

@media screen and (min-width: 1601px) {
    .pricing_logo p img {
        max-height: 13rem !important;
        width: auto
    }
}

.pricing_logo .banner-title {
    line-height: 1 !important
}

.pricing-video-section {
    bottom: 14% !important
}

@media screen and (max-width: 1366px) {
    .pricing-video-section {
        bottom: 15% !important
    }
}

@media screen and (max-width: 767.98px) {
    .pricing-video-section {
        bottom: 3.7rem !important
    }
}

.pricing-video-section .video-bg {
    width: 48.5rem !important
}

@media screen and (max-width: 1600px) {
    .pricing-video-section .video-bg {
        width: 38rem !important
    }
}

@media screen and (max-width: 767.98px) {
    .pricing-video-section .video-bg {
        width: 33.5rem !important
    }
}

.pricing-video-section .video-bg .video-bg-inner {
    width: 47.6rem !important
}

@media screen and (max-width: 767.98px) {
    .pricing-video-section .video-bg .video-bg-inner {
        margin-right: .7rem !important
    }
}

.pricing-video-section .video-bg .video-bg-inner span {
    text-transform: uppercase
}

@media screen and (max-width: 1366px) {
    .pricing-video-section .video-bg .video-bg-inner span {
        line-height: 3.25;
        right: 8.8% !important
    }
}

.pricing-video-section .video-img {
    align-items: initial !important;
    background-color: transparent !important
}

@media screen and (min-width: 1601px) {
    .pricing-video-section .video-img::before {
        top: -11px !important;
        left: -10px !important
    }
}

@media screen and (max-width: 1600px) {
    .pricing-video-section .video-img::before {
        top: -10px !important
    }
}

@media screen and (max-width: 575.98px) {
    .pricing-video-section .video-img::before {
        bottom: -3px !important;
        top: inherit !important
    }
}

@media screen and (min-width: 1601px) {
    .pricing-video-section .video-img::after {
        bottom: -10px !important;
        right: -10px !important;
        height: 6.5rem !important
    }
}

@media screen and (max-width: 1600px) {
    .pricing-video-section .video-img::after {
        bottom: -9px !important;
        right: -9px !important
    }
}

@media screen and (max-width: 767.98px) {
    .pricing-video-section .video-img::after {
        top: -4px !important;
        right: -4px !important
    }
}

.pricing-video-section .video-img .play-btn {
    top: 0px !important;
    bottom: 0px !important
}

@media screen and (min-width: 1601px) {
    .pricing-video-section .video-img .play-btn {
        top: 0px !important;
        bottom: 0px !important
    }
}

@media screen and (max-width: 575.98px) {
    .np-pricing-details .pricing_detail {
        bottom: 20.3rem !important
    }
}

@media screen and (max-width: 575.98px) {
    .np-pricing-details .price-info {
        bottom: 18.6rem !important
    }
}

.hero-wrapper .slide.bothSide .slide__content.slide__content__left {
    top: 36.5%;
    left: 7.5%
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide.bothSide .slide__content.slide__content__left {
        display: none
    }
}

.hero-wrapper .slide.bothSide .slide__content.slide__content__right {
    max-width: 38.5%;
    top: 70%;
    right: 7.5%
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide.bothSide .slide__content.slide__content__right {
        display: none
    }
}

.hero-wrapper .slide.bothSide .slide__content--headings .top-title {
    max-width: 100%
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.bothSide .slide__content--headings .top-title {
        max-width: 65%
    }
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide.bothSide .slide__content--headings .top-title {
        max-width: 60%
    }
}

.hero-wrapper .slide.bothSide .slide__content--headings .banner-title {
    color: var(--white);
    font-size: 4.2rem;
    font-style: normal;
    line-height: 5.4rem;
    text-transform: uppercase;
    font-family: "Poppins-Bold",sans-serif;
    font-weight: normal
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.bothSide .slide__content--headings .banner-title {
        font-size: 3.2rem;
        font-style: normal;
        line-height: 4.4rem
    }
}

.hero-wrapper .slide.bothSide .slide__content--headings .banner-title span {
    color: var(--white);
    font-size: 2.8rem;
    font-family: "Poppins-Regular",sans-serif;
    font-weight: normal
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.bothSide .slide__content--headings .banner-title span {
        font-size: 2.2rem
    }
}

.hero-wrapper .slide.bothSide .slide__content__left-mobile {
    display: none
}

@media screen and (max-width: 991.98px) {
    .hero-wrapper .slide.bothSide .slide__content__left-mobile {
        display: block
    }
}

.hero-wrapper .slide.bothSide .slide__content__left-mobile .heading-mobile {
    height: 73%
}

    .hero-wrapper .slide.bothSide .slide__content__left-mobile .heading-mobile .mobile-logo {
        margin: 2.5rem auto 1rem
    }

        .hero-wrapper .slide.bothSide .slide__content__left-mobile .heading-mobile .mobile-logo img {
            min-width: 21rem
        }

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.bothSide .slide__content__left-mobile .heading-mobile .content-mobile .btn-explore {
        margin-top: 10px
    }
}

.hero-wrapper .slide.bothSide .slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title {
    color: var(--white);
    font-size: 2.2rem;
    font-style: normal;
    text-shadow: 0 0 5.5px rgba(0,0,0,.5);
    text-transform: uppercase;
    font-family: "Poppins-Bold"
}

    .hero-wrapper .slide.bothSide .slide__content__left-mobile .heading-mobile .content-mobile .mobile-banner-title span {
        color: var(--white);
        font-size: 1.4rem;
        font-family: "Poppins-Regular";
        font-weight: normal
    }

.hero-wrapper .slide.contentRightBottom .slide__content .top-title {
    max-width: 65.97vw
}

@media screen and (min-width: 768px) {
    .hero-wrapper .slide.contentRightBottom .slide__content {
        left: auto;
        right: 0;
        width: 40.52%;
        max-width: 40.52%;
        left: auto;
        top: auto;
        transform: translate(0, 0);
        bottom: 14rem
    }
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.contentRightBottom .slide__content {
        width: 50vw;
        max-width: 50vw;
        transform: translate(0, 0) scale(0.75);
        bottom: 1rem;
        transform-origin: right center
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content {
        height: calc(100vh - 14rem);
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: stretch;
        width: 100%;
        max-width: 100%;
        margin-top: -5rem;
        left: 0;
        transform: translate(0, -50%)
    }

        .hero-wrapper .slide.contentRightBottom .slide__content .top-title img {
            max-height: 7.75rem
        }

        .hero-wrapper .slide.contentRightBottom .slide__content .prime-content img {
            max-width: 18.45rem
        }
}

@media screen and (min-width: 768px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .prime-content {
        padding-top: 3rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .prime-content {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100vw
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .prime-content .content-logo {
        max-width: 184.5px
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .prime-content .appLinks img {
        max-width: 29.44vw !important
    }
}

.hero-wrapper .slide.contentRightBottom .slide__content .list-features {
    color: var(--white);
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    font-size: 2.35rem;
    line-height: 1.17;
    letter-spacing: normal;
    padding: 1.5rem 3rem 1.5rem 0;
    background: url(../images/banner/tvs-connect/list-hr-bg.png) no-repeat center center;
    background-size: 100% 100%;
    align-items: center;
    width: 100%;
    height: 19.8rem;
    margin-bottom: 5.18vh
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features {
        font-size: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features {
        height: 8.9rem;
        margin: .3rem auto .75rem;
        padding: 0 2rem;
        background-size: 156% 100%;
        font-size: 1.05rem
    }
}

.hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-]:before {
    font-size: 3.7rem;
    font-weight: normal;
    margin: 0 .5rem 0 2.7rem
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-]:before {
        font-size: 3rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-]:before {
        font-size: 1.45rem;
        margin: 0 .5rem 0 1.8rem
    }
}

.hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-alert:before, .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-nav-assistant:before {
    font-size: 5.3rem
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-alert:before, .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-nav-assistant:before {
        font-size: 4.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-alert:before, .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-nav-assistant:before {
        font-size: 2.65rem
    }
}

.hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-bluetooth:before {
    font-size: 5rem
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-bluetooth:before {
        font-size: 4.25rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-bluetooth:before {
        font-size: 2.5rem
    }
}

.hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-caller-id:before {
    font-size: 4.3rem
}

@media screen and (max-width: 1600px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-caller-id:before {
        font-size: 3.85rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features i[class^=icon-].icon-caller-id:before {
        font-size: 2.15rem
    }
}

.hero-wrapper .slide.contentRightBottom .slide__content .list-features > div:first-child i[class^=icon-]:before {
    margin-left: 0
}

@media screen and (max-width: 767.98px) {
    .hero-wrapper .slide.contentRightBottom .slide__content .list-features > div:first-child i[class^=icon-]:before {
        margin-left: 0
    }
}

.appLinks > .d-flex + .d-flex {
    position: relative;
    padding-left: 4.85rem
}

@media screen and (max-width: 767.98px) {
    .appLinks > .d-flex + .d-flex {
        padding-left: 2.35rem
    }
}

.appLinks > .d-flex + .d-flex:before {
    content: "";
    width: .8rem;
    height: calc(100% + 1rem);
    background: url(../images/banner/tvs-connect/slant-line.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: 2.5rem;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 767.98px) {
    .appLinks > .d-flex + .d-flex:before {
        left: 1.4rem
    }
}

.appLinks a {
    margin-left: 1.4rem
}

    .appLinks a.img-qr {
        padding: 5px;
        background: #fff;
        border-radius: 1rem;
        max-width: 6.1rem
    }

@media screen and (max-width: 767.98px) {
    .appLinks a img {
        max-width: 138px
    }
}

.banner-cta {
    display: flex;
    justify-content: flex-start
}

    .banner-cta .btn {
        width: 11.51vw;
        min-width: fit-content;
        height: 3.12vw;
        margin: 2.6vw 0 0;
        text-align: center;
        box-shadow: 0px 7px 12.1px .9px rgba(0,0,0,.25);
        border-style: solid;
        border-width: 2px;
        border-image-source: linear-gradient(to right, #000, #f82100, #000);
        border-image-slice: 1;
        background-image: linear-gradient(to right, #161616, #444);
        color: #fff;
        transform: skewX(-10deg) !important;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.09vw;
        line-height: 3.71;
        letter-spacing: .42px
    }

@media screen and (max-width: 767.98px) {
    .banner-cta .btn {
        font-size: 14px;
        height: 4rem;
        width: 14.1rem;
        margin: 0
    }
}

.banner-cta .btn + .btn {
    margin-left: 3.9rem
}

@media screen and (max-width: 767.98px) {
    .banner-cta .btn + .btn {
        margin-left: 1.8rem
    }
}

.banner-cta .btn span {
    transform: skewX(10deg)
}

@media screen and (max-width: 767.98px) {
    .banner-cta {
        position: absolute;
        bottom: 14.2rem;
        left: 50%;
        justify-content: center;
        transform: translateX(-50%)
    }
}

.banner-video {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, calc(50% + 4rem));
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 992px) {
    .banner-video {
        width: 6.77vw;
        height: 6.04vw;
        padding: 1.04vw 1.77vw 1.3vw .83vw;
        left: 0;
        bottom: 8.54vw;
        background: url(../images/banner/video-icon-bg.png) no-repeat center right;
        background-size: auto 100%;
        transform: translate(0, 0)
    }

        .banner-video button {
            padding: 0;
            margin: 0
        }

            .banner-video button img {
                max-width: 100%;
                display: block
            }
}

.non-premium-banner .banner-cta .btn {
    background: #18407e;
    border-radius: 10px;
    box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0,0,0,.28);
    border: solid 1px #fff;
    transform: none !important
}

    .non-premium-banner .banner-cta .btn span {
        transform: none
    }

@media screen and (max-width: 767.98px) {
    .non-premium-banner .banner-cta {
        bottom: 13.2rem
    }
}

@media screen and (min-width: 992px) {
    .non-premium-banner .banner-video {
        background: #18407e;
        width: 7.18vw;
        height: 6.35vw;
        border-top-right-radius: 3.17vw;
        border-bottom-right-radius: 3.17vw;
        padding: .46vw .52vw .46vw 1.25vw
    }
}

.features-wrapper {
    padding-top: 5rem;
    min-height: 33rem;
    background: var(--primary-blue);
    border-radius: 0rem 0rem 3rem 3rem;
    -webkit-border-radius: 0rem 0rem 3rem 3rem;
    -ms-border-radius: 0rem 0rem 3rem 3rem;
    -moz-border-radius: 0rem 0rem 3rem 3rem;
    z-index: 1
}

    .features-wrapper h2 {
        color: var(--white);
        letter-spacing: .04rem;
        padding: 2rem 0 6rem
    }

@media screen and (max-width: 991.98px) {
    .features-wrapper {
        padding-top: 3rem;
        padding-bottom: 5rem;
        min-height: 25rem
    }

        .features-wrapper h2 {
            padding: 2rem 0 2rem
        }
}

@media screen and (max-width: 767.98px) {
    .features-wrapper {
        padding-top: 1rem;
        padding-bottom: 0;
        min-height: 18.5rem
    }

        .features-wrapper h2 {
            padding: 2rem 0 2rem
        }
}

.features-tabs {
    margin: 0;
    background: var(--section-bg);
    position: relative;
    padding-bottom: 6.3rem
}

@media screen and (max-width: 1600px) {
    .features-tabs {
        padding-bottom: 3rem
    }
}

.features-tabs:before {
    background: var(--primary-blue);
    border-radius: 0 0 6rem 6rem;
    content: "";
    left: 0;
    min-height: 34.5rem;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .features-tabs:before {
        min-height: 20.6rem;
        border-radius: 0 0 3rem 3rem;
        -webkit-border-radius: 0 0 3rem 3rem;
        -ms-border-radius: 0 0 3rem 3rem;
        -moz-border-radius: 0 0 3rem 3rem
    }
}

@media screen and (max-width: 575.98px) {
    .features-tabs:before {
        min-height: 18.5rem;
        border-radius: 0 0 2rem 2rem;
        -webkit-border-radius: 0 0 2rem 2rem;
        -ms-border-radius: 0 0 2rem 2rem;
        -moz-border-radius: 0 0 2rem 2rem
    }
}

.features-tabs .view-all {
    margin-bottom: 1rem;
    position: relative;
    z-index: 100
}

    .features-tabs .view-all a:hover, .features-tabs .view-all a:focus, .features-tabs .view-all a:active, .features-tabs .view-all a:not(:disabled):not(.disabled):active {
        border: solid 2px var(--primary-blue);
        box-shadow: var(--shadow-none);
        -webkit-box-shadow: var(--shadow-none);
        -ms-box-shadow: var(--shadow-none);
        -moz-box-shadow: var(--shadow-none);
        background: var(--white);
        color: var(--primary-blue)
    }

    .features-tabs .view-all .btn-lg {
        min-width: 24.1rem;
        padding: 1.4rem 1rem;
        height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

@media screen and (max-width: 767.98px) {
    .features-tabs .view-all .btn-lg {
        min-width: 16rem;
        height: 4rem;
        padding: 1rem
    }
}

@media screen and (min-width: 1366px) {
    .features-tabs .view-all {
        margin-bottom: 2rem
    }
}

.features-tabs h2.title {
    color: var(--white);
    padding: 6rem 0
}

@media screen and (max-width: 1600px) {
    .features-tabs h2.title {
        padding: 3rem 0 1rem 0
    }
}

@media screen and (min-width: 1601px) {
    .features-tabs h2.title {
        padding: 8rem 0 5rem 0
    }
}

@media screen and (max-width: 575.98px) {
    .features-tabs h2.title {
        padding: 3.2rem 0
    }
}

.features-tabs .feature-bg {
    z-index: 1;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 1601px) {
    .features-tabs .feature-bg .container-md.explore-w {
        max-width: 150rem
    }
}

@media screen and (max-width: 1600px) {
    .features-tabs .feature-bg .container-md.explore-w {
        max-width: 125rem
    }
}

@media screen and (max-width: 575.98px) {
    .features-tabs .feature-bg .container-md {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 575.98px) {
    .features-tabs .feature-bg .row {
        padding-left: 0;
        padding-right: 0
    }
}

.features-tabs .nav-tabs {
    overflow: auto;
    flex-wrap: nowrap;
    max-width: 128rem;
    border: 0;
    justify-content: center
}

@media screen and (max-width: 1600px) {
    .features-tabs .nav-tabs {
        margin-bottom: .5rem
    }
}

@media screen and (min-width: 1601px) {
    .features-tabs .nav-tabs {
        margin-bottom: 5rem
    }
}

.features-tabs .nav-tabs .nav-item {
    margin: 0
}

    .features-tabs .nav-tabs .nav-item + .nav-item {
        margin: 0
    }

.features-tabs .nav-tabs .nav-link {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 400;
    color: var(--white);
    padding: 2rem 5rem;
    position: relative;
    border: 0
}

@media screen and (min-width: 1366px) {
    .features-tabs .nav-tabs .nav-link {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: var(--white)
    }
}

.features-tabs .nav-tabs .nav-link:before {
    content: "";
    width: 2rem;
    height: .4rem;
    border-radius: .21rem;
    background: var(--white);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    -webkit-transform: translateX(-50%) scaleX(0);
    -moz-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transition: 200ms linear 0s;
    -webkit-transition: 200ms linear 0s;
    -moz-transition: 200ms linear 0s;
    -ms-transition: 200ms linear 0s
}

@media screen and (min-width: 1366px) {
    .features-tabs .nav-tabs .nav-link:before {
        bottom: .6rem;
        width: 3rem
    }
}

.features-tabs .nav-tabs .nav-link.active {
    background: none;
    font-size: 3rem;
    line-height: 3.4rem;
    font-weight: 600;
    color: var(--white);
    border-color: transparent
}

@media screen and (min-width: 1366px) {
    .features-tabs .nav-tabs .nav-link.active {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 600;
        color: var(--white);
        line-height: 2.6rem
    }
}

.features-tabs .nav-tabs .nav-link.active:before {
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1)
}

@media screen and (min-width: 1601px) {
    .features-tabs .nav-tabs .nav-link {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 400;
        color: var(--white);
        padding: 1rem 5.5rem 2rem
    }

        .features-tabs .nav-tabs .nav-link.active {
            font-size: 3.4rem;
            line-height: 3.8rem;
            font-weight: 600;
            color: var(--white)
        }

            .features-tabs .nav-tabs .nav-link.active:before {
                height: .4rem;
                border-radius: 2rem;
                -webkit-border-radius: 2rem;
                -ms-border-radius: 2rem;
                -moz-border-radius: 2rem
            }
}

.features-tabs .tab-content {
    padding-top: 0rem;
    position: relative;
    padding-bottom: 0
}

.features-tabs .tab-title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 300;
    color: var(--tertiary-blue);
    margin-bottom: 1.8rem
}

.features-tabs .tab-paragraph {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 300;
    color: var(--black);
    margin-bottom: 4rem
}

@media screen and (max-width: 991.98px) {
    .features-tabs h1 {
        padding: 0rem 0 2.5rem
    }

    .features-tabs .nav-tabs .nav-link {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding-bottom: 1rem;
        padding: 1rem 1.75rem;
        white-space: nowrap
    }

        .features-tabs .nav-tabs .nav-link:before {
            width: 2rem;
            height: .4rem;
            border-radius: .21rem
        }

        .features-tabs .nav-tabs .nav-link.active {
            background: none;
            font-size: 1.8rem;
            line-height: 2.2rem;
            padding: .75rem 1.75rem
        }

            .features-tabs .nav-tabs .nav-link.active:before {
                transform: translateX(-50%) scaleX(1);
                -webkit-transform: translateX(-50%) scaleX(1);
                -moz-transform: translateX(-50%) scaleX(1);
                -ms-transform: translateX(-50%) scaleX(1)
            }

    .features-tabs .nav-item + .nav-item {
        margin-left: 5rem
    }

    .features-tabs .tab-title {
        margin-bottom: 2.4rem
    }

    .features-tabs .tab-paragraph {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .features-tabs {
        padding-top: .5rem
    }
}

@media screen and (max-width: 767.98px) {
    .features-tabs .tab-content {
        min-height: 0;
        padding-top: 1rem;
        padding-bottom: 2.5rem
    }
}

@media screen and (max-width: 767.98px)and (max-width: 575.98px) {
    .features-tabs .tab-content {
        min-height: 60rem;
        padding-bottom: 0
    }
}

@media screen and (max-width: 767.98px) {
    .features-tabs .nav-tabs {
        padding-left: 14rem;
        padding-right: 0rem;
        margin-bottom: 0
    }

        .features-tabs .nav-tabs .nav-link {
            font-size: 1.4rem;
            line-height: 1.8rem;
            padding-bottom: 1rem;
            padding: 1rem 1.75rem;
            white-space: nowrap
        }

            .features-tabs .nav-tabs .nav-link:before {
                width: 2rem;
                height: .25rem;
                border-radius: .3rem
            }

            .features-tabs .nav-tabs .nav-link.active {
                background: none;
                font-size: 1.8rem;
                line-height: 2.2rem;
                padding: .75rem 2rem
            }

                .features-tabs .nav-tabs .nav-link.active:before {
                    transform: translateX(-50%) scaleX(1);
                    -webkit-transform: translateX(-50%) scaleX(1);
                    -moz-transform: translateX(-50%) scaleX(1);
                    -ms-transform: translateX(-50%) scaleX(1)
                }
}

@media screen and (max-width: 767.98px) {
    .features-tabs .nav-item + .nav-item {
        margin-left: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .features-tabs .tab-title {
        font-size: 1.8rem;
        line-height: 2.2rem;
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .features-tabs .tab-paragraph {
        font-size: 1.2rem;
        line-height: 1.6rem;
        line-height: 1.8rem
    }
}

@media screen and (max-width: 575.98px) {
    .features-tabs .tab-content {
        min-height: 45rem
    }

    .features-tabs .nav-tabs {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: inherit;
        justify-content: flex-start
    }

        .features-tabs .nav-tabs .nav-item + .nav-item {
            margin-left: 1rem
        }

    .features-tabs .nav-item + .nav-item {
        margin-left: 0rem
    }

    .features-tabs .nav-tabs .nav-link {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

@media screen and (min-width: 1601px) {
    .features-tabs .nav-tabs {
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
        margin-bottom: -1rem;
        margin-left: 50%;
        transform: translateX(-50%);
        overflow: visible;
        white-space: nowrap
    }
}

.slider {
    padding: 50px 25px
}

.slideshow.slick-slider {
    overflow: hidden
}

.slick-list {
    overflow: hidden
}

.slick-current .slide-content {
    transform: scale(1.03)
}

.slick-slide {
    padding: 0
}

.slide-content {
    height: 250px;
    background-color: var(--white);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    border-radius: 5px;
    transform: scale(0.7);
    transition: transform ease .3s
}

.pagingInfo {
    display: flex;
    justify-content: center;
    align-items: baseline;
    color: #000;
    font-size: 2.2rem;
    padding: 1rem;
    width: 100%;
    font-weight: 700
}

    .pagingInfo .counter {
        font-weight: 700;
        font-size: 3.4rem;
        padding: 0 .5rem;
        color: #18407e
    }

    .pagingInfo .of {
        font-weight: 300;
        padding: 0 .75rem 0 0
    }

.slick-current .slide-award {
    transform: scale(1.03)
}

.slide-award {
    height: 300px;
    background-color: var(--white);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    border-radius: 5px;
    transform: scale(0.9);
    transition: transform ease .3s
}

.card-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .card-bg {
        max-width: 24rem;
        margin: 0 auto
    }
}

[data-current-site="Costa Rica"] ~ section.features-tabs #myTab {
    justify-content: center
}

.tvs-experience {
    background: var(--section-bg);
    position: relative;
    padding: 5rem 0 6rem 0;
    background-size: cover
}

@media screen and (max-width: 1600px) {
    .tvs-experience {
        padding: 2rem 0 5rem 0
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-experience {
        padding: 3.5rem 0
    }
}

@media screen and (max-width: 575.98px) {
    .tvs-experience {
        padding: 2rem 0 5rem
    }

        .tvs-experience .title {
            padding: 2rem 0 2rem
        }
}

@media screen and (min-width: 1601px) {
    .tvs-experience {
        padding: 8rem 0 10em 0
    }

        .tvs-experience .title {
            padding: 2rem 0 0rem
        }
}

.tvs-experience .slick-slider {
    margin-left: 6%;
    margin-right: 6%
}

@media screen and (min-width: 1601px) {
    .tvs-experience .slick-slider {
        margin-left: -12%;
        margin-right: -12%
    }
}

.tvs-experience .experience_slider {
    padding: 0rem 0 0
}

@media screen and (max-width: 991.98px) {
    .tvs-experience .experience_slider {
        padding: 2rem 0 0;
        margin: 0
    }
}

@media screen and (max-width: 575.98px) {
    .tvs-experience .experience_slider {
        padding: 0;
        margin: 0
    }
}

@media screen and (min-width: 1601px) {
    .tvs-experience .experience_slider {
        padding: 0
    }
}

.tvs-experience .slick-list {
    padding-top: 2% !important;
    padding-bottom: 3% !important;
    padding-left: 10% !important;
    padding-right: 9% !important;
    overflow: visible !important
}

@media screen and (max-width: 991.98px) {
    .tvs-experience .slick-list {
        padding-left: 8% !important;
        padding-right: 8% !important;
        padding-bottom: 5% !important
    }
}

@media screen and (max-width: 575.98px) {
    .tvs-experience .slick-list {
        padding-left: 10% !important;
        padding-right: 10% !important;
        padding-bottom: 8% !important
    }
}

@media screen and (min-width: 1601px) {
    .tvs-experience .slick-list {
        padding-top: 3% !important;
        padding-left: 7% !important;
        padding-right: 6% !important;
        padding-bottom: 3% !important
    }
}

.tvs-experience .slick-dots {
    text-align: center;
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0
}

.tvs-experience .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px
}

.tvs-experience .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s,opacity 1s
}

.tvs-experience .slick-snext, .tvs-experience .slick-sprev {
    display: block
}

.tvs-experience .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2
}

.tvs-experience .slick-snext {
    opacity: 1;
    transform: translate3d(10%, 0, -10px);
    z-index: 1;
    perspective: 1000px
}

@media screen and (max-width: 991.98px) {
    .tvs-experience .slick-snext {
        transform: translate3d(20%, 0, -20px)
    }
}

@media screen and (min-width: 1601px) {
    .tvs-experience .slick-snext {
        transform: translate3d(21%, 0, -28px)
    }
}

.tvs-experience .slick-sprev {
    opacity: 1;
    transform: translate3d(-10%, 0, -10px)
}

@media screen and (max-width: 991.98px) {
    .tvs-experience .slick-sprev {
        transform: translate3d(-20%, 0, -20px)
    }
}

@media screen and (min-width: 1601px) {
    .tvs-experience .slick-sprev {
        transform: translate3d(-21%, 0, -28px)
    }
}

.tvs-experience .experience {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem
}

    .tvs-experience .experience:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0px;
        right: 0;
        bottom: 8px;
        border-radius: inherit
    }

    .tvs-experience .experience .img-class {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
        max-width: 100%
    }

    .tvs-experience .experience .experience-content {
        position: absolute;
        z-index: 1;
        bottom: 2rem;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        color: var(--black)
    }

        .tvs-experience .experience .experience-content h3 {
            font-size: 2.8rem;
            line-height: 3.2rem;
            font-weight: 700;
            color: var(--black)
        }

        .tvs-experience .experience .experience-content p {
            font-size: 1.8rem;
            line-height: 2.2rem;
            font-weight: 400;
            color: var(--black);
            margin-bottom: 3rem
        }

@media screen and (min-width: 1601px) {
    .tvs-experience .experience .experience-content {
        bottom: 4.2rem
    }

        .tvs-experience .experience .experience-content h3 {
            font-size: 4.4rem;
            line-height: 4.8rem
        }

        .tvs-experience .experience .experience-content p {
            font-size: 3rem;
            line-height: 3.4rem
        }
}

.tvs-experience .experience .web-experience {
    display: block
}

.tvs-experience .experience .mobile-experience {
    display: none
}

@media screen and (max-width: 991.98px) {
    .tvs-experience .experience {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        height: 100%
    }

        .tvs-experience .experience .experience-content {
            left: 7%;
            right: 7%
        }

            .tvs-experience .experience .experience-content h3 {
                font-size: 2.4rem;
                line-height: 2.8rem
            }

            .tvs-experience .experience .experience-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 400
            }

        .tvs-experience .experience .web-experience {
            display: none
        }

        .tvs-experience .experience .mobile-experience {
            display: block
        }
}

@media screen and (max-width: 767.98px) {
    .tvs-experience .experience {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        height: 100%
    }

        .tvs-experience .experience .experience-content {
            left: 7%;
            right: 7%
        }

            .tvs-experience .experience .experience-content h3 {
                font-size: 2.4rem;
                line-height: 2.8rem
            }

            .tvs-experience .experience .experience-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 400;
                margin-bottom: 1rem
            }

        .tvs-experience .experience .mobile-experience {
            height: auto
        }
}

.tvs-experience .experience:focus, .tvs-experience .experience_slide.slick-slide.slick-current.slick-active.slick-center:focus, .tvs-experience .experience_slide.slick-slide.slick-sprev:focus, .tvs-experience .experience_slide.slick-slide.slick-cloned.slick-sprev2:focus, .tvs-experience .experience_slide.slick-slide.slick-snext:focus, .tvs-experience .experience_slide.slick-slide.slick-snext2:focus {
    outline: none
}

.tvs-experience .img-class {
    max-width: 100%
}

.tvs-experience .slick-prev, .tvs-experience .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: red;
    border: none;
    outline: none
}

.tvs-experience .slick-next {
    right: -2rem
}

@media screen and (min-width: 1601px) {
    .tvs-experience .slick-next {
        right: -6rem
    }
}

.tvs-experience .slick-next.slick-arrow {
    opacity: 1
}

    .tvs-experience .slick-next.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 500;
        color: var(--primary-blue)
    }

.tvs-experience .slick-next:before {
    font-weight: 500;
    opacity: 1
}

.tvs-experience .slick-prev {
    left: -20px
}

@media screen and (min-width: 1601px) {
    .tvs-experience .slick-prev {
        left: -5rem
    }
}

.tvs-experience .slick-prev.slick-arrow {
    opacity: 1
}

    .tvs-experience .slick-prev.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 500;
        color: var(--primary-blue)
    }

.tvs-experience .slick-prev:before {
    font-weight: 500;
    opacity: 1
}

.tvs-experience .slick-dots li {
    height: 3rem;
    width: 3rem
}

    .tvs-experience .slick-dots li button {
        width: 3rem;
        height: 3rem
    }

        .tvs-experience .slick-dots li button:before {
            color: var(--tvs-blue);
            font-size: 4rem;
            line-height: 2rem;
            opacity: 1
        }

    .tvs-experience .slick-dots li.slick-active button {
        width: 3rem;
        height: 3rem
    }

        .tvs-experience .slick-dots li.slick-active button:before {
            color: var(--grey-31);
            opacity: 1;
            font-size: 5rem
        }

.tvs-experience .pagingInfoRev {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: var(--black);
    padding: 0rem 1rem;
    width: 100%
}

    .tvs-experience .pagingInfoRev .counter {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 700;
        color: var(--primary-blue);
        padding: 0 .5rem
    }

    .tvs-experience .pagingInfoRev .of {
        font-weight: 300;
        padding: 0 .75rem 0 0
    }

@media screen and (min-width: 1601px) {
    .tvs-experience .pagingInfoRev {
        padding: 1rem;
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 700;
        color: var(--black)
    }

        .tvs-experience .pagingInfoRev .counter {
            font-size: 4rem;
            line-height: 4.4rem;
            font-weight: 700;
            color: var(--primary-blue)
        }
}

@media screen and (max-width: 991.98px) {
    .tvs-experience .pagingInfoRev {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: 2rem
    }

        .tvs-experience .pagingInfoRev .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

.experience .read-more {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -4rem
}

.who-we-are {
    background: var(--section-bg);
    padding: 6.5rem 0 16.4rem
}

@media screen and (max-width: 1600px) {
    .who-we-are {
        padding: 6.5rem 0 10rem
    }
}

@media screen and (min-width: 1601px) {
    .who-we-are {
        padding: 11.6rem 0 16.4rem
    }
}

@media screen and (max-width: 991.98px) {
    .who-we-are {
        padding: 5rem 0
    }
}

@media screen and (max-width: 575.98px) {
    .who-we-are {
        padding: 1rem 0 7rem 0
    }
}

.who-we-are .card-section {
    position: relative;
    z-index: 1
}

.who-we-are .who-we {
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 1.8rem 0rem;
    display: flex;
    position: relative
}

    .who-we-are .who-we:before {
        content: "";
        border-bottom: 4px solid #e42d38;
        width: 90%;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 5%;
        right: 5%;
        text-align: center
    }

@media screen and (max-width: 991.98px) {
    .who-we-are .who-we {
        max-width: 40rem;
        display: inline-block;
        position: relative;
        padding: 0;
        margin-bottom: 0
    }

        .who-we-are .who-we:before {
            content: "";
            border-bottom: 2px solid #e42d38;
            width: 80%;
            position: absolute;
            z-index: -1;
            top: 30%;
            left: 7%;
            right: 10%;
            text-align: center
        }

        .who-we-are .who-we:after {
            content: "";
            border-bottom: 2px solid #e42d38;
            width: 80%;
            position: absolute;
            z-index: -1;
            bottom: 25%;
            left: 0;
            right: 0%;
            text-align: center;
            margin: 0 auto
        }
}

@media screen and (max-width: 767.98px) {
    .who-we-are .who-we {
        max-width: 36rem;
        margin: 0 auto;
        padding: 2rem 1rem 0rem
    }
}

.who-we-are .who-we-are-card {
    width: 26rem;
    height: 26rem;
    margin: 1rem
}

    .who-we-are .who-we-are-card .card {
        margin: 0rem;
        padding: 1rem .9rem;
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        height: 100%;
        display: flex;
        border: 0
    }

        .who-we-are .who-we-are-card .card h4 {
            font-size: 1.9rem;
            line-height: 2.3rem;
            font-weight: 600;
            color: var(--grey-1);
            text-align: center;
            line-height: 2.8rem;
            margin: 0
        }

    .who-we-are .who-we-are-card .img-card {
        width: 12.5rem;
        margin: 1.5rem auto 2rem
    }

@media screen and (max-width: 991.98px) {
    .who-we-are .who-we-are-card {
        max-width: 18rem;
        max-height: 18rem;
        margin: .75rem;
        float: left
    }

        .who-we-are .who-we-are-card .card h4 {
            font-size: 1.3rem;
            line-height: 1.7rem;
            font-weight: 600;
            color: var(--black);
            padding: 0
        }
}

@media screen and (max-width: 991.98px)and (max-width: 575.98px) {
    .who-we-are .who-we-are-card .card h4 {
        margin-bottom: 0
    }
}

@media screen and (max-width: 991.98px) {
    .who-we-are .who-we-are-card .img-card {
        width: 7rem;
        margin: 1rem auto
    }
}

@media screen and (max-width: 991.98px) {
    .who-we-are .who-we-are-card:first-child:after {
        content: "";
        border-left: 3px solid #e42d38;
        position: absolute;
        z-index: -1;
        top: 30%;
        left: 25%;
        right: 10%;
        text-align: center;
        height: 50%
    }

    .who-we-are .who-we-are-card:first-child:before {
        content: "";
        border-left: 3px solid #e42d38;
        position: absolute;
        z-index: -1;
        top: 30%;
        left: auto;
        right: 25%;
        height: 50%;
        text-align: center
    }
}

@media screen and (max-width: 991.98px) {
    .who-we-are .who-we-are-card:nth-child(3):last-child {
        max-width: calc(100% - 1.5rem);
        width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .who-we-are .who-we-are-card {
        max-width: 15.5rem;
        max-height: 16rem;
        width: 15.5rem;
        height: 15.5rem;
        float: left
    }

        .who-we-are .who-we-are-card:first-child:after {
            content: "";
            border-left: 2px solid #e42d38;
            position: absolute;
            z-index: -1;
            top: 30%;
            left: 25%;
            right: 10%;
            text-align: center;
            height: 50%
        }

        .who-we-are .who-we-are-card:first-child:before {
            content: "";
            border-left: 2px solid #e42d38;
            position: absolute;
            z-index: -1;
            top: 30%;
            left: auto;
            right: 25%;
            height: 50%;
            text-align: center
        }
}

@media screen and (min-width: 1601px) {
    .who-we-are .who-we-are-card {
        width: 27rem;
        height: 30rem
    }

        .who-we-are .who-we-are-card .card {
            padding: 1.2rem
        }

            .who-we-are .who-we-are-card .card .img-card {
                width: 15rem;
                margin: 1.5rem auto 2rem
            }

            .who-we-are .who-we-are-card .card h4 {
                font-size: 2.4rem;
                line-height: 2.8rem;
                font-weight: 600;
                color: var(--grey-1);
                line-height: 3.4rem;
                padding: 0rem;
                margin: 0
            }
}

.who-we-are .sub-head {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 3.5rem;
    padding-top: 3rem;
    color: var(--black-2);
    width: 90%
}

@media screen and (min-width: 1601px) {
    .who-we-are .sub-head {
        width: 85%
    }
}

@media screen and (max-width: 1600px) {
    .who-we-are .sub-head {
        padding-top: 1rem;
        padding-bottom: 0rem
    }
}

@media screen and (max-width: 991.98px) {
    .who-we-are .sub-head {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--black);
        line-height: 2.2rem;
        padding-top: 2.25rem
    }
}

@media screen and (max-width: 575.98px) {
    .who-we-are .sub-head {
        padding-bottom: 1rem;
        width: 100%;
        padding-bottom: 0rem
    }
}

img {
    max-width: 100%
}

.center-motor {
    width: 100%;
    margin: 0 auto -3rem
}

@media screen and (max-width: 1600px) {
    .center-motor {
        margin: 0 auto -9rem
    }
}

.center-motor .slick-slide {
    transition: all .3s;
    outline: none
}

.center-motor .slick-next {
    z-index: 10;
    background-color: transparent;
    right: -4%;
    width: 3rem;
    height: 3rem
}

    .center-motor .slick-next.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 500;
        color: var(--primary-blue);
        opacity: 1
    }

@media screen and (min-width: 1366px) {
    .center-motor .slick-next.slick-arrow:before {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 1600px) {
    .center-motor .slick-next {
        right: -1%;
        top: 40%
    }
}

@media screen and (max-width: 575.98px) {
    .center-motor .slick-next {
        right: 2rem;
        top: auto;
        height: 30px;
        bottom: 5.3rem
    }

        .center-motor .slick-next.slick-arrow:before {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 500;
            opacity: 1
        }
}

.center-motor .slick-prev.slick-arrow {
    z-index: 10;
    background-color: transparent;
    left: -4%;
    width: 3rem;
    height: 3rem
}

    .center-motor .slick-prev.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        opacity: 1;
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 500;
        color: var(--primary-blue)
    }

@media screen and (min-width: 1366px) {
    .center-motor .slick-prev.slick-arrow:before {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 1600px) {
    .center-motor .slick-prev.slick-arrow {
        left: -2%;
        top: 40%
    }
}

@media screen and (max-width: 575.98px) {
    .center-motor .slick-prev.slick-arrow {
        left: 1.5rem;
        top: auto;
        height: 30px;
        bottom: 5.3rem
    }

        .center-motor .slick-prev.slick-arrow:before {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 500;
            opacity: 1
        }
}

.center-motor .explore-btn {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 991.98px) {
    .center-motor .explore-btn {
        bottom: -1.1rem
    }
}

@media screen and (max-width: 991.98px) {
    .center-motor {
        margin: 0 auto
    }
}

.center-motor .slick-track {
    margin-left: 0;
    margin-right: 0
}

.features-tabs .pagingInfoMotor {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 700;
    color: var(--black);
    padding: 1rem;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .features-tabs .pagingInfoMotor {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 700;
        color: var(--black)
    }
}

@media screen and (min-width: 1366px) {
    .features-tabs .pagingInfoMotor {
        padding: 0 1rem 1rem 0
    }
}

.features-tabs .pagingInfoMotor .counter {
    font-size: 3.8rem;
    line-height: 4.2rem;
    font-weight: 700;
    color: var(--primary-blue);
    padding: 0 .5rem
}

@media screen and (max-width: 1600px) {
    .features-tabs .pagingInfoMotor .counter {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 700;
        color: var(--primary-blue)
    }
}

.features-tabs .pagingInfoMotor .of {
    font-weight: 300;
    padding: 0 .75rem 0 0
}

@media screen and (max-width: 991.98px) {
    .features-tabs .pagingInfoMotor {
        font-size: 1.6rem;
        line-height: 2rem
    }

        .features-tabs .pagingInfoMotor .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

@media screen and (max-width: 575.98px) {
    .features-tabs .pagingInfoMotor {
        margin-top: -5rem;
        margin-bottom: 0rem;
        padding: 0 1rem 0rem
    }
}

.vh-card-outer {
    margin-bottom: 4rem
}

    .vh-card-outer .vh-card-header {
        height: 8rem;
        margin: 1rem auto;
        padding: 0;
        position: relative;
        text-align: center;
        width: 36rem
    }

        .vh-card-outer .vh-card-header:before {
            background: var(--grey-27);
            border-radius: 1.5rem 1.5rem 0 0;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            transform: skew(0deg, -2deg);
            width: 100%
        }

        .vh-card-outer .vh-card-header:after {
            background: var(--grey-27);
            bottom: -1.5rem;
            content: "";
            height: 75%;
            left: 0;
            position: absolute;
            width: 100%;
            z-index: 1
        }

        .vh-card-outer .vh-card-header h2 {
            color: var(--white);
            font-size: 2.4rem;
            font-weight: 900;
            left: 50%;
            margin: 0;
            padding: 0;
            position: absolute;
            text-align: center;
            top: 60%;
            transform: translate(-50%, -50%);
            width: 100%;
            z-index: 10
        }

@media screen and (min-width: 1601px) {
    .vh-card-outer .vh-card-header h2 {
        font-size: 3.4rem
    }
}

.vh-card-outer .red:before {
    background: red
}

.vh-card-outer .red:after {
    background: red
}

.vh-card-outer .blue:before {
    background: blue
}

.vh-card-outer .blue:after {
    background: blue
}

.vh-card-outer .vh-card-body {
    background: var(--white);
    margin: 0 auto;
    width: 36rem;
    border-radius: 0 0 1.25rem 1.25rem;
    -webkit-border-radius: 0 0 1.25rem 1.25rem;
    -ms-border-radius: 0 0 1.25rem 1.25rem;
    -moz-border-radius: 0 0 1.25rem 1.25rem
}

@media screen and (max-width: 1600px) {
    .vh-card-outer .vh-card-body {
        min-height: 35rem
    }
}

@media screen and (min-width: 1601px) {
    .vh-card-outer .vh-card-body {
        min-height: 47rem;
        border-radius: 0 0 2rem 2rem;
        -webkit-border-radius: 0 0 2rem 2rem;
        -ms-border-radius: 0 0 2rem 2rem;
        -moz-border-radius: 0 0 2rem 2rem
    }
}

.vh-card-outer .vh-card-body .vh-card-img {
    bottom: 7.75rem;
    left: 0;
    position: absolute
}

@media screen and (max-width: 1600px) {
    .vh-card-outer .vh-card-body.with-pricing {
        min-height: 44rem
    }
}

@media screen and (min-width: 1601px) {
    .vh-card-outer .vh-card-body.with-pricing {
        min-height: 53rem
    }
}

.vh-card-outer .vh-card-body .pricing {
    position: absolute;
    bottom: 8.5rem;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (min-width: 1601px) {
    .vh-card-outer .vh-card-body .pricing {
        bottom: 10.5rem
    }
}

.vh-card-outer .vh-card-specs {
    display: flex;
    justify-content: space-evenly;
    padding: 2.5rem 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: var(--grey-28)
}

@media screen and (max-width: 1600px) {
    .vh-card-outer .vh-card-specs {
        padding: 1.5rem 0
    }
}

@media screen and (min-width: 1601px) {
    .vh-card-outer .vh-card-specs {
        padding: 2.5rem 0
    }
}

.vh-card-outer .vh-card-specs > div {
    border-right: 1px solid var(--grey-29);
    border-radius: 0;
    padding: .5rem .8rem;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: 33%
}

    .vh-card-outer .vh-card-specs > div span {
        display: block;
        letter-spacing: .1rem;
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 600;
        color: var(--black)
    }

        .vh-card-outer .vh-card-specs > div span.text-span {
            letter-spacing: .25rem;
            font-size: 1.4rem;
            line-height: 1.8rem;
            font-weight: 600;
            color: var(--grey-29);
            word-break: break-word
        }

    .vh-card-outer .vh-card-specs > div:last-child {
        border-right: 0px solid var(--black)
    }

.vh-card-outer .v-card-footer {
    background: var(--white);
    padding: 0rem 2rem;
    width: auto;
    margin: 0 auto;
    position: absolute;
    bottom: 1.7rem;
    left: 50%;
    transform: translate(-50%, 5%);
    visibility: visible;
    height: 5rem
}

@media screen and (min-width: 1601px) {
    .vh-card-outer .v-card-footer {
        height: 5.9rem;
        bottom: 1.7rem;
        padding: 0rem .8rem;
        width: 21.3rem
    }
}

@media screen and (max-width: 1600px) {
    .vh-card-outer .v-card-footer {
        height: 4.5rem;
        bottom: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .vh-card-outer .v-card-footer {
        padding: 0rem 2.5rem;
        bottom: 2.3rem;
        height: 4rem
    }
}

@media screen and (max-width: 575.98px) {
    .vh-card-outer .v-card-footer {
        padding: 0rem 1.2rem;
        bottom: 2.25rem;
        width: 127px;
        height: 3.9rem
    }
}

.vh-card-outer .v-card-footer button {
    font-size: 1.8rem;
    line-height: initial;
    padding: 0
}

@media screen and (max-width: 575.98px) {
    .vh-card-outer .v-card-footer button {
        font-size: 1.4rem
    }
}

.vh-card-outer .v-card-footer p {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--grey-30);
    margin: 0;
    line-height: 2.5rem
}

@media screen and (max-width: 575.98px) {
    .vh-card-outer .v-card-footer p {
        font-size: 1.2rem;
        line-height: inherit
    }
}

.vh-card-outer .v-card-footer p span {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 900;
    color: var(--red-4);
    align-items: center;
    display: inline-flexbox;
    justify-content: center
}

@media screen and (max-width: 575.98px) {
    .vh-card-outer .v-card-footer p span {
        font-size: 1.6rem
    }
}

.vh-card-outer .v-card-footer p span:last-child {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: var(--grey-30);
    margin-left: 1rem
}

@media screen and (max-width: 1199.98px) {
    .vh-card-outer .v-card-footer p {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        color: var(--grey-30)
    }
}

.vh-card-outer .v-card-footer .btn.btn-white {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    font-size: 1.8rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    padding: 0 2rem
}

@media screen and (max-width: 1600px) {
    .vh-card-outer .v-card-footer .btn.btn-white {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 767.98px) {
    .vh-card-outer .v-card-footer .btn.btn-white {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
}

.vh-card-outer .v-card-footer .btn.btn-white:hover, .vh-card-outer .v-card-footer .btn.btn-white:focus, .vh-card-outer .v-card-footer .btn.btn-white:active, .vh-card-outer .v-card-footer .btn.btn-white:not(:disabled):not(.disabled):active {
    border: solid 0px var(--white);
    background: var(--white);
    box-shadow: var(--shadow-none);
    -webkit-box-shadow: var(--shadow-none);
    -ms-box-shadow: var(--shadow-none);
    -moz-box-shadow: var(--shadow-none);
    color: var(--tvs-blue)
}

@media screen and (min-width: 1601px) {
    .vh-card-outer .vh-card-body {
        width: 36rem
    }

        .vh-card-outer .vh-card-body .vh-card-img {
            bottom: 13rem
        }

        .vh-card-outer .vh-card-body.with-pricing .vh-card-img {
            bottom: 21rem
        }
}

@media screen and (max-width: 1600px) {
    .vh-card-outer {
        padding-top: 1rem
    }

        .vh-card-outer .vh-card-header {
            width: 30rem;
            height: 6rem
        }

            .vh-card-outer .vh-card-header h2 {
                top: 65%
            }

        .vh-card-outer .vh-card-body {
            width: 30rem
        }

            .vh-card-outer .vh-card-body .vh-card-img {
                bottom: 8rem
            }

            .vh-card-outer .vh-card-body.with-pricing .vh-card-img {
                bottom: 18rem
            }

        .vh-card-outer .vh-card-specs > div span {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 600;
            color: var(--black)
        }

            .vh-card-outer .vh-card-specs > div span.text-span {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 600;
                color: var(--grey-29)
            }
}

@media screen and (max-width: 1199.98px) {
    .vh-card-outer .vh-card-header {
        width: 30rem
    }

    .vh-card-outer .vh-card-body {
        width: 30rem
    }
}

@media screen and (max-width: 991.98px) {
    .vh-card-outer .vh-card-header {
        width: 30rem
    }

    .vh-card-outer .vh-card-body {
        min-height: 33rem;
        width: 30rem
    }

        .vh-card-outer .vh-card-body .vh-card-img {
            max-width: 38rem;
            right: 0;
            margin: 0 auto;
            bottom: auto
        }

        .vh-card-outer .vh-card-body.with-pricing {
            min-height: 43rem
        }

    .vh-card-outer .vh-card-specs > div {
        padding: 0 .5rem
    }

        .vh-card-outer .vh-card-specs > div span {
            font-size: 1.5rem;
            line-height: 1.9rem;
            letter-spacing: normal
        }

            .vh-card-outer .vh-card-specs > div span.text-span {
                letter-spacing: 1px;
                font-size: 1rem
            }
}

@media screen and (max-width: 575.98px) {
    .vh-card-outer .vh-card-header {
        width: 22rem;
        height: 5rem
    }

    .vh-card-outer .vh-card-body {
        min-height: 29rem;
        width: 22rem
    }

        .vh-card-outer .vh-card-body.with-pricing {
            min-height: 36rem
        }

    .vh-card-outer .vh-card-specs > div {
        padding: 0 .5rem
    }

        .vh-card-outer .vh-card-specs > div span {
            font-size: 1.2rem;
            line-height: 1.6rem;
            line-height: 1.4rem;
            letter-spacing: normal
        }

            .vh-card-outer .vh-card-specs > div span.text-span {
                letter-spacing: 1px;
                font-size: .75rem
            }
}

.center-motor .slick-slide, .center-motor .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.95, 0.95);
    transition: transform .3s
}

@media screen and (min-width: 1601px) {
    .center-motor .slick-slide, .center-motor .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
        transform: scale(0.85, 0.85)
    }
}

@media screen and (max-width: 1600px) {
    .center-motor .slick-slide, .center-motor .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
        transform: scale(0.8, 0.8);
        transform-origin: top center
    }
}

.center-motor .slick-center.slick-current.slick-active, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
    transform: scale(0.95, 0.95);
    transition: transform .3s
}

@media screen and (min-width: 1601px) {
    .center-motor .slick-center.slick-current.slick-active, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(0.85, 0.85)
    }
}

@media screen and (max-width: 1600px) {
    .center-motor .slick-center.slick-current.slick-active, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(0.8, 0.8);
        transform-origin: top center
    }
}

@media screen and (max-width: 575.98px) {
    .center-motor .slick-slide, .center-motor .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.85, 0.85);
        transition: transform .3s;
        transform-origin: top center
    }

        .center-motor .slick-slide .vh-card-header, .center-motor .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] .vh-card-header {
            visibility: hidden
        }

        .center-motor .slick-slide .vh-card-body, .center-motor .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] .vh-card-body {
            background: transparent
        }

            .center-motor .slick-slide .vh-card-body .vh-card-specs, .center-motor .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] .vh-card-body .vh-card-specs {
                visibility: hidden
            }

        .center-motor .slick-center.slick-current.slick-active, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(0.9, 0.9);
            transition: transform .3s;
            transform-origin: top center
        }

            .center-motor .slick-center.slick-current.slick-active .vh-card-outer, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .vh-card-outer {
                padding-top: 0rem
            }

            .center-motor .slick-center.slick-current.slick-active .vh-card-header, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .vh-card-header {
                visibility: visible
            }

                .center-motor .slick-center.slick-current.slick-active .vh-card-header h2, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .vh-card-header h2 {
                    font-size: 1.8rem
                }

            .center-motor .slick-center.slick-current.slick-active .vh-card-body, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .vh-card-body {
                background: var(--white)
            }

                .center-motor .slick-center.slick-current.slick-active .vh-card-body .vh-card-specs, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .vh-card-body .vh-card-specs {
                    visibility: visible
                }

            .center-motor .slick-center.slick-current.slick-active .vh-card-img, .center-motor .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .vh-card-img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1)
            }
}

.business-together {
    background: url(../images/business-together.jpg);
    background-repeat: no-repeat;
    background-position: 30% 70%;
    background-size: cover;
    padding: 6rem 0
}

    .business-together h2 {
        display: flex;
        justify-content: center;
        color: #fff
    }

@media screen and (max-width: 575.98px) {
    .business-together h2 {
        max-width: 80%;
        margin: 0 auto;
        padding-bottom: 2rem
    }
}

.business-together .business-content {
    text-align: center;
    padding: 0rem 0 2rem;
    margin-bottom: 0;
    color: #fff
}

    .business-together .business-content .text-content h4 {
        font-size: 2.8rem;
        font-weight: 600;
        padding: 0rem 0 .5rem;
        letter-spacing: 1px
    }

    .business-together .business-content .text-content p {
        font-size: 2rem;
        font-weight: 400;
        margin: 0 auto;
        margin-bottom: 5.4rem;
        letter-spacing: 1px;
        width: 94.5rem
    }

@media screen and (max-width: 991.98px) {
    .business-together .business-content .text-content p {
        width: 70%
    }
}

@media screen and (max-width: 767.98px) {
    .business-together .business-content .text-content p {
        width: 100%
    }
}

.business-together .business-content .apply {
    padding: 5rem 0 2rem;
    font-size: 2.2rem;
    font-weight: 400;
    margin: 0;
    letter-spacing: 1px
}

.business-together .business-content .business-icon {
    align-items: center;
    background: #fff;
    border-radius: 100%;
    display: flex;
    height: 15rem;
    justify-content: center;
    margin: 3.5rem auto;
    position: relative;
    width: 15rem
}

    .business-together .business-content .business-icon img {
        left: 50%;
        max-width: 9rem;
        position: absolute;
        top: 50%;
        transform: translate(-45%, -45%)
    }

.business-together .business-content .btn.lg-xl.country-partnerwithus-button {
    min-width: 18.1rem;
    padding: 1.25rem 2rem;
    box-shadow: 0px 7px 12.09px 0.91px rgba(0,0,0,.25)
}

@media screen and (min-width: 1601px) {
    .business-together .business-content .btn.lg-xl.country-partnerwithus-button {
        min-width: 31.1rem;
        height: 6.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .business-together .business-content .btn.lg-xl.country-partnerwithus-button {
        height: 4.1rem;
        line-height: 1
    }
}

@media screen and (min-width: 1601px) {
    .business-together {
        padding: 12rem 0
    }

        .business-together .business-content {
            padding: 0rem 0 4rem
        }

            .business-together .business-content .text-content h4 {
                font-size: 3.6rem;
                line-height: 4rem;
                font-weight: 600;
                color: var(--white)
            }

            .business-together .business-content .text-content p {
                font-size: 3.2rem;
                line-height: 3.6rem;
                font-weight: 400;
                color: var(--white);
                letter-spacing: .5px;
                width: 82%
            }

            .business-together .business-content .apply {
                font-size: 3.2rem;
                line-height: 3.6rem;
                font-weight: 400;
                color: var(--white);
                padding: 8rem 0 2rem
            }

            .business-together .business-content .business-icon {
                align-items: center;
                background: #fff;
                border-radius: 100%;
                display: flex;
                height: 18rem;
                justify-content: center;
                margin: 3.5rem auto;
                position: relative;
                width: 18rem
            }

                .business-together .business-content .business-icon img {
                    left: 50%;
                    max-width: 12rem;
                    position: absolute;
                    top: 50%;
                    transform: translate(-45%, -45%)
                }
}

@media screen and (max-width: 1600px) {
    .business-together .business-content .text-content p {
        margin-bottom: 4.4rem
    }

    .business-together .business-content .business-icon {
        height: 14rem;
        width: 14rem
    }
}

@media screen and (max-width: 991.98px) {
    .business-together {
        padding: 4rem 0 6rem 0;
        background-position: 70% 30%
    }

        .business-together .business-content {
            padding: 0rem 0 2rem
        }

            .business-together .business-content .business-icon {
                height: 9.6rem;
                position: relative;
                width: 9.6rem;
                margin: 1.5rem auto 2rem
            }

                .business-together .business-content .business-icon img {
                    left: 50%;
                    max-width: 6.9rem;
                    position: absolute;
                    top: 50%;
                    transform: translate(-45%, -45%)
                }

            .business-together .business-content .text-content h4 {
                font-size: 1.8rem;
                letter-spacing: .5px
            }

            .business-together .business-content .text-content p {
                font-size: 1.6rem;
                letter-spacing: .5px
            }
}

@media screen and (max-width: 991.98px)and (max-width: 575.98px) {
    .business-together .business-content .text-content p {
        max-width: 89%;
        text-align: center;
        margin-bottom: 2.3rem;
        letter-spacing: normal;
        line-height: 1.38
    }
}

@media screen and (max-width: 991.98px) {
    .business-together .business-content .apply {
        padding: 4rem 0 0rem;
        font-size: 1.6rem;
        letter-spacing: .5px
    }
}

@media screen and (max-width: 991.98px) {
    .business-together .business-content .sendBtn {
        font-size: 1.4rem;
        padding: 1.25rem 0rem;
        max-width: 18rem;
        margin: 0 auto;
        letter-spacing: .28px;
        min-width: auto
    }
}

.dealer-map {
    background: var(--white);
    padding: 7rem 0 7rem 0
}

    .dealer-map h2 {
        display: flex;
        justify-content: center;
        padding: 0rem 0 4rem;
        margin-bottom: 0
    }

@media screen and (max-width: 1600px) {
    .dealer-map {
        padding: 4rem 0 6rem 0
    }
}

@media screen and (min-width: 1601px) {
    .dealer-map {
        padding: 12.5rem 0 14.5rem 0
    }

        .dealer-map h2 {
            padding: 0rem 0 5.3rem
        }
}

@media screen and (max-width: 991.98px) {
    .dealer-map {
        padding: 4.7rem 0 6.3rem;
        margin-bottom: 9rem
    }

        .dealer-map h2 {
            padding: 0rem 1rem 2rem
        }
}

@media screen and (max-width: 575.98px) {
    .dealer-map {
        margin-bottom: 3rem
    }
}

.map-list {
    background: transparent;
    border-radius: 2rem;
    height: 70.3rem;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 0
}

@media screen and (max-width: 1600px) {
    .map-list {
        height: 45.7rem
    }
}

@media screen and (max-width: 991.98px) {
    .map-list {
        height: auto
    }
}

@media screen and (max-width: 767.98px) {
    .map-list {
        border-radius: 0
    }
}

.map-list .dealer-find {
    padding: 1rem 1rem 1.5rem
}

    .map-list .dealer-find h3 {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 600;
        color: var(--black);
        margin-bottom: 0
    }

    .map-list .dealer-find p {
        margin: 0;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--black);
        padding-bottom: 0;
        padding-top: .75rem
    }

@media screen and (min-width: 1601px) {
    .map-list .dealer-find h3 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 600;
        color: var(--black)
    }

    .map-list .dealer-find p {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 400;
        color: var(--black)
    }
}

@media screen and (max-width: 991.98px) {
    .map-list .dealer-find {
        padding-top: 0;
        padding-bottom: 1.5rem
    }

        .map-list .dealer-find h3 {
            font-size: 2.2rem;
            line-height: 2.6rem;
            font-weight: 600;
            color: var(--black)
        }
}

.map-list .dealer-address {
    padding: 2rem 1.5rem;
    border-radius: 1rem;
    background-color: #fff;
    margin: 0 .8rem 2rem .8rem;
    position: relative
}

@media screen and (max-width: 575.98px) {
    .map-list .dealer-address {
        margin-top: 0
    }
}

@media screen and (max-width: 991.98px) {
    .map-list .dealer-address {
        margin: 0 .6rem 2rem .8rem
    }
}

.map-list .dealer-address + .dealer-address {
    margin-top: 2rem
}

@media screen and (max-width: 991.98px) {
    .map-list .dealer-address + .dealer-address {
        margin: 2rem .6rem 2rem .8rem
    }
}

.map-list .dealer-address .map {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    padding-bottom: 1.5rem
}

    .map-list .dealer-address .map em {
        padding: .25rem 1.5rem .25rem 0
    }

        .map-list .dealer-address .map em.icon-locations {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 500;
            color: var(--grey-17)
        }

        .map-list .dealer-address .map em.icon-compass {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 500;
            color: var(--grey-17)
        }

@media screen and (max-width: 575.98px) {
    .map-list .dealer-address .map em {
        display: none
    }
}

.map-list .dealer-address .map .address {
    padding-right: 4rem
}

    .map-list .dealer-address .map .address h3 {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--black);
        text-transform: uppercase
    }

    .map-list .dealer-address .map .address p {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--black);
        margin-bottom: 0
    }

.map-list .dealer-address .map .direction {
    background: var(--primary-blue);
    box-shadow: 2px 3px 8.4px 1.6px rgba(0,0,0,.28);
    border: solid 1px var(--white);
    height: 4.165rem;
    width: 4.165rem;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -moz-border-radius: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    cursor: pointer
}

    .map-list .dealer-address .map .direction em {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 400;
        color: var(--white);
        padding: 0
    }

.map-list .dealer-address .map .direction-mobile {
    display: none
}

.map-list .dealer-address .phone-email em {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--grey-17);
    padding: .25rem 1.5rem .25rem 0
}

.map-list .dealer-address .phone-email p {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--black);
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0rem 0rem .75rem
}

    .map-list .dealer-address .phone-email p a {
        color: var(--primary-blue);
        word-break: break-all
    }

    .map-list .dealer-address .phone-email p.direction-mobile {
        display: none
    }

@media screen and (max-width: 991.98px) {
    .map-list .dealer-address .map .direction {
        position: absolute;
        right: 3rem;
        bottom: 2.5rem;
        height: 4.165rem;
        width: 4.165rem;
        display: none
    }

    .map-list .dealer-address .map .direction-mobile {
        display: flex
    }

    .map-list .dealer-address .map .address h3 {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--black)
    }

    .map-list .dealer-address .map .address p {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        color: var(--grey-18);
        margin: 0
    }

    .map-list .dealer-address .phone-email {
        display: flex;
        align-items: center;
        padding: 1rem 0 .5rem 0;
        justify-content: space-between;
        width: 60%
    }

        .map-list .dealer-address .phone-email em {
            height: 4.165rem;
            width: 4.165rem;
            border-radius: 4rem;
            -webkit-border-radius: 4rem;
            -ms-border-radius: 4rem;
            -moz-border-radius: 4rem;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--white);
            font-weight: 400;
            padding: 0
        }
}

@media screen and (max-width: 991.98px)and (max-width: 575.98px) {
    .map-list .dealer-address .phone-email em {
        height: 5rem;
        width: 5rem;
        font-size: 2.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .map-list .dealer-address .phone-email p {
        padding: 0rem 0rem 0rem
    }

        .map-list .dealer-address .phone-email p a {
            display: none
        }

        .map-list .dealer-address .phone-email p.direction-mobile {
            display: block
        }
}

.map-list .city-form {
    background: var(--grey-26);
    border-radius: 2rem 2rem 0 0;
    -webkit-border-radius: 2rem 2rem 0 0;
    -ms-border-radius: 2rem 2rem 0 0;
    -moz-border-radius: 2rem 2rem 0 0;
    padding: 3rem 1.5rem 0rem;
    margin-bottom: -0.5rem
}

    .map-list .city-form .form-group {
        margin-bottom: 0
    }

@media screen and (max-width: 991.98px) {
    .map-list .city-form {
        background: transparent;
        padding: 0 0 1.5rem
    }
}

.map-list .city-list {
    background: var(--grey-26);
    height: 100%;
    border-radius: 0 0 2rem 2rem;
    padding: 2rem .8rem 2.5rem 1.5rem;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 991.98px) {
    .map-list .city-list {
        height: auto
    }
}

@media screen and (max-width: 575.98px) {
    .map-list .city-list {
        height: 39rem
    }
}

@media screen and (max-width: 991.98px) {
    .map-list .city-list {
        padding: 2rem .6rem 2.5rem 1rem
    }
}

.map-list .city-form + .city-list {
    height: calc(100% - 74px)
}

@media screen and (max-width: 991.98px) {
    .map-list {
        margin: 0
    }
}

@media screen and (max-width: 575.98px) {
    .map-list {
        margin: 0
    }
}

.dealer-scroll {
    height: 100%;
    overflow-y: auto;
    padding-right: 1rem
}

    .dealer-scroll .dealer-address {
        margin-top: 0
    }

        .dealer-scroll .dealer-address:last-child {
            margin-bottom: 1rem
        }

@media screen and (min-width: 1601px) {
    .dealer-scroll {
        height: 100%
    }
}

@media screen and (max-width: 991.98px) {
    .dealer-scroll {
        height: 40rem
    }
}

@media screen and (max-width: 575.98px) {
    .dealer-scroll {
        height: 40rem;
        margin: 0
    }
}

.map-details {
    height: 100%;
    overflow: hidden;
    border-radius: 2rem
}

@media screen and (max-width: 1600px) {
    .map-details {
        height: 100%
    }
}

@media screen and (min-width: 1601px) {
    .map-details {
        height: 100%
    }
}

@media screen and (max-width: 991.98px) {
    .map-details {
        display: none
    }
}

.map-details img {
    height: 100%;
    width: 100%;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -moz-border-radius: 2rem
}

div.dealer-scroll::-webkit-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-blue);
    width: 6px;
    margin: 5rem 2rem 2rem
}

@media screen and (max-width: 991.98px) {
    div.dealer-scroll::-webkit-scrollbar {
        margin: 2rem
    }
}

div.dealer-scroll::-webkit-scrollbar-track {
    background: rgba(194,194,194,.3);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -moz-border-radius: .5rem;
    padding-bottom: 3rem;
    margin-top: 2rem
}

@media screen and (max-width: 991.98px) {
    div.dealer-scroll::-webkit-scrollbar-track {
        margin-top: 0;
        margin-bottom: .6rem
    }
}

div.dealer-scroll::-webkit-scrollbar-thumb {
    background-color: var(--primary-blue);
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border: 3px solid var(--primary-blue);
    margin-top: 2rem
}

@media screen and (max-width: 991.98px) {
    div.dealer-scroll::-webkit-scrollbar-thumb {
        margin-top: 0;
        margin-bottom: .6rem
    }
}

.phone-no-popup .modal-dialog {
    margin: .5rem 1.5rem
}

@media screen and (max-width: 991.98px) {
    .phone-no-popup .modal-dialog {
        margin: .5rem auto
    }
}

@media screen and (max-width: 575.98px) {
    .phone-no-popup .modal-dialog {
        margin: .5rem 1.5rem
    }
}

.phone-no-popup .modal-content {
    padding: 2rem 1.7rem;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: .8rem;
    -webkit-border-radius: .8rem;
    -ms-border-radius: .8rem;
    -moz-border-radius: .8rem
}

    .phone-no-popup .modal-content .modal-header {
        padding: 0px;
        border-bottom: 0px;
        margin: -1.2rem -0.6rem 0 0
    }

        .phone-no-popup .modal-content .modal-header .icon-icon-close {
            display: flex;
            justify-content: flex-end;
            font-size: 2.2rem
        }

            .phone-no-popup .modal-content .modal-header .icon-icon-close.close {
                padding: .75rem 1rem 0 2rem;
                color: var(--primary-blue);
                opacity: 1
            }

    .phone-no-popup .modal-content .modal-title {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 400;
        color: var(--black);
        text-align: center;
        display: flex;
        justify-content: center
    }

    .phone-no-popup .modal-content .modal-body {
        padding: 1.5rem 0rem 0
    }

        .phone-no-popup .modal-content .modal-body a {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            line-height: 2.2rem;
            font-weight: 500;
            color: var(--primary-blue);
            padding-bottom: 1rem
        }

            .phone-no-popup .modal-content .modal-body a:last-child {
                padding-bottom: 0
            }

.tvs-award {
    padding: 5rem 0;
    background: var(--section-bg)
}

@media screen and (max-width: 575.98px) {
    .tvs-award {
        padding: 1.5rem 0 5rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-award {
        padding: 10rem 0 15rem 0
    }

        .tvs-award .testimonial-reel {
            margin-top: 5rem;
            margin-right: calc(-8.33% - 1.9rem);
            margin-left: calc(-8.33% - 1.9rem)
        }

            .tvs-award .testimonial-reel .slick-list {
                padding: 0 !important
            }
}

.tvs-award .testimonial-reel {
    margin-bottom: 0 !important;
    margin-top: 2rem
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel {
        margin-top: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .tvs-award .testimonial-reel {
        margin-top: 4rem
    }
}

.tvs-award .testimonial-reel .box {
    position: relative;
    margin-bottom: 0px;
    padding: 0 6rem 2rem;
    margin: 0 auto
}

@media screen and (max-width: 1600px) {
    .tvs-award .testimonial-reel .box {
        padding: 0 6rem 2rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-award .testimonial-reel .box {
        padding: 0 7.8rem 2.5rem
    }
}

@media screen and (max-width: 1600px) {
    .tvs-award .testimonial-reel .box {
        width: 86%
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .box {
        padding-bottom: 3rem;
        padding: 0 1rem 2rem;
        width: 92%
    }
}

.tvs-award .testimonial-reel .box .image {
    margin: 0 auto -45px;
    text-align: center
}

    .tvs-award .testimonial-reel .box .image img {
        height: 140px;
        margin: 0 auto
    }

.tvs-award .testimonial-reel .box .test-component {
    background-color: var(--white);
    padding: 3rem 2.5rem;
    min-height: 22rem;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -moz-border-radius: 3rem
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .box .test-component {
        margin: 0rem;
        min-height: 25rem;
        border-radius: 1.5rem;
        -webkit-border-radius: 1.5rem;
        -ms-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
        padding: 3rem 1.5rem
    }
}

@media screen and (min-width: 1366px) {
    .tvs-award .testimonial-reel .box .test-component {
        min-height: auto;
        padding: 3rem 10rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-award .testimonial-reel .box .test-component {
        padding: 10rem 10rem 5rem 7rem;
        border-radius: 4rem;
        -webkit-border-radius: 4rem;
        -ms-border-radius: 4rem;
        -moz-border-radius: 4rem;
        min-height: 34.6rem
    }
}

@media screen and (max-width: 575.98px) {
    .tvs-award .testimonial-reel .box .test-component {
        margin: 0rem;
        min-height: 23rem;
        height: 23rem;
        border-radius: 1.5rem;
        -webkit-border-radius: 1.5rem;
        -ms-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
        padding: 3rem 1.5rem
    }
}

.tvs-award .testimonial-reel .box .test-title {
    color: var(--grey-1);
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 15px
}

    .tvs-award .testimonial-reel .box .test-title h4 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 600;
        color: var(--black)
    }

        .tvs-award .testimonial-reel .box .test-title h4:after {
            content: "";
            border-bottom: 4px solid var(--black);
            opacity: 10%;
            width: 12rem;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin: 3rem auto;
            border-radius: 2.1px;
            -webkit-border-radius: 2.1px;
            -ms-border-radius: 2.1px;
            -moz-border-radius: 2.1px
        }

@media screen and (max-width: 1600px) {
    .tvs-award .testimonial-reel .box .test-title h4:after {
        width: 8rem;
        margin-top: 2rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .box .test-title h4 {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 575.98px) {
    .tvs-award .testimonial-reel .box .test-title h4 {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--black)
    }

        .tvs-award .testimonial-reel .box .test-title h4:after {
            width: 6rem;
            margin: 2rem auto
        }
}

@media screen and (min-width: 1601px) {
    .tvs-award .testimonial-reel .box .test-title h4 {
        font-size: 3.6rem;
        line-height: 4rem;
        font-weight: 600;
        color: var(--black)
    }

        .tvs-award .testimonial-reel .box .test-title h4:after {
            margin: 3rem auto;
            border-radius: 2.1px;
            -webkit-border-radius: 2.1px;
            -ms-border-radius: 2.1px;
            -moz-border-radius: 2.1px
        }
}

.tvs-award .testimonial-reel .box .test-content {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: var(--black);
    line-height: 2.4rem
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .box .test-content {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        color: var(--black);
        line-height: 2rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-award .testimonial-reel .box .test-content {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 400;
        color: var(--black);
        text-align: center
    }
}

.tvs-award .testimonial-reel .slick-slide {
    opacity: 1;
    transform: scale(1);
    padding: 0;
    transition: all .3s ease
}

    .tvs-award .testimonial-reel .slick-slide.slick-cloned {
        transform: scale(1)
    }

    .tvs-award .testimonial-reel .slick-slide.slick-current.slick-active {
        opacity: 1;
        transform: scale(1)
    }

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .slick-slide {
        transform: scale(1)
    }

        .tvs-award .testimonial-reel .slick-slide.slick-cloned {
            transform: scale(1)
        }

        .tvs-award .testimonial-reel .slick-slide.slick-current.slick-active {
            transform: scale(1)
        }
}

.tvs-award .testimonial-reel .slick-slide:not(.slick-active) .test-component {
    box-shadow: none
}

.tvs-award .testimonial-reel .slick-next {
    right: 7rem;
    top: calc(50% + 1.75rem);
    width: 3rem;
    height: 3.2rem
}

@media screen and (min-width: 1366px) {
    .tvs-award .testimonial-reel .slick-next {
        right: 3rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-award .testimonial-reel .slick-next {
        right: -8.7rem
    }
}

@media screen and (max-width: 1199.98px) {
    .tvs-award .testimonial-reel .slick-next {
        right: 7rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .slick-next {
        right: -0.5rem;
        height: 3rem;
        top: calc(50% + 3.3rem)
    }
}

.tvs-award .testimonial-reel .slick-next.slick-arrow:before {
    content: "";
    font-family: "ibcountry";
    font-size: 3.2rem;
    line-height: 3.6rem;
    font-weight: 500;
    color: var(--primary-blue);
    opacity: 1
}

@media screen and (min-width: 1366px) {
    .tvs-award .testimonial-reel .slick-next.slick-arrow:before {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .slick-next.slick-arrow:before {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 400;
        color: var(--primary-blue)
    }
}

.tvs-award .testimonial-reel .slick-prev {
    left: 7rem;
    z-index: 10;
    top: calc(50% + 1.75rem);
    width: 3rem;
    height: 3.2rem
}

@media screen and (min-width: 1366px) {
    .tvs-award .testimonial-reel .slick-prev {
        left: 3rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-award .testimonial-reel .slick-prev {
        left: -8.7rem
    }
}

@media screen and (max-width: 1199.98px) {
    .tvs-award .testimonial-reel .slick-prev {
        left: 7rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .slick-prev {
        left: -0.5rem;
        height: 3rem;
        top: calc(50% + 3.3rem)
    }
}

.tvs-award .testimonial-reel .slick-prev.slick-arrow:before {
    content: "";
    font-family: "ibcountry";
    font-size: 3.2rem;
    line-height: 3.6rem;
    font-weight: 500;
    color: var(--primary-blue);
    opacity: 1
}

@media screen and (min-width: 1366px) {
    .tvs-award .testimonial-reel .slick-prev.slick-arrow:before {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-award .testimonial-reel .slick-prev.slick-arrow:before {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 400;
        color: var(--primary-blue)
    }
}

.tvs-award .testimonial-reel .slick-dots {
    bottom: -3rem
}

    .tvs-award .testimonial-reel .slick-dots li {
        height: 3rem;
        width: 3rem
    }

        .tvs-award .testimonial-reel .slick-dots li button {
            width: 3rem;
            height: 3rem
        }

            .tvs-award .testimonial-reel .slick-dots li button:before {
                color: var(--bullet-grey);
                font-size: 4rem;
                line-height: 2rem
            }

        .tvs-award .testimonial-reel .slick-dots li.slick-active button {
            width: 3rem;
            height: 3rem
        }

            .tvs-award .testimonial-reel .slick-dots li.slick-active button:before {
                color: var(--primary-blue);
                opacity: 1;
                font-size: 5rem
            }

.pagingInfoTvsAward {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: var(--black);
    width: 100%
}

    .pagingInfoTvsAward .counter {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 700;
        color: var(--primary-blue);
        padding: 0 .5rem
    }

    .pagingInfoTvsAward .of {
        font-weight: 300;
        padding: 0 .75rem 0 0
    }

@media screen and (min-width: 1601px) {
    .pagingInfoTvsAward {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 700;
        color: var(--black)
    }

        .pagingInfoTvsAward .counter {
            font-size: 4rem;
            line-height: 4.4rem;
            font-weight: 700;
            color: var(--primary-blue)
        }
}

@media screen and (max-width: 991.98px) {
    .pagingInfoTvsAward {
        font-size: 1.6rem;
        line-height: 2rem
    }

        .pagingInfoTvsAward .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

.product-review {
    padding: 6rem 0 6rem 0
}

@media screen and (min-width: 1601px) {
    .product-review {
        padding: 12rem 0 12rem 0
    }
}

@media screen and (max-width: 991.98px) {
    .product-review {
        padding: 2.5rem 0rem 3rem
    }
}

.wrapper {
    margin: 0 auto;
    padding: 0rem
}

    .wrapper h1 {
        display: flex;
        justify-content: center;
        padding: 3rem 0 0;
        margin-bottom: 0
    }

@media screen and (min-width: 1601px) {
    .wrapper {
        padding: 2rem 0rem
    }
}

@media screen and (max-width: 991.98px) {
    .wrapper {
        padding: 0rem
    }
}

.videos {
    margin: 0
}

    .videos .video {
        flex: 1;
        padding: 0px;
        margin: 5rem 0rem;
        display: flex !important;
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        overflow: hidden;
        height: 33rem;
        position: relative;
        box-shadow: var(--card-shadow-brand);
        -webkit-box-shadow: var(--card-shadow-brand);
        -ms-box-shadow: var(--card-shadow-brand);
        -moz-box-shadow: var(--card-shadow-brand);
        background-color: var(--white)
    }

        .videos .video .embed-container {
            position: relative;
            height: 30rem;
            overflow: hidden;
            width: 55%;
            height: 100%
        }

            .videos .video .embed-container.video-content {
                width: 45%
            }

            .videos .video .embed-container iframe, .videos .video .embed-container object, .videos .video .embed-container embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .videos .video .embed-container .play-video, .videos .video .embed-container .play-video a {
                position: absolute;
                left: 0;
                background-position: 50%;
                background-repeat: no-repeat
            }

            .videos .video .embed-container .play-video {
                top: 0;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-color: rgba(0,0,0,.6);
                background-blend-mode: overlay;
                z-index: 10
            }

                .videos .video .embed-container .play-video a {
                    width: 6rem;
                    height: 6rem;
                    right: 0;
                    margin: 0 auto;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    text-decoration: none;
                    left: 0;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border: 0px solid var(--white);
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -moz-border-radius: 50%;
                    font-size: 3.5rem;
                    line-height: 3.9rem;
                    font-weight: 500;
                    color: var(--white)
                }

                .videos .video .embed-container .play-video h6 {
                    width: 90%;
                    height: 90%;
                    right: 0;
                    margin: 0 auto 0 4rem;
                    bottom: 0%;
                    font-size: 2.4rem;
                    line-height: 2.8rem;
                    font-weight: 500;
                    color: var(--white);
                    text-decoration: none;
                    left: 0rem;
                    text-align: center;
                    display: flex;
                    align-items: flex-end;
                    justify-content: flex-start
                }

            .videos .video .embed-container .embed-content {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: stretch;
                align-content: stretch;
                height: 100%;
                padding: 3rem
            }

                .videos .video .embed-container .embed-content h2 {
                    font-size: 2.2rem;
                    line-height: 2.6rem;
                    font-weight: 500;
                    color: var(--black);
                    text-align: left;
                    padding-bottom: .5rem;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center
                }

                    .videos .video .embed-container .embed-content h2 img {
                        margin-left: 4rem;
                        max-width: 4rem
                    }

                .videos .video .embed-container .embed-content h4 {
                    font-size: 1.8rem;
                    line-height: 2.2rem;
                    font-weight: 400;
                    color: var(--black);
                    text-align: left;
                    padding-bottom: 0rem;
                    opacity: .6
                }

                .videos .video .embed-container .embed-content p {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    font-weight: 400;
                    color: var(--black);
                    padding-bottom: 2rem
                }

                .videos .video .embed-container .embed-content a {
                    color: var(--primary-blue);
                    justify-content: flex-start
                }

                    .videos .video .embed-container .embed-content a:hover {
                        color: var(--primary-blue)
                    }

                .videos .video .embed-container .embed-content .rating {
                    display: flex;
                    justify-content: start;
                    align-items: center;
                    padding: 1rem 0 1.5rem
                }

                    .videos .video .embed-container .embed-content .rating img {
                        margin: 0 .25rem;
                        max-width: 2.5rem
                    }

@media screen and (max-width: 991.98px) {
    .videos .video {
        display: block !important;
        height: 100%
    }

        .videos .video .embed-container {
            height: 30vh;
            width: 100%;
            min-height: 23rem
        }

            .videos .video .embed-container.video-content {
                width: 100%
            }

            .videos .video .embed-container .embed-content {
                padding: 1.5rem 3rem;
                justify-content: center;
                align-items: center;
                align-content: center;
                text-align: center
            }

                .videos .video .embed-container .embed-content h2 {
                    font-size: 1.8rem;
                    margin: 0;
                    justify-content: center
                }

                    .videos .video .embed-container .embed-content h2 img {
                        margin-left: 2rem;
                        max-width: 2.5rem
                    }

                .videos .video .embed-container .embed-content h4 {
                    font-size: 1.4rem;
                    text-align: center
                }

                .videos .video .embed-container .embed-content .rating {
                    justify-content: center
                }

                    .videos .video .embed-container .embed-content .rating img {
                        max-width: 2rem
                    }

                .videos .video .embed-container .embed-content p {
                    font-size: 1.4rem;
                    padding-bottom: 1.8rem
                }

                .videos .video .embed-container .embed-content a {
                    justify-content: center;
                    width: 100%;
                    margin: 0 auto
                }
}

@media screen and (min-width: 1601px) {
    .videos .video {
        box-shadow: var(--popup-shadow);
        -webkit-box-shadow: var(--popup-shadow);
        -ms-box-shadow: var(--popup-shadow);
        -moz-box-shadow: var(--popup-shadow);
        height: 40rem
    }

        .videos .video .embed-container .play-video h6 {
            font-size: 3.2rem;
            line-height: 3.6rem;
            font-weight: 500;
            color: var(--white)
        }

        .videos .video .embed-container .embed-content h2 {
            font-size: 3.6rem;
            line-height: 4rem
        }

            .videos .video .embed-container .embed-content h2 img {
                max-width: 5rem
            }

        .videos .video .embed-container .embed-content h4 {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 400;
            padding-bottom: 1rem;
            opacity: .7
        }

        .videos .video .embed-container .embed-content .rating {
            padding: 1rem 0 3rem
        }

            .videos .video .embed-container .embed-content .rating img {
                margin: 0 1rem 0 0;
                max-width: 3rem
            }

        .videos .video .embed-container .embed-content p {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 400
        }
}

.videos .slick-slide, .videos .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.85, 0.85);
    transition: transform .3s
}

    .videos .slick-center, .videos .slick-center.slick-current.slick-active, .videos .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(1.01, 1.01);
        transition: transform .3s
    }

@media screen and (max-width: 575.98px) {
    .videos .slick-slide, .videos .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.85, 0.85);
        transition: transform .3s
    }

        .videos .slick-center, .videos .slick-center.slick-current.slick-active, .videos .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(1.05, 1.05);
            transition: transform .3s
        }
}

.pagingInfoVideo {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: var(--black);
    padding: 1rem;
    width: 100%
}

    .pagingInfoVideo .counter {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 700;
        color: var(--primary-blue);
        padding: 0 .5rem
    }

    .pagingInfoVideo .of {
        font-weight: 300;
        padding: 0 .75rem 0 0
    }

@media screen and (min-width: 1601px) {
    .pagingInfoVideo {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 700;
        color: var(--black)
    }

        .pagingInfoVideo .counter {
            font-size: 4rem;
            line-height: 4.4rem;
            font-weight: 700;
            color: var(--primary-blue)
        }
}

@media screen and (max-width: 991.98px) {
    .pagingInfoVideo {
        font-size: 1.6rem;
        line-height: 2rem
    }

        .pagingInfoVideo .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

.videos .slick-next.slick-arrow {
    width: 15rem;
    height: 100%;
    right: 1rem;
    z-index: 9
}

    .videos .slick-next.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        color: #000;
        font-size: 0rem
    }

.videos .slick-prev.slick-arrow {
    width: 15rem;
    height: 100%;
    left: 1rem;
    z-index: 9
}

    .videos .slick-prev.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        color: #000;
        font-size: 0rem
    }

.country-outer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 991.98px) {
    .country-outer {
        justify-content: flex-start;
        flex-direction: column
    }
}

.country-outer .country-home {
    align-items: center;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--btn-primary-bg-color);
    display: flex;
    justify-content: center;
    text-transform: capitalize
}

@media screen and (max-width: 991.98px) {
    .country-outer .country-home {
        justify-content: flex-start;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--black)
    }
}

.country-outer .country-home .flag {
    margin-left: 1.3rem;
    max-width: 3.4rem;
    min-width: 3.4rem
}

@media screen and (max-width: 1600px) {
    .country-outer .country-home .flag {
        max-width: 2.4rem;
        height: 1.4rem;
        min-width: auto;
        width: 2.4rem
    }
}

@media screen and (min-width: 1601px) {
    .country-outer .country-home {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--btn-primary-bg-color)
    }
}

@media screen and (max-width: 991.98px) {
    .country-outer .country-home-flag {
        min-width: 100%;
        padding: 0 4rem 3rem 2.5rem;
        animation: slidein .5s ease-out;
        -moz-animation: slidein .5s ease-out;
        -webkit-animation: slidein .5s ease-out;
        -ms-animation: slidein .5s ease-out;
        -o-animation: slidein .5s ease-out;
        animation-fill-mode: both;
        display: none
    }
}

@media screen and (max-width: 575.98px) {
    .country-outer .country-home-flag {
        min-width: 100%;
        padding: .5rem 4rem 3rem 2.5rem
    }
}

.country-outer .country-home-flag + .selected-country-flag {
    margin-left: 1rem;
    cursor: pointer
}

@media screen and (max-width: 991.98px) {
    .country-outer .country-home-flag + .selected-country-flag {
        background-color: var(--btn-primary-bg-color);
        border-radius: 0 0 2.6rem 2.6rem;
        -webkit-border-radius: 0 0 2.6rem 2.6rem;
        -ms-border-radius: 0 0 2.6rem 2.6rem;
        -moz-border-radius: 0 0 2.6rem 2.6rem;
        border: 0;
        bottom: -1rem;
        box-shadow: none;
        height: 7rem;
        margin: 1rem 0 -2rem 0rem;
        padding: 1rem 2rem 1rem 2.5rem;
        width: calc(100% + 2px);
        z-index: 10;
        margin-left: -0.5px;
        margin-right: -0.5px
    }
}

@media screen and (min-width: 1601px) {
    .country-outer .country-home-flag + .selected-country-flag {
        margin-left: 3.3rem
    }
}

.country-outer .selected-country-flag {
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    background: var(--grey-26);
    border: 1px solid #ddd;
    box-shadow: 0px 8px 11.52px 0.48px rgba(0,0,0,.21);
    display: flex;
    height: 5rem;
    justify-content: space-between;
    min-width: 21rem;
    width: 21rem;
    padding: 0 1rem 0 1.3rem;
    position: relative
}

@media screen and (max-width: 1600px) {
    .country-outer .selected-country-flag {
        height: 4rem;
        min-width: 18rem;
        width: 18rem
    }
}

.country-outer .selected-country-flag .country-home {
    width: 80%;
    justify-content: flex-start
}

@media screen and (max-width: 991.98px) {
    .country-outer .selected-country-flag .country-home {
        color: var(--white);
        width: 100%
    }
}

.country-outer .selected-country-flag .country-home .normal-text {
    font-size: 1.8rem;
    line-height: 1.8rem
}

@media screen and (max-width: 1600px) {
    .country-outer .selected-country-flag .country-home .normal-text {
        font-size: 1.8rem
    }
}

.country-outer .selected-country-flag .country-home .long-text {
    font-size: 1.2rem;
    line-height: 1.2rem
}

.country-outer .selected-country-flag .flag {
    margin: 0 1rem 0 0
}

@media screen and (max-width: 575.98px) {
    .country-outer .selected-country-flag .flag {
        min-width: 2.4rem;
        max-width: 2.4rem;
        height: 1.5rem
    }
}

.country-outer .selected-country-flag .country-arrow {
    cursor: pointer;
    position: relative;
    width: 3rem;
    margin-right: 0
}

    .country-outer .selected-country-flag .country-arrow:before {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 900;
        color: var(--btn-primary-bg-color);
        content: "";
        font-family: "ibcountry";
        position: absolute;
        right: .3rem;
        top: 50%;
        transform: translate(0, -50%) rotate(0deg)
    }

@media screen and (max-width: 991.98px) {
    .country-outer .selected-country-flag .country-arrow:before {
        color: var(--white);
        transform: translate(0, -50%) rotate(90deg);
        font-size: .9rem;
        content: ""
    }
}

@media screen and (max-width: 575.98px) {
    .country-outer .selected-country-flag .country-arrow:before {
        font-weight: 100;
        font-size: .9rem
    }
}

@media screen and (min-width: 1601px) {
    .country-outer .selected-country-flag .country-arrow:before {
        right: .6rem
    }
}

.country-outer .selected-country-flag .country-arrow.open:before {
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    content: "";
    transform: translate(0, -50%) rotate(180deg)
}

@media screen and (max-width: 991.98px) {
    .country-outer .selected-country-flag .country-arrow.open:before {
        transform: translate(0, -50%) rotate(90deg)
    }
}

@media screen and (min-width: 1601px) {
    .country-outer .selected-country-flag {
        min-width: 22.8rem;
        width: 22.8rem;
        padding: 0 1rem 0 2.3rem;
        box-shadow: 0px 8px 11.52px 0.48px rgba(0,0,0,.21)
    }

        .country-outer .selected-country-flag .country-arrow:before {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 900;
            color: var(--btn-primary-bg-color)
        }
}

.country-outer .selected-country-flag[data-ismodelopened=true]:before {
    content: "";
    border-color: transparent transparent var(--white) transparent;
    border-style: solid;
    border-width: 0 1.2rem 1.5rem 1.2rem;
    height: 0;
    position: absolute;
    left: 50%;
    top: calc(100% + 2em);
    width: 0;
    z-index: 999999;
    transform: translateX(-50%)
}

@media screen and (min-width: 1601px) {
    .country-outer .selected-country-flag[data-ismodelopened=true]:before {
        top: calc(100% + 3.35em);
        border-width: 0 1.45rem 1.8rem 1.45rem
    }
}

@media screen and (max-width: 991.98px) {
    .country-outer .selected-country-flag[data-ismodelopened=true]:before {
        display: none
    }
}

.country-dd-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 105
}

.mycountry {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -moz-border-radius: 2rem;
    background: var(--white);
    font-size: 2rem;
    min-height: 10rem;
    position: absolute;
    right: 2.5rem;
    top: 9rem;
    width: 102rem;
    border-top-color: var(--white);
    display: none
}

    .mycountry:before {
        display: none;
        content: "";
        border-color: transparent transparent var(--white) transparent;
        border-style: solid;
        border-width: 0 1.2rem 1.5rem 1.2rem;
        height: 0;
        position: absolute;
        right: 25%;
        top: -1.5rem;
        width: 0
    }

@media screen and (max-width: 1600px) {
    .mycountry:before {
        right: 25%
    }
}

.mycountry h2 {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: var(--black);
    display: flex;
    padding: 2.3rem 2rem 1rem;
    width: 100%
}

.mycountry .country-flag-outer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    border-radius: 0 0 2rem 2rem;
    -webkit-border-radius: 0 0 2rem 2rem;
    -ms-border-radius: 0 0 2rem 2rem;
    -moz-border-radius: 0 0 2rem 2rem;
    max-height: 72vh;
    padding-right: 2rem
}

@media screen and (max-width: 1600px) {
    .mycountry .country-flag-outer {
        max-height: 68vh;
        border-radius: 0 0 1.5rem 1.5rem;
        -webkit-border-radius: 0 0 1.5rem 1.5rem;
        -ms-border-radius: 0 0 1.5rem 1.5rem;
        -moz-border-radius: 0 0 1.5rem 1.5rem
    }
}

.mycountry .country-flag {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--grey-32);
    align-items: center;
    border-left: 0;
    border-top: 1px solid var(--grey-4);
    border-right: 1px solid var(--grey-4);
    border-bottom: 1px solid var(--grey-4);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 11rem;
    justify-content: center;
    text-align: center;
    width: 16rem
}

    .mycountry .country-flag span {
        margin-top: 2rem
    }

    .mycountry .country-flag:hover {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--primary-blue);
        background: var(--seleted-item-bg);
        border: 2px solid rgba(18,54,110,.71)
    }

    .mycountry .country-flag.country-active {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--primary-blue);
        background: var(--seleted-item-bg);
        border: 2px solid rgba(18,54,110,.71)
    }

    .mycountry .country-flag .flag {
        height: 2rem;
        width: 3.5rem;
        flex: inherit
    }

@media screen and (max-width: 575.98px) {
    .mycountry .country-flag:last-child {
        border-bottom: 0px solid var(--grey-4);
        border-left: 0px solid var(--grey-4)
    }
}

.mycountry .country-flag.tvs-india {
    background: rgba(216,216,216,.25);
    border-radius: 2rem 0 0 0rem;
    -webkit-border-radius: 2rem 0 0 0rem;
    -ms-border-radius: 2rem 0 0 0rem;
    -moz-border-radius: 2rem 0 0 0rem;
    border: 0;
    padding-top: 1.25rem;
    height: 12rem
}

    .mycountry .country-flag.tvs-india img {
        margin-bottom: 1.5rem;
        width: 4.2rem;
        height: 2.4rem
    }

    .mycountry .country-flag.tvs-india span {
        display: block;
        margin-top: 0;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--black)
    }

        .mycountry .country-flag.tvs-india span span {
            text-transform: uppercase
        }

@media screen and (max-width: 991.98px) {
    .mycountry .country-flag.tvs-india {
        border-radius: 0rem;
        -webkit-border-radius: 0rem;
        -ms-border-radius: 0rem;
        -moz-border-radius: 0rem;
        box-shadow: inset 0px 0px 0px 1px var(--white);
        border: 1px solid #ededed
    }
}

.mycountry.active {
    display: block;
    z-index: 110;
    position: absolute;
    overflow: hidden
}

@media screen and (max-width: 991.98px) {
    .mycountry.active {
        display: block;
        left: 1rem;
        margin: 0 auto;
        position: absolute;
        right: 1rem;
        top: 1rem;
        width: calc(100% - 2rem);
        z-index: 110
    }
}

@media screen and (max-width: 575.98px) {
    .mycountry.active {
        width: calc(100% - 2rem)
    }
}

.mycountry .back-button {
    display: none
}

@media screen and (min-width: 1601px) {
    .mycountry {
        top: 13.5rem;
        width: 102rem
    }

        .mycountry:before {
            right: 27%
        }

        .mycountry h2 {
            padding: 4rem 2rem 1.8rem;
            letter-spacing: .48px;
            margin-bottom: 0;
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 600;
            color: var(--black)
        }

        .mycountry .country-flag {
            height: 12.9rem;
            width: 16.2rem
        }

            .mycountry .country-flag.tvs-india {
                height: 13rem
            }

                .mycountry .country-flag.tvs-india img {
                    margin-bottom: 1.5rem;
                    width: 4.2rem;
                    height: 2.4rem
                }

        .mycountry .country-flag-outer {
            max-height: 73vh
        }
}

@media screen and (max-width: 1600px) {
    .mycountry {
        width: 69rem
    }
}

@media screen and (max-width: 991.98px) {
    .mycountry {
        right: 0rem;
        top: 0rem;
        width: 100%;
        border-radius: 2.87rem
    }

        .mycountry:before {
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0rem;
            height: 0;
            position: absolute;
            right: 0rem;
            top: 0rem;
            width: 0
        }

        .mycountry .country-flag {
            width: 33%
        }

        .mycountry .country-flag-outer {
            max-height: 57vh;
            margin-top: 2rem
        }

        .mycountry .back-button {
            padding: 1.5rem 2rem;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-size: 1.8rem;
            line-height: 2.2rem;
            font-weight: 500;
            color: var(--primary-blue)
        }

            .mycountry .back-button i {
                font-size: 1.8rem;
                line-height: 2.2rem;
                font-weight: 400;
                color: var(--primary-blue);
                padding-right: 1.5rem;
                display: flex;
                align-items: center;
                height: 2.5rem;
                width: 3rem
            }
}

@media screen and (max-width: 575.98px) {
    .mycountry .country-flag {
        width: 50%
    }

    .mycountry .country-flag-outer {
        max-height: 80vh;
        margin-top: -1.5rem
    }

    .mycountry .country-close {
        margin-top: 1.5rem
    }
}

.hidden {
    display: none
}

.country-overlay {
    visibility: visible
}

@media screen and (max-width: 575.98px) {
    .country-overlay {
        display: none;
        background: var(--dark-overlay);
        opacity: .8;
        bottom: 0;
        left: -1.5rem;
        position: fixed;
        right: -1rem;
        top: -1rem;
        z-index: 99;
        height: 100vh;
        margin: 0 auto
    }
}

@media screen and (max-width: 575.98px) {
    .overlay {
        display: none;
        background: var(--dark-overlay);
        opacity: .8;
        bottom: 0;
        left: 0rem;
        position: fixed;
        right: 0rem;
        top: 0rem;
        z-index: 9;
        height: 100vh;
        margin: 0 auto
    }
}

div.country-flag-outer::-webkit-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-blue);
    width: 6px;
    margin: 5rem 2rem 2rem
}

@media screen and (max-width: 991.98px) {
    div.country-flag-outer::-webkit-scrollbar {
        margin: 2rem
    }
}

div.country-flag-outer::-webkit-scrollbar-track {
    background: rgba(194,194,194,.3);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -moz-border-radius: .5rem;
    padding-bottom: 3rem;
    margin: 5rem 2rem 2rem
}

@media screen and (max-width: 991.98px) {
    div.country-flag-outer::-webkit-scrollbar-track {
        margin: 2rem
    }
}

div.country-flag-outer::-webkit-scrollbar-thumb {
    background-color: var(--primary-blue);
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border: 3px solid var(--primary-blue);
    margin: 5rem 2rem 2rem
}

@media screen and (max-width: 991.98px) {
    div.country-flag-outer::-webkit-scrollbar-thumb {
        margin: 0rem 2rem 2rem
    }
}

.country-close {
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .country-close .country-close-icon {
        display: block;
        padding: 1rem 1.25rem;
        cursor: pointer;
        position: absolute;
        right: 1rem
    }

        .country-close .country-close-icon .icon-icon-close {
            color: var(--primary-blue)
        }

            .country-close .country-close-icon .icon-icon-close:before {
                color: var(--primary-blue)
            }

@media screen and (max-width: 991.98px) {
    .country-close .country-close-icon {
        display: none
    }
}

.terms-conditions, section.contact-us {
    box-sizing: border-box;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--black-1)
}

@media screen and (min-width: 1601px) {
    .terms-conditions .terms-container, section.contact-us .terms-container {
        max-width: 1433px
    }
}

.terms-conditions a, section.contact-us a {
    font-weight: 600;
    color: var(--primary-blue)
}

@media screen and (min-width: 1601px) {
    .terms-conditions, section.contact-us {
        padding-top: 24rem
    }
}

@media screen and (max-width: 1600px) {
    .terms-conditions, section.contact-us {
        padding-top: 20rem
    }
}

@media screen and (max-width: 991.98px) {
    .terms-conditions, section.contact-us {
        padding-top: 12.5rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        color: var(--black-1)
    }
}

@media screen and (max-width: 575.98px) {
    .terms-conditions, section.contact-us {
        padding-top: 9.8rem
    }
}

.terms-conditions:before, section.contact-us:before {
    content: "";
    background: var(--primary-blue) url("../images/terms-header-bg.png") center bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 45rem
}

@media screen and (min-width: 1601px) {
    .terms-conditions:before, section.contact-us:before {
        min-height: 52.8rem
    }
}

@media screen and (max-width: 1600px) {
    .terms-conditions:before, section.contact-us:before {
        min-height: 40rem
    }
}

@media screen and (max-width: 991.98px) {
    .terms-conditions:before, section.contact-us:before {
        min-height: 28rem
    }
}

@media screen and (max-width: 575.98px) {
    .terms-conditions:before, section.contact-us:before {
        min-height: 36.5rem;
        background: var(--primary-blue) url("../images/terms-header-bg-mobile.png") center bottom;
        background-repeat: no-repeat
    }
}

.terms-conditions .terms-top, section.contact-us .terms-top {
    color: var(--black)
}

    .terms-conditions .terms-top .big-letter, section.contact-us .terms-top .big-letter {
        padding-left: 3.5rem;
        position: relative;
        max-width: 75%;
        margin-bottom: 2rem
    }

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-top .big-letter, section.contact-us .terms-top .big-letter {
        max-width: 100%;
        padding-left: 2.5rem
    }
}

.terms-conditions .terms-top p, section.contact-us .terms-top p {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--black);
    padding-bottom: 1.8rem;
    margin-bottom: 0
}

@media screen and (min-width: 1601px) {
    .terms-conditions .terms-top p, section.contact-us .terms-top p {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--black)
    }
}

.terms-conditions .title, section.contact-us .title {
    color: var(--white);
    padding: 0rem 0rem 4rem;
    font-size: 5.2rem;
    line-height: 5.6rem;
    font-weight: 600;
    color: var(--white)
}

@media screen and (max-width: 991.98px) {
    .terms-conditions .title, section.contact-us .title {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 600;
        color: var(--white)
    }
}

@media screen and (max-width: 575.98px) {
    .terms-conditions .title, section.contact-us .title {
        line-height: inherit;
        margin: 0 auto;
        font-size: 3.6rem;
        line-height: 4rem;
        font-weight: 600;
        color: var(--white);
        width: 80%
    }
}

.terms-conditions .terms-conditin-card, section.contact-us .terms-conditin-card {
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -moz-border-radius: 4rem;
    box-shadow: .6px 5px 22.3px 1.7px rgba(0,0,0,.45);
    margin: 2rem 0 12.4rem 0;
    background: var(--white) url("../images/terms-footer.png") right bottom;
    background-repeat: no-repeat
}

@media screen and (min-width: 1601px) {
    .terms-conditions .terms-conditin-card, section.contact-us .terms-conditin-card {
        padding: 5rem 8rem 5rem 8rem
    }
}

@media screen and (max-width: 1600px) {
    .terms-conditions .terms-conditin-card, section.contact-us .terms-conditin-card {
        padding: 3rem 5rem
    }
}

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-conditin-card, section.contact-us .terms-conditin-card {
        padding: 1.8rem;
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .terms-conditions .terms-conditin-card, section.contact-us .terms-conditin-card {
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -moz-border-radius: 1rem;
        margin: 0 0 8rem 0
    }
}

.terms-conditions .terms-conditin-card p, section.contact-us .terms-conditin-card p {
    padding-bottom: 1.8rem;
    margin-bottom: 0
}

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-conditin-card p, section.contact-us .terms-conditin-card p {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--black-1)
    }
}

.terms-conditions h2.tc-title, section.contact-us h2.tc-title {
    font-size: 2.6rem;
    line-height: 3rem;
    font-weight: 500;
    color: var(--primary-blue);
    margin: 2rem 0 2rem 0
}

@media screen and (max-width: 575.98px) {
    .terms-conditions h2.tc-title, section.contact-us h2.tc-title {
        margin: 2rem 0 1.5rem 0;
        white-space: normal;
        word-break: break-word
    }
}

.terms-conditions .terms-listing, section.contact-us .terms-listing {
    margin: 0 0 3.5rem 0
}

    .terms-conditions .terms-listing ul, section.contact-us .terms-listing ul {
        padding: 0
    }

    .terms-conditions .terms-listing li, section.contact-us .terms-listing li {
        list-style-type: none;
        padding-left: 3rem;
        position: relative;
        margin-bottom: .5rem;
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--black-1)
    }

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-listing li, section.contact-us .terms-listing li {
        font-size: 1.6rem;
        padding-left: 2rem
    }
}

.terms-conditions .terms-listing li:before, section.contact-us .terms-listing li:before {
    content: "";
    font-family: "Poppins-Regular";
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: var(--bullet-red);
    left: 0;
    position: absolute;
    top: 2px
}

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-listing li:before, section.contact-us .terms-listing li:before {
        font-size: 1rem
    }
}

@media screen and (max-width: 575.98px) {
    .terms-conditions .terms-listing li:before, section.contact-us .terms-listing li:before {
        top: 3px
    }
}

.terms-conditions .terms-footer, section.contact-us .terms-footer {
    margin-top: 1rem
}

    .terms-conditions .terms-footer h3, section.contact-us .terms-footer h3 {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 600;
        color: var(--black)
    }

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-footer h3, section.contact-us .terms-footer h3 {
        font-size: 1.6rem
    }
}

.terms-conditions .terms-footer em, section.contact-us .terms-footer em {
    font-size: 3.1rem;
    line-height: 3.5rem;
    font-weight: 500;
    color: var(--primary-blue);
    line-height: inherit;
    margin-right: 2.5rem
}

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-footer em, section.contact-us .terms-footer em {
        font-size: 2rem;
        margin-right: 2rem
    }
}

.terms-conditions .terms-footer a, section.contact-us .terms-footer a {
    font-weight: 500;
    color: var(--black-1)
}

.terms-conditions .terms-footer p, section.contact-us .terms-footer p {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--black-1)
}

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-footer p, section.contact-us .terms-footer p {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--black-1)
    }
}

@media screen and (max-width: 575.98px) {
    .terms-conditions .terms-footer .inner-content, section.contact-us .terms-footer .inner-content {
        padding: 0
    }
}

.terms-conditions .terms-footer > .col-sm-12.col-md-6, section.contact-us .terms-footer > .col-sm-12.col-md-6 {
    padding-bottom: 1rem
}

.terms-conditions .terms-footer .d-flex, section.contact-us .terms-footer .d-flex {
    align-items: flex-start
}

    .terms-conditions .terms-footer .d-flex em, section.contact-us .terms-footer .d-flex em {
        margin-top: .8rem
    }

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-footer .d-flex em, section.contact-us .terms-footer .d-flex em {
        margin-top: .5rem
    }
}

@media screen and (max-width: 575.98px) {
    .terms-conditions .terms-footer .d-flex em, section.contact-us .terms-footer .d-flex em {
        margin-top: .6rem
    }
}

.terms-conditions .terms-footer .d-flex em.icon-email, section.contact-us .terms-footer .d-flex em.icon-email {
    margin-top: .5rem
}

@media screen and (max-width: 991.98px) {
    .terms-conditions .terms-footer .d-flex em.icon-email, section.contact-us .terms-footer .d-flex em.icon-email {
        margin-top: .2rem
    }
}

.terms-conditions .country-outer .selected-country-flag[data-ismodelopened=true]:before, section.contact-us .country-outer .selected-country-flag[data-ismodelopened=true]:before {
    top: calc(100% + 1em)
}

@media screen and (min-width: 1601px) {
    .terms-conditions .country-outer .selected-country-flag[data-ismodelopened=true]:before, section.contact-us .country-outer .selected-country-flag[data-ismodelopened=true]:before {
        top: calc(100% + 1.85em)
    }
}

h2.inner-title-tc {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--black-1);
    margin: 0rem 0 1rem 0
}

@media screen and (max-width: 991.98px) {
    h2.inner-title-tc {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--black-1)
    }
}

.product-listing-container {
    padding-top: 11rem;
    background: var(--section-bg)
}

@media screen and (max-width: 991.98px) {
    .product-listing-container {
        padding-top: 8rem
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-container {
        padding-top: 9.5rem
    }
}

.product-listing-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    min-height: 21rem;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .product-listing-container:before {
        min-height: 14.5rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-listing-container:before {
        min-height: 14.75rem
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-container:before {
        z-index: 1
    }
}

@media screen and (max-width: 1366px) {
    .product-listing-container:before {
        border-radius: 0 0 4rem 4rem
    }
}

.product-listing-tabs {
    margin: 0;
    position: relative;
    padding-bottom: 3rem
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs {
        padding-bottom: 0;
        background: var(--grey-11)
    }
}

.product-listing-tabs .list-menu {
    align-items: center;
    display: flex;
    height: 15rem;
    justify-content: space-between;
    margin-top: -2rem;
    padding: 0 5.5rem 3rem 2.5rem
}

@media screen and (max-width: 1600px) {
    .product-listing-tabs .list-menu {
        height: 7.5rem;
        padding: 0 5.5rem 4.5rem 2.5rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-listing-tabs .list-menu {
        height: 8rem;
        padding: 1rem 5.5rem 0 2.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs .list-menu {
        height: 5rem;
        padding: 0 0 0 1rem
    }
}

.product-listing-tabs .list-menu .test-ride {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: var(--primary-blue);
    align-items: center;
    border: 0;
    display: flex;
    line-height: 1.5rem;
    max-width: 28rem;
    padding: 2.3rem 3.4rem;
    margin-top: 1rem;
    justify-content: center
}

@media screen and (max-width: 1600px) {
    .product-listing-tabs .list-menu .test-ride {
        font-size: 1.7rem;
        line-height: 2.1rem;
        font-weight: 600;
        color: var(--primary-blue);
        height: 4.4rem;
        padding: 0 2.5rem;
        width: 20rem;
        margin-top: .5rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-listing-tabs .list-menu .test-ride {
        display: none
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs .list-menu .test-ride {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--primary-blue);
        width: 16.1rem;
        height: 4rem;
        font-size: 1.4rem;
        padding: 0
    }
}

.product-listing-tabs .list-menu .test-ride:focus {
    color: var(--primary-blue)
}

.product-listing-tabs .nav-tabs {
    overflow: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    max-width: 128rem;
    border: 0;
    justify-content: space-evenly
}

@media screen and (max-width: 1600px) {
    .product-listing-tabs .nav-tabs {
        max-width: inherit;
        justify-content: flex-start;
        width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs .nav-tabs {
        width: 100%
    }
}

.product-listing-tabs .nav-tabs .nav-item {
    margin: 0
}

    .product-listing-tabs .nav-tabs .nav-item + .nav-item {
        margin: 0
    }

.product-listing-tabs .nav-tabs .nav-link {
    font-size: 2.8rem;
    line-height: 3.2rem;
    font-weight: 300;
    color: var(--white);
    padding: 2rem 5rem;
    position: relative;
    border: 0
}

@media screen and (max-width: 1600px) {
    .product-listing-tabs .nav-tabs .nav-link {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 300;
        color: var(--white);
        padding: 1rem 5rem
    }
}

@media screen and (min-width: 1601px) {
    .product-listing-tabs .nav-tabs .nav-link {
        padding: 2rem 6.5rem
    }
}

.product-listing-tabs .nav-tabs .nav-link:before {
    content: "";
    width: 3rem;
    height: 5px;
    background: var(--white);
    position: absolute;
    left: 50%;
    bottom: .5rem;
    transform: translateX(-50%) scaleX(0);
    -webkit-transform: translateX(-50%) scaleX(0);
    -moz-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transition: 200ms linear 0s;
    -webkit-transition: 200ms linear 0s;
    -moz-transition: 200ms linear 0s;
    -ms-transition: 200ms linear 0s;
    border-radius: 2.1px;
    -webkit-border-radius: 2.1px;
    -ms-border-radius: 2.1px;
    -moz-border-radius: 2.1px
}

@media screen and (max-width: 1600px) {
    .product-listing-tabs .nav-tabs .nav-link:before {
        width: 2.5rem;
        bottom: 0
    }
}

@media screen and (max-width: 575.98px) {
    .product-listing-tabs .nav-tabs .nav-link:before {
        height: 4px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        -moz-border-radius: 2px
    }
}

.product-listing-tabs .nav-tabs .nav-link.active {
    background: none;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: var(--white);
    border-color: transparent
}

@media screen and (max-width: 1600px) {
    .product-listing-tabs .nav-tabs .nav-link.active {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 600;
        color: var(--white);
        padding: 1rem 5rem
    }
}

@media screen and (min-width: 1601px) {
    .product-listing-tabs .nav-tabs .nav-link.active {
        font-size: 3.4rem;
        line-height: 3.8rem;
        font-weight: 600;
        color: var(--white);
        padding: 2rem 6.5rem
    }
}

.product-listing-tabs .nav-tabs .nav-link.active:before {
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1)
}

.product-listing-tabs .tab-content {
    padding-top: 0rem;
    position: relative;
    padding-bottom: 0;
    margin: 0
}

.product-listing-tabs .product-card-bg {
    background-image: url("../images/product-listing-bg.jpg");
    margin: 0 2rem;
    background-position: -28% 50%;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(100% - 65.5rem)
}

@media screen and (max-width: 1600px) {
    .product-listing-tabs .product-card-bg {
        width: calc(100% - 47rem)
    }
}

@media screen and (max-width: 1199.98px) {
    .product-listing-tabs .product-card-bg {
        width: calc(100% - 43rem)
    }
}

.product-listing-tabs .product-card-bg .tab-pane {
    height: 100%
}

.product-listing-tabs .tab-title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 300;
    color: var(--tertiary-blue);
    margin-bottom: 1.8rem
}

.product-listing-tabs .tab-paragraph {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 300;
    color: var(--black);
    margin-bottom: 4rem
}

@media screen and (max-width: 991.98px) {
    .product-listing-tabs h1 {
        padding: 0rem 0 2.5rem
    }

    .product-listing-tabs .nav-tabs .nav-link {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding-bottom: 1rem;
        padding: 1rem 1.75rem;
        white-space: nowrap;
        margin-bottom: .5rem
    }

        .product-listing-tabs .nav-tabs .nav-link:before {
            border-radius: 30%;
            height: .3rem;
            width: 2rem
        }

        .product-listing-tabs .nav-tabs .nav-link.active {
            background: none;
            font-size: 1.8rem;
            line-height: 2.2rem;
            padding: .75rem 1.75rem;
            margin-bottom: .5rem
        }

            .product-listing-tabs .nav-tabs .nav-link.active:before {
                transform: translateX(-50%) scaleX(1);
                -webkit-transform: translateX(-50%) scaleX(1);
                -moz-transform: translateX(-50%) scaleX(1);
                -ms-transform: translateX(-50%) scaleX(1)
            }

    .product-listing-tabs .nav-item + .nav-item {
        margin-left: 5rem
    }

    .product-listing-tabs .tab-title {
        margin-bottom: 2.4rem
    }

    .product-listing-tabs .tab-paragraph {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .product-listing-tabs {
        padding-top: .5rem
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs .tab-content {
        min-height: 0;
        padding-top: 1rem
    }

    .product-listing-tabs .nav-tabs {
        padding-left: 0rem;
        padding-right: 0rem;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767.98px)and (max-width: 767.98px) {
    .product-listing-tabs .nav-tabs {
        z-index: 10
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs .nav-tabs .nav-link {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding-bottom: 1rem;
        padding: 1.3rem 2.5rem;
        white-space: nowrap
    }

        .product-listing-tabs .nav-tabs .nav-link:before {
            width: 2rem;
            height: .3rem;
            border-radius: .3rem
        }

        .product-listing-tabs .nav-tabs .nav-link.active {
            background: none;
            font-size: 1.8rem;
            line-height: 2.2rem;
            padding: 1rem 1.75rem
        }

            .product-listing-tabs .nav-tabs .nav-link.active:before {
                transform: translateX(-50%) scaleX(1);
                -webkit-transform: translateX(-50%) scaleX(1);
                -moz-transform: translateX(-50%) scaleX(1);
                -ms-transform: translateX(-50%) scaleX(1)
            }
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs .nav-item + .nav-item {
        margin-left: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .product-listing-tabs .tab-title {
        font-size: 1.8rem;
        line-height: 2.2rem;
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .product-listing-tabs .nav-item + .nav-item {
        margin-left: 1rem
    }

    .product-listing-tabs .nav-tabs .nav-link {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

@media screen and (min-width: 1601px) {
    .product-listing-tabs .nav-tabs {
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
        padding: 4.5rem 0
    }
}

.tab-main-container {
    display: flex;
    flex: 0 0 100%;
    height: 100%;
    width: 100%;
    margin: 0 3.5rem;
    max-height: 67rem;
    min-height: 67rem
}

@media screen and (max-width: 1600px) {
    .tab-main-container {
        margin: 0 2.4rem;
        max-height: 44rem;
        min-height: 44rem
    }
}

@media screen and (max-width: 991.98px) {
    .tab-main-container {
        display: none
    }
}

@media screen and (max-width: 1600px) {
    .tab-main-container.with-pricing {
        max-height: 50rem;
        min-height: 50rem
    }
}

.product-main-outer {
    display: flex;
    height: 100%;
    width: 100%;
    flex: 0 0 100%
}

    .product-main-outer .list-img-slider-outer {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: space-between;
        padding: 4rem 0;
        width: 100%;
        flex: 0 0 100%;
        overflow: hidden
    }

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer {
        padding: 2.5rem 0
    }
}

.product-main-outer .list-img-slider-outer .slide-outer {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 75%
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .slide-outer {
        width: 72%
    }
}

.product-main-outer .list-img-slider-outer .product-items-list {
    align-items: center;
    display: flex;
    max-width: 100%;
    width: 100%;
    margin: 0;
    margin-bottom: 5rem
}

    .product-main-outer .list-img-slider-outer .product-items-list .product-slide {
        max-width: 100%;
        min-width: fit-content
    }

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .product-items-list .product-slide img {
        max-width: 70%;
        margin: 0 auto;
        margin-top: 1rem;
        display: block
    }
}

.product-main-outer .list-img-slider-outer .product-items-list .slide {
    align-items: center;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.product-main-outer .list-img-slider-outer .product-items-list .slick-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    flex: 0 0 100%
}

.product-main-outer .list-img-slider-outer .product-items-list .slick-track {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    flex: 0 0 100%
}

.product-main-outer .list-img-slider-outer .product-items-list .slick-slide {
    display: flex !important;
    justify-content: center
}

.product-main-outer .list-img-slider-outer .product-items-list .slick-dots {
    bottom: -5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .product-items-list .slick-dots {
        bottom: -4.5rem
    }
}

.product-main-outer .list-img-slider-outer .product-items-list .slick-dots li {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    margin: 0 8px;
    padding: 0;
    position: relative;
    width: 18px
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .product-items-list .slick-dots li {
        height: 14px;
        width: 14px;
        margin: 0 5px
    }
}

.product-main-outer .list-img-slider-outer .product-items-list .slick-dots li button:before {
    height: 11px;
    width: 11px;
    font-size: 0;
    color: var(--grey-33);
    background: var(--grey-33);
    opacity: .5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .product-items-list .slick-dots li button:before {
        height: 8px;
        width: 8px
    }
}

.product-main-outer .list-img-slider-outer .product-items-list .slick-dots li.slick-active button:before {
    background: var(--primary-blue);
    color: var(--primary-blue);
    height: 18px;
    opacity: 1;
    width: 18px
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .product-items-list .slick-dots li.slick-active button:before {
        height: 14px;
        width: 14px
    }
}

.product-main-outer .list-img-slider-outer h1 {
    font-size: 5rem;
    line-height: 5.4rem;
    font-weight: 600;
    color: var(--font-black);
    margin: 0
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer h1 {
        font-size: 3.55rem;
        line-height: 3.95rem;
        font-weight: 600;
        color: var(--font-black)
    }
}

.product-main-outer .list-img-slider-outer .view-details-btn {
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: var(--primary-blue);
    height: 5.1rem;
    min-height: 5.1rem;
    min-width: 21.1rem;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .view-details-btn {
        font-size: 1.3rem;
        line-height: 1.7rem;
        font-weight: 600;
        color: var(--primary-blue);
        min-width: 15rem;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -moz-border-radius: 1rem;
        height: 3.6rem;
        padding: 0;
        min-height: 3.6rem
    }
}

.product-main-outer .list-img-slider-outer .view-details-btn:hover, .product-main-outer .list-img-slider-outer .view-details-btn:focus, .product-main-outer .list-img-slider-outer .view-details-btn:active, .product-main-outer .list-img-slider-outer .view-details-btn:not(:disabled):not(.disabled):active {
    background: var(--primary-blue);
    color: var(--white);
    background: -webkit-linear-gradient(top, var(--primary-blue), var(--primary-blue));
    background: linear-gradient(to bottom, var(--primary-blue), var(--primary-blue));
    border: solid 2px var(--primary-blue)
}

.product-main-outer .list-img-slider-outer .bike-info-outer {
    display: flex;
    width: 25%;
    flex: 0 0 25%;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    font-size: 2rem;
    padding: 3rem 1rem
}

@media screen and (max-width: 1199.98px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer {
        flex: 0 0 30%;
        width: 30%
    }
}

.product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:first-child em {
    color: var(--grey-33);
    font-size: 3.2rem
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:first-child em {
        font-size: 2.2rem
    }
}

.product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:first-child em.icon-iqube_battery {
    font-size: 3.6rem
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:first-child em.icon-iqube_battery {
        font-size: 2.6rem
    }
}

.product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:nth-child(2) em {
    color: var(--grey-33);
    font-size: 4.8rem
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:nth-child(2) em {
        font-size: 3rem
    }
}

.product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:last-child em {
    color: var(--grey-33);
    font-size: 5.5rem
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer .bike-eng:last-child em {
        font-size: 3.5rem
    }
}

.product-main-outer .list-img-slider-outer .bike-info-outer span {
    display: flex;
    flex-direction: column;
    line-height: initial
}

.product-main-outer .list-img-slider-outer .bike-info-outer p:first-child {
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: var(--black);
    margin: .8rem 0 0 0;
    text-transform: uppercase;
    letter-spacing: 4.5px
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer p:first-child {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--black);
        letter-spacing: .2rem
    }
}

.product-main-outer .list-img-slider-outer .bike-info-outer p:last-child {
    font-size: 4.8rem;
    color: var(--black);
    margin: 0
}

@media screen and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer p:last-child {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 400;
        color: var(--black)
    }
}

@media screen and (min-width: 1601px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer {
        padding: 3rem 1rem 7rem
    }

        .product-main-outer .list-img-slider-outer .bike-info-outer span text {
            font-size: 4.2rem;
            line-height: 4.6rem
        }
}

@media screen and (min-width: 1601px)and (max-width: 1600px) {
    .product-main-outer .list-img-slider-outer .bike-info-outer span text {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 400;
        color: var(--black)
    }
}

.tab-list {
    max-width: 56.7rem;
    width: 100%;
    justify-content: space-between;
    padding: 1.5rem;
    flex: 0 0 100%
}

@media screen and (max-width: 1600px) {
    .tab-list {
        max-width: 40.3rem
    }
}

@media screen and (max-width: 1199.98px) {
    .tab-list {
        max-width: 36rem
    }
}

.tab-list .nav.nav-pills {
    overflow-y: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding: .5rem 3.5rem 0 1.7rem;
    max-height: 100%
}

@media screen and (max-width: 1600px) {
    .tab-list .nav.nav-pills {
        padding: .5rem 2.2rem 0 1.2rem
    }
}

.tab-list .nav.nav-pills .nav-link {
    background: var(--grey-25);
    padding: 2rem 0;
    min-height: 13.3rem;
    max-height: 13.3rem;
    max-width: 47rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1600px) {
    .tab-list .nav.nav-pills .nav-link {
        max-height: 9.4rem;
        min-height: 9.4rem;
        max-width: 33.4rem
    }
}

@media screen and (min-width: 1366px) {
    .tab-list .nav.nav-pills .nav-link {
        max-width: 100%
    }
}

@media screen and (max-width: 1600px) {
    .tab-list .nav.nav-pills .nav-link {
        border-radius: 1.2rem;
        -webkit-border-radius: 1.2rem;
        -ms-border-radius: 1.2rem;
        -moz-border-radius: 1.2rem
    }
}

.tab-list .nav.nav-pills .nav-link.active {
    background: var(--white);
    transform: scale(1.05);
    max-height: 10rem;
    min-height: 10rem
}

    .tab-list .nav.nav-pills .nav-link.active h4 {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--primary-blue);
        padding-right: 13.5rem;
        width: calc(100% - 2rem)
    }

@media screen and (max-width: 1199.98px) {
    .tab-list .nav.nav-pills .nav-link.active h4 {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1601px) {
    .tab-list .nav.nav-pills .nav-link.active {
        min-height: 15.15rem;
        max-height: 15.15rem
    }

        .tab-list .nav.nav-pills .nav-link.active h4 {
            font-size: 2.6rem;
            line-height: 3rem;
            font-weight: 600;
            color: var(--primary-blue);
            padding-right: 18.9rem
        }
}

.tab-list .nav.nav-pills .nav-link .product-list {
    position: absolute;
    right: .5rem;
    text-align: revert;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

    .tab-list .nav.nav-pills .nav-link .product-list img {
        max-width: 85%
    }

@media screen and (min-width: 1601px) {
    .tab-list .nav.nav-pills .nav-link .product-list {
        right: 0
    }
}

.tab-list .nav.nav-pills .nav-link h4 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: var(--font-blue);
    position: absolute;
    z-index: 10;
    left: 2rem;
    margin: 0;
    top: 50%;
    transform: translate(0, -50%)
}

@media screen and (max-width: 1600px) {
    .tab-list .nav.nav-pills .nav-link h4 {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--font-blue);
        margin: 0
    }
}

@media screen and (max-width: 1199.98px) {
    .tab-list .nav.nav-pills .nav-link h4 {
        font-size: 1.2rem;
        line-height: 1.6rem;
        font-weight: 600;
        color: var(--font-blue);
        margin: 0
    }
}

.tab-list .nav.nav-pills .nav-link:last-child {
    margin-bottom: 1.5rem
}

.tab-list .nav.nav-pills .nav-link + .nav-link {
    margin-top: 1.4rem
}

.tab-list .nav.nav-pills::-webkit-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-blue);
    width: 8px
}

.tab-list .nav.nav-pills::-webkit-scrollbar-track {
    background: #e1e1e1;
    opacity: .4;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -moz-border-radius: .5rem;
    padding-bottom: 3rem
}

.tab-list .nav.nav-pills::-webkit-scrollbar-thumb {
    background-color: var(--primary-blue);
    border-radius: 20px;
    border: 7px solid var(--primary-blue)
}

.products-images .slick-dots {
    bottom: -3rem
}

    .products-images .slick-dots li {
        height: 3rem;
        width: 3rem
    }

        .products-images .slick-dots li button {
            width: 3rem;
            height: 3rem
        }

            .products-images .slick-dots li button:before {
                color: #3c3c3c;
                font-size: 4rem;
                line-height: 2rem
            }

        .products-images .slick-dots li.slick-active button {
            width: 3rem;
            height: 3rem
        }

            .products-images .slick-dots li.slick-active button:before {
                color: #18407e;
                opacity: 1;
                font-size: 5rem
            }

@media screen and (max-width: 991.98px) {
    .products-images {
        display: none
    }
}

.product-info .pro-title {
    display: flex;
    justify-content: center;
    font-size: 2.4rem;
    font-weight: 600;
    padding: 1rem 0;
    margin: 0
}

.product-info .bike-info {
    display: flex;
    justify-content: space-evenly;
    padding: 2rem 10rem
}

    .product-info .bike-info .bike-eng {
        display: flex;
        justify-content: center;
        align-items: center
    }

        .product-info .bike-info .bike-eng span {
            display: block;
            padding: 0rem 2rem;
            font-size: 1.6rem;
            font-weight: 500
        }

            .product-info .bike-info .bike-eng span p {
                margin: 0
            }

.product-btn {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
    max-width: 100%;
    margin: 0 auto
}

    .product-btn .view-all {
        margin-right: 2rem
    }

.mobile-list {
    display: none;
    padding: 2rem 2rem 4rem 2rem;
    flex-direction: column;
    background: var(--grey-11)
}

@media screen and (max-width: 991.98px) {
    .mobile-list {
        display: flex
    }
}

.mobile-list .nav-link {
    background: var(--white);
    padding: 1.4rem 1rem;
    min-height: 9rem;
    max-width: 100%;
    border: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center
}

    .mobile-list .nav-link.with-pricing {
        padding: 0 1.5rem;
        height: auto;
        flex-direction: column;
        box-shadow: none
    }

        .mobile-list .nav-link.with-pricing .nav-details {
            padding: 1.4rem 0;
            height: 9rem;
            max-width: 100%;
            border: 0;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid #acacac;
            display: flex;
            align-items: center;
            width: 100%
        }

        .mobile-list .nav-link.with-pricing .pricing {
            flex-direction: row;
            padding: 1rem 0;
            align-self: flex-start;
            align-items: flex-end
        }

            .mobile-list .nav-link.with-pricing .pricing .price {
                font-size: 2rem;
                line-height: 2rem
            }

            .mobile-list .nav-link.with-pricing .pricing .currency-symbol {
                font-size: 1.4rem;
                line-height: 1rem
            }

            .mobile-list .nav-link.with-pricing .pricing .text-caption {
                margin-left: 1rem;
                line-height: 1.8rem
            }

        .mobile-list .nav-link.with-pricing .specs-outer {
            padding: 0 0 0 .5rem
        }

            .mobile-list .nav-link.with-pricing .specs-outer em {
                right: 0
            }

    .mobile-list .nav-link .product-list {
        display: flex;
        width: 15rem
    }

@media screen and (max-width: 767.98px) {
    .mobile-list .nav-link .product-list {
        width: 13rem
    }
}

.mobile-list .nav-link .product-list img {
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.mobile-list .nav-link + .nav-link {
    margin-top: 1rem
}

.mobile-list .specs-info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .mobile-list .specs-info p {
        font-size: 1rem;
        line-height: 1.4rem;
        font-weight: 600;
        color: var(--grey-33);
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        text-align: left
    }

    .mobile-list .specs-info label {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--black);
        margin: 0
    }

        .mobile-list .specs-info label span {
            font-size: 1.2rem;
            line-height: 1.6rem;
            font-weight: 600;
            color: var(--black)
        }

.mobile-list .specs-outer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 0 1.5rem 0 .5rem;
    width: 70%
}

    .mobile-list .specs-outer h4 {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--primary-blue);
        margin: 0;
        padding-bottom: 1.5rem
    }

    .mobile-list .specs-outer em {
        position: absolute;
        right: 1rem;
        font-size: 1.5rem;
        top: 1.4rem;
        font-weight: 600;
        color: var(--primary-blue)
    }

.mobile-list.test {
    padding: 2rem 2rem 9.5rem 2rem;
    min-height: calc(100vh - 12rem)
}

.book-test-outer {
    align-items: center;
    background: var(--white);
    box-shadow: 0px -5px 4.8px .3px rgba(0,0,0,.08);
    display: none;
    height: 7.5rem;
    justify-content: center;
    width: 100%;
    z-index: 8;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 991.98px) {
    .book-test-outer {
        display: flex
    }
}

.book-test-outer a {
    align-items: center;
    color: var(--white);
    display: flex;
    justify-content: center;
    padding: 0;
    text-transform: uppercase
}

@media screen and (max-width: 991.98px) {
    .book-test-outer a {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--white);
        width: 16.1rem;
        height: 4rem
    }
}

.whats-new {
    padding: 5rem 0rem 0rem;
    background: #f6f6f6
}

@media screen and (max-width: 991.98px) {
    .whats-new {
        padding: 5rem 0
    }
}

.whats-new .our-brand-inner {
    width: 100%;
    padding: 1rem 0 3rem
}

    .whats-new .our-brand-inner .news-top {
        padding: 2rem 0 0 0rem
    }

@media screen and (max-width: 991.98px) {
    .whats-new .our-brand-inner {
        padding: 1rem 0 3rem
    }

        .whats-new .our-brand-inner .news-top {
            padding: 2rem 0 0 0rem
        }
}

.whats-new ul.slick-dots {
    position: absolute;
    bottom: -2rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    right: auto
}

    .whats-new ul.slick-dots li {
        width: 2.5rem
    }

@media screen and (max-width: 767.98px) {
    .whats-new ul.slick-dots {
        bottom: -1rem
    }
}

.slider-center.whats-center .slide {
    padding: 3rem 0rem;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .slider-center.whats-center .slide {
        padding: 3rem 0 0
    }

        .slider-center.whats-center .slide figure {
            margin: 0 0rem 1rem
        }

            .slider-center.whats-center .slide figure > img {
                height: 40vh
            }
}

.slider-center.whats-center .slide .what-card {
    width: 100%;
    opacity: 1;
    box-shadow: 0px 7px 31.6px 12.4px rgba(0,0,0,.14);
    transform: scale(0.85);
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    transition: transform .2s
}

.slider-center.whats-center .slick-center .slide .what-card {
    transform: scale(1)
}

.slider-center.whats-center .slick-prev, .slider-center.whats-center .slick-next {
    height: 3rem;
    width: 3rem;
    box-shadow: var(--shadow-none);
    -webkit-box-shadow: var(--shadow-none);
    -ms-box-shadow: var(--shadow-none);
    -moz-box-shadow: var(--shadow-none)
}

    .slider-center.whats-center .slick-prev:before, .slider-center.whats-center .slick-next:before {
        font-family: "Poppins-Regular";
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 500;
        color: var(--primary-blue);
        opacity: 100
    }

@media screen and (max-width: 991.98px) {
    .slider-center.whats-center .slick-prev:before, .slider-center.whats-center .slick-next:before {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

.slider-center.whats-center .slick-prev {
    left: 23%;
    z-index: 1
}

    .slider-center.whats-center .slick-prev:before {
        content: ""
    }

@media screen and (max-width: 991.98px) {
    .slider-center.whats-center .slick-prev {
        left: 0rem
    }
}

.slider-center.whats-center .slick-next {
    right: 23%;
    z-index: 1
}

    .slider-center.whats-center .slick-next:before {
        content: ""
    }

@media screen and (max-width: 991.98px) {
    .slider-center.whats-center .slick-next {
        right: 0rem
    }
}

.what-card {
    display: flex;
    background: var(--white);
    border-radius: 2rem;
    overflow: hidden
}

@media screen and (max-width: 991.98px) {
    .what-card {
        margin-bottom: 4rem
    }
}

.what-card .news-card-inner {
    padding: 2rem;
    display: flex;
    width: 100%
}

    .what-card .news-card-inner .what-img {
        width: 50%;
        min-height: 27vh;
        padding-right: 3rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .what-card .news-card-inner .what-img img {
            max-width: 100%;
            min-width: 100%;
            transform: scale(1);
            border-radius: 1rem;
            -webkit-border-radius: 1rem;
            -ms-border-radius: 1rem;
            -moz-border-radius: 1rem
        }

    .what-card .news-card-inner .what-content {
        width: 50%
    }

        .what-card .news-card-inner .what-content span {
            display: inline-block;
            padding: 0rem 0 1.5rem;
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 400;
            color: var(--black);
            opacity: .7
        }

        .what-card .news-card-inner .what-content .news {
            display: flex;
            flex-direction: column;
            align-items: self-start;
            justify-content: right;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            height: 84%
        }

            .what-card .news-card-inner .what-content .news p {
                margin: 0;
                font-size: 1.8rem;
                line-height: 2.2rem;
                font-weight: 500;
                color: var(--black)
            }

@media screen and (max-width: 991.98px) {
    .what-card .news-card-inner {
        padding: 1.25rem 1.25rem 2rem;
        display: flex;
        width: 100%;
        align-items: self-end;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between
    }

        .what-card .news-card-inner .what-img {
            width: 100%;
            height: auto;
            padding-right: 0rem;
            display: flex;
            align-items: baseline;
            justify-content: center
        }

        .what-card .news-card-inner .what-content {
            width: 100%;
            text-align: center;
            padding: 3rem 1rem 1rem;
            min-height: 10rem
        }

            .what-card .news-card-inner .what-content .news {
                display: flex;
                align-items: center;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: center;
                height: 100%;
                text-align: center
            }

                .what-card .news-card-inner .what-content .news p {
                    margin: 0 0 3rem;
                    min-height: 10rem
                }
}

@media screen and (max-width: 575.98px) {
    .what-card .news-card-inner {
        padding: 1.25rem 1.25rem 2rem;
        display: flex;
        width: 100%;
        align-items: self-start;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between
    }

        .what-card .news-card-inner .what-img {
            width: 100%;
            height: 27vh;
            padding-right: 0rem;
            display: flex;
            align-items: baseline;
            justify-content: center
        }

        .what-card .news-card-inner .what-content {
            width: 100%;
            text-align: center;
            padding: 3rem 1rem 1rem;
            min-height: 10rem
        }

            .what-card .news-card-inner .what-content .news {
                display: flex;
                align-items: center;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: center;
                height: 100%;
                text-align: center
            }

                .what-card .news-card-inner .what-content .news p {
                    margin: 0 0 3rem;
                    min-height: 10rem
                }
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0
}

.slick-dots {
    bottom: -1rem
}

    .slick-dots li {
        margin: 0;
        height: 2rem;
        width: 2rem
    }

        .slick-dots li button:before {
            font-size: 3.2rem;
            line-height: 1.6rem
        }

        .slick-dots li button:before {
            color: var(--bullet-grey);
            opacity: 100
        }

        .slick-dots li.slick-active button:before {
            color: var(--primary-blue);
            font-size: 4rem;
            opacity: 1
        }

.hero-wrapper.form-banner {
    z-index: inherit
}

.form-btn-styles, section.contact-us .card-form .card-header-form .btn-input-select, section.contact-us .card-form .btn, .form-section .form-slide .btn {
    border-radius: 1.5rem
}

@media screen and (max-width: 991.98px) {
    .form-btn-styles, section.contact-us .card-form .card-header-form .btn-input-select, section.contact-us .card-form .btn, .form-section .form-slide .btn {
        border-radius: 1rem
    }
}

.form-btn-styles:not(:hover), section.contact-us .card-form .card-header-form .btn-input-select:not(:hover), section.contact-us .card-form .btn:not(:hover), .form-section .form-slide .btn:not(:hover), .form-btn-styles:not(.dropdown-toggle), section.contact-us .card-form .card-header-form .btn-input-select:not(.dropdown-toggle), section.contact-us .card-form .btn:not(.dropdown-toggle), .form-section .form-slide .btn:not(.dropdown-toggle) {
    border-color: transparent
}

.form-btn-styles.btn-disabled, section.contact-us .card-form .card-header-form .btn-disabled.btn-input-select, section.contact-us .card-form .btn-disabled.btn, .form-section .form-slide .btn-disabled.btn {
    color: #8c8c8c;
    pointer-events: none;
    min-height: 6.6rem;
    min-width: 13.6rem
}

@media screen and (max-width: 767.98px) {
    .form-btn-styles.btn-disabled, section.contact-us .card-form .card-header-form .btn-disabled.btn-input-select, section.contact-us .card-form .btn-disabled.btn, .form-section .form-slide .btn-disabled.btn {
        min-height: 4.8rem;
        min-width: 9.3rem
    }
}

.form-btn-styles.btn-disabled:focus, section.contact-us .card-form .card-header-form .btn-disabled.btn-input-select:focus, section.contact-us .card-form .btn-disabled.btn:focus, .form-section .form-slide .btn-disabled.btn:focus {
    box-shadow: none
}

.form-btn-styles.btn-secondary, section.contact-us .card-form .card-header-form .btn-secondary.btn-input-select, section.contact-us .card-form .btn-secondary.btn, .form-section .form-slide .btn-secondary.btn {
    background-color: #fff;
    color: var(--primary-blue);
    min-height: 6.6rem;
    min-width: 13.8rem;
    box-shadow: none
}

@media screen and (max-width: 767.98px) {
    .form-btn-styles.btn-secondary, section.contact-us .card-form .card-header-form .btn-secondary.btn-input-select, section.contact-us .card-form .btn-secondary.btn, .form-section .form-slide .btn-secondary.btn {
        min-height: 4.8rem;
        min-width: 9.3rem
    }
}

.form-btn-styles.btn-detect, section.contact-us .card-form .card-header-form .btn-detect.btn-input-select, section.contact-us .card-form .btn-detect.btn, .form-section .form-slide .btn-detect.btn {
    background-color: #d7d7d7;
    color: #8c8c8c;
    padding: 1.6rem 7rem;
    margin: 6rem 0 0 0;
    line-height: 2.5rem;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 991.98px) {
    .form-btn-styles.btn-detect, section.contact-us .card-form .card-header-form .btn-detect.btn-input-select, section.contact-us .card-form .btn-detect.btn, .form-section .form-slide .btn-detect.btn {
        margin: 6.1rem 0 0 0;
        padding: 1.5rem 7rem;
        width: auto
    }
}

@media screen and (max-width: 767.98px) {
    .form-btn-styles.btn-detect, section.contact-us .card-form .card-header-form .btn-detect.btn-input-select, section.contact-us .card-form .btn-detect.btn, .form-section .form-slide .btn-detect.btn {
        margin: 2rem 0 0 0;
        width: 100%;
        font-size: 1.4rem;
        padding: 1rem 7rem
    }
}

.form-btn-styles.btn-detect em, section.contact-us .card-form .card-header-form .btn-detect.btn-input-select em, section.contact-us .card-form .btn-detect.btn em, .form-section .form-slide .btn-detect.btn em {
    margin: 0 1rem 0 0
}

.form-btn-styles.btn-input-select, section.contact-us .card-form .card-header-form .btn-input-select, section.contact-us .card-form .btn-input-select.btn, .form-section .form-slide .btn-input-select.btn {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue);
    width: 100%;
    text-align: left;
    text-transform: initial;
    padding: 0rem 2rem;
    height: 6.6rem;
    line-height: 1;
    border-radius: 1rem
}

    .form-btn-styles.btn-input-select.select-error, section.contact-us .card-form .card-header-form .btn-input-select.select-error, section.contact-us .card-form .btn-input-select.select-error.btn, .form-section .form-slide .btn-input-select.select-error.btn {
        border: 2px solid #e25151 !important
    }

    .form-btn-styles.btn-input-select:after, section.contact-us .card-form .card-header-form .btn-input-select:after, section.contact-us .card-form .btn-input-select.btn:after, .form-section .form-slide .btn-input-select.btn:after {
        display: none
    }

    .form-btn-styles.btn-input-select, section.contact-us .card-form .card-header-form .btn-input-select, section.contact-us .card-form .btn-input-select.btn, .form-section .form-slide .btn-input-select.btn, .form-btn-styles.btn-input-select:focus, section.contact-us .card-form .card-header-form .btn-input-select:focus, section.contact-us .card-form .btn-input-select.btn:focus, .form-btn-styles.btn-input-select:hover, section.contact-us .card-form .card-header-form .btn-input-select:hover, section.contact-us .card-form .btn-input-select.btn:hover {
        box-shadow: none;
        outline: none
    }

@media screen and (max-width: 767.98px) {
    .form-btn-styles.btn-input-select, section.contact-us .card-form .card-header-form .btn-input-select, section.contact-us .card-form .btn-input-select.btn, .form-section .form-slide .btn-input-select.btn {
        font-size: 1.8rem;
        height: 4.8rem;
        padding: 0 1.5rem;
        line-height: 4.6rem
    }
}

.divider, .terms, .date-container, .form-dealer:before {
    border-top: 1px solid var(--grey-8);
    margin: 0 0 4rem 0
}

@media screen and (max-width: 767.98px) {
    .divider, .terms, .date-container, .form-dealer:before {
        margin: 1rem 0 4rem 0
    }
}

.form-section {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

    .form-section .banner-bg {
        content: "";
        background-size: cover !important;
        width: 100%;
        height: 75vh;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        pointer-events: none
    }

@media screen and (max-width: 767.98px) {
    .form-section .banner-bg {
        background: url(../images/banner/test_ride_mobile.png) center no-repeat !important;
        background-size: cover !important;
        min-height: 37.8rem !important;
        height: 37.8rem !important
    }
}

@media screen and (min-width: 1601px) {
    .form-section .banner-bg {
        height: 71.8rem
    }
}

@media screen and (max-width: 991.98px) {
    .form-section {
        width: 100%
    }
}

.form-section .form-wrapper {
    position: relative;
    height: 100%;
    margin: 20px 0 60px
}

@media screen and (max-width: 767.98px) {
    .form-section .form-wrapper {
        margin: 5px 0 60px
    }
}

.form-section .form-wrapper .mandat-field {
    display: inline;
    float: right;
    font-size: 1.4rem;
    color: rgba(255,255,255,.8);
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1
}

@media screen and (max-width: 767.98px) {
    .form-section .form-wrapper .mandat-field {
        font-size: 1.2rem;
        top: 1rem
    }
}

.form-section .form-slide {
    display: inline-block;
    vertical-align: top;
    height: 80vh;
    width: 114.3rem;
    margin: 20px calc((100% - 114.3rem)/2);
    position: relative;
    display: inline-block;
    background: url(../images/card-bg-top.png) left top no-repeat,url(../images/card-bg-bottom.png) right bottom no-repeat;
    background-color: var(--white);
    background-clip: padding-box;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide {
        background: url(../images/card-bg-top-mobile.png) left top no-repeat,url(../images/card-bg-bottom-mobile.png) right bottom no-repeat;
        background-color: var(--white);
        background-clip: padding-box;
        border-radius: 1.2rem 1.2rem 1rem 1rem
    }
}

.form-section .form-slide.active {
    height: calc(100% - 40px)
}

.form-section .form-slide.form-step-1 {
    overflow: initial
}

    .form-section .form-slide.form-step-1 .form-dealer[style="display: none;"] ~ .form-btn {
        margin-top: 2.5rem
    }

@media screen and (max-width: 991.98px) {
    .form-section .form-slide {
        width: 32rem;
        margin: 1.5rem calc((100% - 32rem)/2)
    }
}

@media screen and (min-width: 1601px) {
    .form-section .form-slide {
        width: 114.2rem;
        margin: 20px calc((100% - 114.2rem)/2)
    }
}

.form-section .form-slide .select-box.dropdown:before {
    pointer-events: none;
    transition: all .3s ease;
    line-height: normal
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .select-box.dropdown:before {
        right: 12px
    }
}

.form-section .form-slide .select-box.dropdown.show:before {
    transform: translate(0, -50%) rotate(180deg)
}

.form-section .form-slide .select-box.dropdown .dropdown-select {
    width: 100% !important;
    max-height: 17.5rem;
    overflow: auto;
    padding: 0;
    background: var(--white);
    border: 1rem solid #fff
}

    .form-section .form-slide .select-box.dropdown .dropdown-select::-webkit-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-blue);
        width: 6px
    }

    .form-section .form-slide .select-box.dropdown .dropdown-select::-webkit-scrollbar-track {
        background: #e1e1e1;
        opacity: .4;
        border-radius: .5rem;
        -webkit-border-radius: .5rem;
        -ms-border-radius: .5rem;
        -moz-border-radius: .5rem;
        padding-bottom: 3rem
    }

    .form-section .form-slide .select-box.dropdown .dropdown-select::-webkit-scrollbar-thumb {
        background-color: var(--primary-blue);
        border-radius: 20px;
        border: 6px solid var(--primary-blue)
    }

    .form-section .form-slide .select-box.dropdown .dropdown-select[x-placement=bottom-start] {
        top: 10px !important
    }

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .select-box.dropdown .dropdown-select[x-placement=bottom-start] {
        top: 4px !important
    }
}

.form-section .form-slide .select-box.dropdown .dropdown-select[x-placement=top-start] {
    top: -10px !important
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .select-box.dropdown .dropdown-select[x-placement=top-start] {
        top: -4px !important
    }
}

.form-section .form-slide .select-box.dropdown .dropdown-select li {
    padding: 0 1rem
}

    .form-section .form-slide .select-box.dropdown .dropdown-select li:last-child .dropdown-item {
        border-bottom: none
    }

.form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item {
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.6rem;
    padding: 1rem 0;
    margin: 0 auto;
    width: calc(100% - 3rem)
}

@media screen and (min-width: 1366px) {
    .form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item {
        font-size: 2rem;
        padding: 1.3rem 0;
        line-height: 1.28
    }
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item {
        height: 6.3rem;
        display: flex;
        align-items: center;
        font-size: 1.8rem
    }
}

.form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1.5rem
}

.form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item.active, .form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item:active, .form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item:hover {
    color: var(--primary-blue);
    background-color: var(--white);
    font-weight: bold
}

.form-section .form-slide .select-box.dropdown .dropdown-select .dropdown-item:last-child {
    border-bottom: none
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .select-box.dropdown .dropdown-select {
        max-height: 18.6rem
    }
}

.form-section .form-slide .form-check {
    display: flex;
    align-items: center;
    padding: 0
}

    .form-section .form-slide .form-check .form-check-input {
        width: 2rem;
        height: 2rem;
        margin: 0
    }

    .form-section .form-slide .form-check .form-check-label {
        font-size: 2.2rem;
        font-weight: 500;
        line-height: 1.09;
        color: #000;
        margin-left: 4rem
    }

@media screen and (max-width: 767.98px) {
    .form-section .form-slide.form-step-2 .form-elements > .label-style, .form-section .form-slide.form-step-2 .form-elements .form-group .form-elements > label, .form-elements .form-group .form-section .form-slide.form-step-2 .form-elements > label {
        margin-bottom: 3rem
    }
}

.form-section .form-slide.form-step-2 .form-btn .btn {
    min-width: 27.7rem;
    height: 6.6rem
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide.form-step-2 .form-btn .btn {
        min-width: 13.3rem
    }
}

.form-section .form-slide.form-step-2 .form-btn .btn-disabled {
    box-shadow: none !important
}

@media screen and (max-width: 991.98px) {
    .form-section .form-slide.form-step-2 .form-group .text-danger {
        position: relative
    }
}

@media screen and (min-width: 1366px) {
    .form-section .form-slide .mobile-code + .col-md-6.form-group .col-7.col-md-8 {
        min-width: calc(100% - 158px);
        padding-right: 5px
    }
}

@media screen and (min-width: 1366px) {
    .form-section .form-slide .mobile-code + .col-md-6.form-group .col-5.col-md-4 {
        max-width: fit-content
    }
}

.form-section .form-slide .select-error {
    border: 2px solid #e25151 !important;
    border-radius: 1.1rem
}

.form-section .form-slide .dealer-error {
    border: 2px solid #e25151;
    border-radius: 4px
}

.form-section .form-slide .text-danger {
    color: #e25151 !important;
    margin-top: 1rem;
    line-height: 1.6rem;
    font-size: 16px;
    margin-left: 0px;
    font-weight: normal;
    width: 100%
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .text-danger {
        font-size: 12px;
        white-space: initial;
        position: absolute;
        line-height: 1.2rem
    }
}

.form-section .form-slide .text-danger.mobile {
    position: absolute
}

@media screen and (max-width: 767.98px) {
    .form-section .form-slide .text-danger.mobile {
        bottom: -2.2rem
    }
}

.form-section .form-slide .form-element-change {
    font-size: 22px
}

.form-section .form-slide .form-summary-error {
    color: #8c8c8c !important;
    box-shadow: none
}

.form-section h1 {
    font-size: 3rem;
    white-space: normal
}

    .form-section h1.title {
        text-align: center;
        color: var(--white);
        margin: calc(75vh - 27rem) auto 2rem;
        font-size: 6rem;
        font-weight: bold
    }

@media screen and (max-width: 991.98px) {
    .form-section h1.title {
        font-size: 3.6rem;
        margin-bottom: 0rem !important;
        margin: 16.3rem auto 2rem
    }
}

@media screen and (min-width: 1601px) {
    .form-section h1.title {
        margin: 38.8rem auto 2rem
    }
}

.form-elements, .form-dealer {
    margin: 0 auto;
    max-width: calc(100% - 19.4rem)
}

    .form-elements .row, .form-dealer .row {
        padding: 0;
        margin-left: -10px;
        margin-right: -10px
    }

        .form-elements .row [class^=col-], .form-elements .row .form-group, .form-dealer .row [class^=col-], .form-dealer .row .form-group {
            padding-left: 10px;
            padding-right: 10px
        }

        .form-elements .row li::marker, .form-dealer .row li::marker {
            color: var(--white)
        }

@media screen and (max-width: 991.98px) {
    .form-elements, .form-dealer {
        max-width: 100%;
        padding: 0 2rem
    }
}

@media screen and (min-width: 1601px) {
    .form-elements, .form-dealer {
        max-width: calc(100% - 194px)
    }
}

.label-style, .form-elements .form-group label {
    font-size: 2.8rem;
    font-weight: 500;
    color: var(--grey-1);
    display: block;
    margin: 0 0 2rem 0;
    line-height: 2.8rem
}

@media screen and (max-width: 767.98px) {
    .label-style, .form-elements .form-group label {
        font-size: 2rem;
        margin: 0 0 1.2rem 0;
        line-height: 1
    }
}

.label-style small, .form-elements .form-group label small {
    font-size: 1.8rem;
    color: var(--grey-45);
    opacity: .8;
    font-weight: 400;
    margin: -0.5rem 0 -1.5rem;
    display: block
}

@media screen and (max-width: 767.98px) {
    .label-style small, .form-elements .form-group label small {
        font-size: 1.4rem;
        font-weight: normal;
        opacity: 1;
        margin: 0 0 1.5rem
    }
}

.form-elements {
    padding: 0
}

@media screen and (max-width: 767.98px) {
    .form-elements {
        padding: 0 2rem
    }

        .form-elements .btn {
            height: 4.8rem;
            font-size: 1.4rem
        }
}

.form-elements .form-error input[type=text] {
    border: 2px solid #e25151
}

.form-elements .form-error span {
    font-size: 1.4rem;
    color: #e25151;
    margin: .9rem 0 0 0;
    display: block;
    width: 100%
}

@media screen and (max-width: 767.98px) {
    .form-elements .form-error span {
        font-size: 1.2rem;
        margin: .5rem 0 0 0
    }
}

.form-elements .form-group {
    padding: 0 10px;
    margin: 0 0 30px 0;
    list-style-type: none
}

    .form-elements .form-group input[type=text] {
        color: var(--black);
        font-size: 2.2rem;
        font-weight: 500;
        padding: 1.5rem 2.1rem;
        height: 6.6rem
    }

@media screen and (max-width: 767.98px) {
    .form-elements .form-group input[type=text] {
        padding: 1rem 1rem 1rem 1.5rem
    }
}

.form-elements .form-group input[type=text]::placeholder {
    color: var(--grey-6);
    font-size: 2rem;
    font-weight: 400
}

.form-elements .form-group input[type=text]:focus {
    color: var(--primary-blue)
}

@media screen and (max-width: 991.98px) {
    .form-elements .form-group input[type=text] {
        font-size: 2rem;
        height: 4.8rem
    }
}

@media screen and (max-width: 991.98px) {
    .form-elements .form-group {
        margin: 0 0 20px 0
    }
}

.form-elements .form-group #mobileNumber {
    padding-left: 1.4rem !important;
    height: 6.4rem
}

@media screen and (max-width: 767.98px) {
    .form-elements .form-group #mobileNumber {
        padding-left: 1.3rem !important;
        height: 4.4rem
    }
}

.form-elements .form-group .input-box {
    position: relative
}

    .form-elements .form-group .input-box button {
        right: 15px;
        height: 100%;
        top: 0;
        font-size: 1.6rem;
        color: var(--primary-blue)
    }

.form-elements .form-group .text {
    font-size: 1.8rem;
    color: var(--black);
    margin: 7.5rem 1.5rem 0 0;
    display: block;
    float: left
}

@media screen and (max-width: 991.98px) {
    .form-elements .form-group .text {
        display: block;
        float: left;
        margin: 7.7rem 3rem 0 0
    }
}

@media screen and (max-width: 767.98px) {
    .form-elements .form-group .text {
        font-size: 1.6rem;
        float: none;
        text-align: center;
        margin: 1.5rem 1.5rem 0 0
    }
}

.form-elements .form-control {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue)
}

    .form-elements .form-control:focus {
        color: #495057
    }

    .form-elements .form-control:focus-visible {
        text-shadow: none
    }

@media screen and (max-width: 991.98px) {
    .form-elements .form-control {
        font-size: 1.8rem;
        min-height: 4.8rem
    }
}

.form-dealer:before {
    content: "";
    display: block
}

.form-dealer > label {
    font-size: 2.8rem;
    font-weight: 500
}

@media screen and (max-width: 991.98px) {
    .form-dealer > label {
        font-size: 2rem;
        margin: 0 0 1.5rem 0
    }
}

@media screen and (max-width: 767.98px) {
    .form-dealer > label {
        margin: 0 0 1rem 0;
        line-height: 2rem
    }
}

.dealer-container {
    padding: 0;
    max-height: 405px;
    overflow: auto
}

    .dealer-container.row {
        margin-left: -1rem;
        margin-right: -1rem
    }

        .dealer-container.row [class^=col-] {
            padding-right: 1rem;
            padding-left: 1rem
        }

    .dealer-container .dealer-block {
        margin: 1rem 0;
        list-style-type: none
    }

@media screen and (max-width: 767.98px) {
    .dealer-container .dealer-block {
        margin: .9rem 0
    }
}

.dealer-container .dealer-block label {
    position: relative;
    display: block;
    min-width: 100%;
    margin-bottom: 0
}

    .dealer-container .dealer-block label input[type=checkbox] {
        opacity: 0;
        position: absolute;
        right: 15px;
        top: 15px
    }

        .dealer-container .dealer-block label input[type=checkbox]:checked ~ .checkbox-indicator > cite {
            background: var(--secondary-blue)
        }

        .dealer-container .dealer-block label input[type=checkbox]:checked ~ .dealer-box:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 0
        }

    .dealer-container .dealer-block label .checkbox-indicator {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 26px;
        height: 26px;
        padding: 4px;
        border-radius: 50%;
        background: var(--white);
        border: 1px solid var(--grey-24);
        display: none
    }

        .dealer-container .dealer-block label .checkbox-indicator cite {
            width: 16px;
            height: 16px;
            display: inline-block;
            border-radius: 50%;
            background: var(--white)
        }

.dealer-container .dealer-block .dealer-box {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 3.2rem 4rem 2.4rem 3.5rem;
    min-height: 195.5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media screen and (max-width: 767.98px) {
    .dealer-container .dealer-block .dealer-box {
        min-height: 0;
        padding: 2rem
    }
}

.dealer-container .dealer-block .dealer-box h4, .dealer-container .dealer-block .dealer-box h3 {
    font-size: 2.4rem;
    font-weight: bold;
    color: var(--black-2);
    margin: 0rem 0rem 1rem 0rem;
    position: relative;
    line-height: 2rem
}

@media screen and (max-width: 991.98px) {
    .dealer-container .dealer-block .dealer-box h4, .dealer-container .dealer-block .dealer-box h3 {
        font-size: 1.8rem
    }
}

.dealer-container .dealer-block .dealer-box .direction {
    background: var(--primary-blue);
    box-shadow: var(--banner-shadow);
    -webkit-box-shadow: var(--banner-shadow);
    -ms-box-shadow: var(--banner-shadow);
    -moz-box-shadow: var(--banner-shadow);
    border: solid 1px var(--white);
    height: 5rem;
    width: 5rem;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -moz-border-radius: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: 1rem
}

    .dealer-container .dealer-block .dealer-box .direction em {
        font-size: 1.8rem !important;
        line-height: 2.2rem !important;
        font-weight: 400;
        color: var(--white) !important;
        padding-right: 0rem !important
    }

@media screen and (max-width: 991.98px) {
    .dealer-container .dealer-block .dealer-box .direction {
        width: 4rem;
        height: 4rem;
        font-size: 1.6rem
    }
}

@media screen and (max-width: 767.98px) {
    .dealer-container .dealer-block .dealer-box .direction {
        position: relative;
        display: inline-block;
        top: auto;
        right: auto
    }
}

@media screen and (max-width: 767.98px) {
    .dealer-container .dealer-block .dealer-box .phone-icon {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 1rem 0 0 0
    }
}

.dealer-container .dealer-block .dealer-box .phone-email {
    margin-top: .5rem
}

    .dealer-container .dealer-block .dealer-box .phone-email em {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--grey-17);
        padding: 0rem 1.3rem 0rem 0
    }

    .dealer-container .dealer-block .dealer-box .phone-email a {
        font-size: 1.8rem;
        text-decoration: none;
        font-weight: 500
    }

@media screen and (max-width: 767.98px) {
    .dealer-container .dealer-block .dealer-box .phone-email {
        height: 5rem;
        width: 5rem;
        border: solid 1px var(--white);
        background: var(--primary-blue);
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-shadow: var(--circle-shadow)
    }

        .dealer-container .dealer-block .dealer-box .phone-email a {
            display: none
        }

        .dealer-container .dealer-block .dealer-box .phone-email em {
            font-size: 2.2rem;
            color: var(--white);
            padding: 0
        }
}

.dealer-container .dealer-block .dealer-box h6, .dealer-container .dealer-block .dealer-box p {
    font-size: 2rem;
    white-space: normal;
    line-height: 2.4rem;
    font-weight: 500;
    color: #5e5b5b;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .dealer-container .dealer-block .dealer-box h6, .dealer-container .dealer-block .dealer-box p {
        font-size: 1.6rem
    }
}

.dealer-container .dealer-block .dealer-box a {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--primary-blue);
    text-decoration: underline;
    margin-top: auto;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .dealer-container .dealer-block .dealer-box a {
        font-size: 1.8rem;
        font-weight: 500
    }
}

.form-btn {
    padding: 50px 0 50px;
    margin-top: 3.5rem;
    border-top: 1px solid var(--grey-8);
    height: 167px
}

    .form-btn .error-msg {
        font-size: 1.6rem;
        color: #e25151;
        top: -2rem;
        position: relative;
        line-height: 1.6rem;
        font-weight: normal
    }

@media screen and (max-width: 991.98px) {
    .form-btn .error-msg {
        font-size: 1.2rem;
        top: 1.5rem;
        line-height: 1.2rem;
        position: absolute;
        font-weight: normal
    }
}

@media screen and (max-width: 767.98px) {
    .form-btn .error-msg {
        font-size: 1.2rem;
        top: 1.5rem;
        line-height: 1.2rem;
        width: 100%;
        position: absolute;
        font-weight: normal
    }
}

@media screen and (max-width: 991.98px) {
    .form-btn {
        margin: 20px 0 30px;
        padding: 15px 15px 0;
        height: auto;
        display: flex;
        justify-content: center;
        line-height: 1;
        position: relative
    }
}

@media screen and (max-width: 767.98px) {
    .form-btn {
        margin: 2rem 0 3.5;
        flex-wrap: wrap;
        padding: 3.5rem 1.5rem 0;
        position: relative
    }
}

.form-btn .book-ride {
    margin: 0 0 0 30px
}

@media screen and (max-width: 991.98px) {
    .form-btn .book-ride {
        margin: 0
    }
}

.form-btn .btn {
    min-width: 27.7rem;
    padding: 1.7rem 2rem;
    margin: 0
}

@media screen and (max-width: 991.98px) {
    .form-btn .btn {
        min-width: 13.4rem;
        padding: .9rem 1.2rem;
        height: 4rem !important;
        min-height: 4rem !important
    }
}

.form-btn .btn:not(:first-child) {
    margin-left: 5rem
}

@media screen and (max-width: 991.98px) {
    .form-btn .btn:not(:first-child) {
        margin-left: 1.2rem
    }
}

.form-btn .btn-primary:hover {
    border: 2px solid #18407e !important
}

.form-btn .btn-secondary {
    box-shadow: 0px 7px 41.61px 15.39px rgba(0,0,0,.06) !important
}

.form-heading {
    margin: 40px 0 40px
}

@media screen and (max-width: 991.98px) {
    .form-heading {
        margin: 30px 0 30px
    }
}

.date-container {
    width: 100%
}

    .date-container.form-group {
        padding: 2rem 0 0
    }

@media screen and (max-width: 767.98px) {
    .date-container.form-group {
        padding: 4rem 0 0
    }
}

@media screen and (max-width: 767.98px) {
    .date-container.form-group label {
        margin-bottom: .2rem
    }
}

.date-container .datebox-wrap {
    padding: 0 5rem 2rem;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .date-container .datebox-wrap {
        overflow-x: auto;
        padding: 0;
        margin-left: -2rem;
        margin-right: -2rem
    }
}

.date-container .datebox-wrap .move-left, .date-container .datebox-wrap .move-right {
    width: 4rem;
    height: 4rem;
    font-size: 3rem;
    position: absolute;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    background: transparent;
    color: var(--primary-blue);
    box-shadow: none;
    cursor: pointer;
    z-index: 99
}

@media screen and (max-width: 991.98px) {
    .date-container .datebox-wrap .move-left, .date-container .datebox-wrap .move-right {
        display: none !important
    }
}

.date-container .datebox-wrap .move-left .icon-leftarrow:before, .date-container .datebox-wrap .move-right .icon-leftarrow:before {
    content: ""
}

.date-container .datebox-wrap .move-left {
    left: -5px;
    opacity: .5;
    pointer-events: none;
    justify-content: flex-start
}

    .date-container .datebox-wrap .move-left.enabled {
        opacity: 1
    }

.date-container .datebox-wrap .move-right {
    display: block;
    right: -5px;
    transform: translate(0, -50%) rotate(180deg)
}

    .date-container .datebox-wrap .move-right.disabled {
        opacity: .5;
        pointer-events: none
    }

.date-container .datebox-wrap.toEnd .move-left {
    opacity: 1;
    pointer-events: initial
}

.date-container .datebox-wrap.toEnd .move-right {
    opacity: .5;
    pointer-events: none
}

@media screen and (min-width: 992px) {
    .date-container .datebox-wrap.toEnd .date-box li {
        transform: translateX(-200%)
    }
}

@media screen and (min-width: 992px) {
    .date-container .datebox-wrap.toEnd .date-box li.selected {
        transform: translateX(-200%)
    }
}

@media screen and (min-width: 992px) {
    .date-container .datebox-wrap.toEnd .date-box li:nth-child(6), .date-container .datebox-wrap.toEnd .date-box li:nth-child(7) {
        opacity: 1
    }
}

@media screen and (min-width: 992px) {
    .date-container .datebox-wrap.toEnd .date-box li:first-child, .date-container .datebox-wrap.toEnd .date-box li:nth-child(2) {
        opacity: 0
    }
}

.datawidth {
    max-width: 84.8rem
}

.date-box {
    padding: 0;
    background-color: #fff;
    margin: 1.5rem auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row
}

@media screen and (max-width: 991.98px) {
    .date-box {
        display: table;
        max-width: none;
        border-radius: 0;
        margin-left: -2px;
        padding-left: 2px;
        margin-right: -2px;
        padding-right: 2px
    }
}

.date-box li {
    margin: 0 auto;
    padding: 0;
    font-weight: 300;
    list-style-type: none;
    padding: 1.9rem .5rem;
    text-align: center;
    cursor: pointer;
    color: #666;
    position: relative;
    min-width: 10rem;
    flex-grow: 1;
    min-width: 20%;
    transition: all .5s ease;
    transition-property: transform,opacity
}

@media screen and (max-width: 767.98px) {
    .date-box li {
        padding: .8rem .5rem
    }
}

@media screen and (min-width: 992px) {
    .date-box li:nth-child(6), .date-box li:nth-child(7) {
        opacity: 0
    }
}

@media screen and (min-width: 992px) {
    .date-box li:first-child, .date-box li:nth-child(2) {
        opacity: 1
    }
}

@media screen and (max-width: 991.98px) {
    .date-box li {
        display: table-cell;
        width: auto;
        min-width: 11.9rem;
        width: 11.9rem;
        border-radius: 1rem
    }
}

.date-box li + li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 80%;
    background-image: radial-gradient(#747474 20%, #fff 80%)
}

.date-box li.selected {
    color: var(--primary-blue);
    position: relative
}

    .date-box li.selected:after {
        content: "";
        position: absolute;
        top: -8px;
        left: -2px;
        width: 17rem;
        height: 15.6rem;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

@media screen and (max-width: 767.98px) {
    .date-box li.selected:after {
        width: 12rem;
        height: 11.3rem
    }
}

@media screen and (max-width: 991.98px) {
    .date-box li.selected {
        width: 10rem;
        height: auto;
        border-radius: 20px
    }
}

.date-box li.selected:before {
    display: none
}

.date-box li.selected + li:before {
    display: none
}

.date-box li.selected span {
    font-size: 5.2rem;
    letter-spacing: .52px
}

@media screen and (max-width: 767.98px) {
    .date-box li.selected span {
        font-size: 4rem;
        letter-spacing: .4px
    }
}

.date-box li.selected strong {
    font-size: 28px;
    letter-spacing: .28px
}

@media screen and (max-width: 767.98px) {
    .date-box li.selected strong {
        font-size: 2.2rem;
        letter-spacing: .22px
    }
}

.date-box li.selected cite {
    font-size: 18px;
    letter-spacing: .18px
}

@media screen and (max-width: 767.98px) {
    .date-box li.selected cite {
        font-size: 1.5rem;
        letter-spacing: .15px
    }
}

.date-box li cite, .date-box li span {
    display: block;
    position: relative;
    z-index: 2
}

.date-box li span {
    font-size: 4.5rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.3rem;
    letter-spacing: .45px
}

@media screen and (max-width: 991.98px) {
    .date-box li span {
        font-size: 3.6rem;
        letter-spacing: .36px;
        line-height: 3rem
    }
}

.date-box li span strong {
    font-size: 2.8rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: .28px;
    display: block;
    margin-top: 1rem
}

@media screen and (max-width: 991.98px) {
    .date-box li span strong {
        font-size: 2.2rem;
        margin-top: .6rem
    }
}

.date-box li cite {
    font-size: 1.7rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: .17px;
    margin-top: 1.4rem
}

@media screen and (max-width: 991.98px) {
    .date-box li cite {
        font-size: 1.4rem;
        letter-spacing: .14px;
        margin-top: 1rem
    }
}

.date-box li:not(:first-child):before {
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    width: 2px;
    height: 80%;
    background-image: radial-gradient(#747474 20%, #fff 80%);
    border-radius: 50%;
    overflow: hidden
}

.wizard-bullets {
    width: 100%;
    list-style: none;
    margin: 0 0 2.5rem;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0
}

@media screen and (min-width: 1601px) {
    .wizard-bullets {
        margin: 0 0 60px
    }
}

.wizard-bullets.more-than-two {
    min-width: 48rem
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets.more-than-two.last-step li:first-child {
        margin-left: -55%
    }
}

.wizard-bullets li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8.8rem 10.5rem 10rem 10.5rem;
    height: 30px;
    z-index: 1
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li {
        margin: 4.55rem 5rem 8rem
    }
}

.wizard-bullets li.wizard-steps {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps {
        width: 51px;
        height: 51px;
        font-size: 1.95rem
    }
}

.wizard-bullets li.wizard-steps span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 67px;
    border: 6px solid #fff;
    border-radius: 50%;
    background: #f0f0f0;
    font-size: 2.6rem;
    font-weight: bold;
    position: relative;
    color: var(--black-2)
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps span {
        width: 51px;
        height: 51px;
        font-size: 1.95rem;
        border: 5px solid #fff
    }
}

.wizard-bullets li.wizard-steps:last-child {
    width: 76px !important;
    height: 76px !important;
    background-color: transparent;
    box-shadow: none
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps:last-child {
        width: 51px !important;
        height: 51px !important
    }
}

.wizard-bullets li.wizard-steps:not(:last-child):after {
    content: "";
    position: absolute;
    left: 100%;
    width: 224px;
    height: 10px;
    box-shadow: inset 8px 0 5px 0 rgba(0,0,0,.33);
    background-image: linear-gradient(to top, #f1f1f1, #f1f1f1);
    z-index: -1
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps:not(:last-child):after {
        width: 11rem;
        height: 8px
    }
}

.wizard-bullets li.wizard-steps label {
    font-size: 2.2rem;
    font-weight: 500;
    position: absolute;
    top: 9.2rem;
    color: var(--black-2)
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps label {
        font-size: 1.6rem;
        top: 6.4rem
    }
}

.wizard-bullets li.wizard-steps.disabled::before {
    width: 76px;
    height: 76px;
    background-color: transparent
}

.wizard-bullets li.wizard-steps.disabled, .wizard-bullets li.wizard-steps.disabled span {
    height: 55px;
    width: 55px;
    border-radius: 50%
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps.disabled, .wizard-bullets li.wizard-steps.disabled span {
        height: 42px;
        width: 42px
    }
}

.wizard-bullets li.wizard-steps.disabled:not(:last-child):after {
    background-image: linear-gradient(to left, #f1f1f1, #f1f1f1)
}

.wizard-bullets li.wizard-steps.active label {
    color: var(--primary-blue)
}

.wizard-bullets li.wizard-steps.active span {
    background: #265092;
    border-color: #79a9f0;
    color: #fff
}

.wizard-bullets li.wizard-steps.active:before {
    content: "";
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    background: #bbd3f7;
    border: 5px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps.active:before {
        border: 3px solid #fff
    }
}

.wizard-bullets li.wizard-steps.completed {
    box-shadow: .2px 2px 22.3px 1.7px rgba(0,0,0,.1)
}

    .wizard-bullets li.wizard-steps.completed label {
        color: #4c8713
    }

    .wizard-bullets li.wizard-steps.completed span {
        background: #4c8713;
        border-color: #89bb56;
        color: #fff
    }

    .wizard-bullets li.wizard-steps.completed:before {
        content: "";
        position: absolute;
        width: calc(100% + 15px);
        height: calc(100% + 15px);
        background: #c8e3ae;
        border: 5px solid #fff;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

@media screen and (max-width: 991.98px) {
    .wizard-bullets li.wizard-steps.completed:before {
        border: 3px solid #fff
    }
}

.wizard-bullets li.wizard-steps.completed.finished:after {
    background-image: linear-gradient(to left, #8abf57, #4c8713)
}

.wizard-bullets:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 123px;
    border-radius: 20px 20px 0 0;
    background: url("../images/test-drive/form-header.png") no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 0;
    box-shadow: var(--banner-shadow)
}

@media screen and (max-width: 991.98px) {
    .wizard-bullets:before {
        height: 100px
    }
}

@media screen and (max-width: 767.98px) {
    .wizard-bullets:before {
        background: url(../images/test-drive/form-header-mobile.png) no-repeat;
        background-size: cover;
        height: 71px;
        border-radius: 1rem 1rem 0 0
    }
}

.terms {
    padding-top: 3rem
}

    .terms .optin-validation {
        padding-left: 5rem;
        margin-top: -1rem;
        font-weight: normal
    }

@media screen and (max-width: 991.98px) {
    .terms .optin-validation {
        font-size: 1.2rem !important;
        font-weight: normal;
        line-height: 2rem
    }
}

.terms p {
    font-size: 1.8rem;
    margin-bottom: 18px;
    white-space: normal
}

@media screen and (max-width: 991.98px) {
    .terms p {
        font-size: 1.6rem
    }
}

.terms p label {
    display: inline-flex;
    align-items: flex-start;
    cursor: pointer;
    font-weight: 500
}

.terms p .checkbox, .terms p input[type=checkbox] {
    width: 20px;
    height: 20px;
    padding: 0
}

.terms p span {
    display: inline-block;
    padding-left: 12px
}

@media screen and (max-width: 767.98px) {
    .terms p span {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 500
    }
}

.terms p b {
    font-weight: 800
}

::-webkit-input-placeholder {
    color: rgba(175,175,175,.4)
}

:-ms-input-placeholder {
    color: rgba(175,175,175,.4)
}

::placeholder {
    color: rgba(175,175,175,.4)
}

.success-popup .modal-dialog {
    width: 114.3rem;
    max-width: none
}

@media screen and (max-width: 991.98px) {
    .success-popup .modal-dialog {
        max-width: 320px;
        margin: 1.5rem auto
    }
}

.success-popup .modal-header {
    padding: 0
}

    .success-popup .modal-header .close {
        font-size: 4rem;
        padding: 0;
        margin: 1.9rem 1.9rem 1rem auto;
        width: 6rem;
        height: 6rem;
        text-align: center;
        border-radius: 50%;
        border: none;
        color: transparent;
        font-size: 0;
        background: url("../images/close.png") no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        z-index: 9
    }

@media screen and (max-width: 767.98px) {
    .success-popup .modal-header .close {
        margin: 2rem 2rem 1rem auto;
        width: 3rem;
        height: 3rem;
        background: url("../images/close-mobile.png") no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-content {
        border-radius: 2rem
    }
}

.success-popup .modal-header, .success-popup .modal-footer {
    border: none
}

.success-popup .modal-body {
    padding: 1rem 3rem
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-body {
        padding: 1rem 1.7rem
    }
}

.success-popup .modal-body img {
    margin: 6.4rem auto 3rem;
    max-height: 12.6rem
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-body img {
        margin: 3.5rem auto 3rem;
        max-height: 7.7rem
    }
}

.success-popup .modal-body h2 {
    font-size: 5.2rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 3rem;
    margin-top: -1.5rem
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-body h2 {
        font-size: 4rem;
        margin-bottom: .5rem;
        margin-top: -1rem
    }
}

.success-popup .modal-body .thank-you-msg {
    max-width: 65rem;
    margin: 2rem auto;
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.31;
    color: var(--black)
}

    .success-popup .modal-body .thank-you-msg .text-medium {
        font-weight: 500
    }

@media screen and (max-width: 991.98px) {
    .success-popup .modal-body .thank-you-msg {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.44
    }
}

.success-popup .modal-body p {
    font-size: 3.2rem;
    font-weight: 300
}

@media screen and (max-width: 991.98px) {
    .success-popup .modal-body p {
        font-size: 1.6rem
    }
}

.success-popup .modal-body .text-medium {
    font-weight: 500
}

.success-popup .modal-footer {
    justify-content: center;
    margin: 2rem auto 4.5rem
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-footer {
        margin: -1.5rem auto 2rem
    }
}

.success-popup .modal-footer .btn {
    border: solid 2px var(--white);
    font-size: 2.4rem;
    padding: 2.5rem 3.8rem;
    margin-bottom: 0
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-footer .btn {
        font-size: 1.4rem;
        padding: 1rem 1.6rem;
        min-width: 18.4rem
    }
}

.select-color {
    list-style: none;
    margin: 20px 0;
    padding: 20px
}

    .select-color li {
        width: 22%;
        padding: 38px 19px 24px 20px;
        border-radius: 2rem;
        background-color: var(--light-grey-1)
    }

        .select-color li:first-child {
            margin-left: 0
        }

        .select-color li .fig-label {
            display: block;
            margin-top: 5px;
            font-size: 2.2rem;
            color: rgba(0,0,0,.8);
            font-weight: 500
        }

@media screen and (max-width: 991.98px) {
    .select-color li {
        width: 50%;
        max-width: 193px
    }
}

.select-color li.selected {
    box-shadow: .6px 5px 22.3px 1.7px rgba(0,0,0,.15);
    border: solid 3px #18407e;
    background-color: #eaf1fc;
    transform: scale(1.09)
}

    .select-color li.selected .fig-label {
        color: #18407e
    }

.select-color li + li {
    margin-left: 2rem
}

.vehicle-info {
    margin: 0;
    padding: 0;
    list-style: none
}

    .vehicle-info li {
        margin-bottom: 30px
    }

        .vehicle-info li label, .vehicle-info li span {
            display: block
        }

        .vehicle-info li label {
            font-size: 1.8rem;
            color: var(--black);
            margin: 0;
            opacity: .8
        }

        .vehicle-info li span {
            font-size: 2.2rem;
            color: var(--black);
            font-weight: 500
        }

        .vehicle-info li h6 {
            font-size: 2rem;
            font-weight: 400
        }

        .vehicle-info li a {
            color: var(--primary-blue);
            font-size: 2.2rem
        }

    .vehicle-info .pre-line {
        white-space: pre-line
    }

    .vehicle-info .booking-block {
        padding: 3rem;
        border-radius: 20px;
        background-color: #f0f0f0
    }

        .vehicle-info .booking-block h3 {
            font-size: 2.2rem;
            margin-bottom: 1.5rem
        }

        .vehicle-info .booking-block label {
            font-size: 1.8rem;
            white-space: normal;
            line-height: 1.2
        }

.img-block {
    display: flex;
    align-items: center;
    justify-content: center
}

    .img-block img {
        min-width: 80%
    }

.text-brand {
    color: var(--primary-blue)
}

.mobile .input-group {
    border: 1px solid rgba(175,175,175,.75);
    border-radius: 1rem;
    max-width: 31.1rem;
    margin-right: 6px
}

@media screen and (max-width: 991.98px) {
    .mobile .input-group .input-group-prepend {
        height: 4.6rem
    }

    .mobile .input-group .form-control {
        min-height: 4.6rem
    }

    .mobile .input-group .text-danger {
        position: absolute !important
    }

    .mobile .input-group input[type=text]::placeholder {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 767.98px) {
    .mobile .input-group .btn {
        font-size: 1.4rem !important
    }
}

.mobile input {
    border-left-color: var(--white);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding-left: 1.4rem;
    padding-right: 1rem;
    border: none !important;
    overflow: hidden
}

    .mobile input.form-control {
        border-width: 0 !important;
        border-radius: 0 1rem 1rem 0 !important
    }

        .mobile input.form-control:focus {
            box-shadow: none
        }

        .mobile input.form-control.text-error {
            border: none !important
        }

@media screen and (max-width: 767.98px) {
    .mobile input {
        padding: 1.3rem 1.3rem 1.5rem 1.2rem !important
    }
}

.mobile .input-group-text {
    background-color: var(--white);
    border-radius: 1rem 0 0 1rem;
    border-right-color: var(--white);
    position: relative;
    padding: 1rem 1.2rem
}

@media screen and (max-width: 767.98px) {
    .mobile .input-group-text {
        padding: 1rem 1rem 1rem 1.6rem
    }
}

.mobile .input-group-text:after {
    display: none
}

.mobile .input-group-text:before {
    width: .1rem;
    height: 2.3rem;
    content: "";
    position: absolute;
    right: .1rem;
    border-right: 1px solid #c3c3c3;
    left: auto
}

@media screen and (max-width: 767.98px) {
    .mobile .input-group-text:before {
        height: 2rem
    }
}

.mobile .input-group-text .country {
    display: flex
}

.mobile .input-group-text input {
    border-left-color: var(--white)
}

.mobile .input-group-text .country-code {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--black)
}

@media screen and (max-width: 767.98px) {
    .mobile .input-group-text .country-code {
        font-size: 1.8rem
    }
}

.mobile .input-group-text .country-flag {
    background-size: 3rem 2rem;
    width: 3.1rem;
    display: inline-block;
    margin: 0 .8rem 0 0;
    flex: 0 0 3rem;
    object-fit: cover
}

@media screen and (max-width: 767.98px) {
    .mobile .input-group-text .country-flag {
        height: auto;
        width: 2.6rem;
        flex: none;
        margin: 0 1rem 0 0
    }
}

.mobile .input-group-text .select-country {
    font-size: 2rem;
    color: var(--primary-blue);
    margin: 0 .5rem 0 .75rem
}

@media screen and (max-width: 767.98px) {
    .mobile .input-group-text .select-country {
        font-size: 1.8rem
    }
}

.mobile .input-group-text .select-country i {
    display: flex;
    font-weight: bold
}

.mobile .dropdown-toggle {
    border: none
}

.mobile .dropdown-menu {
    min-width: 100%;
    max-height: 30.3rem;
    min-height: 30.3rem;
    overflow: auto;
    padding: 0;
    border: 1rem solid var(--white);
    border-width: 14px 10px 14px 17px
}

@media screen and (max-width: 991.98px) {
    .mobile .dropdown-menu {
        border-width: 10px 10px 10px 12px
    }
}

.mobile .dropdown-menu li:first-child {
    margin-top: -1rem
}

.mobile .dropdown-menu li:last-child {
    margin-bottom: -1rem
}

@media screen and (max-width: 767.98px) {
    .mobile .dropdown-menu {
        max-height: 38.7rem;
        min-height: 38.7rem
    }
}

.mobile .dropdown-menu::-webkit-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-blue);
    width: 6px
}

.mobile .dropdown-menu::-webkit-scrollbar-track {
    background: #e1e1e1;
    opacity: .4;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -moz-border-radius: .5rem;
    padding-bottom: 3rem
}

.mobile .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--primary-blue);
    border-radius: 20px;
    border: 7px solid var(--primary-blue)
}

.mobile .dropdown-menu[x-placement=bottom-start] {
    top: 10px !important
}

@media screen and (max-width: 767.98px) {
    .mobile .dropdown-menu[x-placement=bottom-start] {
        top: 2px !important
    }
}

.mobile .dropdown-menu[x-placement=top-start] {
    top: -10px !important
}

@media screen and (max-width: 767.98px) {
    .mobile .dropdown-menu[x-placement=top-start] {
        top: -4px !important
    }
}

.mobile .dropdown-menu li {
    padding: 0 1rem
}

    .mobile .dropdown-menu li:last-child .dropdown-item {
        border-bottom: none
    }

.mobile .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.6rem;
    padding: 1rem 0;
    white-space: normal;
    align-items: center;
    padding-left: 4.9rem;
    position: relative;
    min-height: 5.9rem;
    vertical-align: middle;
    display: flex;
    align-items: center;
    color: var(--black);
    font-weight: 400
}

    .mobile .dropdown-menu .dropdown-item:hover {
        font-weight: 700;
        color: var(--primary-blue)
    }

@media screen and (max-width: 767.98px) {
    .mobile .dropdown-menu .dropdown-item {
        padding: 1.8rem 0 1.8rem 5rem;
        min-height: 7.6rem
    }
}

.mobile .dropdown-menu .dropdown-item img {
    width: 3.04rem;
    margin-right: 1.9rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover
}

@media screen and (max-width: 767.98px) {
    .mobile .dropdown-menu .dropdown-item img {
        width: 3.1rem
    }
}

.mobile .dropdown-menu .dropdown-item.active, .mobile .dropdown-menu .dropdown-item:active, .mobile .dropdown-menu .dropdown-item:hover {
    color: var(--primary-blue);
    background-color: var(--white);
    font-weight: 700
}

    .mobile .dropdown-menu .dropdown-item.active img, .mobile .dropdown-menu .dropdown-item:active img, .mobile .dropdown-menu .dropdown-item:hover img {
        width: 3.1rem
    }

@media screen and (max-width: 767.98px) {
    .mobile .dropdown-menu .dropdown-item.active img, .mobile .dropdown-menu .dropdown-item:active img, .mobile .dropdown-menu .dropdown-item:hover img {
        width: 3.2rem
    }
}

@media screen and (max-width: 767.98px) {
    .mobile {
        flex-direction: column;
        align-items: flex-start !important
    }
}

.mobile > .btn {
    margin-left: 1.5rem
}

@media screen and (max-width: 767.98px) {
    .mobile > .btn {
        margin: 2rem 0 0 !important;
        min-width: 17.5rem !important;
        font-size: 1.4rem
    }
}

.mobile .show .select-country {
    transform: rotate(180deg)
}

@media screen and (max-width: 767.98px) {
    .mobile .text-error .btn {
        margin-top: 3rem !important
    }
}

.mobile .otpdtl {
    color: #666
}

@media screen and (max-width: 767.98px) {
    .mobile .otpdtl {
        font-size: 1.2rem !important;
        bottom: -2.5rem !important
    }
}

@media screen and (max-width: 767.98px) {
    .has-note.mobile .btn, .has-note .mobile .btn {
        margin: 3.5rem 0 0 !important
    }
}

.otp-error, .otp-verify-msg {
    display: block;
    font-size: 1.6rem !important;
    margin-top: 1rem;
    font-weight: normal;
    position: absolute
}

@media screen and (max-width: 767.98px) {
    .otp-error, .otp-verify-msg {
        font-size: 1.2rem !important
    }
}

.privacy-policy {
    position: relative;
    z-index: 1;
    padding-bottom: 12.4rem;
    color: var(--black)
}

@media screen and (max-width: 767.98px) {
    .privacy-policy {
        padding-bottom: 11.2rem
    }
}

.privacy-policy .container {
    width: calc(100% - 120px);
    max-width: 1435px
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .container {
        width: calc(100% - 20px);
        margin: 0 auto;
        min-width: 350px
    }
}

.privacy-policy h2 {
    display: flex;
    justify-content: center;
    padding: 4rem 0 4rem;
    margin-bottom: 0
}

.privacy-policy .title {
    font-size: 6rem;
    line-height: 4rem;
    color: var(--white)
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .title {
        font-size: 3.6rem;
        line-height: 5.2rem;
        padding: 0rem 0rem 1rem
    }
}

.privacy-policy .privacy-content {
    background: var(--white) url("../images/card-bg-bottom.png") right bottom no-repeat;
    padding: 8rem 7rem;
    margin: 4rem 0 0 0;
    position: relative
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content {
        padding: 4.5rem 2rem 5.6rem;
        margin: 0;
        background: var(--white) url("../images/card-bg-bottom-mobile.png") right bottom no-repeat
    }
}

.privacy-policy .privacy-content .date {
    display: inline;
    float: right;
    font-size: 1.6rem;
    color: rgba(102,102,102,.6);
    position: absolute;
    top: 2rem;
    right: 4rem
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .date {
        font-size: 1.2rem;
        top: 1.5rem;
        right: 2rem
    }
}

.privacy-policy .privacy-content p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-bottom: 2rem
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content p {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 2.4rem
    }
}

.privacy-policy .privacy-content p a {
    color: var(--primary-blue);
    font-weight: bold
}

.privacy-policy .privacy-content h1 {
    color: var(--primary-blue);
    margin: 5rem 0 2rem 0;
    font-size: 2.6rem;
    font-weight: 500
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content h1 {
        font-size: 2rem;
        margin: 2.4rem 0 2rem 0
    }
}

.privacy-policy .privacy-content .showMore, .privacy-policy .privacy-content .showLess {
    padding: 3rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 16rem;
    margin: 0 auto;
    color: var(--primary-blue);
    font-size: 1.8rem;
    line-height: 3rem;
    text-transform: capitalize
}

    .privacy-policy .privacy-content .showMore:hover, .privacy-policy .privacy-content .showLess:hover {
        text-decoration: none;
        color: var(--primary-blue)
    }

    .privacy-policy .privacy-content .showMore .icon-up-arrow, .privacy-policy .privacy-content .showLess .icon-up-arrow {
        transform: rotate(90deg)
    }

    .privacy-policy .privacy-content .showMore .icon-down-arrow, .privacy-policy .privacy-content .showLess .icon-down-arrow {
        transform: rotate(-90deg)
    }

@media screen and (min-width: 576px) {
    .privacy-policy .privacy-content .showMore, .privacy-policy .privacy-content .showLess {
        display: none
    }
}

.privacy-policy .privacy-content .showMore i, .privacy-policy .privacy-content .showLess i {
    margin-left: 1rem;
    font-size: 1.4rem
}

    .privacy-policy .privacy-content .showMore i:before, .privacy-policy .privacy-content .showLess i:before {
        content: ""
    }

.privacy-policy .privacy-content .showMore {
    padding: 0;
    transition: all .25s ease-out
}

    .privacy-policy .privacy-content .showMore[aria-expanded=true] {
        height: 0;
        padding: 0;
        opacity: 0
    }

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .collapse {
        margin-top: -2rem
    }
}

@media screen and (min-width: 576px) {
    .privacy-policy .privacy-content .collapse:not(.show) {
        display: block !important
    }
}

.privacy-policy .privacy-content ul {
    list-style-type: none
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content ul {
        padding-left: 3.5rem
    }
}

.privacy-policy .privacy-content ul li {
    color: rgba(0,0,0,.8);
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 500;
    position: relative;
    margin-bottom: 1.5rem
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content ul li {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 2rem
    }
}

.privacy-policy .privacy-content ul li:before {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    left: -4rem;
    font-size: 20px;
    color: #dd1616;
    content: "❖"
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content ul li:before {
        left: -3.5rem;
        font-size: 16px;
        text-align: right
    }
}

.privacy-policy .privacy-content ol {
    margin-top: 1.5rem;
    padding-left: 3rem
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content ol {
        padding-left: 2rem
    }
}

.privacy-policy .privacy-content ol li {
    list-style-position: outside;
    padding: 0 1.5rem
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content ol li {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 1.5rem;
        padding: 0 1.2rem
    }
}

.privacy-policy .privacy-content ol li:before {
    display: none
}

.privacy-policy .privacy-content .contact-us {
    background: rgba(102,102,102,.11);
    border-radius: 2rem;
    padding: 2.8rem 3rem 3.1rem 3.9rem;
    margin-top: 2rem !important
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .contact-us {
        padding: 1.6rem 2.5rem 0 1.7rem;
        border-radius: 1rem
    }
}

.privacy-policy .privacy-content .contact-us p {
    color: var(--primary-blue);
    font-size: 2.2rem;
    font-weight: bold
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .contact-us p {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.privacy-policy .privacy-content .contact-us .contact-box {
    display: flex
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .contact-us .contact-box {
        margin-top: -1.5rem
    }
}

.privacy-policy .privacy-content .contact-us .contact-box .contact-icon i {
    font-size: 3.2rem;
    color: var(--primary-blue);
    padding: 1rem 2.7rem 0 0;
    display: block
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .contact-us .contact-box .contact-icon i {
        padding: 1rem 2rem 0 0
    }
}

.privacy-policy .privacy-content .contact-us .contact-box .contact-icon i.icon-email {
    font-size: 2.6rem
}

.privacy-policy .privacy-content .contact-us .contact-box .contact-icon i.icon-phone {
    font-size: 2.65rem
}

    .privacy-policy .privacy-content .contact-us .contact-box .contact-icon i.icon-phone:before {
        content: ""
    }

.privacy-policy .privacy-content .contact-us .contact-box .contact-data .contact-head {
    font-size: 2rem;
    font-weight: 900
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .contact-us .contact-box .contact-data .contact-head {
        font-size: 1.6rem;
        line-height: 2.8rem
    }
}

.privacy-policy .privacy-content .contact-us .contact-box .contact-data .contact-text {
    font-size: 2rem;
    color: rgba(0,0,0,.8);
    line-height: 2.8rem;
    font-weight: 500;
    max-width: 33.6rem;
    margin-top: 1.4rem
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .contact-us .contact-box .contact-data .contact-text {
        padding: 0 0 3.3rem;
        font-size: 1.6rem;
        line-height: 1.9rem;
        margin-top: 0
    }
}

@media screen and (min-width: 1366px) {
    .privacy-policy .privacy-content .contact-us .col-md-4 .contact-box {
        justify-content: center
    }
}

@media screen and (max-width: 767.98px) {
    .privacy-policy .privacy-content .contact-us .col-md-4 .contact-box .contact-text {
        padding: 0 0 1.8rem
    }
}

.footer-b-buttons {
    margin-bottom: -40px
}

@media screen and (max-width: 767.98px) {
    .footer-b-buttons {
        margin-top: 12px;
        margin-bottom: -25px
    }
}

.footer-b-buttons:before {
    content: "";
    background: #12356b;
    position: absolute;
    width: 100vw;
    z-index: 0;
    height: calc(100% - 3rem);
    margin-left: calc(50% - 15px);
    transform: translateX(-50%);
    top: 3rem
}

.footer-b-buttons .contact-partner {
    text-align: center;
    position: relative;
    padding-top: 0;
    margin-top: 3rem
}

@media screen and (max-width: 767.98px) {
    .footer-b-buttons .contact-partner {
        flex-direction: row;
        justify-content: center;
        margin-top: 3rem;
        margin-bottom: 0
    }
}

.footer-b-buttons .contact-partner .btn.sendBtn {
    display: inline-block;
    margin: 3rem 1rem 2.5rem;
    min-width: 250px
}

@media screen and (max-width: 767.98px) {
    .footer-b-buttons .contact-partner .btn.sendBtn {
        min-width: 15rem;
        width: calc(50% - .7rem);
        margin: 2rem 0
    }
}

.footer-b-buttons .contact-partner .btn.sendBtn + .sendBtn {
    margin-left: 1.4rem
}

[dir=rtl] {
    text-align: right
}

    [dir=rtl] * {
        unicode-bidi: bidi-override
    }

    [dir=rtl] .btn:not(.dropdown-toggle) {
        text-align: center
    }

    [dir=rtl] .btn.btn-input-select {
        text-align: right !important
    }

    [dir=rtl] .btn.btn-primary:hover {
        color: var(--btn-primary-bg-color);
        background: linear-gradient(to bottom, var(--white), var(--white));
        border: solid 2px var(--btn-primary-bg-color)
    }

    [dir=rtl] .select-box::before, [dir=rtl] .form-section .form-slide .select-box.dropdown::before {
        right: auto;
        left: 2rem
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .select-box::before, [dir=rtl] .form-section .form-slide .select-box.dropdown::before {
        left: 12px
    }
}

[dir=rtl] header .mycountry {
    right: auto;
    left: 2.5rem;
    top: 8rem
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header .mycountry {
        top: 12rem !important
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] header .mycountry {
        left: 0rem;
        right: 0rem;
        top: 0rem
    }
}

[dir=rtl] header .mycountry .country-close .country-close-icon {
    right: auto;
    left: 1rem
}

[dir=rtl] header .mycountry h2 {
    display: block;
    text-align: right
}

[dir=rtl] header .mycountry .country-flag-outer {
    padding-right: 0rem;
    padding-left: 2rem
}

[dir=rtl] header .mycountry .country-flag {
    border-left: 1px solid var(--grey-4);
    border-right: 0
}

    [dir=rtl] header .mycountry .country-flag:hover {
        border: 2px solid rgba(18,54,110,.71)
    }

    [dir=rtl] header .mycountry .country-flag.tvs-india {
        border-radius: 0rem 2rem 0 0rem
    }

        [dir=rtl] header .mycountry .country-flag.tvs-india:hover {
            border: 1px solid var(--grey-4)
        }

@media screen and (max-width: 991.98px) {
    [dir=rtl] header .mycountry .country-flag.tvs-india {
        border-radius: 0rem
    }
}

[dir=rtl] header .mycountry .back-button i {
    transform: scaleX(-1)
}

@media screen and (max-width: 575.98px) {
    [dir=rtl] header .mycountry.active {
        width: calc(100% - 0rem)
    }
}

[dir=rtl] header.tvs-header .navbar {
    padding: .5rem 1rem .5rem 0rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] header.tvs-header .navbar {
        text-align: right;
        padding: 1.7rem 0rem 0rem 0rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header.tvs-header .navbar {
        padding: 1.5rem 3rem 1.5rem 2rem
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] header.tvs-header .navbar .navbar-nav {
        padding-right: 0rem
    }
}

[dir=rtl] header.tvs-header .nav-item + .nav-item {
    margin-left: 0;
    margin-right: 3rem
}

@media screen and (min-width: 1366px) {
    [dir=rtl] header.tvs-header .nav-item + .nav-item {
        margin-left: 0;
        margin-right: 4rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header.tvs-header .nav-item + .nav-item {
        margin-left: 0;
        margin-right: 5rem
    }
}

[dir=rtl] header.tvs-header .ib-nav {
    margin-left: 1.5rem;
    margin-right: 2.8rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] header.tvs-header .ib-nav {
        margin: 1rem 3.5rem 1rem 4rem
    }
}

@media screen and (max-width: 575.98px) {
    [dir=rtl] header.tvs-header .ib-nav {
        margin: 0rem 2.5rem 1rem 4rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header.tvs-header .ib-nav {
        margin-left: 0;
        margin-right: 5rem
    }
}

[dir=rtl] header.tvs-header .ib-nav .ib-nav-link {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] header.tvs-header .ib-nav .ib-nav-link {
        padding-right: 0rem
    }
}

[dir=rtl] header.tvs-header .navbar-brand {
    margin-right: 0;
    margin-left: .6rem
}

@media screen and (max-width: 1199.98px) {
    [dir=rtl] header.tvs-header .navbar-brand {
        margin-right: 0;
        margin-left: 2.6rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header.tvs-header .navbar-brand {
        margin-right: 0;
        margin-left: 3.6rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] header.tvs-header .navbar-toggler {
        padding: 0px 0px 0 10px
    }
}

[dir=rtl] header.tvs-header .navbar-toggler .icon-ib-menu {
    transform: scaleX(-1)
}

[dir=rtl] header.tvs-header .switch-btn {
    margin-right: 0;
    margin-left: 0rem !important
}

    [dir=rtl] header.tvs-header .switch-btn .btn.btn-secondary {
        margin-left: 0;
        margin-right: 1px;
        display: block;
        line-height: .5
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] header.tvs-header .switch-btn .btn.btn-secondary {
        line-height: 1
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] header.tvs-header .switch-btn {
        margin-left: 1rem;
        margin-right: 2.5rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header.tvs-header .switch-btn {
        margin-right: 3rem;
        margin-left: 0
    }
}

[dir=rtl] header.tvs-header .country-outer .country-home-flag + .selected-country-flag {
    margin-right: 1rem;
    margin-left: 0rem !important
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] header.tvs-header .country-outer .country-home-flag + .selected-country-flag {
        margin-right: 0rem;
        padding: 1rem 2.5rem 1rem 2rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header.tvs-header .country-outer .country-home-flag + .selected-country-flag {
        margin-right: 3.3rem;
        margin-left: 0rem
    }
}

[dir=rtl] header.tvs-header .country-outer .selected-country-flag .flag {
    margin: 0 0 0 1rem
}

[dir=rtl] header.tvs-header .country-outer .selected-country-flag span {
    font-size: 1.8rem
}

[dir=rtl] header.tvs-header .country-outer .selected-country-flag + [data-ismodelopened=true]::before {
    display: none
}

[dir=rtl] header.tvs-header .country-outer .country-home {
    font-size: 1.8rem
}

[dir=rtl] header.tvs-header .country-outer .country-arrow {
    transform: scaleX(-1)
}

[dir=rtl] header.tvs-header .public-logo-web {
    padding: 0 4rem 0 1rem;
    padding: 0 2.8rem 0 3rem
}

@media screen and (max-width: 1600px) {
    [dir=rtl] header.tvs-header .public-logo-web {
        padding: 0 1.8rem 0 1rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] header.tvs-header .public-logo-web {
        padding: 0 4rem 0 1rem
    }
}

[dir=rtl] header.tvs-header .public-logo-mobile {
    padding: .25rem 0rem 0rem 0rem
}

[dir=rtl] header.tvs-header .logo-content .mobile-icon {
    left: 2rem;
    right: auto
}

[dir=rtl] .form-slide .wizard-bullets li.wizard-steps:not(:last-child):after {
    right: 100%;
    left: auto;
    box-shadow: inset 6px 0 5px 0 rgba(38,80,146,.2);
    background-image: linear-gradient(to right, #f1f1f1, #78a7f0)
}

[dir=rtl] .form-slide .dealer-box *, [dir=rtl] .form-slide .form-group *, [dir=rtl] .form-slide .label-style, [dir=rtl] .form-slide .form-elements .form-group label, .form-elements .form-group [dir=rtl] .form-slide label {
    text-align: right
}

    [dir=rtl] .form-slide .dealer-box *.btn, [dir=rtl] .form-slide .form-group *.btn, [dir=rtl] .form-slide .label-style.btn, [dir=rtl] .form-slide .form-elements .form-group label.btn, .form-elements .form-group [dir=rtl] .form-slide label.btn {
        text-align: center
    }

[dir=rtl] .form-slide .dealer-box {
    padding: 3.2rem 3.5rem 2.4rem 4rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .form-slide .dealer-box {
        padding: 2rem
    }
}

[dir=rtl] .form-slide .datebox-wrap .date-box span, [dir=rtl] .form-slide .datebox-wrap .date-box strong, [dir=rtl] .form-slide .datebox-wrap .date-box cite {
    text-align: center !important
}

[dir=rtl] footer {
    text-align: right
}

    [dir=rtl] footer .go-top {
        left: 2rem;
        right: auto
    }

@media screen and (min-width: 1366px) {
    [dir=rtl] footer .go-top {
        left: 1.4rem
    }
}

@media screen and (min-width: 1601px) {
    [dir=rtl] footer .go-top {
        left: 1.4rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] footer .sendBtn + .sendBtn {
        margin-right: 1.4rem;
        margin-left: 0 !important
    }
}

[dir=rtl] footer .footer-b-buttons::before {
    transform: translateX(50%);
    margin-right: calc(50% - 15px)
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] footer .footer-b-buttons::before {
        top: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] footer .footer-b-buttons .sendBtn {
        margin-right: 0rem
    }

        [dir=rtl] footer .footer-b-buttons .sendBtn + .sendBtn {
            margin-right: 1.4rem !important;
            margin-left: 0rem !important
        }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] footer .footer-b-buttons .contact-partner {
        margin-top: 2rem;
        margin-bottom: 1rem
    }
}

[dir=rtl] .banner__slider .slick-slider .slick-list, [dir=rtl] .banner__slider .slick-slider .slick-track {
    direction: ltr !important;
    transform: translate3d(0) !important
}

[dir=rtl] .banner__slider .slick-slide {
    float: left
}

[dir=rtl] .slick-slider .slick-list, [dir=rtl] .slick-slider .slick-track {
    transform: translate3d(0) !important
}

[dir=rtl] .tvs-award .slick-slider .slick-list, [dir=rtl] .tvs-award .slick-slider .slick-track {
    transform: translate3d(0) !important
}

[dir=rtl] .hero-wrapper .slick-dots li + li, [dir=rtl] .non-premium-banner .slick-dots li + li {
    margin-right: 1.8rem;
    margin-left: 0rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .hero-wrapper .slick-dots li + li, [dir=rtl] .non-premium-banner .slick-dots li + li {
        margin-right: 1.3rem
    }
}

[dir=rtl] .hero-wrapper .slide .slide__content--headings .banner-title, [dir=rtl] .non-premium-banner .slide .slide__content--headings .banner-title {
    text-align: right;
    unicode-bidi: bidi-override;
    direction: rtl
}

[dir=rtl] .hero-wrapper .slide .slide__content--headings .top-title, [dir=rtl] .non-premium-banner .slide .slide__content--headings .top-title {
    float: right
}

[dir=rtl] .hero-wrapper .slide .slide__content.slide__content__left, [dir=rtl] .non-premium-banner .slide .slide__content.slide__content__left {
    right: 13% !important;
    left: auto !important;
    transform: translate(5%, -50%) !important
}

    [dir=rtl] .hero-wrapper .slide .slide__content.slide__content__left .btn-explore, [dir=rtl] .non-premium-banner .slide .slide__content.slide__content__left .btn-explore {
        float: right !important;
        unicode-bidi: bidi-override;
        direction: rtl
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .hero-wrapper .slide .slide__content.slide__content__left .btn-explore, [dir=rtl] .non-premium-banner .slide .slide__content.slide__content__left .btn-explore {
        unicode-bidi: bidi-override;
        direction: rtl;
        display: block
    }
}

[dir=rtl] .hero-wrapper .slide .slide__img img, [dir=rtl] .non-premium-banner .slide .slide__img img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    position: static
}

[dir=rtl] .hero-wrapper .slide .slide__img--mobile, [dir=rtl] .non-premium-banner .slide .slide__img--mobile {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .hero-wrapper .btn-explore {
        display: block;
        direction: rtl
    }
}

[dir=rtl] .hero-wrapper .slider [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: 1s
}

[dir=rtl] .sticky-header .nav-wrapper {
    padding-right: 5.6rem;
    padding-left: 2rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .sticky-header .nav-wrapper {
        padding: 0rem !important
    }
}

[dir=rtl] .sticky-header .bottom-nav {
    padding-left: 0rem
}

[dir=rtl] .sticky-header .nav-item-link a {
    display: inline-block;
    vertical-align: middle
}

    [dir=rtl] .sticky-header .nav-item-link a em {
        margin-right: 0;
        margin-left: 1.5rem !important
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .sticky-header .nav-item-link a em {
        margin-left: 0rem !important
    }
}

[dir=rtl] .video-btn-outer {
    right: 0;
    border-radius: 10rem 0rem 0rem 10rem
}

    [dir=rtl] .video-btn-outer button .video-play-btn p {
        padding: 0 3.5rem 0 2rem
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .video-btn-outer button .video-play-btn p {
        padding: 0 1.5rem 0 1.5rem
    }
}

[dir=rtl] .video-btn-outer button .video-play-btn img {
    margin-left: .5rem;
    margin-right: 0rem
}

@media screen and (max-width: 1600px) {
    [dir=rtl] .premium-sticky-header .brand-logo {
        margin-right: .6rem;
        margin-left: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-sticky-header .brand-logo {
        margin-right: 0rem
    }
}

[dir=rtl] .premium-sticky-header .ml-auto, [dir=rtl] .premium-sticky-header .mx-auto {
    margin-right: auto !important;
    margin-left: 0 !important
}

@media screen and (max-width: 575.98px) {
    [dir=rtl] .premium-sticky-header .ml-auto, [dir=rtl] .premium-sticky-header .mx-auto {
        margin-right: 0 !important
    }
}

[dir=rtl] .premium-sticky-header nav ul {
    padding: 0 3rem 0 0rem !important
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-sticky-header nav ul {
        padding: 5rem 0rem 0 0rem !important;
        text-align: right
    }
}

[dir=rtl] .premium-sticky-header .header-btn-group .btn {
    display: block;
    line-height: 1.8 !important
}

    [dir=rtl] .premium-sticky-header .header-btn-group .btn + .btn {
        margin-left: 0rem;
        margin-right: 1rem
    }

@media screen and (max-width: 575.98px) {
    [dir=rtl] .premium-sticky-header .header-btn-group .btn + .btn {
        margin-right: .7rem
    }
}

@media screen and (max-width: 1600px) {
    [dir=rtl] .premium-sticky-header .header-btn-group .btn {
        line-height: 2
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-sticky-header .header-btn-group .btn {
        line-height: 1.2 !important
    }
}

[dir=rtl] .who-we-are .title {
    display: block
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .who-we-are .justify-content-md-center {
        margin-top: 3rem;
        margin-right: -5px;
        max-width: 36rem
    }

    [dir=rtl] .who-we-are .who-we {
        max-width: 36rem;
        margin: 0 auto;
        padding: 2rem 1rem 0rem;
        display: contents
    }

        [dir=rtl] .who-we-are .who-we::before {
            top: 53%
        }

        [dir=rtl] .who-we-are .who-we::after {
            bottom: 16%
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:first-child::before {
            top: 42%;
            right: 26%
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:first-child::after {
            top: 42%;
            left: 26%
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:nth-child(0) {
            order: 4
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:nth-child(1) {
            order: 2
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:nth-child(2) {
            order: 2
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:nth-child(3) {
            order: 0
        }
}

@media only screen and (min-width: 650px)and (max-width: 760px) {
    [dir=rtl] .who-we-are .justify-content-md-center {
        margin-top: 3rem !important;
        margin: 0 auto !important;
        max-width: 36rem
    }

    [dir=rtl] .who-we-are .who-we {
        max-width: 36rem;
        margin: 0 auto;
        padding: 2rem 1rem 0rem;
        display: contents
    }

        [dir=rtl] .who-we-are .who-we::before {
            top: 48%;
            width: 50%;
            right: 23%
        }

        [dir=rtl] .who-we-are .who-we::after {
            bottom: 16%;
            width: 50%
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:first-child::before {
            top: 42%;
            right: 32%
        }

        [dir=rtl] .who-we-are .who-we .who-we-are-card:first-child::after {
            top: 42%;
            left: 36%
        }
}

[dir=rtl] .slick-prev {
    right: auto
}

[dir=rtl] .features-tabs .title {
    display: block
}

[dir=rtl] .features-tabs .nav-tabs {
    padding-right: 0rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .features-tabs .nav-tabs {
        justify-content: center;
        padding-left: 0rem
    }
}

[dir=rtl] .features-tabs .vh-card-outer {
    direction: rtl
}

    [dir=rtl] .features-tabs .vh-card-outer .vh-card-specs > div:first-child {
        border-right: none
    }

    [dir=rtl] .features-tabs .vh-card-outer .vh-card-specs > div:last-child {
        border-right: 1px solid var(--black)
    }

    [dir=rtl] .features-tabs .vh-card-outer .vh-card-header::before {
        transform: skew(0deg, 2deg) !important
    }

    [dir=rtl] .features-tabs .vh-card-outer .vh-card-img img {
        transform: scaleX(-1)
    }

    [dir=rtl] .features-tabs .vh-card-outer .v-card-footer a {
        display: block;
        line-height: 2.5
    }

@media screen and (min-width: 1601px) {
    [dir=rtl] .features-tabs .vh-card-outer .v-card-footer a {
        line-height: 3
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .features-tabs .vh-card-outer .v-card-footer a {
        line-height: 3
    }
}

[dir=rtl] .features-tabs .view-all a {
    display: inline-block;
    line-height: 2.8rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .features-tabs .view-all a {
        line-height: normal
    }
}

[dir=rtl] .tvs-experience .title, [dir=rtl] .business-together .title, [dir=rtl] .tvs-award .title, [dir=rtl] .socialWrap .title, [dir=rtl] .tvs-virtual .title, [dir=rtl] .gallery .title, [dir=rtl] .privacy-policy .title, [dir=rtl] .terms-conditions .title, [dir=rtl] section.contact-us .title {
    display: block
}

[dir=rtl] .pagingInfoVideo .counter .of {
    padding: 0 0 0 .75rem !important
}

[dir=rtl] .pagingInfoMotor .of, [dir=rtl] .pagingInfoVideo .of, [dir=rtl] .pagingInfoTvsAward .of, [dir=rtl] .pagingInfoFeatures .of, [dir=rtl] .pagingInfoRev .of, [dir=rtl] .pagingInfoVideo .of {
    padding: 0 0 0 .75rem !important
}

[dir=rtl] .dealer-map .title {
    display: block
}

[dir=rtl] .dealer-map .map-list {
    text-align: right
}

    [dir=rtl] .dealer-map .map-list .dealer-address .map em.icon-locations {
        padding: .25rem 0 .25rem 1.5rem
    }

    [dir=rtl] .dealer-map .map-list .dealer-address .map .address {
        padding-left: 4rem;
        padding-right: 0rem !important
    }

    [dir=rtl] .dealer-map .map-list .dealer-address .phone-email em {
        padding: .25rem 0 .25rem 1.5rem
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .dealer-map .map-list .dealer-address .phone-email em {
        padding: initial;
        transform: scaleX(-1)
    }
}

[dir=rtl] .dealer-map .map-list .wrap-drop::after {
    left: 1.5rem;
    right: auto
}

[dir=rtl] .dealer-map .map-list .wrap-drop.active .drop {
    padding-right: 0rem
}

[dir=rtl] .dealer-map .map-list .city-list {
    padding: 2rem 1.5rem 2.5rem .8rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .dealer-map .map-list .city-list {
        padding: 2rem 1rem 2.5rem .6rem
    }
}

[dir=rtl] .dealer-map .map-list .dealer-scroll {
    padding-left: 1rem;
    padding-right: 0rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .tvs-header.mobile-premium-header .mobile-premium-section .arrow {
        transform: scaleX(-1)
    }
}

[dir=rtl] .mcd-outer .overlay-slide:first-child section {
    transform: translate(-44%, -35%) skew(5deg, 0) translate(0, 0)
}

@media screen and (max-width: 1600px) {
    [dir=rtl] .mcd-outer .overlay-slide:first-child section {
        transform: translate(-26%, -20%) skew(6deg, 0) translate(-40px, 0)
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .mcd-outer .overlay-slide:first-child section {
        transform: translate(-44%, -70%) skew(0, 0) translate(0, 0)
    }
}

@media screen and (max-width: 575.98px) {
    [dir=rtl] .mcd-outer .overlay-slide:first-child section {
        transform: translate(-50%, -70%) skew(0, 0) translate(0, 0);
        min-width: 75%
    }
}

[dir=rtl] .mcd-outer .overlay-slide:last-child section {
    transform: translate(-60%, -35%) skew(5deg, 0) translate(0, 0)
}

@media screen and (max-width: 1600px) {
    [dir=rtl] .mcd-outer .overlay-slide:last-child section {
        transform: translate(-60%, -20%) skew(5deg, 0) translate(0, 0)
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .mcd-outer .overlay-slide:last-child section {
        transform: translate(-50%, -70%) skew(0, 0) translate(0, 0)
    }
}

@media screen and (min-width: 1366px) {
    [dir=rtl] .non-premium-features .test-title h4 {
        text-align: right
    }
}

[dir=rtl] .non-premium-features .test-component .feature-content {
    padding: 0 4.9rem 0 3.5rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .non-premium-features .test-component .feature-content {
        padding: 0
    }
}

@media screen and (min-width: 1366px) {
    [dir=rtl] .non-premium-features .test-component .feature-content .test-content p {
        text-align: right
    }
}

[dir=rtl] .features-bg .nav-tabs {
    padding-right: 0rem
}

    [dir=rtl] .features-bg .nav-tabs .nav-item + .nav-item {
        margin: 0 10rem 0 0rem
    }

@media screen and (max-width: 1600px) {
    [dir=rtl] .features-bg .nav-tabs .nav-item + .nav-item {
        margin: 0 6rem 0 0rem
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .features-bg .nav-tabs .nav-item + .nav-item {
        margin: 0 4.6rem 0 0rem
    }
}

@media screen and (max-width: 575.98px) {
    [dir=rtl] .features-bg .nav-tabs .nav-item:first-child {
        padding-right: 4.2rem;
        padding-left: 0rem
    }
}

@media screen and (max-width: 575.98px) {
    [dir=rtl] .features-bg .nav-tabs .nav-item:last-child {
        padding-left: 4rem;
        padding-right: 0rem
    }
}

[dir=rtl] .product-review-non-premium .title {
    display: block
}

[dir=rtl] .product-review-non-premium .videos-np .video .embed-container .embed-content {
    text-align: right
}

    [dir=rtl] .product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
        margin-left: 0rem;
        margin-right: 4.4rem
    }

@media screen and (max-width: 1600px) {
    [dir=rtl] .product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
        margin-right: 3rem;
        margin-left: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
        margin-right: 1rem
    }
}

[dir=rtl] .product-review-non-premium .videos-np .video .embed-container .embed-content h4 {
    text-align: right
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .product-review-non-premium .videos-np .video .embed-container .embed-content h4 {
        text-align: center
    }
}

[dir=rtl] .product-review-non-premium .videos-np .video .embed-container .embed-content .rating img {
    margin: 0 0rem 0 1rem
}

[dir=rtl] .product-review-non-premium .videos-np .video .embed-container .play-video h6 {
    margin: 0 4rem 0 auto
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .product-review-non-premium .videos-np .video .embed-container .play-video h6 {
        margin: 0rem auto
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .book-test-outer a {
        display: block;
        line-height: 2.5 !important;
        text-align: center
    }
}

[dir=rtl] .product-listing-tabs .list-menu {
    padding: 0 2.5rem 3rem 5.5rem
}

@media screen and (max-width: 1600px) {
    [dir=rtl] .product-listing-tabs .list-menu {
        padding: 0 2.5rem 4.5rem 5.5rem
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .product-listing-tabs .list-menu {
        padding: 1rem 2.5rem 0 5.5rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .product-listing-tabs .list-menu {
        padding: 0 1rem 0 0
    }
}

[dir=rtl] .product-listing-tabs .list-menu .test-ride {
    display: block;
    line-height: 2.5
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .product-listing-tabs .list-menu .test-ride {
        line-height: 1.5rem !important
    }
}

[dir=rtl] .product-listing-tabs .nav-tabs {
    overflow: hidden
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .product-listing-tabs .nav-tabs {
        justify-content: center
    }
}

[dir=rtl] .product-listing-tabs .tab-list .nav.nav-pills {
    padding: .5rem 1.7rem 0 3.5rem
}

@media screen and (max-width: 1600px) {
    [dir=rtl] .product-listing-tabs .tab-list .nav.nav-pills {
        padding: .5rem 1.2rem 0 2.2rem
    }
}

[dir=rtl] .product-listing-tabs .tab-list .nav.nav-pills .nav-link.active h4 {
    text-align: right;
    padding-left: 13.5rem;
    padding-right: 0rem
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .product-listing-tabs .tab-list .nav.nav-pills .nav-link.active h4 {
        padding-left: 18.9rem;
        padding-right: 0rem
    }
}

[dir=rtl] .product-listing-tabs .tab-list .nav.nav-pills .nav-link h4 {
    right: 2rem;
    left: auto
}

[dir=rtl] .product-listing-tabs .tab-list .nav.nav-pills .nav-link .product-list {
    justify-content: normal;
    transform: scaleX(-1);
    left: .5rem;
    right: auto
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .product-listing-tabs .tab-list .nav.nav-pills .nav-link .product-list {
        left: 0
    }
}

[dir=rtl] .product-listing-tabs .product-main-outer .list-img-slider-outer .view-details-btn {
    display: block;
    line-height: 2.5
}

[dir=rtl] .product-listing-tabs .product-main-outer .list-img-slider-outer .product-items-list .product-slide {
    transform: scaleX(-1)
}

[dir=rtl] .product-listing-tabs .product-main-outer .list-img-slider-outer .bike-info-outer {
    text-align: right
}

[dir=rtl] .product-listing-tabs .mobile-list .nav-link .product-list {
    transform: scaleX(-1)
}

    [dir=rtl] .product-listing-tabs .mobile-list .nav-link .product-list img {
        right: 1rem
    }

[dir=rtl] .product-listing-tabs .mobile-list .specs-outer h4 {
    text-align: right
}

[dir=rtl] .product-listing-tabs .mobile-list .specs-outer em {
    left: 1rem;
    right: auto;
    transform: scaleX(-1)
}

[dir=rtl] .video-section {
    right: -2rem;
    left: auto
}

    [dir=rtl] .video-section .video-bg .video-bg-inner {
        margin-left: 1rem;
        margin-right: auto
    }

        [dir=rtl] .video-section .video-bg .video-bg-inner .video-img {
            margin: -3.5rem 12% 0 auto
        }

@media screen and (max-width: 1600px) {
    [dir=rtl] .video-section .video-bg .video-bg-inner .video-img {
        margin: -2rem 12% 0 auto
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .video-section .video-bg .video-bg-inner .video-img {
        margin: -1rem 12% 0 auto
    }
}

[dir=rtl] .video-section .video-bg .video-bg-inner span {
    left: 8%;
    right: auto
}

[dir=rtl] .overview .premium-title {
    display: block
}

[dir=rtl] .overview .overview-main::before {
    right: 0
}

[dir=rtl] .overview .overview-main .overview-img .overview-content {
    margin: 0 -5rem 0 0rem
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .overview .overview-main .overview-img .overview-content {
        margin: 0 -8rem 0 0rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .overview .overview-main .overview-img .overview-content {
        margin: -4rem 1.5rem 0rem !important;
        text-align: center
    }
}

[dir=rtl] .overview .overview-main .overview-img .overview-content::before {
    right: 4rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .overview .overview-main .overview-img .overview-content::before {
        right: 0
    }
}

[dir=rtl] .overview .overview-main .overview-img .overview-content h2 {
    text-align: right
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .overview .overview-main .overview-img .overview-content h2 {
        text-align: center
    }
}

[dir=rtl] .overview .overview-main .overview-img .overview-content p {
    text-align: right
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .overview .overview-main .overview-img .overview-content p {
        text-align: center
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .vr-tab-nav .nav.nav-pills {
        padding-right: 0 !important
    }
}

[dir=rtl] .vr-tab-nav .nav.nav-pills .nav-item .nav-link + span {
    display: inline-block
}

[dir=rtl] .tvs-features .premium-title {
    display: block
}

[dir=rtl] .tvs-features .features_slide .box-section {
    background: linear-gradient(-90deg, var(--grey-35) 0%, var(--grey-35) 20%, var(--grey-36) 55%, var(--grey-35) 100%)
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .tvs-features .features_slide .box-section {
        background: linear-gradient(-205deg, var(--grey-35) 0%, var(--grey-36) 65%, var(--grey-35) 100%)
    }
}

[dir=rtl] .tvs-features .features_slide .experience {
    clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 17% 100%)
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .tvs-features .features_slide .experience {
        clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 14% 100%)
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .tvs-features .features_slide .experience {
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 83%)
    }
}

[dir=rtl] .tvs-features .features_slide .experience .web-img {
    display: block
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .tvs-features .features_slide .experience .web-img {
        display: none
    }
}

[dir=rtl] .tvs-features .features_slide .experience .red-line {
    transform: skew(11.75deg);
    left: auto;
    right: 80%
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .tvs-features .features_slide .experience .red-line {
        transform: skew(78deg)
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .tvs-features .features_slide .experience .red-line {
        transform: skew(80deg);
        width: 3.5rem;
        left: auto;
        right: auto;
        top: 30%
    }
}

[dir=rtl] .tvs-features .features_slide .experience .red-line::before {
    left: auto;
    right: auto
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .tvs-features .features_slide .experience .red-line::before {
        left: auto;
        right: auto
    }
}

[dir=rtl] .tvs-features .features_slide .feature-content {
    padding: 5rem 0rem 3rem 3rem;
    text-align: right
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .tvs-features .features_slide .feature-content {
        padding: 7rem 0rem 3rem 1rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .tvs-features .features_slide .feature-content {
        padding: 1rem 1.5rem 2rem 1.5rem
    }
}

[dir=rtl] .premium-specification .premium-title {
    display: block
}

[dir=rtl] .premium-specification .tabs-section ul {
    padding-right: 0rem
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .premium-specification .tabs-section ul {
        max-width: 133rem;
        padding-right: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-specification .tabs-section ul {
        padding-right: 4rem
    }
}

[dir=rtl] .premium-specification .tabs-section ul li.nav-item:first-child {
    border-right: 0px solid var(--white)
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-specification .tabs-section ul li.nav-item:first-child {
        margin-left: 0rem
    }
}

[dir=rtl] .premium-specification .tabs-section ul li.nav-item:first-child .nav-link {
    border-right: 0px solid var(--white)
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-specification .tabs-section ul li.nav-item:last-child {
        margin-left: 5rem;
        padding-right: 0rem;
        background: var(--white);
        border-left: 2px solid var(--white) !important
    }
}

[dir=rtl] .premium-specification .tabs-section ul li.nav-item:last-child.nav-link {
    border-right: 2px solid var(--white) !important
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-specification .tabs-section ul li.nav-item:last-child.nav-link {
        background: linear-gradient(30deg, rgba(193, 188, 188, 0.3), rgba(193, 188, 188, 0.3), rgba(243, 238, 238, 0.3), rgba(193, 188, 188, 0.3)) !important
    }
}

[dir=rtl] .premium-specification .tab-content .engine-strip {
    padding: 8rem 0rem 0 1.5rem
}

[dir=rtl] .premium-specification .tab-content .specification-details {
    padding: 5rem 7rem 0 0rem
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .premium-specification .tab-content .specification-details {
        padding: 8rem 8rem 0 0rem
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .premium-specification .tab-content .specification-details {
        padding: 3.5rem 2rem 0 2rem
    }
}

[dir=rtl] .premium-specification .tab-content .specification-details .specification-list {
    text-align: right
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul {
        padding: 0 1rem 0 0rem
    }
}

[dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul li {
    padding: 0rem 0rem 1.6rem 7rem
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul li {
        padding: 0rem 2rem 3.6rem 5rem
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul li {
        padding: 0rem 3rem 2.3rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul li {
        padding: 0rem 3rem 2.3rem
    }
}

[dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul li:last-child {
    padding: 0rem 0rem 1.6rem 7rem
}

@media screen and (min-width: 1601px) {
    [dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul li:last-child {
        padding: 0rem 2rem 0rem 5rem
    }
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .premium-specification .tab-content .specification-details .specification-list ul li:last-child {
        padding: 0rem 3rem 2.3rem
    }
}

[dir=rtl] .premium-specification .tab-content .specification-details .download-link {
    padding: 5rem 3rem 5rem 0rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .premium-specification .tab-content .specification-details .download-link {
        padding: 2.5rem 2rem 3rem
    }
}

[dir=rtl] .design-wrapper .premium-title {
    display: block
}

[dir=rtl] .design-wrapper .card::after {
    clip-path: polygon(0 0%, 100% 5%, 100% 100%, 0% 100%)
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .design-wrapper .card::after {
        clip-path: polygon(0 0%, 100% 10%, 100% 100%, 0% 100%)
    }
}

[dir=rtl] .design-wrapper .card-header {
    clip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 100%)
}

[dir=rtl] .design-wrapper .card-header-mobile {
    clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%)
}

[dir=rtl] .premium-connected .premium-title, [dir=rtl] .premium-Gallery .premium-title {
    display: block
}

[dir=rtl] .premium-reviews .premium-title {
    display: block
}

[dir=rtl] .premium-reviews .reviews-wrapper .box .test-component .embed-content h2 img {
    margin-right: 4rem;
    margin-left: 0rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .premium-reviews .reviews-wrapper .box .test-component .embed-content h2 img {
        margin-right: 1.5rem
    }
}

[dir=rtl] .features-bg .title {
    display: block
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .features-bg .nav-tabs .nav-item:last-child {
        padding-right: 0rem
    }
}

[dir=rtl] .colors-view .title, [dir=rtl] .tvs-virtual .title {
    display: block
}

[dir=rtl] .colors-view .tab-content, [dir=rtl] .tvs-virtual .tab-content {
    transform: scaleX(-1)
}

[dir=rtl] .tab-color .nav.nav-pills {
    padding-right: 0rem
}

    [dir=rtl] .tab-color .nav.nav-pills .nav-item .nav-link.active::before {
        right: auto !important
    }

    [dir=rtl] .tab-color .nav.nav-pills .nav-item .nav-link + span {
        display: block;
        text-align: center
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .tab-color .nav {
        padding-right: 0rem
    }
}

[dir=rtl] .non-premium-specification-wrapper .nav {
    justify-content: center;
    padding-right: 0rem
}

[dir=rtl] .non-premium-specification-wrapper .nav-item:first-child {
    margin-left: 2rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .non-premium-specification-wrapper .nav-item:first-child {
        margin-left: 1.5rem
    }
}

[dir=rtl] .non-premium-specification-wrapper .nav-item:last-child {
    margin-left: 0rem !important;
    padding-right: 0rem !important
}

[dir=rtl] .non-premium-specification-wrapper .nav-item .nav-link.active {
    box-shadow: -3.5px 6.1px 0 0 rgba(18,72,157,.17)
}

[dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content {
    padding-left: 3.5rem;
    padding-right: 0rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content {
        padding-left: 0rem !important
    }
}

[dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content {
    text-align: right
}

    [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content + .content {
        text-align: right
    }

    [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content span {
        display: inline-block
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content span {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

[dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content span:first-child::before {
    content: ":";
    position: absolute;
    left: -0.5rem;
    top: .4rem;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: var(--black)
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content span:first-child::before {
        font-size: 1.4rem;
        left: -1.5rem;
        top: .2rem
    }
}

[dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child {
    padding-right: 3.5rem;
    right: .5rem !important
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child {
        padding-left: 0rem;
        padding-right: 2rem;
        text-align: right
    }
}

[dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child::before {
    right: .5rem !important;
    left: auto;
    content: none
}

[dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .download a, [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .download .btn {
    display: block;
    text-align: right
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .non-premium-specification-wrapper .tab-img-section .left-content .download .btn {
        line-height: 2.5
    }
}

[dir=rtl] .terms-conditions .terms-conditin-card, [dir=rtl] section.contact-us .terms-conditin-card {
    text-align: right
}

    [dir=rtl] .terms-conditions .terms-conditin-card .terms-listing ul li, [dir=rtl] section.contact-us .terms-conditin-card .terms-listing ul li {
        padding-right: 3rem;
        padding-left: 0rem
    }

@media screen and (max-width: 767.98px) {
    [dir=rtl] .terms-conditions .terms-conditin-card .terms-listing ul li, [dir=rtl] section.contact-us .terms-conditin-card .terms-listing ul li {
        padding-right: 2rem
    }
}

[dir=rtl] .terms-conditions .terms-conditin-card .terms-listing ul li::before, [dir=rtl] section.contact-us .terms-conditin-card .terms-listing ul li::before {
    right: 0
}

[dir=rtl] .terms-conditions .terms-conditin-card .terms-footer em, [dir=rtl] section.contact-us .terms-conditin-card .terms-footer em {
    margin-left: 2.5rem;
    margin-right: 0rem
}

@media screen and (max-width: 991.98px) {
    [dir=rtl] .terms-conditions .terms-conditin-card .terms-footer em, [dir=rtl] section.contact-us .terms-conditin-card .terms-footer em {
        margin-left: 2rem
    }
}

[dir=rtl] .privacy-policy {
    text-align: right
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .privacy-policy .privacy-content .showMore, [dir=rtl] .privacy-policy .privacy-content .showLess {
        display: block
    }
}

[dir=rtl] .privacy-policy .privacy-content .showMore i, [dir=rtl] .privacy-policy .privacy-content .showLess i {
    margin-right: 1rem;
    margin-left: 0rem
}

[dir=rtl] .privacy-policy .privacy-content .date {
    left: 4rem;
    right: auto
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .privacy-policy .privacy-content .date {
        left: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .privacy-policy .privacy-content ul {
        padding-left: 0rem
    }
}

[dir=rtl] .privacy-policy .privacy-content ul li::before {
    right: -4rem
}

[dir=rtl] .privacy-policy .privacy-content ol {
    padding-right: 3rem;
    padding-left: 0rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .privacy-policy .privacy-content ol {
        padding-right: 2rem
    }
}

[dir=rtl] .privacy-policy .privacy-content .contact-us {
    padding: 2.8rem 3.9rem 3.1rem 3rem
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .privacy-policy .privacy-content .contact-us {
        padding: 1.6rem 1.7rem 0 2.5rem
    }
}

[dir=rtl] .privacy-policy .privacy-content .contact-us .pr-0 {
    padding-right: 15px !important
}

[dir=rtl] .privacy-policy .privacy-content .contact-us .contact-box .contact-icon i {
    padding: 1rem 2.7rem 0 0;
    transform: scaleX(-1)
}

@media screen and (max-width: 767.98px) {
    [dir=rtl] .privacy-policy .privacy-content .contact-us .contact-box .contact-icon i {
        padding: 1rem 2rem 0 0
    }
}

[dir=rtl] .videos .slick-slide, [dir=rtl] .videos .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.85, 0.85);
    transition: transform .3s
}

    [dir=rtl] .videos .slick-center, [dir=rtl] .videos .slick-center.slick-current.slick-active, [dir=rtl] .videos .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(1.01, 1.01);
        transition: transform .3s
    }

[dir=rtl] .fadeInLeft {
    -webkit-animation-name: fadeInRight !important;
    animation-name: fadeInRight !important
}

section.contact-us {
    padding-top: 43rem
}

@media screen and (max-width: 1600px) {
    section.contact-us {
        padding-top: 39.25vh
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us {
        padding-top: 13.3rem
    }
}

section.contact-us:before {
    background: transparent url(../images/banner/contact-us.png) center bottom;
    min-height: 71.8rem;
    box-shadow: none
}

@media screen and (max-width: 1600px) {
    section.contact-us:before {
        min-height: 65.92vh;
        border-radius: 0 0 2.8rem 2.8rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us:before {
        background: transparent url(../images/banner/contact-us-mob.png) center bottom;
        min-height: 36.5rem;
        border-radius: 0rem
    }
}

section.contact-us .title {
    font-size: 6rem;
    font-weight: bold;
    padding-bottom: 0;
    text-shadow: .6px 5px 22.3px rgba(0,0,0,.45)
}

@media screen and (max-width: 767.98px) {
    section.contact-us .title {
        font-size: 3.6rem
    }
}

section.contact-us .container-card {
    width: calc(100vw - 8rem);
    max-width: 160.2rem;
    margin: 5.5rem auto 11.5rem;
    border-radius: 20px;
    box-shadow: .6px 5px 22.3px 1.7px rgba(0,0,0,.25);
    background-color: #fff;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1600px) {
    section.contact-us .container-card {
        margin: 5.0925vh auto 10.64vh;
        width: calc(100vw - 6rem)
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card {
        border-radius: 1rem;
        box-shadow: 0px 5px 22.3px 1.7px rgba(0,0,0,.25);
        width: calc(100vw - 4rem);
        margin: 2rem auto 5.5rem;
        overflow: visible;
        overflow-x: hidden
    }
}

section.contact-us .container-card aside {
    width: 52.2rem;
    background: var(--btn-primary-bg-color) url("../images/contact-bg.png") no-repeat;
    background-size: cover;
    order: 1;
    padding: 4.8rem 4.8rem 5rem 4.8rem;
    color: #fff
}

@media screen and (max-width: 1600px) {
    section.contact-us .container-card aside {
        padding: 2.5rem 2rem;
        max-width: 26.584vw
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside {
        background: url("../images/customer-support-bg-mob.png") no-repeat;
        padding: 3.4rem 2rem 0rem 2rem;
        max-width: 100% !important;
        height: auto;
        order: 2;
        border-radius: 0 0 1rem 1rem;
        background-size: 100% !important
    }
}

section.contact-us .container-card aside:first-child .contact-details:first-child h3 {
    font-size: 3.6rem
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside:first-child .contact-details:first-child h3 {
        font-size: 2.8rem
    }
}

section.contact-us .container-card aside .contact-details {
    position: relative;
    border-bottom: 1px solid #b7b7b7;
    margin: 0rem 0rem 3.3rem 0rem
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details {
        margin: 0rem 0rem 2.4rem 0rem
    }
}

section.contact-us .container-card aside .contact-details:last-child {
    border: 0rem
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details:last-child {
        margin-bottom: .4rem
    }
}

section.contact-us .container-card aside .contact-details h3 {
    font-family: "Roboto";
    font-size: 3.6rem;
    font-weight: 300;
    line-height: normal;
    color: #fff;
    margin: 0 0 2.3rem 0
}

@media screen and (max-width: 1600px) {
    section.contact-us .container-card aside .contact-details h3 {
        font-size: 3rem;
        margin: 0 0 2rem 0
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details h3 {
        font-size: 2.8rem;
        margin: 0 0 1.9rem 0
    }
}

section.contact-us .container-card aside .contact-details .dealer-address {
    position: relative;
    padding: 0 0 2.8rem 0
}

@media screen and (max-width: 1600px) {
    section.contact-us .container-card aside .contact-details .dealer-address {
        padding: 0 0 2.3rem 0
    }
}

section.contact-us .container-card aside .contact-details .dealer-address i {
    display: block;
    float: left
}

section.contact-us .container-card aside .contact-details .dealer-address .map {
    background: url("../images/icon-map.png") no-repeat;
    width: 2.4rem;
    height: 3rem
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details .dealer-address .map {
        width: 1.9rem;
        height: 2.4rem;
        background-size: 100%
    }
}

section.contact-us .container-card aside .contact-details .dealer-address .phone {
    background: url("../images/icon-phone.png") no-repeat;
    width: 2.6rem;
    height: 2.6rem
}

section.contact-us .container-card aside .contact-details .dealer-address .mail {
    background: url("../images/icon-mail.png") no-repeat;
    width: 2.6rem;
    height: 2rem;
    margin: .7rem 0 0 0
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details .dealer-address .mail {
        margin: 0rem 0 0 0
    }
}

section.contact-us .container-card aside .contact-details .dealer-address .address {
    display: block;
    margin-left: 4.7rem;
    padding-right: 4.5rem
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details .dealer-address .address {
        margin-left: 3.7rem
    }
}

section.contact-us .container-card aside .contact-details .dealer-address .address h3 {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 .6rem 0;
    color: rgba(255,255,255,.98)
}

@media screen and (max-width: 1600px) {
    section.contact-us .container-card aside .contact-details .dealer-address .address h3 {
        font-size: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details .dealer-address .address h3 {
        font-size: 1.75rem;
        margin: 0 0 .4rem 0
    }
}

section.contact-us .container-card aside .contact-details .dealer-address .address h3 a {
    display: inline-block;
    margin: .2rem 0 0 0
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details .dealer-address .address h3 a {
        margin: 0rem;
        position: relative;
        top: -0.2rem
    }
}

section.contact-us .container-card aside .contact-details .dealer-address .address p {
    font-size: 2.05rem;
    font-weight: 400;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    section.contact-us .container-card aside .contact-details .dealer-address .address p {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details .dealer-address .address p {
        font-size: 1.65rem;
        margin: 0 0 .2rem 0
    }
}

section.contact-us .container-card aside .contact-details .dealer-address .direction {
    background: url("../images/icon-direction.png") no-repeat;
    width: 6.1rem;
    height: 6.1rem;
    display: block;
    position: absolute;
    right: -1rem;
    top: -0.5rem;
    cursor: pointer
}

@media screen and (max-width: 767.98px) {
    section.contact-us .container-card aside .contact-details .dealer-address .direction {
        right: 0rem;
        top: -1rem
    }
}

section.contact-us .container-card aside .contact-details .dealer-address a {
    color: var(--white)
}

@media screen and (max-width: 1600px) {
    section.contact-us .container-card aside .contact-details + .contact-details .dealer-address * {
        font-size: 1.8rem
    }

    section.contact-us .container-card aside .contact-details + .contact-details .dealer-address .address {
        padding-right: 0
    }

    section.contact-us .container-card aside .contact-details + .contact-details .dealer-address .phone ~ .address h3 {
        font-size: 1.8rem
    }
}

section.contact-us .wizard-bullets {
    transform: translateY(-48%);
    margin-bottom: -13.2rem;
    pointer-events: none;
    width: calc(100% + 3.4rem)
}

    section.contact-us .wizard-bullets::before {
        display: none
    }

@media screen and (max-width: 767.98px) {
    section.contact-us .wizard-bullets {
        transform: translateY(-41%);
        margin-bottom: -9.2rem;
        width: 100%
    }
}

section.contact-us .wizard-bullets li {
    margin: 8.8rem 10.7rem 10rem 8.4rem !important
}

@media screen and (max-width: 767.98px) {
    section.contact-us .wizard-bullets li {
        margin: 5rem 5.3rem 8rem !important
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .wizard-bullets li.wizard-steps {
        width: 5.3rem;
        height: 5.3rem
    }
}

section.contact-us .wizard-bullets li.wizard-steps label {
    top: 9.7rem !important
}

@media screen and (max-width: 767.98px) {
    section.contact-us .wizard-bullets li.wizard-steps label {
        top: 6.6rem !important
    }
}

section.contact-us .wizard-bullets li.wizard-steps.active {
    box-shadow: 0px 2px 22.32px 1.68px rgba(49,95,166,.27)
}

section.contact-us .card-form {
    background-size: 100%;
    background: url(../images/card-bg-bottom.png) right bottom no-repeat;
    position: relative;
    overflow: hidden;
    order: 2
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form {
        background: url(../images/card-bg-bottom-mobile.png) right bottom no-repeat;
        overflow: initial;
        order: 1
    }
}

section.contact-us .card-form form:not(.active) {
    display: none
}

section.contact-us .card-form form.form-single-step {
    margin-top: -2.5rem
}

section.contact-us .card-form .mobile.no-otp .input-group {
    max-width: none;
    margin-right: 0
}

section.contact-us .card-form .select-box.dropdown [data-toggle=dropdown]:after {
    display: none
}

section.contact-us .card-form .select-box.dropdown:before {
    pointer-events: none;
    transition: all .3s ease;
    line-height: normal
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .select-box.dropdown:before {
        right: 12px
    }
}

section.contact-us .card-form .select-box.dropdown.show:before {
    transform: translate(0, -50%) rotate(180deg)
}

section.contact-us .card-form .select-box.dropdown .dropdown-select {
    width: 100%;
    max-height: 17.5rem;
    overflow: auto;
    padding: 0;
    background: var(--white);
    border: 1rem solid #fff;
    transform: translate3d(0px, 70px, 0px) !important
}

    section.contact-us .card-form .select-box.dropdown .dropdown-select::-webkit-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-blue);
        width: 6px
    }

    section.contact-us .card-form .select-box.dropdown .dropdown-select::-webkit-scrollbar-track {
        background: #e1e1e1;
        opacity: .4;
        border-radius: .5rem;
        -webkit-border-radius: .5rem;
        -ms-border-radius: .5rem;
        -moz-border-radius: .5rem;
        padding-bottom: 3rem
    }

    section.contact-us .card-form .select-box.dropdown .dropdown-select::-webkit-scrollbar-thumb {
        background-color: var(--primary-blue);
        border-radius: 20px;
        border: 6px solid var(--primary-blue)
    }

    section.contact-us .card-form .select-box.dropdown .dropdown-select[x-placement=bottom-start] {
        top: 0px !important
    }

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .select-box.dropdown .dropdown-select[x-placement=bottom-start] {
        top: -10px !important;
        transform: translate3d(0px, 60px, 0px) !important
    }
}

section.contact-us .card-form .select-box.dropdown .dropdown-select[x-placement=top-start] {
    top: -10px !important
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .select-box.dropdown .dropdown-select[x-placement=top-start] {
        top: -4px !important
    }
}

section.contact-us .card-form .select-box.dropdown .dropdown-select li {
    padding: 0 1rem
}

    section.contact-us .card-form .select-box.dropdown .dropdown-select li:last-child .dropdown-item {
        border-bottom: none
    }

section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item {
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.6rem;
    padding: 1rem 0;
    margin: 0 auto;
    width: calc(100% - 3rem)
}

@media screen and (min-width: 1366px) {
    section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item {
        font-size: 2rem;
        padding: 1.3rem 0;
        line-height: 1.28
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item {
        height: 6.3rem;
        display: flex;
        align-items: center;
        font-size: 1.8rem
    }
}

section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1.5rem
}

section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item.active, section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item:active, section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item:hover {
    color: var(--primary-blue) !important;
    background-color: var(--white);
    font-weight: bold
}

section.contact-us .card-form .select-box.dropdown .dropdown-select .dropdown-item:last-child {
    border-bottom: none
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .select-box.dropdown .dropdown-select {
        max-height: 18.6rem
    }
}

section.contact-us .card-form .card-header-form {
    padding: 6.4rem 6.6rem 9.5rem;
    background-color: rgba(204,204,204,.3);
    position: relative
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-header-form {
        padding: 5rem 4rem 7.5rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-header-form {
        padding: 4.4rem 2rem 6.5rem
    }
}

section.contact-us .card-form .card-header-form .form-group {
    margin: 0
}

    section.contact-us .card-form .card-header-form .form-group .select-box::before {
        font-size: 3.8rem;
        font-weight: 400;
        right: 3rem
    }

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-header-form .form-group .select-box::before {
        font-size: 2.1rem;
        font-weight: bold;
        right: 1.6rem
    }
}

section.contact-us .card-form .card-header-form .btn-input-select {
    background: #fff;
    height: 7.7rem;
    font-size: 2.6rem;
    border-radius: 15px;
    box-shadow: .6px 5px 22.3px 1.7px rgba(0,0,0,.15) !important;
    border: solid 2px #c2c2c2 !important;
    padding: 0rem 2.8rem;
    letter-spacing: normal
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-header-form .btn-input-select {
        height: 7rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-header-form .btn-input-select {
        font-size: 1.8rem;
        border-radius: 1rem;
        box-shadow: .6px 5px 22.3px 1.7px rgba(0,0,0,.3);
        height: 5.8rem;
        padding: 0rem 1.4rem
    }
}

section.contact-us .card-form .card-header-form .form-label {
    position: absolute;
    color: rgba(0,0,0,.8);
    font-size: 1.4rem;
    font-weight: 400;
    opacity: .8;
    top: 2rem;
    right: 2rem;
    line-height: normal
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-header-form .form-label {
        font-size: 1.2rem;
        top: 1rem;
        right: 1rem;
        color: rgba(53,53,53,.8)
    }
}

section.contact-us .card-form .card-header-form .select-box.dropdown .dropdown-select {
    max-height: fit-content
}

    section.contact-us .card-form .card-header-form .select-box.dropdown .dropdown-select[x-placement=bottom-start] {
        top: 10px !important
    }

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-header-form .select-box.dropdown .dropdown-select[x-placement=bottom-start] {
        top: 0px !important;
        transform: translate3d(0px, 60px, 0px) !important
    }
}

section.contact-us .card-form .card-header-form .select-box.dropdown .dropdown-select .dropdown-item {
    font-size: 2.2rem;
    min-height: 6rem;
    align-items: center;
    display: flex;
    color: var(--black)
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-header-form .select-box.dropdown .dropdown-select .dropdown-item {
        font-size: 1.6rem;
        min-height: 7.3rem
    }
}

section.contact-us .card-form .card-header-form ~ form {
    position: relative;
    background: #fff
}

    section.contact-us .card-form .card-header-form ~ form:before {
        content: "";
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/card-bg-top.png) left top no-repeat,url(../images/card-bg-bottom.png) right bottom no-repeat;
        background-size: auto;
        border-radius: 0rem;
        box-shadow: none;
        position: absolute;
        z-index: 0
    }

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-header-form ~ form:before {
        background: url(../images/card-bg-top-mobile.png) left top no-repeat,url(../images/card-bg-bottom-mobile.png) right bottom no-repeat;
        background-size: auto;
        max-width: 100%
    }
}

section.contact-us .card-form .card-content-form {
    width: 100%;
    padding-top: 4.3rem
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-content-form {
        padding: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form {
        padding-top: 1.5rem
    }
}

section.contact-us .card-form .card-content-form .form-content-scroller {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    transform: translateX(var(--translateXval))
}

section.contact-us .card-form .card-content-form .validation-msg {
    font-size: 1.6rem;
    font-weight: 500;
    margin: .5rem 0 -1rem;
    display: block;
    color: #666
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .validation-msg {
        font-size: 1.2rem;
        position: relative;
        top: .3rem
    }
}

section.contact-us .card-form .card-content-form .form-elements {
    max-width: 100%;
    padding: 0 6.7rem
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-content-form .form-elements {
        padding: 0 4rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements {
        padding: 0 2rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .label-style, section.contact-us .card-form .card-content-form .form-elements .form-group label {
        font-size: 2.2rem;
        margin-bottom: 2.6rem
    }
}

section.contact-us .card-form .card-content-form .form-elements ul {
    margin-bottom: 0
}

section.contact-us .card-form .card-content-form .form-elements .form-group {
    margin: 0 0 2.5rem 0 !important
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group {
        margin: 0 0 2rem 0 !important
    }
}

section.contact-us .card-form .card-content-form .form-elements .form-group label {
    margin: 0 0 1.8rem 0 !important
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group label {
        margin: 0 0 2rem 0
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group label {
        font-size: 2rem;
        margin: 0 0 1.4rem 0 !important
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group label small {
        margin: 0 0 1.4rem
    }
}

section.contact-us .card-form .card-content-form .form-elements .form-group label small sup {
    top: 0rem !important;
    font-size: inherit
}

section.contact-us .card-form .card-content-form .form-elements .form-group label.help-text {
    padding-top: 1.5rem
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group label.help-text {
        padding-top: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group .radio-multiple.choose-input .form-check-label, section.contact-us .card-form .card-content-form .form-elements .form-group .review-input .form-check-label {
        margin: 2rem 0 0 !important
    }
}

section.contact-us .card-form .card-content-form .form-elements .form-group .mt-3 small {
    margin-top: 2.7rem !important
}

section.contact-us .card-form .card-content-form .form-elements .form-group #mobileNumber {
    padding-left: 1rem !important;
    padding-right: 1rem
}

    section.contact-us .card-form .card-content-form .form-elements .form-group #mobileNumber.form-control {
        border-radius: 1.5rem !important
    }

section.contact-us .card-form .card-content-form .form-elements .form-group.field-error, section.contact-us .card-form .card-content-form .form-elements .form-group.field-error .form-control {
    border-color: #e25151;
    border-width: 2px;
    color: #e25151
}

    section.contact-us .card-form .card-content-form .form-elements .form-group.field-error .mobile .input-group {
        border: 2px solid #e25151
    }

    section.contact-us .card-form .card-content-form .form-elements .form-group.field-error .validation-msg {
        color: #e25151
    }

section.contact-us .card-form .card-content-form .form-elements .form-group.field-success, section.contact-us .card-form .card-content-form .form-elements .form-group.field-success .form-control {
    border-color: #4caf50;
    border-width: 2px
}

    section.contact-us .card-form .card-content-form .form-elements .form-group.field-success .validation-msg {
        color: #4caf50
    }

section.contact-us .card-form .card-content-form .form-elements .form-group input[type=text] {
    letter-spacing: .22px;
    border-radius: 1.5rem !important
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group input[type=text] {
        border-radius: 1rem !important;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group input[type=text]::placeholder {
        font-size: 1.8rem;
        letter-spacing: .18px
    }
}

section.contact-us .card-form .card-content-form .form-elements .form-group .btn-disabled.btn, section.contact-us .card-form .card-content-form .form-elements .form-group .btn-secondary.btn {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: normal
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .form-group .btn-disabled.btn, section.contact-us .card-form .card-content-form .form-elements .form-group .btn-secondary.btn {
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: .14px;
        display: flex;
        align-items: center;
        justify-content: center;
        word-break: break-word
    }
}

section.contact-us .card-form .card-content-form .form-elements .detect-text {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .detect-text {
        justify-content: center
    }
}

section.contact-us .card-form .card-content-form .form-elements .detect-text label {
    margin: 1.8rem 0rem 0rem auto !important
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .detect-text label {
        margin: 0rem !important
    }
}

section.contact-us .card-form .card-content-form .form-elements .detect-text label small {
    color: var(--black)
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .detect-text label small {
        margin: 0rem !important;
        font-size: 1.6rem
    }
}

section.contact-us .card-form .card-content-form .form-elements .detect-btn {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-content-form .form-elements .detect-btn {
        align-items: flex-end
    }
}

section.contact-us .card-form .card-content-form .form-elements .detect-btn .icon {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-block;
    background: url("../images/detect.png") no-repeat;
    margin: 0 1.4rem 0 0;
    background-size: 100%
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-content-form .form-elements .detect-btn .icon {
        width: 2rem;
        height: 2rem
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .detect-btn .icon {
        width: 2.3rem;
        height: 2.3rem;
        margin: 0 .9rem 0 0
    }
}

section.contact-us .card-form .card-content-form .form-elements .detect-btn .btn {
    min-width: 27.7rem;
    min-height: 6.7rem;
    background-color: #d7d7d7;
    color: #8c8c8c;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    letter-spacing: normal
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .detect-btn .btn {
        min-width: 28rem;
        min-height: 4.8rem
    }
}

section.contact-us .card-form .card-content-form .form-elements textarea {
    padding: 2.5rem 1.9rem 2.5rem 2.1rem;
    color: var(--black);
    min-height: 12.5rem;
    resize: none;
    margin-bottom: .5rem !important
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements textarea {
        font-size: 1.8rem;
        padding: 1.5rem 2.1rem 3rem 1.5rem;
        min-height: 15.4rem;
        margin-bottom: 0rem;
        line-height: normal
    }
}

section.contact-us .card-form .card-content-form .form-elements textarea:focus {
    border-color: var(--primary-blue)
}

section.contact-us .card-form .card-content-form .form-elements .divider, section.contact-us .card-form .card-content-form .form-elements .form-dealer:before, section.contact-us .card-form .card-content-form .form-elements .date-container, section.contact-us .card-form .card-content-form .form-elements .terms {
    margin: .7rem 0 3.8rem 0
}

@media screen and (max-width: 1600px) {
    section.contact-us .card-form .card-content-form .form-elements .divider, section.contact-us .card-form .card-content-form .form-elements .form-dealer:before, section.contact-us .card-form .card-content-form .form-elements .date-container, section.contact-us .card-form .card-content-form .form-elements .terms {
        margin: 0rem 0 3rem 0
    }
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .divider, section.contact-us .card-form .card-content-form .form-elements .form-dealer:before, section.contact-us .card-form .card-content-form .form-elements .date-container, section.contact-us .card-form .card-content-form .form-elements .terms {
        margin: 0rem 0 3.8rem 0
    }
}

section.contact-us .card-form .card-content-form .form-elements .btn-input-select {
    margin: .1rem 0 0 0
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .btn-input-select {
        margin: 0rem
    }
}

section.contact-us .card-form .card-content-form .form-elements .field-error .btn-input-select {
    border: 2px solid #e25151 !important;
    color: #e25151
}

section.contact-us .card-form .card-content-form .form-elements .custom-checkbox {
    font-size: 2rem !important;
    padding: 1.4rem 0 1.5rem 4.5rem;
    line-height: 1.3;
    text-align: justify
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .custom-checkbox {
        font-size: 1.6rem !important;
        line-height: 1.38;
        font-weight: 500;
        padding: 10px 0 2rem 4.7rem;
        text-align: initial
    }
}

section.contact-us .card-form .card-content-form .form-elements .custom-checkbox .checkmark {
    height: 3.2rem;
    width: 3.2rem;
    top: 33%
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .custom-checkbox .checkmark {
        top: 15%;
        height: 3.1rem;
        width: 3.1rem
    }
}

section.contact-us .card-form .card-content-form .form-elements .custom-checkbox:last-child {
    margin-bottom: .5rem
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-content-form .form-elements .custom-checkbox:last-child {
        margin-bottom: 0rem
    }
}

section.contact-us .card-form .card-content-form .form-elements .mobile:last-child .input-group {
    max-width: none;
    margin-right: 0
}

section.contact-us .card-form .card-footer-form {
    text-align: center;
    position: relative;
    margin-top: 2.6rem !important;
    height: auto
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-footer-form {
        margin-top: 2rem !important
    }
}

section.contact-us .card-form .card-footer-form .validation-msg {
    position: absolute;
    display: block;
    text-align: center;
    top: 1rem;
    left: 0;
    width: 100%;
    color: #e25151
}

section.contact-us .card-form .card-footer-form.form-btn .btn {
    min-width: 27.7rem !important;
    min-height: auto
}

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form .card-footer-form.form-btn .btn {
        min-width: 13.4rem !important
    }
}

section.contact-us .card-form .card-footer-form.form-btn .btn-disabled {
    box-shadow: none
}

section.contact-us .card-form fieldset {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

    section.contact-us .card-form fieldset:not(.active) {
        width: 0;
        max-width: 0;
        overflow: hidden;
        height: 0;
        transition: all 1s ease
    }

    section.contact-us .card-form fieldset:last-child .form-group label small {
        color: var(--grey-1);
        opacity: 1
    }

    section.contact-us .card-form fieldset:only-child {
        margin-top: 6.7rem
    }

@media screen and (max-width: 767.98px) {
    section.contact-us .card-form fieldset:only-child {
        margin-top: 1.6rem
    }
}

section.contact-us .form-section .form-elements {
    max-width: calc(100% - 4rem)
}

section.contact-us .form-section .form-slide {
    width: 160.2rem;
    max-width: 90%
}

#contactSuccessful .thank-you-msg {
    max-width: 84.7rem
}

@media screen and (max-width: 767.98px) {
    #contactSuccessful .thank-you-msg {
        margin: 1.2rem auto 1.5rem;
        font-weight: 400
    }
}

@media screen and (min-width: 992px) {
    #contactSuccessful .modal-content {
        background-color: rgba(255,255,255,.95)
    }
}

@media screen and (min-width: 992px) {
    #contactSuccessful .modal-content .modal-body img {
        margin: 6.1rem auto 3rem
    }
}

@media screen and (max-width: 767.98px) {
    #contactSuccessful .modal-content .modal-body img {
        min-height: 7.8rem;
        margin: 4rem auto 1.8rem
    }
}

#contactSuccessful .modal-content .modal-body h2 {
    font-weight: bold !important;
    color: var(--black)
}

@media screen and (max-width: 767.98px) {
    #contactSuccessful .modal-content .modal-body h2 {
        line-height: 1.13;
        color: --grey-1
    }
}

@media screen and (min-width: 992px) {
    #contactSuccessful .modal-content .modal-footer .btn-lg {
        min-width: 20rem;
        padding: 1.5rem 3.8rem
    }
}

@media screen and (max-width: 767.98px) {
    #contactSuccessful .modal-content .modal-footer .btn-lg {
        min-width: 12rem
    }
}

.field-info {
    font-weight: 500;
    text-align: center;
    margin: 3rem auto 0;
    color: #666;
    font-size: 1.8rem;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 767.98px) {
    .field-info {
        font-size: 1.2rem
    }
}

.questionnaire .slick-list {
    padding-bottom: 6.6rem;
    position: relative
}

    .questionnaire .slick-list .slick-track {
        position: static;
        transform: none !important
    }

.questionnaire .slick-prev, .questionnaire .slick-next {
    left: auto;
    right: 0;
    height: auto;
    width: auto;
    z-index: 999
}

    .questionnaire .slick-prev:before, .questionnaire .slick-next:before {
        content: "";
        color: #18407e;
        font-family: "Poppins-Regular";
        font-size: 4rem;
        font-weight: 900
    }

.questionnaire .slick-prev {
    margin-top: -7rem;
    transform: rotate(180deg)
}

.questionnaire .slick-next {
    margin-bottom: -7rem
}

.questionnaire .slick-slide {
    max-width: calc(100% - 6.6rem);
    position: absolute;
    left: 0;
    transition: transform .5s ease;
    transform: translateY(0)
}

@media screen and (max-width: 767.98px) {
    .questionnaire .slick-slide {
        max-width: 100%
    }
}

.questionnaire .slick-slide > div {
    padding: 8.8rem 4rem 2.2rem;
    border-radius: 2.5rem;
    border: solid 2px #18407e;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767.98px) {
    .questionnaire .slick-slide > div {
        padding: 8.8rem 2rem 2.2rem;
        border-radius: 2rem;
        border: solid 2.5px #18407e
    }
}

.questionnaire .slick-slide.slick-active {
    top: 0;
    transition: transform .5s ease;
    z-index: 1
}

    .questionnaire .slick-slide.slick-active > div {
        background: #fff;
        z-index: 99;
        box-shadow: .1px 5px 22.3px 1.7px rgba(0,0,0,.15)
    }

@media screen and (max-width: 767.98px) {
    .questionnaire .slick-slide.slick-active > div {
        box-shadow: inset 0 0 2px #18407e
    }
}

.questionnaire .slick-slide:not(.slick-active) {
    top: auto;
    transform: translateY(-0.66rem);
    bottom: 0;
    z-index: 0
}

@media screen and (max-width: 767.98px) {
    .questionnaire .slick-slide:not(.slick-active) {
        transform: translateY(0)
    }
}

.questionnaire .slick-slide:not(.slick-active) > div {
    max-width: calc(100% - 4.6rem);
    margin: 0 auto;
    border-radius: 2.5rem;
    border: solid 1px rgba(146,146,146,.44);
    background-color: #f0f0f0;
    pointer-events: none
}

.questionnaire .slider__counter {
    position: absolute;
    top: 0;
    left: .2rem;
    padding: 2rem 4rem 2rem;
    border-bottom: 1px solid #c1c1c1;
    right: .2rem;
    font-size: 2.2rem;
    line-height: 1.07;
    letter-spacing: .22px;
    color: #999
}

@media screen and (max-width: 767.98px) {
    .questionnaire .slider__counter {
        font-size: 1.8rem;
        padding: 2rem
    }
}

.questionnaire .slider__counter .activeNo {
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: .26px;
    color: #18407e
}

@media screen and (max-width: 767.98px) {
    .questionnaire .slider__counter .activeNo {
        font-size: 2rem
    }
}

.questionnaire .radio-multiple input {
    display: none
}

.questionnaire .radio-multiple > label {
    font-size: 2.2rem
}

.questionnaire .radio-multiple label {
    cursor: pointer
}

.questionnaire .radio-multiple.review-input .form-check-label {
    width: 5.9rem;
    margin: 3rem 3rem 3rem 0;
    min-height: 5.6rem;
    font-size: 0 !important;
    background: url("../images/star.svg") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767.98px) {
    .questionnaire .radio-multiple.review-input .form-check-label {
        width: 4.5rem;
        min-height: 4.2rem;
        margin: 3rem 3rem 3rem 0 !important
    }
}

.questionnaire .radio-multiple.review-input .form-check-inline {
    margin-right: 3.5rem;
    transform: translateY(-6px);
    max-height: 6rem
}

@media screen and (max-width: 767.98px) {
    .questionnaire .radio-multiple.review-input .form-check-inline {
        margin-right: 3rem
    }
}

.questionnaire .radio-multiple.review-input .form-check-inline.checked ~ .form-check-inline label {
    background: url("../images/star-unselected.svg") no-repeat;
    background-size: 100%
}

.questionnaire .radio-multiple.choose-input .form-check-inline label {
    margin: 2.4rem 2rem 4rem 0;
    padding: 1rem;
    border-radius: 1.5rem;
    border: solid 2px #18407e;
    background-color: #fff;
    color: #18407e;
    text-transform: uppercase;
    font-size: 1.6rem;
    min-width: 10rem;
    min-height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 767.98px) {
    .questionnaire .radio-multiple.choose-input .form-check-inline label {
        font-size: 1.4rem !important;
        border-radius: 1rem
    }
}

.questionnaire .radio-multiple.choose-input .form-check-inline.checked label {
    background: var(--tvs-blue);
    color: #fff
}

.dropdown-select.show li .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    background-image: url(../../images/search.png);
    left: 20px;
    top: 20px
}

@media screen and (max-width: 991.98px) {
    .dropdown-select.show li .form-control-feedback {
        top: 11px
    }
}

@media screen and (max-width: 767.98px) {
    .dropdown-select.show li .form-control-feedback {
        top: 14px
    }
}

@media screen and (max-width: 575.98px) {
    .dropdown-select.show li .form-control-feedback {
        top: 12px
    }
}

.dropdown-select.show li .searchInput.form-control {
    padding-left: 40px !important
}

.prelaunch-banner {
    height: 100vh;
    width: 100%;
    overflow: hidden
}

    .prelaunch-banner .slide .slide__img {
        display: block
    }

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .slide .slide__img {
        position: absolute
    }
}

@media screen and (max-width: 991.98px) {
    .prelaunch-banner .slide .slide__img--mobile {
        display: none
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .slide .slide__img--mobile {
        height: auto;
        width: 100%;
        display: block;
        left: 0;
        max-width: calc(100% + 1px);
        position: absolute;
        top: 0
    }
}

@media screen and (max-width: 991.98px) {
    .prelaunch-banner .slider {
        padding: 0px
    }
}

.prelaunch-banner .slide {
    border-radius: 0px
}

.prelaunch-banner .prelaunch-banner-content {
    position: relative;
    width: 100%;
    height: 100vh;
    top: auto;
    left: auto;
    transform: none;
    padding-top: 50px;
    display: flex
}

    .prelaunch-banner .prelaunch-banner-content .globeContainer {
        width: 100%;
        height: 600px;
        max-width: 100%;
        padding: 1rem 0;
        transition: height .5s ease-in-out,width .5s ease-in-out;
        position: relative;
        z-index: 1
    }

        .prelaunch-banner .prelaunch-banner-content .globeContainer:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .prelaunch-banner .prelaunch-banner-content .globeContainer:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            z-index: 0;
            pointer-events: none;
            transition: all .5s ease;
            opacity: 0
        }

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .globeContainer {
        height: 60vh
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .globeContainer {
        height: 45vh
    }
}

.prelaunch-banner .prelaunch-banner-content .leftglobeouter {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    transition: height .5s ease-in-out,width .5s ease-in-out;
    transition-delay: -2s;
    overflow: visible
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter {
        width: 100%
    }
}

.prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="0"] .globeContainer:after {
    top: -2rem;
    bottom: -2rem;
    background: radial-gradient(circle at center, rgba(23, 110, 255, 0) 0%, rgba(23, 110, 255, 0) 25rem, rgba(23, 110, 255, 0.05) 26rem, rgba(23, 110, 255, 0.25) 28rem, rgba(23, 110, 255, 0.025) 31.5rem, rgba(23, 110, 255, 0) 32rem, rgba(23, 110, 255, 0) 100%);
    opacity: 1;
    transition-delay: 6.5s
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="0"] .globeContainer:after {
        top: -2vh;
        bottom: -2vh;
        background: radial-gradient(circle at center, rgba(23, 110, 255, 0) 0%, rgba(23, 110, 255, 0) 25vh, rgba(23, 110, 255, 0.05) 26vh, rgba(23, 110, 255, 0.25) 28vh, rgba(23, 110, 255, 0.025) 31.5vh, rgba(23, 110, 255, 0) 32vh, rgba(23, 110, 255, 0) 100%)
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="0"] .globeContainer:after {
        top: -5%;
        bottom: -5%;
        left: -5%;
        right: -5%;
        background: radial-gradient(circle at center, rgba(23, 110, 255, 0) 0%, rgba(23, 110, 255, 0) 48%, rgba(23, 110, 255, 0.05) 52%, rgba(23, 110, 255, 0.25) 54%, rgba(23, 110, 255, 0.05) 60%, rgba(23, 110, 255, 0) 64%, rgba(23, 110, 255, 0) 100%)
    }
}

.prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="1"] {
    transition: all 1s .5s ease
}

    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="1"] .globeContainer {
        height: calc(100vh - 5rem);
        transform: translateY(-5rem);
        top: 0;
        bottom: 0
    }

        .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="1"] .globeContainer:after {
            top: 0;
            bottom: 0;
            opacity: 1;
            background: radial-gradient(circle at center, rgba(23, 110, 255, 0) 0%, rgba(23, 110, 255, 0) 40vh, rgba(23, 110, 255, 0.05) 42vh, rgba(23, 110, 255, 0.25) 43vh, rgba(23, 110, 255, 0.025) 50vh, rgba(23, 110, 255, 0) 60vh, rgba(23, 110, 255, 0) 100%)
        }

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="1"] .globeContainer:after {
        height: 100vh;
        top: 0;
        bottom: 0;
        background: radial-gradient(circle at center, rgba(23, 110, 255, 0) 0%, rgba(23, 110, 255, 0) 40vh, rgba(23, 110, 255, 0.05) 47vh, rgba(23, 110, 255, 0.25) 48vh, rgba(23, 110, 255, 0.025) 52vh, rgba(23, 110, 255, 0) 60vh, rgba(23, 110, 255, 0) 100%)
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="1"] .globeContainer:after {
        top: -5vh;
        bottom: -5vh;
        background: radial-gradient(circle at center, rgba(23, 110, 255, 0) 0%, rgba(23, 110, 255, 0) 30vh, rgba(23, 110, 255, 0.05) 32vh, rgba(23, 110, 255, 0.25) 33vh, rgba(23, 110, 255, 0.025) 42vh, rgba(23, 110, 255, 0) 44vh, rgba(23, 110, 255, 0) 100%)
    }
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="1"] .globeContainer {
        height: 100vh
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="1"] .globeContainer {
        height: 84vh;
        transform: translateY(-1rem)
    }
}

.prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="2"] {
    width: 100vw;
    height: 100vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 15vh));
    max-width: none
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="2"] {
        transform: translate(-50%, calc(-50% + 30vh))
    }
}

.prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="2"] .globeContainer {
    width: 100vw;
    height: 100vw;
    max-width: none
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="2"] .globeContainer {
        height: 100vw
    }
}

@media screen and (max-width: 991.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="2"] .globeContainer {
        width: 100vh;
        height: 100vh
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="2"] .globeContainer {
        transform: translateY(-16rem)
    }
}

@media screen and (max-width: 991.98px) {
    .prelaunch-banner .prelaunch-banner-content .leftglobeouter[data-state="2"] {
        width: 250vh;
        height: 250vh
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content {
    width: 100%
}

    .prelaunch-banner .prelaunch-banner-content .right-txt-content .slick-list, .prelaunch-banner .prelaunch-banner-content .right-txt-content .slick-track, .prelaunch-banner .prelaunch-banner-content .right-txt-content .slick-slide, .prelaunch-banner .prelaunch-banner-content .right-txt-content .slick-slide > div, .prelaunch-banner .prelaunch-banner-content .right-txt-content .slick-slide > div > div {
        height: 100%
    }

    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right {
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center;
        padding-right: 22.6rem
    }

@media screen and (max-width: 1600px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right {
        padding-right: 10.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right {
        display: flex;
        justify-content: flex-start;
        height: 100%;
        align-items: center;
        flex-flow: column wrap;
        padding-top: 5.3rem;
        padding-right: 0px
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right h2 {
    font-size: 52px;
    font-weight: normal;
    line-height: 105px;
    max-width: 560px
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right h2 {
        font-size: 48px;
        line-height: 65px;
        max-width: 450px
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right h2 {
        font-size: 23px;
        line-height: 34px;
        max-width: 450px;
        text-align: center
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right h2 span {
    font-size: 102px;
    font-weight: 500;
    line-height: 88px
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right h2 span {
        font-size: 60px;
        line-height: 36px
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-right h2 span {
        font-size: 32px;
        line-height: 34px;
        display: block
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    flex-direction: column;
    padding-top: 110px;
    padding-bottom: 42px
}

@media screen and (max-width: 1600px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center {
        padding-top: 50px
    }
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center {
        padding-top: 40px;
        padding-bottom: 15px
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown h2 {
    font-size: 43px;
    line-height: 59px;
    text-align: center;
    font-weight: normal
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown h2 {
        font-size: 32px;
        line-height: 40px
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown h2 {
        font-size: 22px;
        line-height: 36px
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown h2 span {
    font-size: 59px;
    line-height: 59px;
    font-weight: 500
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown h2 span {
        font-size: 40px;
        line-height: 40px
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown h2 span {
        font-size: 32px;
        line-height: 36px;
        display: block
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown {
    padding-top: 20px
}

    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul {
        text-align: center;
        padding-left: 0px
    }

        .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul li {
            list-style-type: none;
            display: inline-block;
            font-size: 19px;
            font-weight: 600;
            line-height: 28px;
            text-align: center;
            text-transform: uppercase;
            color: var(--primary-blue);
            margin-right: 12px
        }

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul li {
        font-size: 12px;
        line-height: 14px
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul li span {
    width: 102px;
    height: 102px;
    margin-bottom: 15px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 60px;
    font-weight: 500;
    line-height: 28px;
    box-shadow: 0px 7px 14.2px 1.8px rgba(0,0,0,.22);
    position: relative;
    background-image: linear-gradient(to bottom, white, white calc(50% - 0.75px), rgba(0, 0, 0, 0) calc(50% - 0.75px), rgba(0, 0, 0, 0) calc(50% + 0.75px), white calc(50% + 0.75px), white 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul li span {
        width: 80px;
        height: 80px;
        margin-bottom: 12px;
        font-size: 41px;
        line-height: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul li span {
        width: 52px;
        height: 52px;
        margin-bottom: 7px;
        font-size: 30px;
        line-height: 14px
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul li span:after {
    content: "";
    position: absolute;
    background-color: #ff0;
    height: 88%;
    width: 100%;
    left: 0px;
    top: 0px;
    clip-path: polygon(0% 15%, 0 0, 15% 0%, 85% 0%, 100% 0, 100% 15%, 100% 44%, 87% 44%, 87% 54%, 15% 54%, 15% 45%, 0 45%);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: -1;
    background: linear-gradient(207deg, #020024 0%, #ac1c3c 0%, #223386 100%)
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .Prelaunch-countdown .countdown ul li span:before {
    content: "";
    position: absolute;
    background-color: #ff0;
    height: 86%;
    width: 100%;
    left: 0px;
    bottom: 0px;
    clip-path: polygon(0 51%, 15% 51%, 15% 42%, 87% 42%, 87% 51%, 100% 51%, 100% 85%, 100% 100%, 88% 100%, 15% 100%, 0 100%, 0% 85%);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    z-index: -1;
    background: linear-gradient(207deg, #020024 0%, #ac1c3c 0%, #223386 100%)
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .prelaunch-countdown-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 50px
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .prelaunch-countdown-bottom {
        justify-content: space-between;
        align-items: center;
        flex-flow: column wrap;
        padding-right: 0px
    }
}

.prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .prelaunch-countdown-bottom button {
    background-color: var(--primary-blue);
    border-radius: 15px;
    box-shadow: 0px 7px 41.6px 15.4px rgba(0,0,0,.13);
    border: solid 2px var(--white);
    font-size: 24px;
    color: var(--white);
    text-align: center;
    padding: 2rem 4.5rem
}

@media screen and (max-width: 1366px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .prelaunch-countdown-bottom button {
        font-size: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .prelaunch-banner-content .right-txt-content .banner-contnet-center .prelaunch-countdown-bottom button {
        font-size: 14px;
        width: 161px;
        border-radius: 10px;
        padding: 12px 0px
    }
}

.prelaunch-banner .pinLocation {
    opacity: 0
}

    .prelaunch-banner .pinLocation > div:before {
        content: "";
        background: url(../images/prelaunch-banner/svg/cloud.svg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 101px;
        height: 57.5px;
        animation: move 4s infinite normal;
        will-change: top,left;
        transform: translate(-18%, -95%) scale(0.5);
        z-index: 3
    }

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .pinLocation > div:before {
        width: 35px;
        height: 20px;
        transform: translate(50%, -110%) scale(0.5)
    }
}

.prelaunch-banner .pinLocation > div .thePin, .prelaunch-banner .pinLocation > div .cloudsOnEarth, .prelaunch-banner .pinLocation > div .concentricCircles {
    position: relative
}

.prelaunch-banner .pinLocation > div .theBg {
    position: relative
}

    .prelaunch-banner .pinLocation > div .theBg:before {
        content: "";
        position: absolute;
        width: 100vw;
        height: 100vh;
        transform: translate(-50%, -52%) scale(0.5);
        background: url(../images/prelaunch-banner/singapore-map.png) no-repeat center center;
        background-size: cover
    }

@media screen and (max-width: 1600px) {
    .prelaunch-banner .pinLocation > div .theBg:before {
        background-position: top center;
        background-size: auto 100%
    }
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .pinLocation > div .theBg:before {
        background: url(../images/prelaunch-banner/singapore-map-mob.png) no-repeat center center;
        background-size: cover
    }
}

.prelaunch-banner .pinLocation > div .thePin:before {
    content: "";
    background: url(../images/prelaunch-banner/svg/pin.svg) no-repeat center center;
    background-size: 99% 99%;
    width: 82px;
    height: 115px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -77.5px) scale(0.5)
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .pinLocation > div .thePin:before {
        width: 28.5px;
        height: 40.46px;
        transform: translate(-50%, -27.26px) scale(0.5)
    }
}

.prelaunch-banner .pinLocation > div .cloudsOnEarth {
    z-index: 3
}

    .prelaunch-banner .pinLocation > div .cloudsOnEarth:before, .prelaunch-banner .pinLocation > div .cloudsOnEarth:after {
        content: "";
        background: url(../images/prelaunch-banner/svg/cloud.svg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        animation: move 8s infinite normal;
        will-change: top,left;
        width: 101px;
        height: 57.5px
    }

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .pinLocation > div .cloudsOnEarth:before, .prelaunch-banner .pinLocation > div .cloudsOnEarth:after {
        width: 25px;
        height: 15px
    }
}

.prelaunch-banner .pinLocation > div .cloudsOnEarth:before {
    transform: translate(-165%, -150%) scale(1)
}

.prelaunch-banner .pinLocation > div .cloudsOnEarth:after {
    transform: translate(53%, -125%) scale(0.75);
    animation-duration: 10s
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .pinLocation > div .cloudsOnEarth:after {
        transform: translate(-10%, -125%) scale(0.75)
    }
}

.prelaunch-banner .pinLocation > div .concentricCircles:before, .prelaunch-banner .pinLocation > div .concentricCircles:after {
    content: "";
    background: url(../images/prelaunch-banner/svg/c-circles.svg) no-repeat center center;
    background-size: 100%;
    width: 151px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -38%) scale(0.5);
    animation: orbitRipple 3s 0s linear infinite both
}

@media screen and (max-width: 767.98px) {
    .prelaunch-banner .pinLocation > div .concentricCircles:before, .prelaunch-banner .pinLocation > div .concentricCircles:after {
        width: 75.1px;
        height: 23.5px
    }
}

.prelaunch-banner .pinLocation > div .concentricCircles:after {
    animation-delay: 1.5s
}

.prelaunch-banner .globeContainer.reachedCountry .pinLocation {
    animation: fadeInDown 1.5s ease both
}

.partner-popup .modal-dialog.popup_sm {
    max-width: 50rem
}

    .partner-popup .modal-dialog.popup_sm .modal-content {
        overflow: visible
    }

    .partner-popup .modal-dialog.popup_sm .modal-header {
        border-top-left-radius: 4rem;
        border-top-right-radius: 4rem
    }

    .partner-popup .modal-dialog.popup_sm .modal-body {
        padding: 1rem 2rem
    }

        .partner-popup .modal-dialog.popup_sm .modal-body .mobile .input-group {
            max-width: none;
            margin-right: 0;
            position: relative
        }

            .partner-popup .modal-dialog.popup_sm .modal-body .mobile .input-group .dropdown-menu[aria-labelledby=showCountryCode] {
                position: absolute !important;
                background-clip: unset
            }

        .partner-popup .modal-dialog.popup_sm .modal-body .form-group.field-error .form-control {
            border-color: #e25151;
            border-width: 2px;
            color: #e25151
        }

        .partner-popup .modal-dialog.popup_sm .modal-body .form-group.field-error .mobile .input-group {
            border: 2px solid #e25151
        }

        .partner-popup .modal-dialog.popup_sm .modal-body .form-group.field-error .validation-msg {
            color: #e25151
        }

        .partner-popup .modal-dialog.popup_sm .modal-body .form-group.field-success .form-control {
            border-color: #4caf50;
            border-width: 2px
        }

        .partner-popup .modal-dialog.popup_sm .modal-body .form-group.field-success .validation-msg {
            color: #4caf50
        }

        .partner-popup .modal-dialog.popup_sm .modal-body .form-group.field-success .mobile .input-group {
            border: 2px solid #4caf50
        }

        .partner-popup .modal-dialog.popup_sm .modal-body .divider, .partner-popup .modal-dialog.popup_sm .modal-body .form-dealer:before, .partner-popup .modal-dialog.popup_sm .modal-body .date-container, .partner-popup .modal-dialog.popup_sm .modal-body .terms {
            margin: 0 0 2rem 0
        }

    .partner-popup .modal-dialog.popup_sm .modal-footer {
        border-bottom-left-radius: 4rem;
        border-bottom-right-radius: 4rem
    }

        .partner-popup .modal-dialog.popup_sm .modal-footer .btn {
            min-width: 12rem
        }

            .partner-popup .modal-dialog.popup_sm .modal-footer .btn.btn-disabled {
                color: #8c8c8c;
                background-color: #d7d7d7;
                border-color: transparent;
                pointer-events: none
            }

        .partner-popup .modal-dialog.popup_sm .modal-footer .btn-secondary {
            background: var(--white);
            color: var(--btn-primary-bg-color);
            border: solid 2px var(--btn-primary-bg-color);
            min-width: 2rem
        }

.success-popup .modal-dialog.popup_xs {
    max-width: 45rem
}

@media screen and (max-width: 767.98px) {
    .success-popup .modal-dialog.popup_xs {
        max-width: 34rem
    }
}

.success-popup .modal-dialog.popup_xs .close {
    transform: scale(0.75)
}

.success-popup .modal-dialog.popup_xs h2 {
    margin-top: 5rem;
    font-size: 3.5rem;
    font-weight: 700
}

.success-popup .modal-dialog.popup_xs .thank-you-msg {
    font-size: 2.5rem;
    font-weight: 400
}

.success-popup .modal-dialog.popup_xs .modal-footer .btn {
    font-size: 1.4rem;
    padding: 1rem 1.6rem;
    min-width: 10rem
}

.form-elements.modal-form {
    max-width: 100%
}

.happyCustomer {
    opacity: 0;
    position: fixed;
    left: 0;
    bottom: 4.2rem;
    width: 100vw;
    height: 86px;
    max-width: 790px;
    padding: 10px 0px 10px 51px;
    font-size: 36px;
    line-height: 59px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: -20px 9px 15.2px 5.8px rgba(0,0,0,.22);
    display: flex;
    align-items: center
}

@media screen and (max-width: 1600px) {
    .happyCustomer {
        bottom: 50px;
        transform: scale(0.7);
        transform-origin: left
    }
}

@media screen and (max-width: 1366px) {
    .happyCustomer {
        bottom: 15px;
        transform: scale(0.7)
    }
}

.happyCustomer > div {
    position: relative;
    width: 100%;
    height: 100%
}

.happyCustomer:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: url("../images/prelaunch-banner/44mil.png") no-repeat;
    background-size: 100% 100%;
    z-index: -1
}

@media screen and (max-width: 1366px) {
    .happyCustomer {
        font-size: 30px;
        line-height: 50px;
        height: 72px
    }
}

@media screen and (max-width: 767.98px) {
    .happyCustomer {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 25px;
        height: 48px;
        bottom: 95px;
        width: 350px;
        transform: scale(0.9)
    }
}

.happyCustomer .captionSlide {
    height: 86px;
    width: 100%
}

@media screen and (max-width: 1366px) {
    .happyCustomer .captionSlide {
        height: 72px
    }
}

@media screen and (max-width: 767.98px) {
    .happyCustomer .captionSlide {
        height: 48px
    }
}

[data-state="2"] ~ .happyCustomer {
    animation: fadeIn 1.5s 1s ease both
}

.title {
    font-size: 3.6rem;
    line-height: 4rem;
    font-weight: 600;
    color: var(--grey-1);
    position: relative;
    padding: 2rem 0rem;
    margin: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media screen and (max-width: 991.98px) {
    .title {
        font-size: 2.4rem;
        line-height: 2.8rem;
        padding: 2rem 0 2rem
    }
}

@media screen and (max-width: 767.98px) {
    .title {
        padding: 2rem 0 0
    }
}

@media screen and (min-width: 1601px) {
    .title {
        font-size: 5.2rem;
        line-height: 5.6rem;
        font-weight: 600;
        color: var(--grey-1)
    }
}

.inner-title {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--grey-1);
    padding: 0;
    margin: 0 0 3rem;
    text-align: center
}

@media screen and (min-width: 1601px) {
    .inner-title {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 600;
        color: var(--grey-1)
    }
}

.inner-content {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1rem 0rem 1rem 0rem;
    line-height: 3rem
}

@media screen and (max-width: 991.98px) {
    .inner-content {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400
    }
}

@media screen and (min-width: 1601px) {
    .inner-content {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 400;
        line-height: 4rem
    }
}

.hero-premium-wrapper {
    background: url("../images/premium/banner_web.jpg");
    background-repeat: no-repeat;
    background-position: 30% 70%;
    background-size: cover;
    z-index: 2
}

@media screen and (max-width: 991.98px) {
    .hero-premium-wrapper {
        background: url("../images/premium/banner_mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 35%;
        background-size: cover;
        padding-top: 0rem;
        min-height: 40rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-premium-wrapper {
        background: url("../images/premium/banner_mobile.jpg");
        background-repeat: no-repeat;
        background-position: 30% 30%;
        background-size: cover;
        padding-top: 0rem;
        min-height: 40rem
    }
}

@media screen and (max-width: 575.98px) {
    .hero-premium-wrapper {
        background: url("../images/premium/banner_mobile.jpg");
        background-repeat: no-repeat;
        background-position: 30% 70%;
        background-size: cover;
        padding-top: 0rem;
        min-height: 40rem
    }
}

@media(min-width: 992px) {
    .hero-premium-wrapper .premium-slider, .hero-premium-wrapper .premium-slide {
        height: 97vh;
        padding: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 991.98px) {
    .hero-premium-wrapper .premium-slider, .hero-premium-wrapper .premium-slide {
        height: 97vh
    }
}

@media screen and (max-width: 767.98px) {
    .hero-premium-wrapper .premium-slider, .hero-premium-wrapper .premium-slide {
        height: 99vh
    }
}

.hero-premium-wrapper .premium-slider .premium-banner-logo, .hero-premium-wrapper .premium-slide .premium-banner-logo {
    position: absolute;
    top: 35%;
    left: 15%;
    transform: translateY(-50%);
    max-width: 1040px;
    opacity: .2
}

@media screen and (max-width: 1199.98px) {
    .hero-premium-wrapper .premium-slider .premium-banner-logo, .hero-premium-wrapper .premium-slide .premium-banner-logo {
        max-width: 75%;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media screen and (max-width: 991.98px) {
    .hero-premium-wrapper .premium-slider .premium-banner-logo, .hero-premium-wrapper .premium-slide .premium-banner-logo {
        top: 20%;
        left: 0%;
        transform: translateY(-30%);
        max-width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .hero-premium-wrapper .premium-slider .premium-banner-logo, .hero-premium-wrapper .premium-slide .premium-banner-logo {
        top: 20%;
        left: 0%;
        transform: translateY(-30%);
        max-width: 70%
    }
}

@media screen and (max-width: 575.98px) {
    .hero-premium-wrapper .premium-slider .premium-banner-logo, .hero-premium-wrapper .premium-slide .premium-banner-logo {
        top: 20%;
        left: -25%;
        transform: translateY(-30%);
        max-width: 100%
    }
}

@media screen and (min-width: 1366px) {
    .hero-premium-wrapper .premium-slider .premium-banner-logo, .hero-premium-wrapper .premium-slide .premium-banner-logo {
        max-width: 75%;
        top: 35%;
        left: 10%
    }
}

@media screen and (min-width: 1601px) {
    .hero-premium-wrapper .premium-slider .premium-banner-logo, .hero-premium-wrapper .premium-slide .premium-banner-logo {
        max-width: 100%;
        left: 8%;
        top: 32%
    }
}

.hero-premium-wrapper .premium-wrapper {
    height: 100%;
    min-height: 100%;
    border-radius: 0rem;
    -webkit-border-radius: 0rem;
    -ms-border-radius: 0rem;
    -moz-border-radius: 0rem;
    overflow: hidden;
    z-index: 2
}

    .hero-premium-wrapper .premium-wrapper .premium-slider {
        padding: 0;
        margin-bottom: 0
    }

    .hero-premium-wrapper .premium-wrapper .premium-slide {
        position: relative;
        transition: 1s;
        border-radius: 0rem;
        overflow: hidden
    }

        .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img {
            width: 100%;
            height: auto
        }

@media(min-width: 992px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img {
        position: absolute;
        top: 50%;
        left: 5rem;
        transform: translateY(-50%);
        max-width: 600px
    }
}

.hero-premium-wrapper .premium-wrapper .premium-slide .slide-img img {
    max-width: 100%;
    height: auto;
    animation-duration: 3s;
    transition: all 1s ease;
    width: 100vw
}

@media screen and (max-width: 991.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img {
        display: none
    }
}

@media screen and (min-width: 1366px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img {
        top: 60%;
        left: 5rem;
        max-width: 600px
    }
}

@media screen and (min-width: 1601px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img {
        transform: translateY(-40%);
        max-width: 960px;
        top: 50%
    }
}

@media screen and (max-width: 1199.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img {
        left: 1rem;
        transform: translateY(-30%);
        max-width: 550px
    }
}

.hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile {
    display: block
}

@media(min-width: 992px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile {
        display: none
    }
}

.hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile img {
    max-width: 100%;
    height: auto;
    animation-duration: 3s;
    transition: all 1s ease;
    width: 30rem
}

@media screen and (max-width: 991.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile {
        position: absolute;
        top: 35%;
        left: 0%;
        transform: translateY(-40%);
        max-width: 800px
    }
}

@media screen and (max-width: 767.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile {
        max-width: 270px
    }
}

@media screen and (max-width: 575.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile {
        left: -15%;
        max-width: 100%
    }
}

@media screen and (min-width: 1366px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile {
        top: 60%;
        left: 5rem;
        max-width: 600px
    }
}

@media screen and (min-width: 1601px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .slide-img-mobile {
        transform: translateY(-40%);
        max-width: 860px
    }
}

.hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, 50%)
}

    .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title {
        letter-spacing: normal;
        justify-content: start;
        font-size: 3.5rem;
        line-height: 3.9rem;
        font-weight: 500;
        color: var(--white);
        padding: 1rem 0rem 0;
        font-style: italic;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: 0
    }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title span {
            letter-spacing: normal;
            margin: 0;
            line-height: normal;
            text-transform: lowercase;
            font-size: 3.5rem;
            line-height: 3.9rem;
            font-weight: 100;
            color: var(--white)
        }

@media screen and (min-width: 1601px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title {
        padding: 0rem 0rem 2rem;
        font-size: 3.5rem;
        line-height: 3.9rem;
        font-weight: 500;
        color: var(--white)
    }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title span {
            font-size: 3.5rem;
            line-height: 3.9rem;
            font-weight: 100;
            color: var(--white)
        }
}

@media screen and (max-width: 991.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content {
        top: 40%;
        transform: translate(40%, -50%)
    }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title {
            font-size: 1.8rem;
            line-height: 2.2rem;
            padding: 0rem 0 .5rem
        }

            .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title span {
                font-size: 1.8rem;
                line-height: 2.2rem;
                font-weight: 100;
                color: var(--white);
                display: block
            }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .button-custom {
            padding: .9rem 1rem;
            font-size: 1.4rem;
            width: 15rem;
            margin-top: 0rem;
            text-transform: uppercase;
            font-weight: 600
        }
}

@media screen and (max-width: 767.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content {
        top: 50%;
        transform: translate(55%, -50%);
        left: 0;
        right: 0
    }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title {
            font-size: 1.8rem;
            line-height: 2.2rem;
            padding: 0rem 0 .5rem;
            display: flex
        }

            .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title span {
                font-size: 1.8rem;
                line-height: 2.2rem;
                font-weight: 100;
                color: var(--white);
                display: block;
                margin-right: 1rem
            }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .button-custom {
            padding: .9rem 1rem;
            font-size: 1.4rem;
            width: 15rem;
            margin-top: 0rem;
            text-transform: uppercase;
            font-weight: 600
        }
}

@media screen and (max-width: 575.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content {
        top: 50%;
        transform: translate(40%, -50%);
        right: auto;
        left: 50%
    }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title {
            font-size: 1.8rem;
            line-height: 2.2rem;
            padding: 0rem 0 .5rem;
            display: block
        }

            .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .banner-title span {
                font-size: 1.8rem;
                line-height: 2.2rem;
                font-weight: 100;
                color: var(--white);
                display: block
            }

        .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content .slide-headings .button-custom {
            padding: .9rem 1rem;
            font-size: 1.4rem;
            width: 15rem;
            margin-top: 0rem;
            text-transform: uppercase;
            font-weight: 600
        }
}

@media screen and (min-width: 1366px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content {
        transform: translate(15%, 70%)
    }
}

@media screen and (min-width: 1601px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide .premium-slide-content {
        top: 60%;
        left: 50%;
        transform: translate(20%, 40%)
    }
}

@media screen and (max-width: 991.98px) {
    .hero-premium-wrapper .premium-wrapper .premium-slide {
        position: static
    }
}

.button {
    display: block;
    margin: 5% auto 0;
    background: transparent;
    border: 0px;
    padding: 5px 10px;
    color: var(--white)
}

.md-content .md-close {
    margin-top: 40px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 15%;
    z-index: 99;
    border-radius: 5rem;
    height: 5rem;
    width: 5rem;
    background: var(--black);
    border: solid 3px var(--white)
}

    .md-content .md-close .icon-icon-close {
        font-size: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white)
    }

.md-modal {
    margin: auto;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.md-show {
    visibility: visible
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(var(--dark-grey-1), 0.8);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible
}

.md-effect-12 .md-content {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    opacity: 0
}

.md-show.md-effect-12 ~ .md-overlay {
    background: rgba(var(--dark-grey-1), 0.8)
}

.md-effect-12 .md-content h3, .md-effect-12 .md-content {
    background: transparent
}

.md-show.md-effect-12 .md-content {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    height: 100vh
}

.video-section {
    position: absolute;
    bottom: 15%;
    left: -2rem;
    width: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1600px) {
    .video-section {
        bottom: 15%
    }
}

.video-section .video-bg {
    background-color: rgba(0,0,0,.5);
    width: 47.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skew(-5deg, 0);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem;
    height: 4.4rem;
    margin-right: 0
}

@media screen and (max-width: 1600px) {
    .video-section .video-bg {
        width: 38rem;
        height: 4rem
    }
}

.video-section .video-bg .video-bg-inner {
    background-color: rgba(0,0,0,.6);
    height: 6rem;
    width: 46.6rem;
    transform: skew(1deg, 0);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem;
    margin-right: 1rem;
    position: relative
}

@media screen and (max-width: 1600px) {
    .video-section .video-bg .video-bg-inner {
        width: 38rem;
        height: 5.4rem
    }
}

.video-section .video-bg .video-bg-inner span {
    position: absolute;
    right: 8%;
    text-align: center;
    top: 50%;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--white);
    transform: translate(0, -50%) skew(4deg);
    letter-spacing: .32px
}

@media screen and (max-width: 991.98px) {
    .video-section .video-bg .video-bg-inner span {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--white)
    }
}

.video-section .video-bg .video-bg-inner span:hover {
    color: var(--white)
}

.video-section .video-bg .video-bg-inner .video-img {
    width: 22.72rem;
    height: 12.95rem;
    margin: -3.5rem 38% 0 auto;
    display: flex;
    justify-content: center;
    background: var(--white);
    text-align: right;
    position: relative;
    align-items: center;
    min-height: 10rem
}

    .video-section .video-bg .video-bg-inner .video-img:before {
        height: 6rem;
        width: 7rem;
        content: "";
        position: absolute;
        top: -21px;
        left: -10px;
        content: "";
        z-index: -1;
        background: url(../images/3.svg) no-repeat;
        transform: rotate(0);
        filter: invert(9%) sepia(100%) saturate(7436%) hue-rotate(3deg) brightness(100%) contrast(100%)
    }

    .video-section .video-bg .video-bg-inner .video-img:after {
        height: 6rem;
        width: 7rem;
        content: "";
        position: absolute;
        bottom: -19px;
        right: -10px;
        content: "";
        z-index: -1;
        background: url(../images/3.svg) no-repeat;
        transform: rotate(180deg);
        filter: invert(9%) sepia(100%) saturate(7436%) hue-rotate(3deg) brightness(100%) contrast(100%)
    }

@media screen and (max-width: 1600px) {
    .video-section .video-bg .video-bg-inner .video-img {
        width: 16rem;
        height: 6rem;
        margin: -2rem 45% 0 auto
    }

        .video-section .video-bg .video-bg-inner .video-img:before {
            top: -14px
        }

        .video-section .video-bg .video-bg-inner .video-img:after {
            bottom: -14px
        }
}

.video-section .video-bg .video-bg-inner .video-img img {
    background: rgba(0,0,0,.3)
}

.video-section .video-bg .video-bg-inner .video-img .play-btn img {
    background: transparent
}

@media screen and (max-width: 991.98px) {
    .video-section {
        bottom: 6rem
    }

        .video-section .video-bg {
            width: 34rem
        }

            .video-section .video-bg .video-bg-inner {
                width: 34rem;
                height: 5.8rem
            }

                .video-section .video-bg .video-bg-inner .video-img {
                    width: 14.59rem;
                    margin: -1.5rem 43% 0 auto;
                    min-height: auto;
                    height: 8.3rem
                }

                    .video-section .video-bg .video-bg-inner .video-img:before, .video-section .video-bg .video-bg-inner .video-img:after {
                        height: 5rem;
                        width: 5rem;
                        background: var(--red-5);
                        transform: inherit;
                        filter: inherit
                    }

                    .video-section .video-bg .video-bg-inner .video-img:before {
                        bottom: -10px;
                        left: -4px;
                        top: inherit
                    }

                    .video-section .video-bg .video-bg-inner .video-img:after {
                        top: -11px;
                        right: -4px
                    }

                .video-section .video-bg .video-bg-inner span {
                    right: 8%;
                    transform: skew(5deg, 0);
                    text-transform: uppercase;
                    top: 35%
                }
}

@media screen and (max-width: 767.98px) {
    .video-section {
        bottom: 8rem
    }

        .video-section .video-bg {
            width: 32rem;
            height: 4.3rem
        }

            .video-section .video-bg .video-bg-inner {
                width: 32rem
            }

                .video-section .video-bg .video-bg-inner .video-img {
                    width: 13.6rem;
                    margin: -1rem 46% 0 auto
                }

                    .video-section .video-bg .video-bg-inner .video-img:before, .video-section .video-bg .video-bg-inner .video-img:after {
                        height: 5rem;
                        width: 5rem;
                        background: var(--red-5);
                        transform: inherit;
                        filter: inherit
                    }

                    .video-section .video-bg .video-bg-inner .video-img:before {
                        bottom: -7px;
                        left: -4px;
                        top: inherit
                    }

                    .video-section .video-bg .video-bg-inner .video-img:after {
                        top: -9px;
                        right: -4px
                    }
}

@media screen and (max-width: 575.98px) {
    .video-section {
        bottom: 8rem
    }

        .video-section .video-bg {
            width: 32rem;
            height: 4.3rem
        }

            .video-section .video-bg .video-bg-inner {
                width: 32rem
            }

                .video-section .video-bg .video-bg-inner .video-img {
                    width: 13.6rem;
                    margin: -1rem 46% 0 auto
                }

                    .video-section .video-bg .video-bg-inner .video-img:before, .video-section .video-bg .video-bg-inner .video-img:after {
                        height: 4.5rem;
                        width: 4.5rem;
                        background: var(--red-5);
                        transform: inherit;
                        filter: inherit
                    }

                    .video-section .video-bg .video-bg-inner .video-img:before {
                        bottom: -7px;
                        left: -4px;
                        top: inherit
                    }

                    .video-section .video-bg .video-bg-inner .video-img:after {
                        top: -7px;
                        right: -4px
                    }
}

.play-btn {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: -3px;
    bottom: -3px;
    right: 0;
    z-index: 2;
    background: rgba(0,0,0,.3);
    transition: all .5s
}

@media screen and (max-width: 991.98px) {
    .play-btn {
        top: -7px;
        bottom: -7px
    }
}

@media screen and (max-width: 767.98px) {
    .play-btn {
        top: -4px;
        bottom: -4px
    }
}

@media screen and (min-width: 1601px) {
    .play-btn {
        top: -11px;
        bottom: -11px
    }
}

.play-btn:hover {
    background: rgba(0,0,0,.5)
}

.play-btn img {
    width: 5.5rem;
    width: 4.5rem;
    transform: skew(5deg)
}

@media screen and (max-width: 991.98px) {
    .play-btn img {
        height: 4rem;
        width: 4rem
    }
}

@media screen and (max-width: 991.98px) {
    .main-bg .premium-sticky-header {
        margin: 1rem auto -2.85rem
    }

        .main-bg .premium-sticky-header.darkHeader {
            margin: 0 auto -2.85rem
        }
}

.main-bg .hero-wrapper {
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0
}

    .main-bg .hero-wrapper .banner__slider {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0
    }

    .main-bg .hero-wrapper .slide {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0
    }

.premium-connected {
    padding: 6rem 0 6em 0rem
}

    .premium-connected .connected-wrapper {
        max-width: 1270px;
        height: 60rem;
        position: relative;
        background: var(--white);
        margin: 4rem auto 2rem;
        transform: skew(-4deg)
    }

        .premium-connected .connected-wrapper:before {
            height: 100px;
            width: 100px;
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            background: transparent;
            box-shadow: -1.25rem -1.25rem 0rem 1.2rem var(--white);
            z-index: 1
        }

        .premium-connected .connected-wrapper:after {
            content: " ";
            position: absolute;
            bottom: 0;
            right: 0;
            height: 100px;
            width: 100px;
            background: transparent;
            box-shadow: 1.25rem 1.25rem 0px 1.2rem var(--white);
            z-index: 1
        }

        .premium-connected .connected-wrapper .connected-video {
            position: relative;
            height: 100%
        }

            .premium-connected .connected-wrapper .connected-video:before {
                height: 100px;
                width: 100px;
                content: " ";
                position: absolute;
                top: 0;
                left: .1rem;
                background: transparent;
                box-shadow: -5px -5px 0px 4px var(--red-5);
                z-index: 2
            }

            .premium-connected .connected-wrapper .connected-video:after {
                content: " ";
                position: absolute;
                bottom: 0;
                right: .1rem;
                height: 100px;
                width: 100px;
                background: transparent;
                box-shadow: 5px 5px 0px 4px var(--red-5);
                z-index: 2
            }

    .premium-connected .play-video {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 100%;
        flex-direction: column;
        color: var(--white);
        transform: skew(4deg)
    }

@media screen and (max-width: 991.98px) {
    .premium-connected {
        padding: 2rem 0 6rem 0rem
    }

        .premium-connected .connected-wrapper {
            margin: 2rem;
            height: auto
        }

            .premium-connected .connected-wrapper:before {
                box-shadow: -0.85rem -0.85rem 0rem .8rem var(--white)
            }

            .premium-connected .connected-wrapper:after {
                box-shadow: .85rem .85rem 0px .8rem var(--white)
            }

            .premium-connected .connected-wrapper .connected-video:before {
                box-shadow: -4px -4px 0px 1px var(--red-5)
            }

            .premium-connected .connected-wrapper .connected-video:after {
                box-shadow: 4px 4px 0px 2px var(--red-5)
            }
}

@media screen and (min-width: 1601px) {
    .premium-connected {
        padding: 4rem 0 10rem 0rem
    }
}

.video-wrapper {
    overflow: hidden
}

    .video-wrapper iframe {
        height: 60rem;
        display: block
    }

@media screen and (max-width: 767.98px) {
    .video-wrapper iframe {
        height: 23.5rem
    }
}

.video-wrapper .player-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    visibility: visible;
    transition: 300ms linear 0s;
    -webkit-transition: 300ms linear 0s;
    -moz-transition: 300ms linear 0s;
    -ms-transition: 300ms linear 0s
}

    .video-wrapper .player-thumbnail img {
        opacity: .4
    }

    .video-wrapper .player-thumbnail:hover img {
        opacity: 1
    }

    .video-wrapper .player-thumbnail:hover .btn-link {
        opacity: 1
    }

    .video-wrapper .player-thumbnail img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 300ms linear 0s;
        -webkit-transition: 300ms linear 0s;
        -moz-transition: 300ms linear 0s;
        -ms-transition: 300ms linear 0s
    }

    .video-wrapper .player-thumbnail .btn-link {
        left: 43%;
        top: 38%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transition: 300ms linear 0s;
        -webkit-transition: 300ms linear 0s;
        -moz-transition: 300ms linear 0s;
        -ms-transition: 300ms linear 0s;
        color: var(--white);
        font-size: 8.2rem;
        text-decoration: none;
        opacity: 1;
        border: 0;
        transform: skew(0deg)
    }

@media screen and (max-width: 991.98px) {
    .video-wrapper .player-thumbnail .btn-link {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35%;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 9rem
    }
}

.video-wrapper .player-thumbnail .btn-link img {
    opacity: 1
}

.video-wrapper.play .player-thumbnail {
    opacity: 0;
    visibility: hidden
}

.video-wrapper.play .top {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%)
}

.video-wrapper.play .bottom {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%)
}

.section-btn {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    transform: skew(4deg)
}

    .section-btn .btn-link {
        border: 0
    }

    .section-btn p {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 300;
        color: var(--white);
        max-width: 70rem;
        text-align: center;
        display: block
    }

@media screen and (max-width: 991.98px) {
    .section-btn p {
        display: none
    }
}

.premium-design {
    padding: 1rem 0 7rem
}

@media screen and (max-width: 991.98px) {
    .premium-design {
        padding: 0rem 0 10rem
    }

        .premium-design .container .col-md-12 {
            padding-left: 0;
            padding-right: 0
        }
}

@media screen and (min-width: 1601px) {
    .premium-design {
        padding: 4rem 0 6rem
    }
}

.design-wrapper {
    width: 100%;
    padding-top: 20px;
    text-align: center;
    position: relative;
    z-index: 1
}

    .design-wrapper .carousel {
        width: 100%;
        margin: 0px auto;
        padding: 1rem 0 0
    }

        .design-wrapper .carousel .slick-slide {
            margin: 0px 0 5rem 0rem
        }

            .design-wrapper .carousel .slick-slide img {
                width: 100%;
                box-shadow: var(--design-img-shadow);
                -webkit-box-shadow: var(--design-img-shadow);
                -ms-box-shadow: var(--design-img-shadow);
                -moz-box-shadow: var(--design-img-shadow)
            }

    .design-wrapper .slick-prev, .design-wrapper .slick-next {
        width: 4rem;
        height: 4rem;
        z-index: 6
    }

        .design-wrapper .slick-prev:before, .design-wrapper .slick-next:before {
            font-family: "Poppins-Regular";
            font-size: 3rem;
            line-height: 3.4rem;
            font-weight: 500;
            color: var(--grey-28);
            opacity: 1
        }

    .design-wrapper .slick-prev {
        left: 12%
    }

        .design-wrapper .slick-prev:before {
            content: ""
        }

    .design-wrapper .slick-next {
        right: 12%
    }

        .design-wrapper .slick-next:before {
            content: ""
        }

    .design-wrapper .card {
        max-width: 30rem;
        margin-left: auto;
        margin-right: auto;
        background: transparent;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        border: 0px solid rgba(0,0,0,.125);
        border-radius: 0rem;
        margin-top: 10rem
    }

        .design-wrapper .card:after {
            display: block;
            height: 85%;
            position: absolute;
            top: 15%;
            z-index: 1;
            content: "";
            width: 100%;
            clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 100%)
        }

        .design-wrapper .card:before {
            content: "";
            width: 100%;
            display: block;
            height: 80%;
            position: absolute;
            top: 20%
        }

    .design-wrapper .card-body {
        background: transparent;
        width: 100%;
        vertical-align: top
    }

        .design-wrapper .card-body:after {
            content: "";
            background: var(--red-5);
            width: 13rem;
            height: .6rem;
            position: absolute;
            z-index: 3;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: 0
        }

    .design-wrapper .card-content {
        text-align: center;
        padding: 1rem 1rem 2rem;
        z-index: 3;
        position: relative
    }

        .design-wrapper .card-content .card-title {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 600;
            color: var(--black);
            padding-bottom: 1rem;
            margin-bottom: 0
        }

        .design-wrapper .card-content .card-text {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 300;
            color: var(--black)
        }

    .design-wrapper .card-header {
        padding: 0rem 1.5rem;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: 0px solid rgba(0,0,0,.125);
        margin: -9.5rem 0 0;
        position: relative;
        clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 100%);
        z-index: 2;
        display: block
    }

    .design-wrapper .card-header-mobile {
        display: none;
        padding: 0rem 1.4rem;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: 0px solid rgba(0,0,0,.125);
        margin: 0;
        position: relative;
        clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 100%);
        z-index: 2
    }

    .design-wrapper .slick-dots {
        bottom: -6rem
    }

        .design-wrapper .slick-dots li {
            position: relative;
            display: inline-block;
            width: 1.8rem;
            height: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer
        }

            .design-wrapper .slick-dots li button {
                width: 1.8rem;
                height: .4rem;
                padding: 0rem
            }

                .design-wrapper .slick-dots li button:before {
                    color: var(--font-light-grey);
                    opacity: 100;
                    font-size: initial;
                    content: "";
                    width: 1.8rem;
                    height: .4rem;
                    font-style: italic;
                    background: var(--font-light-grey);
                    margin: .3rem 0
                }

            .design-wrapper .slick-dots li.slick-active {
                margin: 0 .75rem 0 .75rem;
                width: 3rem
            }

                .design-wrapper .slick-dots li.slick-active button:before {
                    color: var(--primary-blue);
                    background: var(--primary-blue);
                    width: 3rem;
                    transform: skew(-24deg);
                    opacity: 1;
                    height: .8rem;
                    margin: 0
                }

@media screen and (min-width: 1601px) {
    .design-wrapper .carousel {
        width: 100%;
        margin: 0 auto;
        padding-top: .5rem
    }

        .design-wrapper .carousel .slick-slide {
            margin: 0rem 2rem 10rem 2rem
        }

    .design-wrapper .card {
        max-width: 48rem
    }

    .design-wrapper .card-body:after {
        width: 17.6rem
    }

    .design-wrapper .slick-prev {
        left: 15.5%
    }

    .design-wrapper .slick-next {
        right: 15.5%
    }

    .design-wrapper .slick-dots {
        bottom: 0rem
    }

    .design-wrapper .card-content {
        padding: 1.5rem .75rem 2rem;
        height: 20rem
    }

        .design-wrapper .card-content .card-title {
            font-size: 3.6rem;
            line-height: 4rem;
            font-weight: 600;
            color: var(--black);
            padding-bottom: 1.5rem;
            margin-bottom: 0
        }

        .design-wrapper .card-content .card-text {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 300;
            color: var(--black);
            width: 80%;
            margin: 0 auto
        }

    .design-wrapper .card-header {
        padding: 0rem 2rem
    }
}

@media screen and (max-width: 991.98px) {
    .design-wrapper .carousel {
        width: 100%
    }

        .design-wrapper .carousel .slick-slide {
            margin: 1rem 0rem 0rem 0rem
        }

            .design-wrapper .carousel .slick-slide img {
                width: 100%
            }

    .design-wrapper .card-content {
        padding: .75rem .8rem 1rem
    }

        .design-wrapper .card-content .card-title {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 600;
            color: var(--black);
            padding-bottom: 1rem
        }

        .design-wrapper .card-content .card-text p {
            font-size: 1.4rem;
            line-height: 1.8rem;
            font-weight: 300;
            color: var(--black)
        }

    .design-wrapper .card {
        max-width: 27rem;
        margin-top: 0
    }

        .design-wrapper .card:after {
            clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%)
        }

        .design-wrapper .card:before {
            content: "";
            top: 25%
        }

    .design-wrapper .card-header {
        padding: 0 1rem;
        margin: 0rem 0 0;
        display: none
    }

    .design-wrapper .card-header-mobile {
        display: block
    }

    .design-wrapper .card-body {
        height: 23rem
    }

        .design-wrapper .card-body:after {
            width: 9.4rem;
            height: .5rem;
            bottom: .2rem
        }

    .design-wrapper .slick-dots {
        bottom: -6rem
    }

        .design-wrapper .slick-dots li {
            width: 1.2rem
        }

            .design-wrapper .slick-dots li button {
                width: 1.2rem
            }

                .design-wrapper .slick-dots li button:before {
                    width: 1.2rem;
                    margin: 0
                }

            .design-wrapper .slick-dots li.slick-active {
                margin: 0 .5rem 0 .5rem;
                width: 2.8rem
            }

                .design-wrapper .slick-dots li.slick-active button:before {
                    width: 2.8rem;
                    height: .5rem
                }
}

@media screen and (max-width: 575.98px) {
    .design-wrapper .card-body {
        height: 16rem
    }
}

.slick-slide {
    outline: none
}

.carousel .slick-slide, .carousel .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.85, 0.85);
    transition: transform .3s;
    outline: none
}

    .carousel .slick-center, .carousel .slick-center.slick-current.slick-active, .carousel .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(1.01, 1.01);
        transition: transform .3s;
        opacity: 1
    }

@media screen and (max-width: 575.98px) {
    .carousel .slick-slide, .carousel .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.85, 0.85);
        transition: transform .3s;
        outline: none
    }

        .carousel .slick-center, .carousel .slick-center.slick-current.slick-active, .carousel .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(1.01, 1.01);
            transition: transform .3s;
            opacity: 1
        }
}

.tvs-features {
    background: transparent;
    position: relative;
    padding: 3rem 0 8rem;
    background-size: cover;
    overflow: hidden
}

    .tvs-features .features_slide {
        height: 40rem
    }

        .tvs-features .features_slide .experience {
            clip-path: polygon(0 0%, 96% 0%, 83% 100%, 0% 100%);
            height: 100%;
            width: 65%;
            position: relative
        }

            .tvs-features .features_slide .experience .red-line {
                transform: skew(-11.75deg);
                height: 100%;
                position: absolute;
                z-index: 99;
                top: 0;
                left: 80%;
                width: 1rem;
                right: 0
            }

                .tvs-features .features_slide .experience .red-line:before {
                    content: "";
                    position: absolute;
                    z-index: 3;
                    right: 0;
                    width: 8.5rem;
                    height: 100%;
                    left: 10px
                }

            .tvs-features .features_slide .experience .web-img {
                display: inline-block;
                height: 100%
            }

                .tvs-features .features_slide .experience .web-img img {
                    object-fit: cover;
                    min-height: 100%
                }

            .tvs-features .features_slide .experience .mobile-img {
                display: none
            }

        .tvs-features .features_slide .feature-content {
            width: 35%;
            padding: 5rem 3rem 3rem 0rem
        }

            .tvs-features .features_slide .feature-content h2 {
                font-size: 3rem;
                line-height: 3.4rem;
                font-weight: 600;
                color: var(--black);
                padding-bottom: 2rem;
                margin-bottom: 0;
                text-transform: capitalize
            }

            .tvs-features .features_slide .feature-content p {
                font-size: 1.6rem;
                line-height: 2rem;
                font-weight: 300;
                color: var(--black);
                line-height: 2.8rem
            }

@media screen and (min-width: 1601px) {
    .tvs-features .features_slide .feature-content {
        width: 30%;
        padding: 7rem 1rem 3rem 0rem
    }

        .tvs-features .features_slide .feature-content h2 {
            font-size: 4.2rem;
            line-height: 4.6rem;
            font-weight: 600;
            color: var(--black);
            padding-bottom: 2.2rem;
            margin-bottom: 0
        }

        .tvs-features .features_slide .feature-content p {
            font-size: 2.2rem;
            line-height: 2.6rem;
            font-weight: 300;
            color: var(--black);
            line-height: 1.8
        }
}

.tvs-features .features_slide .box-section {
    margin: 0 auto;
    display: flex
}

.tvs-features .slick-prev, .tvs-features .slick-next {
    width: 4rem;
    height: 4rem;
    z-index: 6
}

    .tvs-features .slick-prev:before, .tvs-features .slick-next:before {
        font-family: "ibcountry";
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 500;
        color: var(--primary-blue);
        opacity: 1
    }

@media screen and (min-width: 1601px) {
    .tvs-features .slick-prev:before, .tvs-features .slick-next:before {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 400;
        color: var(--primary-blue)
    }
}

.tvs-features .slick-prev {
    left: 9%
}

    .tvs-features .slick-prev:before {
        content: ""
    }

@media screen and (max-width: 1600px) {
    .tvs-features .slick-prev {
        left: 8.5%
    }
}

.tvs-features .slick-next {
    right: 9%
}

    .tvs-features .slick-next:before {
        content: ""
    }

@media screen and (max-width: 1600px) {
    .tvs-features .slick-next {
        right: 8.5%
    }
}

@media screen and (max-width: 1199.98px) {
    .tvs-features .features_slide {
        height: auto
    }

        .tvs-features .features_slide .experience {
            width: 50%
        }

        .tvs-features .features_slide .feature-content {
            width: 50%;
            padding: 1rem 2rem 2rem 0rem
        }

            .tvs-features .features_slide .feature-content h2 {
                font-size: 2rem;
                line-height: 2.4rem;
                font-weight: 600;
                color: var(--black);
                padding-bottom: 1rem
            }

            .tvs-features .features_slide .feature-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 300;
                color: var(--black);
                line-height: 2.8rem
            }
}

@media screen and (max-width: 991.98px) {
    .tvs-features {
        padding: 2rem 0 6rem
    }

        .tvs-features .features_slide .experience {
            clip-path: polygon(0 1%, 100% 1%, 100% 80%, 0% 99%);
            width: 100%;
            margin-top: 1rem
        }

            .tvs-features .features_slide .experience .red-line {
                transform: skew(-78deg);
                top: 39%;
                left: 0%;
                width: 6rem;
                right: 0
            }

                .tvs-features .features_slide .experience .red-line:before {
                    width: 30rem;
                    left: 70%
                }

            .tvs-features .features_slide .experience .web-img {
                display: none
            }

            .tvs-features .features_slide .experience .mobile-img {
                display: block
            }

                .tvs-features .features_slide .experience .mobile-img img {
                    width: 100%
                }

        .tvs-features .features_slide .feature-content {
            width: 100%;
            padding: 1rem 1.8rem 2rem 1.8rem;
            height: 17rem
        }

            .tvs-features .features_slide .feature-content h2 {
                font-size: 2.4rem;
                line-height: 2.8rem;
                font-weight: 600;
                color: var(--black);
                padding-bottom: 1.5rem;
                margin-bottom: 0;
                text-align: center
            }

            .tvs-features .features_slide .feature-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 300;
                color: var(--black);
                text-align: center
            }

        .tvs-features .features_slide .box-section {
            display: block
        }

        .tvs-features .features {
            padding: 1rem 0rem 0
        }
}

@media screen and (max-width: 767.98px) {
    .tvs-features {
        padding: 2rem 0 6rem
    }

        .tvs-features .features_slide .experience {
            clip-path: polygon(0 0%, 100% 0%, 100% 83%, 0% 100%);
            width: 100%;
            margin-top: 1rem
        }

            .tvs-features .features_slide .experience .red-line {
                transform: skew(-80deg);
                top: 30%;
                left: 0%;
                width: 3.5rem;
                right: 0
            }

                .tvs-features .features_slide .experience .red-line:before {
                    width: 30rem;
                    left: 100%
                }

            .tvs-features .features_slide .experience .web-img {
                display: none
            }

            .tvs-features .features_slide .experience .mobile-img {
                display: block
            }

                .tvs-features .features_slide .experience .mobile-img img {
                    width: 100%
                }

        .tvs-features .features_slide .feature-content {
            width: 100%;
            padding: 1rem 1.5rem 2rem 1.5rem;
            height: 26rem
        }

            .tvs-features .features_slide .feature-content h2 {
                font-size: 2.4rem;
                line-height: 2.8rem;
                font-weight: 600;
                color: var(--black);
                padding: 0rem 0rem 1.2rem;
                margin-bottom: 0;
                text-align: center
            }

            .tvs-features .features_slide .feature-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 300;
                color: var(--black);
                text-align: center
            }

        .tvs-features .features_slide .box-section {
            display: block
        }

        .tvs-features .features {
            padding: 1rem 0rem 0
        }
}

@media screen and (max-width: 575.98px) {
    .tvs-features {
        padding: 2rem 0 6rem
    }

        .tvs-features .features_slide .experience .web-img {
            display: none
        }

        .tvs-features .features_slide .experience .mobile-img {
            display: flex;
            height: 28rem;
            align-items: center;
            justify-content: center
        }

            .tvs-features .features_slide .experience .mobile-img img {
                width: 100%
            }
}

@media screen and (min-width: 1601px) {
    .tvs-features {
        padding: 7rem 0 2rem
    }

        .tvs-features .features_slide {
            min-height: 53rem
        }

            .tvs-features .features_slide .experience {
                width: 67%
            }

        .tvs-features .features {
            margin-bottom: 15rem;
            padding-top: .2rem
        }
}

.tvs-features .slick-dots {
    bottom: -6rem
}

    .tvs-features .slick-dots li {
        position: relative;
        display: inline-block;
        width: 1.8rem;
        height: 20px;
        margin: 0 .8rem;
        padding: 0;
        cursor: pointer
    }

        .tvs-features .slick-dots li button {
            width: 1.8rem;
            height: .4rem;
            padding: 0rem
        }

            .tvs-features .slick-dots li button:before {
                color: var(--white);
                opacity: 100;
                font-size: initial;
                content: "";
                width: 1.8rem;
                height: .4rem;
                font-style: italic;
                background: var(--font-light-grey);
                margin: .3rem 0
            }

        .tvs-features .slick-dots li.slick-active {
            margin: 0 .75rem 0 .75rem;
            width: 3.8rem
        }

            .tvs-features .slick-dots li.slick-active button:before {
                color: var(--primary-blue);
                background: var(--primary-blue);
                width: 3.8rem;
                transform: skew(-24deg);
                height: .8rem;
                margin: 0
            }

@media screen and (max-width: 991.98px) {
    .tvs-features .slick-dots {
        bottom: -5rem
    }

        .tvs-features .slick-dots li {
            width: 1.2rem
        }

            .tvs-features .slick-dots li button {
                width: 1.2rem
            }

                .tvs-features .slick-dots li button:before {
                    width: 1.2rem;
                    opacity: .8;
                    margin: 0
                }

            .tvs-features .slick-dots li.slick-active {
                margin: 0 .5rem 0 .5rem;
                width: 2.8rem
            }

                .tvs-features .slick-dots li.slick-active button:before {
                    width: 2.8rem;
                    height: .5rem
                }
}

@media screen and (min-width: 1601px) {
    .tvs-features .slick-dots {
        bottom: -6rem
    }

        .tvs-features .slick-dots li {
            margin: 0 1rem
        }

            .tvs-features .slick-dots li button {
                width: 4rem
            }

            .tvs-features .slick-dots li.slick-active {
                width: 4.5rem;
                margin: 0 .75rem 0 .75rem
            }

                .tvs-features .slick-dots li.slick-active button:before {
                    width: 4.5rem;
                    height: .7rem
                }
}

.slick-slide {
    outline: none
}

.tvs-features .slick-slide, .tvs-features .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.85, 0.85);
    transition: transform .3s;
    outline: none
}

    .tvs-features .slick-center, .tvs-features .slick-center.slick-current.slick-active, .tvs-features .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(1.01, 1.01);
        transition: transform .3s;
        opacity: 1
    }

@media screen and (max-width: 575.98px) {
    .tvs-features .slick-slide, .tvs-features .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.85, 0.85);
        transition: transform .3s;
        outline: none
    }

        .tvs-features .slick-center, .tvs-features .slick-center.slick-current.slick-active, .tvs-features .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(1);
            transition: transform .3s;
            opacity: 1
        }
}

.premium-Gallery {
    padding: 4rem 0 5rem
}

@media screen and (max-width: 991.98px) {
    .premium-Gallery {
        padding: 4rem 0 6rem
    }
}

@media screen and (max-width: 575.98px) {
    .premium-Gallery {
        padding: 2rem 0 6rem
    }
}

@media screen and (min-width: 1601px) {
    .premium-Gallery {
        padding: 6rem 0 14rem
    }

        .premium-Gallery .premium-title {
            padding-bottom: 0
        }
}

.gallery-wrapper {
    padding-top: 0px;
    text-align: center
}

    .gallery-wrapper .gallery-carousel {
        width: 100%;
        margin: 0px auto
    }

        .gallery-wrapper .gallery-carousel .slick-slide {
            margin: 0px
        }

            .gallery-wrapper .gallery-carousel .slick-slide img {
                width: 100%
            }

    .gallery-wrapper .slick-prev, .gallery-wrapper .slick-next {
        z-index: 6;
        width: 4rem;
        height: 4rem
    }

        .gallery-wrapper .slick-prev:before, .gallery-wrapper .slick-next:before {
            font-family: "Poppins-Regular";
            font-size: 3rem;
            line-height: 3.4rem;
            font-weight: 500;
            color: var(--white);
            opacity: 1
        }

    .gallery-wrapper .slick-prev {
        left: 8%
    }

        .gallery-wrapper .slick-prev:before {
            content: ""
        }

    .gallery-wrapper .slick-next {
        right: 8%
    }

        .gallery-wrapper .slick-next:before {
            content: ""
        }

    .gallery-wrapper .card {
        border: 0px solid #fff;
        box-shadow: 0px 0px 0px #ccc;
        margin: 0rem;
        position: relative;
        height: 100%
    }

        .gallery-wrapper .card:before {
            height: 17.4rem;
            width: 17.4rem;
            content: " ";
            position: absolute;
            top: 0;
            left: .1rem;
            background: transparent;
            box-shadow: -7px -7px 0px 4px var(--red-5);
            z-index: 2
        }

        .gallery-wrapper .card:after {
            content: " ";
            position: absolute;
            bottom: 0;
            right: 0;
            height: 17.4rem;
            width: 17.4rem;
            background: transparent;
            box-shadow: 7px 7px 0px 4px var(--red-5);
            z-index: 2
        }

        .gallery-wrapper .card .card-header {
            padding: 0;
            background: transparent;
            border: 0
        }

        .gallery-wrapper .card .card-header-mobile {
            display: none
        }

    .gallery-wrapper .slick-dots {
        bottom: -8rem
    }

        .gallery-wrapper .slick-dots li {
            position: relative;
            display: inline-block;
            width: 1.8rem;
            height: 2rem;
            margin: 0 5px;
            padding: 0;
            cursor: pointer
        }

            .gallery-wrapper .slick-dots li button {
                width: 1.8rem;
                height: .4rem;
                padding: 0rem
            }

                .gallery-wrapper .slick-dots li button:before {
                    color: var(--font-light-grey);
                    opacity: 100;
                    font-size: initial;
                    content: "";
                    width: 1.8rem;
                    height: .4rem;
                    font-style: italic;
                    background: var(--font-light-grey);
                    margin: .3rem 0
                }

            .gallery-wrapper .slick-dots li.slick-active {
                margin: 0 .75rem 0 .75rem;
                width: 3rem
            }

                .gallery-wrapper .slick-dots li.slick-active button:before {
                    color: var(--primary-blue);
                    background: var(--primary-blue);
                    width: 3rem;
                    transform: skew(-24deg);
                    height: .8rem;
                    margin: 0
                }

@media screen and (max-width: 991.98px) {
    .gallery-wrapper {
        padding-top: 0px
    }

        .gallery-wrapper .card:before {
            height: 6rem;
            width: 6rem;
            box-shadow: -3px -3px 0px 2px var(--red-5)
        }

        .gallery-wrapper .card:after {
            height: 6rem;
            width: 6rem;
            box-shadow: 3px 3px 0px 2px var(--red-5)
        }

        .gallery-wrapper .card .card-header-mobile {
            display: none
        }

        .gallery-wrapper .slick-prev:before, .gallery-wrapper .slick-next:before {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 500;
            color: var(--white)
        }

        .gallery-wrapper .slick-prev {
            left: .5%
        }

        .gallery-wrapper .slick-next {
            right: .5%
        }

        .gallery-wrapper .slick-dots li {
            width: 1.2rem
        }

            .gallery-wrapper .slick-dots li button {
                width: 1.2rem
            }

                .gallery-wrapper .slick-dots li button:before {
                    width: 1.2rem;
                    opacity: .8;
                    margin: 0
                }

            .gallery-wrapper .slick-dots li.slick-active {
                margin: 0 .5rem 0 .5rem;
                width: 2.8rem
            }

                .gallery-wrapper .slick-dots li.slick-active button:before {
                    width: 2.8rem;
                    height: .5rem;
                    opacity: 1
                }
}

@media screen and (max-width: 575.98px) {
    .gallery-wrapper .card {
        margin: 3rem .5rem
    }

    .gallery-wrapper .slick-prev {
        left: -0.5%
    }

    .gallery-wrapper .slick-next {
        right: -0.5%
    }
}

.gallery-wrapper .slick-slide, .gallery-wrapper .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.75, 0.75);
    transition: transform .3s
}

    .gallery-wrapper .slick-slide .card .card-header, .gallery-wrapper .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] .card .card-header {
        position: relative
    }

        .gallery-wrapper .slick-slide .card .card-header:before, .gallery-wrapper .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] .card .card-header:before {
            content: "";
            background: rgba(0,0,0,.7);
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            transition: transform .3s;
            transition: opacity .3s
        }

    .gallery-wrapper .slick-center, .gallery-wrapper .slick-center.slick-current.slick-active, .gallery-wrapper .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(0.9, 0.85);
        transition: transform .3s;
        opacity: 1;
        transition: opacity .3s
    }

        .gallery-wrapper .slick-center .card .card-header, .gallery-wrapper .slick-center.slick-current.slick-active .card .card-header, .gallery-wrapper .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .card .card-header {
            position: relative
        }

            .gallery-wrapper .slick-center .card .card-header:before, .gallery-wrapper .slick-center.slick-current.slick-active .card .card-header:before, .gallery-wrapper .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .card .card-header:before {
                content: "";
                background: transparent;
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                right: 0;
                transition: transform .3s
            }

@media screen and (max-width: 575.98px) {
    .gallery-wrapper .slick-slide, .gallery-wrapper .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.85, 0.95);
        transition: transform .3s
    }

        .gallery-wrapper .slick-center, .gallery-wrapper .slick-center.slick-current.slick-active, .gallery-wrapper .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(1.05, 1.3);
            transition: transform .3s
        }
}

.overview {
    padding: 5rem 0 7rem
}

    .overview .overview-top {
        margin: 0 auto
    }

    .overview .overview-main {
        position: relative;
        max-width: 92rem;
        margin: 0 auto
    }

        .overview .overview-main:before {
            content: "";
            min-width: 35rem;
            height: 100%;
            position: absolute;
            opacity: .6
        }

        .overview .overview-main .overview-img {
            padding: 4rem;
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

            .overview .overview-main .overview-img .overview-content {
                max-width: 550px;
                height: 32rem;
                margin: 0 0 0 -5rem;
                padding: 3rem;
                position: relative
            }

                .overview .overview-main .overview-img .overview-content span {
                    font-size: 2rem;
                    line-height: 2.4rem;
                    font-weight: 300;
                    color: var(--black);
                    display: block
                }

                .overview .overview-main .overview-img .overview-content h2 {
                    font-size: 3.6rem;
                    line-height: 4rem;
                    font-weight: 600;
                    color: var(--black);
                    padding-bottom: 1.5rem;
                    margin: 0;
                    text-align: left
                }

                .overview .overview-main .overview-img .overview-content p {
                    font-size: 1.8rem;
                    line-height: 2.2rem;
                    font-weight: 300;
                    color: var(--black);
                    line-height: 3.2rem
                }

                .overview .overview-main .overview-img .overview-content:before {
                    content: "";
                    background: var(--red-5);
                    width: 13rem;
                    height: .8rem;
                    position: absolute;
                    top: 0;
                    left: 4rem
                }

            .overview .overview-main .overview-img .overview-bike {
                max-width: 36rem;
                display: block
            }

            .overview .overview-main .overview-img .overview-bike-mobile {
                display: none
            }

@media screen and (max-width: 1600px) {
    .overview .overview-main:before {
        content: "";
        min-width: 25rem
    }

    .overview .overview-main .overview-img {
        padding: 3rem
    }

        .overview .overview-main .overview-img .overview-content {
            max-width: 500px
        }

            .overview .overview-main .overview-img .overview-content:before {
                height: .6rem
            }
}

@media screen and (min-width: 1601px) {
    .overview {
        padding: 7.5rem 0 12rem
    }

        .overview .overview-main {
            max-width: 100%;
            margin: 0 auto
        }

            .overview .overview-main .overview-img .overview-content {
                max-width: 68rem;
                height: 43rem;
                padding: 5rem 5.5rem 2rem;
                margin: 0 0 0 -8rem
            }

                .overview .overview-main .overview-img .overview-content span {
                    font-size: 4rem;
                    line-height: 4.4rem;
                    font-weight: 300;
                    color: var(--black);
                    display: block
                }

                .overview .overview-main .overview-img .overview-content h2 {
                    font-size: 6rem;
                    line-height: 6.4rem;
                    font-weight: 600;
                    color: var(--black);
                    padding-bottom: 3rem;
                    margin: 0;
                    text-align: left
                }

                .overview .overview-main .overview-img .overview-content p {
                    font-size: 2.2rem;
                    line-height: 2.6rem;
                    font-weight: 300;
                    color: var(--black);
                    line-height: 36px;
                    text-align: justify
                }

                .overview .overview-main .overview-img .overview-content:before {
                    left: 5.5rem;
                    width: 17.6rem
                }

            .overview .overview-main .overview-img .overview-bike {
                max-width: 550px;
                display: block
            }
}

@media screen and (max-width: 991.98px) {
    .overview .overview-top {
        padding: 0rem .5rem 0rem
    }

    .overview .overview-main:before {
        max-width: 100%;
        min-height: 20rem;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: auto
    }

    .overview .overview-main .overview-img {
        padding: 2.5rem;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }

        .overview .overview-main .overview-img .overview-content {
            height: auto;
            margin: -5rem 1.5rem 0rem;
            padding: 4rem 0rem 1rem;
            background: var(--white);
            background: -moz-linear-gradient(90deg, var(--white) 0%, var(--white) 100%);
            background: -webkit-linear-gradient(90deg, var(--white) 0%, var(--white) 100%);
            background: linear-gradient(90deg, var(--white) 0%, var(--white) 100%)
        }

            .overview .overview-main .overview-img .overview-content:before {
                left: 0rem;
                right: 0;
                margin: 0 auto;
                height: .5rem
            }

            .overview .overview-main .overview-img .overview-content span {
                font-size: 2rem;
                line-height: 2.4rem
            }

            .overview .overview-main .overview-img .overview-content h2 {
                font-size: 3rem;
                line-height: 3.4rem;
                font-weight: 600;
                color: var(--black);
                padding-bottom: 1.5rem;
                margin: 0;
                text-align: center
            }

            .overview .overview-main .overview-img .overview-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 300;
                color: var(--black);
                line-height: 2rem;
                padding: 0rem 2rem;
                text-align: center
            }

        .overview .overview-main .overview-img .overview-bike-mobile {
            max-width: 100%;
            display: block
        }

        .overview .overview-main .overview-img .overview-bike {
            display: none
        }
}

@media screen and (max-width: 575.98px) {
    .overview .overview-main:before {
        min-width: 30rem;
        max-width: 100%;
        min-height: 20rem;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: auto;
        background-color: transparent
    }

    .overview .overview-main .overview-img {
        padding: 2.5rem 2rem;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }

        .overview .overview-main .overview-img .overview-content {
            height: auto;
            margin: -4rem 1.5rem 0rem;
            padding: 2.5rem 0rem 1rem;
            max-width: 25rem
        }

            .overview .overview-main .overview-img .overview-content:before {
                left: 0rem;
                right: 0;
                margin: 0 auto;
                width: 11.4rem
            }

            .overview .overview-main .overview-img .overview-content span {
                font-size: 2rem;
                line-height: 2.4rem
            }

            .overview .overview-main .overview-img .overview-content h2 {
                font-size: 3rem;
                line-height: 3.4rem;
                font-weight: 600;
                color: var(--black);
                margin: 0;
                padding: 0 1.5rem 1rem
            }

            .overview .overview-main .overview-img .overview-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 300;
                color: var(--black);
                line-height: 1.29;
                padding: 0rem 2rem
            }

        .overview .overview-main .overview-img .overview-bike-mobile {
            max-width: 28rem;
            display: block;
            height: 25.7rem;
            overflow: hidden
        }
}

.premium-reviews {
    padding: 8rem 0 10rem
}

@media screen and (max-width: 991.98px) {
    .premium-reviews {
        padding: 5rem 0 10rem
    }
}

.reviews-wrapper {
    margin-bottom: 10rem !important;
    margin-top: 2rem
}

    .reviews-wrapper .box {
        position: relative;
        margin-bottom: 30px;
        max-width: 66rem;
        margin-left: auto;
        margin-right: auto
    }

        .reviews-wrapper .box .image {
            margin: 0 12% -15rem;
            text-align: center;
            height: 30rem;
            position: relative;
            z-index: 1
        }

            .reviews-wrapper .box .image img {
                margin: 0 auto
            }

            .reviews-wrapper .box .image .video-container {
                height: 100%;
                position: relative
            }

                .reviews-wrapper .box .image .video-container .play-video {
                    top: 0;
                    position: absolute;
                    z-index: 2;
                    left: 0;
                    right: 0;
                    height: 100%;
                    bottom: 0;
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column
                }

        .reviews-wrapper .box .clip-path-shadow {
            filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.15))
        }

        .reviews-wrapper .box .test-component {
            background-color: var(--white);
            padding: 1rem 2.5rem;
            min-height: 45rem;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 100%);
            position: relative
        }

            .reviews-wrapper .box .test-component:before {
                content: "";
                background: var(--red-5);
                position: absolute;
                bottom: 0;
                z-index: 1;
                height: .7rem;
                width: 36rem
            }

            .reviews-wrapper .box .test-component .embed-content {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                align-items: stretch;
                align-content: stretch;
                height: 100%;
                padding: 21rem 3rem 4rem;
                justify-content: center;
                text-align: center;
                width: 100%
            }

                .reviews-wrapper .box .test-component .embed-content h2 {
                    font-size: 2.2rem;
                    line-height: 2.6rem;
                    font-weight: 500;
                    color: var(--black);
                    text-align: center;
                    padding-bottom: .5rem;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .reviews-wrapper .box .test-component .embed-content h2 img {
                        margin-left: 4rem;
                        max-width: 4rem
                    }

                .reviews-wrapper .box .test-component .embed-content h4 {
                    font-size: 1.8rem;
                    line-height: 2.2rem;
                    font-weight: 400;
                    color: var(--black);
                    text-align: center;
                    padding-bottom: 0rem;
                    opacity: .6
                }

                .reviews-wrapper .box .test-component .embed-content p {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    font-weight: 400;
                    color: var(--black);
                    padding-bottom: 2rem;
                    max-width: 30rem;
                    text-align: center;
                    margin: 0 auto;
                    padding-top: 1rem
                }

                .reviews-wrapper .box .test-component .embed-content a {
                    color: var(--primary-blue);
                    justify-content: center
                }

                    .reviews-wrapper .box .test-component .embed-content a:hover {
                        color: var(--primary-blue)
                    }

                .reviews-wrapper .box .test-component .embed-content .rating {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: .5rem 0 .5rem
                }

                    .reviews-wrapper .box .test-component .embed-content .rating img {
                        margin: 0 .25rem;
                        max-width: 2.5rem
                    }

@media screen and (min-width: 1601px) {
    .reviews-wrapper .box {
        max-width: 88rem
    }

        .reviews-wrapper .box .image {
            height: 35rem
        }

        .reviews-wrapper .box .test-component {
            min-height: 50rem;
            padding: 0rem 2.5rem 0
        }

            .reviews-wrapper .box .test-component .embed-content h2 {
                font-size: 3.6rem;
                line-height: 4rem;
                font-weight: 700;
                color: var(--black);
                padding-bottom: 1rem;
                margin-bottom: 0
            }

            .reviews-wrapper .box .test-component .embed-content h4 {
                font-size: 2.4rem;
                line-height: 2.8rem;
                font-weight: 400;
                color: var(--black);
                padding-bottom: .75rem;
                opacity: .7;
                margin-bottom: 0
            }

            .reviews-wrapper .box .test-component .embed-content p {
                font-size: 2.4rem;
                line-height: 2.8rem;
                font-weight: 300;
                color: var(--black);
                max-width: 50rem;
                padding: 1rem 0 3rem
            }
}

.reviews-wrapper .slick-prev, .reviews-wrapper .slick-next {
    z-index: 6;
    width: 4rem;
    height: 4rem
}

    .reviews-wrapper .slick-prev:before, .reviews-wrapper .slick-next:before {
        font-family: "Poppins-Regular";
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 500;
        color: var(--primary-blue);
        opacity: 1
    }

.reviews-wrapper .slick-prev {
    left: 18%
}

    .reviews-wrapper .slick-prev:before {
        content: ""
    }

.reviews-wrapper .slick-next {
    right: 18%
}

    .reviews-wrapper .slick-next:before {
        content: ""
    }

.reviews-wrapper .slick-slide {
    padding-left: 1rem;
    padding-right: 1rem
}

    .reviews-wrapper .slick-slide.slick-current.slick-active {
        opacity: 1;
        transition: opacity .3s
    }

@media screen and (max-width: 991.98px) {
    .reviews-wrapper .slick-slide {
        padding-left: 0rem;
        padding-right: 0rem
    }
}

.reviews-wrapper .slick-dots {
    bottom: -5rem
}

    .reviews-wrapper .slick-dots li {
        position: relative;
        display: inline-block;
        width: 1.8rem;
        height: 20px;
        margin: 0 1rem;
        padding: 0;
        cursor: pointer
    }

        .reviews-wrapper .slick-dots li button {
            width: 1.8rem;
            height: .4rem;
            padding: 0rem
        }

            .reviews-wrapper .slick-dots li button:before {
                color: var(--font-light-grey);
                opacity: 100;
                font-size: initial;
                content: "";
                width: 1.8rem;
                height: .4rem;
                font-style: italic;
                background: var(--font-light-grey);
                margin: .3rem 0
            }

        .reviews-wrapper .slick-dots li.slick-active {
            margin: 0 1rem 0 1rem;
            width: 3rem
        }

            .reviews-wrapper .slick-dots li.slick-active button:before {
                color: var(--primary-blue);
                background: var(--primary-blue);
                width: 3rem;
                transform: skew(-24deg);
                height: .8rem;
                margin: 0
            }

@media screen and (max-width: 991.98px) {
    .reviews-wrapper {
        margin-bottom: 7rem !important;
        margin-top: 2rem
    }

        .reviews-wrapper .box {
            position: relative;
            margin-bottom: 30px;
            max-width: 66rem;
            margin-left: auto;
            margin-right: auto
        }

            .reviews-wrapper .box .image {
                margin: 0 6% -12rem;
                height: auto
            }

                .reviews-wrapper .box .image img {
                    margin: 0 auto
                }

                .reviews-wrapper .box .image .video-container {
                    height: 100%;
                    position: relative
                }

                    .reviews-wrapper .box .image .video-container .play-video {
                        top: 0;
                        position: absolute;
                        z-index: 2;
                        left: 0;
                        right: 0;
                        height: 100%;
                        bottom: 0;
                        margin: 0 auto;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column
                    }

            .reviews-wrapper .box .test-component {
                padding: 3rem 1.5rem 4rem;
                min-height: 35rem
            }

                .reviews-wrapper .box .test-component:before {
                    height: .6rem;
                    width: 13.4rem
                }

                .reviews-wrapper .box .test-component .embed-content {
                    padding: 11rem 1rem 0rem
                }

                    .reviews-wrapper .box .test-component .embed-content h2 {
                        font-size: 1.6rem;
                        line-height: 2rem;
                        font-weight: 700;
                        color: var(--black);
                        text-align: center;
                        padding-bottom: 0rem;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .reviews-wrapper .box .test-component .embed-content h2 img {
                            margin-left: 1.5rem;
                            max-width: 2.5rem
                        }

                    .reviews-wrapper .box .test-component .embed-content h4 {
                        font-size: 1.2rem;
                        line-height: 1.6rem;
                        font-weight: 400;
                        color: var(--black);
                        text-align: center;
                        padding-bottom: 0rem;
                        opacity: .7
                    }

                    .reviews-wrapper .box .test-component .embed-content p {
                        font-size: 1.4rem;
                        line-height: 1.8rem;
                        font-weight: 300;
                        color: var(--black);
                        padding-bottom: 2rem;
                        max-width: 30rem;
                        text-align: center;
                        margin: 0 auto;
                        padding-top: 1rem
                    }

                    .reviews-wrapper .box .test-component .embed-content a {
                        color: var(--primary-blue);
                        justify-content: center
                    }

                        .reviews-wrapper .box .test-component .embed-content a:hover {
                            color: var(--primary-blue)
                        }

                    .reviews-wrapper .box .test-component .embed-content .rating {
                        padding: .5rem 0
                    }

                        .reviews-wrapper .box .test-component .embed-content .rating img {
                            margin: 0 .25rem;
                            max-width: 2rem
                        }

        .reviews-wrapper .slick-dots {
            bottom: -3rem
        }

            .reviews-wrapper .slick-dots li {
                width: 1.2rem;
                margin: 0 .5rem
            }

                .reviews-wrapper .slick-dots li button {
                    width: 1.2rem
                }

                    .reviews-wrapper .slick-dots li button:before {
                        width: 1.2rem;
                        opacity: .8;
                        margin: 0
                    }

                .reviews-wrapper .slick-dots li.slick-active {
                    margin: 0 .5rem 0 .5rem;
                    width: 2.8rem
                }

                    .reviews-wrapper .slick-dots li.slick-active button:before {
                        width: 2.8rem;
                        height: .5rem;
                        opacity: 1
                    }
}

@media screen and (max-width: 575.98px) {
    .reviews-wrapper {
        margin-bottom: 7rem !important;
        margin-top: 2rem
    }

        .reviews-wrapper .box {
            position: relative;
            margin-bottom: 30px;
            max-width: 66rem;
            margin-left: auto;
            margin-right: auto
        }

            .reviews-wrapper .box .image {
                margin: 0 6% -6rem;
                height: auto
            }

                .reviews-wrapper .box .image img {
                    margin: 0 auto
                }

                .reviews-wrapper .box .image .video-container {
                    height: 100%;
                    position: relative
                }

                    .reviews-wrapper .box .image .video-container .play-video {
                        top: 0;
                        position: absolute;
                        z-index: 2;
                        left: 0;
                        right: 0;
                        height: 100%;
                        bottom: 0;
                        margin: 0 auto;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column
                    }

            .reviews-wrapper .box .test-component {
                padding: 3rem 1.5rem 4rem;
                min-height: 30rem
            }

                .reviews-wrapper .box .test-component:before {
                    height: .6rem;
                    width: 13.4rem
                }

                .reviews-wrapper .box .test-component .embed-content {
                    padding: 6rem 1rem 0rem
                }

                    .reviews-wrapper .box .test-component .embed-content h2 {
                        font-size: 1.6rem;
                        line-height: 2rem;
                        font-weight: 700;
                        color: var(--black);
                        text-align: center;
                        padding-bottom: 0rem;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .reviews-wrapper .box .test-component .embed-content h2 img {
                            margin-left: 1.5rem;
                            max-width: 2.5rem
                        }

                    .reviews-wrapper .box .test-component .embed-content h4 {
                        font-size: 1.2rem;
                        line-height: 1.6rem;
                        font-weight: 400;
                        color: var(--black);
                        text-align: center;
                        padding-bottom: 0rem;
                        opacity: .7
                    }

                    .reviews-wrapper .box .test-component .embed-content p {
                        font-size: 1.4rem;
                        line-height: 1.8rem;
                        font-weight: 300;
                        color: var(--black);
                        padding-bottom: 2rem;
                        max-width: 30rem;
                        text-align: center;
                        margin: 0 auto;
                        padding-top: 1rem
                    }

                    .reviews-wrapper .box .test-component .embed-content a {
                        color: var(--primary-blue);
                        justify-content: center
                    }

                        .reviews-wrapper .box .test-component .embed-content a:hover {
                            color: var(--primary-blue)
                        }

                    .reviews-wrapper .box .test-component .embed-content .rating {
                        padding: .5rem 0
                    }

                        .reviews-wrapper .box .test-component .embed-content .rating img {
                            margin: 0 .25rem;
                            max-width: 2rem
                        }
}

.reviews-wrapper .slick-slide, .reviews-wrapper .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.85, 0.85);
    transition: transform .3s
}

    .reviews-wrapper .slick-center, .reviews-wrapper .slick-center.slick-current.slick-active, .reviews-wrapper .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(1.01, 1.01);
        transition: transform .3s
    }

@media screen and (max-width: 575.98px) {
    .reviews-wrapper .slick-slide, .reviews-wrapper .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.85, 0.85);
        transition: transform .3s
    }

        .reviews-wrapper .slick-center, .reviews-wrapper .slick-center.slick-current.slick-active, .reviews-wrapper .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(1.05, 1.05);
            transition: transform .3s
        }
}

.video-review {
    overflow: hidden
}

    .video-review iframe {
        height: 33rem;
        display: block
    }

@media screen and (min-width: 1601px) {
    .video-review iframe {
        height: 40rem
    }
}

@media screen and (max-width: 767.98px) {
    .video-review iframe {
        height: 17rem
    }
}

.video-review .player-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    opacity: 1;
    visibility: visible;
    transition: 300ms linear 0s;
    -webkit-transition: 300ms linear 0s;
    -moz-transition: 300ms linear 0s;
    -ms-transition: 300ms linear 0s
}

    .video-review .player-thumbnail:hover img {
        opacity: .7
    }

    .video-review .player-thumbnail:hover .btn-link {
        opacity: 1
    }

    .video-review .player-thumbnail img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 300ms linear 0s;
        -webkit-transition: 300ms linear 0s;
        -moz-transition: 300ms linear 0s;
        -ms-transition: 300ms linear 0s
    }

    .video-review .player-thumbnail .btn-link {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transition: 300ms linear 0s;
        -webkit-transition: 300ms linear 0s;
        -moz-transition: 300ms linear 0s;
        -ms-transition: 300ms linear 0s;
        color: var(--white);
        text-decoration: none;
        opacity: 1;
        border: 0;
        padding: 0
    }

@media screen and (max-width: 991.98px) {
    .video-review .player-thumbnail .btn-link {
        max-width: 5rem
    }
}

.video-review.play .player-thumbnail {
    opacity: 0;
    visibility: hidden
}

.video-review.play .top {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%)
}

.video-review.play .bottom {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%)
}

.premium-specification {
    padding-top: 3rem;
    padding-bottom: 8rem
}

    .premium-specification .tabs-section {
        margin-top: 1rem
    }

        .premium-specification .tabs-section ul {
            position: relative;
            z-index: 2;
            max-width: fit-content;
            margin: 0 auto;
            transform: skew(-10deg);
            border: 2px solid var(--white);
            background: var(--white)
        }

            .premium-specification .tabs-section ul li.nav-item:last-child {
                border-right: 0px solid var(--white)
            }

                .premium-specification .tabs-section ul li.nav-item:last-child .nav-link {
                    border-right: 0px solid var(--white)
                }

        .premium-specification .tabs-section .nav-link {
            padding: .75rem 2.1rem;
            display: flex;
            width: 100%;
            position: relative;
            width: 18.75rem;
            border-right: 2px solid var(--white);
            height: 100%;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            border-radius: 0;
            flex-direction: column
        }

            .premium-specification .tabs-section .nav-link em {
                font-size: 3rem;
                transform: skewX(10deg);
                display: block
            }

            .premium-specification .tabs-section .nav-link span {
                border-top: 0px solid var(--font-blue);
                padding-top: 0rem;
                margin-top: .5rem;
                font-size: 1.5rem;
                line-height: 1.9rem;
                font-weight: 300;
                color: var(--black);
                transform: skewX(10deg);
                opacity: .9
            }

            .premium-specification .tabs-section .nav-link.active {
                color: var(--white);
                opacity: 100;
                z-index: 1
            }

                .premium-specification .tabs-section .nav-link.active span {
                    border-top: 0px solid var(--white);
                    font-size: 1.5rem;
                    line-height: 1.9rem;
                    font-weight: 300;
                    color: var(--white);
                    opacity: 1
                }

                .premium-specification .tabs-section .nav-link.active:after {
                    content: "";
                    position: absolute;
                    width: 4.8rem;
                    left: 0;
                    right: 0;
                    text-align: center;
                    margin: 0 auto;
                    background: var(--red-5);
                    height: .8rem;
                    bottom: -3.5px;
                    transform: skewX(-5deg)
                }

    .premium-specification .tab-pane p {
        font-size: 1.5rem;
        line-height: 1.9rem;
        font-weight: 400;
        color: var(--white);
        margin-bottom: 0
    }

    .premium-specification .tab-content {
        background: url("../images/premium/specification/specification.jpg");
        background-repeat: no-repeat;
        background-position: unset;
        background-size: cover;
        min-height: 50rem;
        overflow: hidden;
        position: relative;
        max-width: 120rem;
        margin: -2rem auto 0
    }

        .premium-specification .tab-content .engine-strip {
            display: flex;
            justify-content: center;
            align-items: baseline;
            padding: 8rem 0rem 0 0rem
        }

            .premium-specification .tab-content .engine-strip .img-outer {
                box-shadow: var(--specification-shadow-type);
                -webkit-box-shadow: var(--specification-shadow-type);
                -ms-box-shadow: var(--specification-shadow-type);
                -moz-box-shadow: var(--specification-shadow-type);
                background-color: var(--grey-40);
                height: 38rem;
                width: 38rem;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative
            }

                .premium-specification .tab-content .engine-strip .img-outer:before, .premium-specification .tab-content .engine-strip .img-outer:after {
                    height: 8.5rem;
                    width: 8.5rem;
                    content: " ";
                    position: absolute;
                    background: transparent;
                    z-index: 2
                }

                .premium-specification .tab-content .engine-strip .img-outer:before {
                    top: 0;
                    left: .1rem;
                    box-shadow: var(--corner-shadow-top-left);
                    -webkit-box-shadow: var(--corner-shadow-top-left);
                    -ms-box-shadow: var(--corner-shadow-top-left);
                    -moz-box-shadow: var(--corner-shadow-top-left);
                    opacity: .4
                }

                .premium-specification .tab-content .engine-strip .img-outer:after {
                    bottom: 0;
                    right: .1rem;
                    box-shadow: var(--corner-shadow-bottom-right);
                    -webkit-box-shadow: var(--corner-shadow-bottom-right);
                    -ms-box-shadow: var(--corner-shadow-bottom-right);
                    -moz-box-shadow: var(--corner-shadow-bottom-right);
                    opacity: .4
                }

        .premium-specification .tab-content .specification-details {
            padding: 5rem 0rem 0 7rem;
            width: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            align-content: stretch;
            min-height: 50rem
        }

            .premium-specification .tab-content .specification-details .specification-list {
                display: inline-flex;
                padding-bottom: 0rem
            }

                .premium-specification .tab-content .specification-details .specification-list li p {
                    font-size: 1.5rem;
                    line-height: 1.9rem;
                    font-weight: 300;
                    color: var(--white);
                    opacity: .5;
                    padding-bottom: .8rem
                }

                .premium-specification .tab-content .specification-details .specification-list li span {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    font-weight: 300;
                    color: var(--white);
                    text-align: justify
                }

                    .premium-specification .tab-content .specification-details .specification-list li span.left-lg {
                        width: 50%;
                        float: left;
                        padding: 0rem 6rem 0rem 0rem
                    }

                    .premium-specification .tab-content .specification-details .specification-list li span.right-lg {
                        width: 50%;
                        float: left;
                        padding: 0rem 0rem 0rem 3.5rem
                    }

                .premium-specification .tab-content .specification-details .specification-list ul {
                    background: transparent;
                    transform: skew(0deg);
                    padding: 0rem;
                    margin: 0;
                    width: 100%;
                    max-width: 100%;
                    list-style: none;
                    border: 0;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: baseline;
                    align-content: flex-start;
                    box-shadow: var(--shadow-none);
                    -webkit-box-shadow: var(--shadow-none);
                    -ms-box-shadow: var(--shadow-none);
                    -moz-box-shadow: var(--shadow-none)
                }

                    .premium-specification .tab-content .specification-details .specification-list ul li {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        width: 50%;
                        padding: 0rem 7rem 1.6rem 0rem
                    }

                        .premium-specification .tab-content .specification-details .specification-list ul li.spec-text-lg {
                            width: 100%
                        }

            .premium-specification .tab-content .specification-details .spec-link {
                transform: skew(-10deg);
                display: flex;
                padding-left: 0rem;
                align-items: center;
                min-height: 11.9rem
            }

                .premium-specification .tab-content .specification-details .spec-link text {
                    transform: skew(10deg);
                    display: block
                }

                .premium-specification .tab-content .specification-details .spec-link .btn.btn-white-deg {
                    font-size: 1.5rem;
                    line-height: 1.9rem;
                    border-radius: .25rem;
                    -webkit-border-radius: .25rem;
                    -ms-border-radius: .25rem;
                    -moz-border-radius: .25rem;
                    min-width: fit-content;
                    white-space: nowrap
                }

            .premium-specification .tab-content .specification-details .download-link {
                display: block;
                padding: 5rem 0 5rem 3rem;
                font-size: 1.5rem;
                line-height: 1.9rem;
                font-weight: 600;
                color: var(--white);
                text-transform: uppercase;
                letter-spacing: .036rem
            }

                .premium-specification .tab-content .specification-details .download-link a {
                    text-decoration: underline
                }

                    .premium-specification .tab-content .specification-details .download-link a:hover {
                        text-decoration: none
                    }

@media screen and (min-width: 1200px) {
    .premium-specification .inner-wrapper {
        padding: 0 9.2rem
    }
}

@media screen and (max-width: 1199.98px) {
    .premium-specification .tabs-section ul {
        max-width: 85rem
    }

    .premium-specification .tabs-section .nav-link {
        width: 14.1rem;
        padding: 1rem 1.5rem
    }

        .premium-specification .tabs-section .nav-link.active {
            padding: .8rem 1.8rem
        }
}

@media screen and (max-width: 991.98px) {
    .premium-specification .tab-content {
        min-height: 100%;
        background: url("../images/premium/specification/specification-mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        margin: -1.5rem auto 0;
        max-width: 90%
    }

        .premium-specification .tab-content .engine-strip {
            display: none
        }

        .premium-specification .tab-content .specification-details {
            padding: 3.5rem 2rem 0 2rem;
            min-height: 55rem
        }

            .premium-specification .tab-content .specification-details .specification-list {
                padding-bottom: 1.5rem
            }

                .premium-specification .tab-content .specification-details .specification-list li {
                    padding-bottom: 2rem
                }

                    .premium-specification .tab-content .specification-details .specification-list li p {
                        font-size: 1.4rem;
                        line-height: 1.8rem
                    }

                    .premium-specification .tab-content .specification-details .specification-list li span {
                        font-size: 1.6rem;
                        line-height: 2rem
                    }

                        .premium-specification .tab-content .specification-details .specification-list li span.left-lg {
                            width: 100%;
                            padding: 0rem 0rem 3rem 0rem
                        }

                        .premium-specification .tab-content .specification-details .specification-list li span.right-lg {
                            width: 100%;
                            float: left;
                            padding: 0rem
                        }

                .premium-specification .tab-content .specification-details .specification-list ul {
                    transform: skew(0deg);
                    padding: 0 0 0 1rem;
                    margin: 0;
                    width: 96%;
                    max-width: 100%;
                    list-style: none;
                    box-shadow: var(--shadow-none);
                    -webkit-box-shadow: var(--shadow-none);
                    -ms-box-shadow: var(--shadow-none);
                    -moz-box-shadow: var(--shadow-none)
                }

                    .premium-specification .tab-content .specification-details .specification-list ul li {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        width: 100%;
                        float: left;
                        padding: 0rem 3rem 2.3rem
                    }

                        .premium-specification .tab-content .specification-details .specification-list ul li.spec-text-lg {
                            width: 100%
                        }

            .premium-specification .tab-content .specification-details .spec-link {
                display: inline-flex;
                align-items: flex-start;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                justify-content: center;
                padding-left: 0rem;
                min-height: fit-content
            }

                .premium-specification .tab-content .specification-details .spec-link .btn.btn-white-deg {
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                    border-radius: 0;
                    -webkit-border-radius: 0;
                    -ms-border-radius: 0;
                    -moz-border-radius: 0;
                    padding: .9rem 1.5rem;
                    white-space: nowrap
                }

                .premium-specification .tab-content .specification-details .spec-link:last-child {
                    margin-bottom: 2rem
                }

            .premium-specification .tab-content .specification-details .download-link {
                font-size: 1.2rem;
                line-height: 1.6rem;
                font-weight: 600;
                color: var(--white);
                padding: 2.5rem 0 3rem;
                display: inline-flex;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                justify-content: center;
                text-transform: uppercase
            }
}

@media screen and (max-width: 991.98px)and (max-width: 767.98px) {
    .premium-specification .tab-content .specification-details .download-link {
        padding: 2.5rem 2rem 3rem
    }
}

@media screen and (max-width: 991.98px) {
    .premium-specification .tabs-section {
        margin-top: 6rem
    }

        .premium-specification .tabs-section .nav {
            overflow: auto;
            flex-wrap: nowrap;
            overflow-y: hidden;
            position: relative;
            max-width: 100%;
            border: 0px solid var(--white);
            box-shadow: var(--shadow-none);
            -webkit-box-shadow: var(--shadow-none);
            -ms-box-shadow: var(--shadow-none);
            -moz-box-shadow: var(--shadow-none);
            padding-bottom: 3px;
            background: transparent
        }

        .premium-specification .tabs-section .nav-item {
            background: var(--white)
        }

            .premium-specification .tabs-section .nav-item:first-child {
                margin-left: 5rem
            }

                .premium-specification .tabs-section .nav-item:first-child .nav-link {
                    padding-left: 0;
                    border-right: 2px solid var(--white);
                    justify-content: center
                }

            .premium-specification .tabs-section .nav-item:last-child {
                margin-right: 4rem
            }

        .premium-specification .tabs-section .nav-link {
            border-top: 2px solid var(--white);
            border-bottom: 2px solid var(--white);
            font-size: 1.2rem;
            line-height: 1.6rem;
            display: block;
            padding-left: 3.4rem;
            min-width: 14rem;
            padding: 1.2rem 1rem;
            border-radius: 0;
            -webkit-border-radius: 0;
            -ms-border-radius: 0;
            -moz-border-radius: 0;
            align-items: center;
            display: flex;
            justify-content: center
        }

            .premium-specification .tabs-section .nav-link em {
                display: none
            }

            .premium-specification .tabs-section .nav-link span {
                padding-top: 0rem;
                margin-top: 0rem;
                font-size: 1.4rem;
                line-height: 1.8rem;
                opacity: 1
            }

            .premium-specification .tabs-section .nav-link.active {
                padding: 1.2rem 1rem;
                border: 0rem
            }

                .premium-specification .tabs-section .nav-link.active:after {
                    height: .9rem;
                    bottom: -0.5rem;
                    width: 3.4rem
                }

                .premium-specification .tabs-section .nav-link.active span {
                    font-size: 1.6rem;
                    line-height: 2rem;
                    font-weight: 400
                }

                .premium-specification .tabs-section .nav-link.active:last-child {
                    border-top: 2px solid var(--white);
                    border-bottom: 2px solid var(--white);
                    border-left: 2px solid var(--white)
                }

        .premium-specification .tabs-section ul li.nav-item:last-child .nav-link {
            border-right: 2px solid var(--white)
        }
}

@media screen and (max-width: 991.98px) {
    .premium-specification .tab-pane p {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
}

@media screen and (max-width: 767.98px) {
    .premium-specification {
        padding-top: 2rem;
        padding-bottom: 6rem
    }

        .premium-specification .inner-wrapper {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .premium-specification .tabs-section {
            margin-left: -3rem;
            margin-right: -3rem;
            margin-top: 1rem
        }

            .premium-specification .tabs-section .nav-item:first-child .nav-link {
                padding-left: 1.5rem;
                border-left: 2px solid var(--white)
            }

            .premium-specification .tabs-section .nav-link {
                padding-left: 1rem;
                padding-right: 1rem
            }

        .premium-specification .tab-pane p {
            font-size: 1.2rem;
            line-height: 1.6rem
        }
}

@media screen and (max-width: 575.98px) {
    .premium-specification .tabs-section {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

@media screen and (min-width: 1601px) {
    .premium-specification {
        padding-top: 8rem;
        padding-bottom: 8.7rem
    }

        .premium-specification .tabs-section ul {
            max-width: 133rem
        }

        .premium-specification .tabs-section .nav-link {
            width: 22.1rem;
            padding: 2.5rem 2.1rem 1.7rem
        }

            .premium-specification .tabs-section .nav-link em {
                font-size: 4.1rem
            }

            .premium-specification .tabs-section .nav-link span {
                margin-top: .5rem;
                font-size: 2rem;
                line-height: 2.4rem;
                font-weight: 300;
                color: var(--black)
            }

            .premium-specification .tabs-section .nav-link.active span {
                font-size: 2rem;
                line-height: 2.4rem;
                font-weight: 300;
                color: var(--white)
            }

            .premium-specification .tabs-section .nav-link.active:after {
                height: 1.2rem;
                bottom: -7px
            }

        .premium-specification .tab-content {
            max-width: 152rem;
            min-height: 60rem
        }

            .premium-specification .tab-content .specification-details {
                min-height: 68rem;
                padding: 8rem 0rem 0 8rem
            }

                .premium-specification .tab-content .specification-details .specification-list ul li {
                    padding: 0rem 5rem 3.6rem 2rem
                }

                    .premium-specification .tab-content .specification-details .specification-list ul li p {
                        font-size: 1.8rem;
                        line-height: 2.2rem;
                        font-weight: 300;
                        color: var(--white);
                        padding-bottom: 1rem
                    }

                    .premium-specification .tab-content .specification-details .specification-list ul li span {
                        font-size: 2.2rem;
                        line-height: 2.6rem;
                        font-weight: 300;
                        color: var(--white)
                    }

                    .premium-specification .tab-content .specification-details .specification-list ul li:last-child {
                        padding: 0rem 5rem 0rem 2rem
                    }

                .premium-specification .tab-content .specification-details .spec-link {
                    padding-left: 1.5rem
                }

                    .premium-specification .tab-content .specification-details .spec-link .btn.btn-white-deg {
                        font-size: 1.8rem;
                        line-height: 2.2rem
                    }

                .premium-specification .tab-content .specification-details .download-link {
                    padding: 5rem 0 5rem 6rem;
                    font-size: 1.8rem;
                    line-height: 2.2rem;
                    font-weight: 600;
                    color: var(--white)
                }

            .premium-specification .tab-content .engine-strip {
                padding: 8rem 1.5rem 0 0rem
            }

                .premium-specification .tab-content .engine-strip .img-outer {
                    height: 50rem;
                    width: 50rem
                }
}

.tvs-virtual {
    background: url("../images/premium/premium-vr-web.jpg");
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: cover;
    height: 100%;
    min-height: 108vh;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: flex-start;
    box-shadow: var(--premium-specification-shadow);
    -webkit-box-shadow: var(--premium-specification-shadow);
    -ms-box-shadow: var(--premium-specification-shadow);
    -moz-box-shadow: var(--premium-specification-shadow);
    margin-left: 5rem;
    margin-right: 5rem;
    padding: 0;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .tvs-virtual {
        margin: 0;
        box-shadow: none
    }
}

.tvs-virtual .container {
    height: 100%;
    justify-content: space-between
}

    .tvs-virtual .container .row {
        align-items: center;
        height: 100%;
        justify-content: center
    }

.tvs-virtual .premium-title {
    font-size: 6.4rem;
    line-height: 6.8rem;
    font-weight: 100;
    color: var(--white)
}

@media screen and (max-width: 991.98px) {
    .tvs-virtual .premium-title {
        font-size: 4.6rem;
        line-height: 5rem;
        padding: 5rem 0 2rem
    }
}

@media screen and (min-width: 1601px) {
    .tvs-virtual .premium-title {
        font-size: 10.5rem;
        line-height: 10.9rem;
        font-weight: 100;
        color: var(--white);
        padding: 5rem 0 5rem
    }
}

.tvs-virtual .tab-content {
    max-width: 50rem;
    display: flex
}

@media screen and (min-width: 1601px) {
    .tvs-virtual .tab-content {
        max-width: 75rem;
        margin: 1rem 0 3rem
    }
}

.tvs-virtual .tab-content .color-varient-name {
    display: none
}

.tvs-virtual .tab-content > .tab-pane {
    visibility: hidden;
    width: 100%
}

.tvs-virtual .tab-content > .active {
    visibility: visible
}

@media screen and (max-width: 991.98px) {
    .tvs-virtual {
        background: url("../images/premium/premium-vr-mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        height: 100%
    }

        .tvs-virtual .tab-content {
            height: 60vh
        }
}

@media screen and (max-width: 767.98px) {
    .tvs-virtual {
        background: url("../images/premium/premium-vr-mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        height: 100%;
        padding: 2rem 0 0
    }

        .tvs-virtual .tab-content {
            max-width: 70rem;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }
}

@media screen and (max-width: 575.98px) {
    .tvs-virtual {
        background: url("../images/premium/premium-vr-mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        height: 100%
    }

        .tvs-virtual .tab-content {
            max-width: 30rem;
            display: flex;
            align-items: center;
            justify-content: center
        }
}

@media screen and (min-width: 1601px) {
    .tvs-virtual .tab-content.multi-color-varient {
        margin: 0rem 0 3rem;
        max-width: 75rem
    }
}

@media screen and (min-width: 1200px) {
    .tvs-virtual .tab-content.multi-color-varient {
        margin: 1rem 0 3rem
    }
}

.tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name {
    display: flex;
    justify-content: center
}

    .tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span {
        font-size: 36px;
        line-height: 18px;
        letter-spacing: 1.8px;
        font-weight: bold;
        padding-bottom: 0px;
        position: relative;
        margin-top: 31px;
        color: #fff;
        text-align: center;
        font-style: italic
    }

@media screen and (max-width: 1600px) {
    .tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span {
        font-size: 28px;
        line-height: 14px;
        letter-spacing: 1.4px
    }
}

@media screen and (max-width: 767.98px) {
    .tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: .8px;
        padding-bottom: 18px;
        margin-top: 40px
    }
}

.tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span::before {
    content: "";
    width: 78px;
    height: 3px;
    background-image: url("../images/premium/varient-name-line.png");
    position: absolute;
    top: 8px;
    left: -10.4rem;
    opacity: .8
}

@media screen and (max-width: 991.98px) {
    .tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span::before {
        height: 3px
    }
}

@media screen and (max-width: 767.98px) {
    .tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span::before {
        width: 50px;
        top: 12px;
        left: -6.4rem
    }
}

.tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span::after {
    content: "";
    width: 78px;
    height: 3px;
    background-image: url("../images/premium/varient-name-line.png");
    position: absolute;
    top: 8px;
    right: -10.4rem;
    opacity: .8
}

@media screen and (max-width: 991.98px) {
    .tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span::after {
        height: 3px
    }
}

@media screen and (max-width: 767.98px) {
    .tvs-virtual .tab-content.multi-color-varient .tab-pane .color-varient-name span::after {
        width: 50px;
        top: 12px;
        right: -6.4rem
    }
}

.tvs-virtual .colors-outer {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: var(--white-rgb);
    align-items: center;
    background: rgba(255,255,255,.1);
    display: flex;
    height: 5.2rem;
    justify-content: center
}

@media screen and (max-width: 991.98px) {
    .tvs-virtual .colors-outer {
        height: 5.3rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        color: var(--white-rgb)
    }
}

.tvs-virtual .colors-outer .container {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1601px) {
    .tvs-virtual .colors-outer {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--white-rgb);
        height: 6.3rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-virtual .colors-outer {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        color: var(--white-rgb)
    }
}

.vr-tab-nav {
    display: flex;
    justify-content: center;
    padding-bottom: 3rem
}

    .vr-tab-nav .nav.nav-pills {
        overflow: auto;
        flex-wrap: nowrap;
        margin: 0 -1.5rem;
        width: 100%
    }

        .vr-tab-nav .nav.nav-pills .nav-item {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            width: 100%;
            padding-bottom: 2.4rem
        }

            .vr-tab-nav .nav.nav-pills .nav-item .nav-link {
                background: #141314;
                height: 3.5rem;
                margin-bottom: 2rem;
                margin-top: 2rem;
                position: relative;
                transform: skew(-15deg, 0);
                width: 3.5rem;
                border: 1px solid var(--titanium-border);
                margin-left: .7rem
            }

@media screen and (max-width: 1600px) {
    .vr-tab-nav .nav.nav-pills .nav-item .nav-link {
        height: 3.2rem;
        width: 3.2rem;
        margin-bottom: 1.25rem
    }
}

@media screen and (max-width: 991.98px) {
    .vr-tab-nav .nav.nav-pills .nav-item .nav-link {
        height: 2.9rem;
        width: 3rem
    }
}

.vr-tab-nav .nav.nav-pills .nav-item .nav-link.black {
    background: var(--titanium-black)
}

.vr-tab-nav .nav.nav-pills .nav-item .nav-link.active {
    border: 1px solid var(--titanium-border)
}

.vr-tab-nav .nav.nav-pills .nav-item .nav-link + span {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--white);
    display: flex;
    justify-content: center;
    font-style: italic
}

@media screen and (max-width: 1600px) {
    .vr-tab-nav .nav.nav-pills .nav-item .nav-link + span {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--white)
    }
}

@media screen and (max-width: 991.98px) {
    .vr-tab-nav .nav.nav-pills .nav-item .nav-link + span {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--white);
        min-height: 4rem
    }
}

.vr-tab-nav .nav.nav-pills .nav-item .nav-link.active + span {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--white)
}

@media screen and (max-width: 1600px) {
    .vr-tab-nav .nav.nav-pills .nav-item .nav-link.active + span {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--white)
    }
}

@media screen and (max-width: 991.98px) {
    .vr-tab-nav .nav.nav-pills .nav-item .nav-link.active + span {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--white)
    }
}

@media screen and (max-width: 575.98px) {
    .vr-tab-nav .nav.nav-pills .nav-item {
        padding-bottom: 0
    }
}

.vr-tab-nav .nav.nav-pills .nav-item + .nav-item:last-child {
    padding-right: 2rem
}

@media screen and (max-width: 991.98px) {
    .vr-tab-nav {
        padding-bottom: 5rem
    }
}

.vr-tab-nav.multi-color-varient .nav.nav-pills {
    justify-content: center
}

    .vr-tab-nav.multi-color-varient .nav.nav-pills .nav-item {
        width: auto
    }

        .vr-tab-nav.multi-color-varient .nav.nav-pills .nav-item span {
            display: none
        }

        .vr-tab-nav.multi-color-varient .nav.nav-pills .nav-item .nav-link {
            margin: 4rem 3.6rem 1.5rem;
            border: 1px solid var(--grey-30)
        }

@media screen and (max-width: 767.98px) {
    .vr-tab-nav.multi-color-varient .nav.nav-pills .nav-item .nav-link {
        margin: 1rem 1.5rem 1.5rem
    }
}

.vr-tab-nav.multi-color-varient .nav.nav-pills .nav-item .nav-link.active:before {
    border: 2px solid var(--white);
    content: "";
    opacity: 1;
    position: absolute;
    right: -1rem;
    top: -0.7rem;
    width: 5.2rem;
    height: 4.8rem
}

@media screen and (max-width: 1600px) {
    .vr-tab-nav.multi-color-varient .nav.nav-pills .nav-item .nav-link.active:before {
        width: 5rem;
        height: 4.6rem
    }
}

@media screen and (max-width: 767.98px) {
    .vr-tab-nav.multi-color-varient .nav.nav-pills .nav-item .nav-link.active:before {
        width: 4.8rem;
        height: 4.2rem
    }
}

.tvs-connectSection {
    background-image: radial-gradient(circle, #c1bcbc 0%, #f3eeee 23%, #f3eeee 67%, #c1bcbc 100%);
    padding: 87px 0px 169px
}

@media screen and (max-width: 1600px) {
    .tvs-connectSection {
        padding: 50px 0px 80px
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection {
        padding: 52px 0px
    }
}

@media screen and (max-width: 767.98px) {
    .tvs-connectSection {
        background: #f3eeee
    }
}

.tvs-connectSection .premium-title {
    padding-bottom: 40px
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .premium-title {
        padding-bottom: 29px
    }
}

.tvs-connectSection .appandscanner {
    margin-top: auto;
    margin-left: -7rem
}

@media screen and (max-width: 767.98px) {
    .tvs-connectSection .appandscanner {
        margin-top: 34px;
        margin-left: 0
    }
}

.tvs-connectSection .appandscanner .scanner img {
    object-fit: cover
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .appandscanner .scanner {
        display: none
    }
}

.tvs-connectSection .appandscanner .appandscannerblock {
    position: relative;
    align-items: center
}

    .tvs-connectSection .appandscanner .appandscannerblock:first-child {
        margin-right: 52px
    }

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .appandscanner .appandscannerblock:first-child {
        margin-right: 20px
    }
}

.tvs-connectSection .appandscanner .appandscannerblock:last-child:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 8.6rem;
    background-image: radial-gradient(#9c9698 20%, rgba(156, 150, 152, 0.2) 80%);
    border-radius: 50%;
    left: -26px;
    transform: skewX(-10deg);
    top: -7px
}

@media screen and (max-width: 1600px) {
    .tvs-connectSection .appandscanner .appandscannerblock:last-child:before {
        left: -28px
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .appandscanner .appandscannerblock:last-child:before {
        left: -17px;
        height: 5.6rem
    }
}

.tvs-connectSection .red-line:before {
    transform: skew(-14deg);
    content: "";
    height: 94%;
    position: absolute;
    top: 17px;
    left: unset;
    width: 3rem;
    right: 7.5rem;
    z-index: 0;
    background-color: red
}

@media screen and (max-width: 1600px) {
    .tvs-connectSection .red-line:before {
        transform: skew(-11.8deg);
        right: 5.5rem
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .red-line:before {
        height: .9rem;
        transform: rotate(-5.55deg);
        right: .9rem;
        width: calc(100% - 1.8rem);
        top: unset;
        bottom: 4.4rem
    }
}

.tvs-connectSection .connect-content-wrap {
    padding: 60px 0px 60px 60px;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1366px) {
    .tvs-connectSection .connect-content-wrap {
        padding: 60px 0px 20px 40px
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .connect-content-wrap {
        padding: 25px 15px 54px
    }
}

.tvs-connectSection .connect-content-wrap .logo-image-icon {
    margin-bottom: 41px
}

@media screen and (max-width: 1600px) {
    .tvs-connectSection .connect-content-wrap .logo-image-icon {
        margin-bottom: 15px
    }
}

.tvs-connectSection .connect-content-wrap p {
    font-size: 20px
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .connect-content-wrap p {
        font-size: 16px
    }
}

.tvs-connectSection .connectInner {
    height: 772px;
    background: linear-gradient(90deg, white 51%, silver 100%)
}

    .tvs-connectSection .connectInner [class*=col-] {
        padding: 0px
    }

@media screen and (max-width: 1600px) {
    .tvs-connectSection .connectInner {
        height: 650px
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .connectInner {
        height: auto
    }
}

.tvs-connectSection .connectlist {
    transform: rotate(14deg)
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .connectlist {
        transform: rotate(0deg)
    }
}

.tvs-connectSection .connectlist li {
    list-style-type: none;
    padding: 22px 0px 22px;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    transform: rotate(-14deg);
    position: relative
}

@media screen and (max-width: 1600px) {
    .tvs-connectSection .connectlist li {
        padding: 15px 0px
    }
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .connectlist li {
        font-size: 15px;
        transform: rotate(0deg)
    }
}

.tvs-connectSection .connectlist li:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: -40px;
    background-image: linear-gradient(to top, #fff, #c0c0c0);
    z-index: 1
}

.tvs-connectSection .connectlist li:after {
    content: " ";
    height: 100%;
    width: 2px;
    background-image: radial-gradient(#9c9698 100%, rgba(156, 150, 152, 0.2) 80%);
    display: inline-block;
    position: absolute;
    top: 0px;
    left: .5rem;
    left: -32px;
    transform: rotate(14deg)
}

@media screen and (max-width: 991.98px) {
    .tvs-connectSection .connectlist li:after {
        transform: rotate(0deg)
    }
}

.tvs-connectSection .connectlist li:first-child:after {
    background-image: linear-gradient(0deg, #9c9698 0%, transparent 95%)
}

.tvs-connectSection .connectlist li:last-child:after {
    background-image: linear-gradient(180deg, #9c9698 0%, transparent 95%)
}

.tvs-connectSection .connectlist li span {
    display: block;
    position: relative
}

    .tvs-connectSection .connectlist li span:before {
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 50%;
        left: -37px;
        background-color: #626262;
        border: 1px solid #454545;
        z-index: 2;
        top: 3px
    }

.tvs-connect-slider {
    clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
    height: 100%;
    position: relative
}

@media screen and (max-width: 991.98px) {
    .tvs-connect-slider {
        clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%, 0% 38%)
    }
}

.tvs-connect-slider [class*=col-] {
    padding: 0px
}

.tvs-connect-slider .slick-list .slick-track .slick-slide > div > div {
    height: 100%
}

.tvs-connect-slider .slick-list, .tvs-connect-slider .slick-track, .tvs-connect-slider .slick-slide, .tvs-connect-slider .slick-slide > div, .tvs-connect-slider .slide, .tvs-connect-slider .slide__img, .tvs-connect-slider .slide__img > img {
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 991.98px) {
    .tvs-connect-slider .slide__img {
        display: none
    }
}

.tvs-connect-slider .slide__img--mobile {
    display: none
}

@media screen and (max-width: 991.98px) {
    .tvs-connect-slider .slide__img--mobile {
        display: block
    }
}

.tvs-connect-slider .slick-dots {
    bottom: 2rem;
    left: -11%
}

@media screen and (max-width: 991.98px) {
    .tvs-connect-slider .slick-dots {
        bottom: 6rem;
        left: 0%
    }
}

.tvs-connect-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.8rem;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

    .tvs-connect-slider .slick-dots li button:before {
        color: #888;
        opacity: 100;
        font-size: initial;
        content: "";
        width: 1.8rem;
        height: .4rem;
        font-style: italic;
        background: #888;
        margin: .3rem 0
    }

    .tvs-connect-slider .slick-dots li.slick-active {
        margin: 0 .75rem 0 .75rem;
        width: 3rem
    }

        .tvs-connect-slider .slick-dots li.slick-active button:before {
            color: #fff;
            background: #fff;
            width: 3rem;
            transform: skew(-24deg);
            opacity: 1;
            height: .8rem;
            margin: 0
        }

.tvs-ariveSection {
    position: relative;
    background: #fff;
    padding-bottom: 3rem
}

    .tvs-ariveSection:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff;
        opacity: .3;
        z-index: 0
    }

@media screen and (min-width: 576px) {
    .tvs-ariveSection:before {
        background-image: radial-gradient(circle, #c1bcbc 0%, #f3eeee 23%, #f3eeee 67%, #c1bcbc 100%)
    }
}

.tvs-ariveSection .sectionHeader h3 {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--black);
    letter-spacing: 1.8px;
    line-height: normal;
    text-align: center;
    margin-bottom: 2rem;
    padding: 0 3rem
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionHeader h3 {
        margin-bottom: 1.66vw;
        font-size: 3.6rem;
        line-height: 4rem;
        font-weight: 500;
        color: var(--black)
    }
}

.tvs-ariveSection .sectionHeader img {
    max-width: 25.55vw
}

    .tvs-ariveSection .sectionHeader img + img {
        margin-left: 2.44vw;
        max-width: 33.05vw
    }

.tvs-ariveSection .sectionBody {
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody {
        padding-top: 3.02vw;
        padding-bottom: 3.9vw
    }
}

.tvs-ariveSection .sectionBody .slick-slider {
    margin-bottom: 0
}

.tvs-ariveSection .sectionBody .slick-slide {
    height: 100%
}

    .tvs-ariveSection .sectionBody .slick-slide:not(.slick-active) {
        position: relative
    }

        .tvs-ariveSection .sectionBody .slick-slide:not(.slick-active) > div {
            opacity: 0
        }

        .tvs-ariveSection .sectionBody .slick-slide:not(.slick-active):before {
            content: "";
            position: absolute;
            background-image: linear-gradient(to right, #c1bcbc, #c1bcbc, #f3eeee, #c1bcbc);
            top: 6.38vw;
            bottom: 6.38vw;
            left: 6.11vw;
            right: 6.11vw
        }

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .slick-slide:not(.slick-active):before {
        left: 6.7vw;
        right: 6.7vw;
        top: 1.45vw;
        bottom: 2.34vw
    }
}

.tvs-ariveSection .sectionBody .arive-slide picture {
    display: block;
    height: 100%
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide picture {
        height: 26.35vw
    }
}

.tvs-ariveSection .sectionBody .arive-slide picture img {
    height: 100%;
    width: 100%
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide picture img {
        height: 100%;
        object-fit: fill
    }
}

.tvs-ariveSection .sectionBody .arive-slide .slide-col2 {
    display: flex;
    flex-direction: column
}

    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 article {
        padding: .5rem 1.4rem 2rem;
        background-image: linear-gradient(to top, #c1bcbc, #f3eeee, transparent)
    }

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 article {
        background-image: linear-gradient(to right, #c1bcbc, #f3eeee, transparent)
    }
}

.tvs-ariveSection .sectionBody .arive-slide .slide-col2 article h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 1.6rem
}

@media screen and (max-width: 767.98px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 article h3 {
        text-align: center
    }
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 article h3 {
        font-size: 4.2rem;
        line-height: 4.6rem;
        font-weight: 700;
        color: var(--black);
        margin-bottom: 3.2rem
    }
}

.tvs-ariveSection .sectionBody .arive-slide .slide-col2 article p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 300;
    color: var(--black);
    line-height: 1.6rem
}

@media screen and (max-width: 767.98px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 article p {
        text-align: justify
    }
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 article p {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 300;
        color: var(--black);
        line-height: 3.6rem
    }
}

.tvs-ariveSection .sectionBody .arive-slide .slide-col2 figure {
    position: relative
}

    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 figure:before {
        content: "";
        background: var(--red);
        position: absolute;
        height: 50%;
        width: calc(100% - 2rem);
        left: 1rem;
        top: auto;
        bottom: -5px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.8rem), 0 100%)
    }

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 figure:before {
        height: calc(100% - 2rem);
        width: 20%;
        left: -1rem;
        top: 1rem;
        bottom: 1rem;
        clip-path: polygon(2.08vw 0, 100% 0, 100% 100%, 0 100%)
    }
}

.tvs-ariveSection .sectionBody .arive-slide .slide-col2 figure picture {
    display: block;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.6rem), 0 100%)
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 figure picture {
        clip-path: polygon(2.08vw 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .arive-slide .slide-col2 {
        flex-direction: row
    }

        .tvs-ariveSection .sectionBody .arive-slide .slide-col2 figure {
            order: 2;
            width: 50%;
            margin: 0
        }

        .tvs-ariveSection .sectionBody .arive-slide .slide-col2 article {
            order: 1;
            width: 50%;
            padding: 2.91vw 3.12vw
        }
}

.tvs-ariveSection .sectionBody .slick-dots {
    bottom: -3.25rem;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (min-width: 576px) {
    .tvs-ariveSection .sectionBody .slick-dots {
        bottom: -4rem
    }
}

.tvs-ariveSection .sectionBody .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.8rem;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

    .tvs-ariveSection .sectionBody .slick-dots li button:before {
        color: #000;
        opacity: .3;
        font-size: initial;
        content: "";
        width: 1.8rem;
        height: .4rem;
        font-style: italic;
        background: #888;
        margin: .3rem 0
    }

@media screen and (max-width: 767.98px) {
    .tvs-ariveSection .sectionBody .slick-dots li button:before {
        width: 1.2rem;
        height: .3rem
    }
}

.tvs-ariveSection .sectionBody .slick-dots li.slick-active {
    margin: 0 .75rem 0 .75rem;
    width: 3rem
}

    .tvs-ariveSection .sectionBody .slick-dots li.slick-active button:before {
        color: #18407e;
        background: #18407e;
        width: 3rem;
        transform: skew(-24deg);
        opacity: 1;
        height: .8rem;
        margin: 0
    }

@media screen and (max-width: 767.98px) {
    .tvs-ariveSection .sectionBody .slick-dots li.slick-active button:before {
        width: 2.8rem;
        height: .5rem
    }
}

.tvs-ariveSection .sectionBody .slick-prev, .tvs-ariveSection .sectionBody .slick-next {
    z-index: 6;
    width: 4rem;
    height: 4rem
}

    .tvs-ariveSection .sectionBody .slick-prev:before, .tvs-ariveSection .sectionBody .slick-next:before {
        font-family: "Poppins-Regular";
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 500;
        color: #18407e;
        opacity: 1
    }

@media screen and (max-width: 767.98px) {
    .tvs-ariveSection .sectionBody .slick-prev:before, .tvs-ariveSection .sectionBody .slick-next:before {
        display: none
    }
}

.tvs-ariveSection .sectionBody .slick-prev {
    left: 10.78vw
}

    .tvs-ariveSection .sectionBody .slick-prev:before {
        content: ""
    }

.tvs-ariveSection .sectionBody .slick-next {
    right: 10.78vw
}

    .tvs-ariveSection .sectionBody .slick-next:before {
        content: ""
    }

.tvs-ariveSection .sectionFooter {
    max-width: fit-content;
    background-color: #dbdbdb;
    padding: 2.2rem 3.2rem;
    margin: auto
}

.premium-title {
    font-size: 6.4rem;
    line-height: 6.8rem;
    font-weight: 100;
    color: rgba(0,0,0,.8);
    position: relative;
    padding: 3rem 0rem 2rem;
    margin: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media screen and (max-width: 991.98px) {
    .premium-title {
        font-size: 4.6rem;
        line-height: 5rem;
        font-weight: 100;
        color: rgba(0,0,0,.8);
        padding: 1.2rem 0 1rem
    }
}

@media screen and (min-width: 1601px) {
    .premium-title {
        font-size: 10rem;
        line-height: 10.4rem;
        font-weight: 100;
        color: rgba(0,0,0,.8);
        padding: 4rem 0rem 3.7rem
    }
}

.spec-design-bg {
    position: relative;
    overflow: hidden
}

    .spec-design-bg:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .06
    }

.main-bg {
    background: #ddd
}

.overview-to-feature {
    background: url("../images/premium/bg/overview-to-feature-web.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover
}

@media screen and (max-width: 1366px) {
    .overview-to-feature {
        margin-top: -9rem;
        padding-top: 5rem
    }
}

@media screen and (max-width: 991.98px) {
    .overview-to-feature {
        background: url("../images/premium/bg/overview-to-feature-mobile.jpg");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        margin-top: -4.8rem;
        padding-top: .8rem
    }
}

.premium-specification {
    background: url("../images/premium/bg/premium-specification-web.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (max-width: 991.98px) {
    .premium-specification {
        background: url("../images/premium/bg/premium-specification-mobile.jpg");
        background-repeat: no-repeat;
        background-position: unset;
        background-size: cover
    }
}

.premium-design {
    background: url("../images/premium/bg/premium-design-web.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (max-width: 991.98px) {
    .premium-design {
        background: url("../images/premium/bg/premium-design-mobile.jpg");
        background-repeat: no-repeat;
        background-position: unset;
        background-size: cover
    }
}

.premium-connected {
    background: url("../images/premium/bg/premium-connected-web.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover
}

@media screen and (max-width: 991.98px) {
    .premium-connected {
        background: url("../images/premium/bg/premium-connected-mobile.jpg");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover
    }
}

.gallery-review {
    background: url("../images/premium/bg/gallery-review-web.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (max-width: 991.98px) {
    .gallery-review {
        background: url("../images/premium/bg/gallery-review-mobile.jpg");
        background-repeat: no-repeat;
        background-position: unset;
        background-size: cover
    }
}

.hero-non-premium-wrapper {
    background: url("../images/non-premium/dazz/banner.jpg");
    background-repeat: no-repeat;
    background-position: 0% 20%;
    background-size: cover;
    height: 100%;
    z-index: 2;
    height: 100vh;
    border-radius: 0 0 3rem 3rem;
    -webkit-border-radius: 0 0 3rem 3rem;
    -ms-border-radius: 0 0 3rem 3rem;
    -moz-border-radius: 0 0 3rem 3rem
}

@media screen and (min-width: 1601px) {
    .hero-non-premium-wrapper {
        background-position: 0% 45%
    }
}

@media screen and (max-width: 1600px) {
    .hero-non-premium-wrapper {
        background-position: 35% 20%
    }
}

@media screen and (max-width: 991.98px) {
    .hero-non-premium-wrapper {
        background: url("../images/non-premium/dazz/mobile-banner.jpg");
        background-repeat: no-repeat;
        background-position: 0% 28%;
        background-size: cover;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0
    }
}

@media screen and (max-width: 575.98px) {
    .hero-non-premium-wrapper {
        background: url("../images/non-premium/dazz/mobile-banner.jpg");
        background-repeat: no-repeat;
        background-position: 0% 10%;
        background-size: cover
    }
}

.hero-non-premium-wrapper .banner-img {
    position: relative
}

    .hero-non-premium-wrapper .banner-img img {
        left: 37%;
        max-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, 0%)
    }

.hero-non-premium-wrapper .banner-content {
    position: absolute;
    right: 11%;
    top: 40%;
    transform: translate(0, -50%)
}

@media screen and (max-width: 991.98px) {
    .hero-non-premium-wrapper .banner-content {
        top: 35%
    }
}

@media screen and (max-width: 767.98px) {
    .hero-non-premium-wrapper .banner-content {
        top: 50%
    }
}

@media screen and (max-width: 575.98px) {
    .hero-non-premium-wrapper .banner-content {
        top: 24%
    }
}

.hero-non-premium-wrapper .banner-content h1 {
    font-style: italic
}

@media screen and (min-width: 1601px) {
    .hero-non-premium-wrapper .banner-content h1 {
        font-size: 8rem;
        line-height: 8.4rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 1600px) {
    .hero-non-premium-wrapper .banner-content h1 {
        font-size: 4rem;
        line-height: 4.4rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 991.98px) {
    .hero-non-premium-wrapper .banner-content h1 {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 767.98px) {
    .hero-non-premium-wrapper .banner-content h1 {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (min-width: 1601px) {
    .hero-non-premium-wrapper .banner-content h2 {
        font-size: 6rem;
        line-height: 6.4rem;
        font-weight: 600;
        color: var(--black);
        margin-top: 7.4rem
    }
}

@media screen and (max-width: 1600px) {
    .hero-non-premium-wrapper .banner-content h2 {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 600;
        color: var(--black);
        margin-top: 5rem
    }
}

@media screen and (max-width: 991.98px) {
    .hero-non-premium-wrapper .banner-content h2 {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 600;
        color: var(--black);
        margin-top: 2.4rem
    }
}

@media screen and (max-width: 767.98px) {
    .hero-non-premium-wrapper .banner-content h2 {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 600;
        color: var(--black);
        margin-top: 2.4rem
    }
}

.hero-non-premium-wrapper .banner-content h2 span {
    display: flex;
    justify-content: flex-end
}

.video-btn-outer {
    align-items: center;
    background: var(--primary-blue);
    bottom: 11%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    width: 20rem;
    padding: 1rem;
    border-radius: 0 10rem 10rem 0;
    -webkit-border-radius: 0 10rem 10rem 0;
    -ms-border-radius: 0 10rem 10rem 0;
    -moz-border-radius: 0 10rem 10rem 0
}

@media screen and (max-width: 1600px) {
    .video-btn-outer {
        width: 19.3rem;
        height: 8.5rem
    }
}

@media screen and (min-width: 1601px) {
    .video-btn-outer {
        width: 26.5rem;
        height: 12.2rem
    }
}

@media screen and (max-width: 991.98px) {
    .video-btn-outer {
        bottom: 8%;
        left: 0;
        right: inherit;
        border-radius: 0 10rem 10rem 0;
        -webkit-border-radius: 0 10rem 10rem 0;
        -ms-border-radius: 0 10rem 10rem 0;
        -moz-border-radius: 0 10rem 10rem 0;
        width: 11rem;
        height: 4.7rem;
        padding: 1rem 0
    }
}

.video-btn-outer:after {
    content: "";
    right: 0;
    border: 1px solid var(--grey-3);
    top: 50%;
    transform: translate(0%, -50%);
    width: 13.8rem;
    display: none
}

@media screen and (max-width: 991.98px) {
    .video-btn-outer:after {
        display: none
    }
}

@media screen and (max-width: 991.98px) {
    .video-btn-outer:before {
        content: "";
        left: 0;
        border: 1px solid var(--grey-6);
        width: 2.5rem;
        top: 50%;
        transform: translate(0%, -50%);
        display: none
    }
}

.video-btn-outer button {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    padding: 0
}

@media screen and (max-width: 1199.98px) {
    .video-btn-outer button {
        min-width: auto
    }
}

@media screen and (max-width: 991.98px) {
    .video-btn-outer button {
        min-width: auto
    }
}

.video-btn-outer button .video-play-btn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .video-btn-outer button .video-play-btn img {
        height: 7rem
    }
}

@media screen and (max-width: 991.98px) {
    .video-btn-outer button .video-play-btn img {
        height: 3.9rem;
        width: 3.9rem;
        margin-right: .5rem
    }
}

.video-btn-outer button p {
    padding: 0 2rem 0 3.5rem;
    margin: 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: var(--white)
}

@media screen and (max-width: 991.98px) {
    .video-btn-outer button p {
        font-size: 1.1rem;
        line-height: 1.5rem;
        font-weight: 600;
        color: var(--white);
        padding: 0 1.5rem 0 1.5rem
    }
}

@media screen and (max-width: 1199.98px) {
    .video-play-btn {
        height: 4.7rem;
        width: 6.5rem
    }
}

@media screen and (max-width: 991.98px) {
    .video-play-btn {
        height: 4.7rem;
        width: 6.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .video-play-btn {
        height: 4.7rem;
        width: 4.5rem
    }
}

@media screen and (max-width: 575.98px) {
    .video-play-btn {
        order: 2;
        height: 4.7rem;
        width: 6.5rem
    }
}

.md-close {
    margin-top: 40px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 15%;
    z-index: 99;
    border-radius: 5rem;
    height: 5rem;
    width: 5rem;
    border: 0
}

    .md-close .icon-icon-close {
        font-size: 2rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

.md-modal {
    margin: auto;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.md-show {
    visibility: visible
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(var(--dark-grey-1), 0.8);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible
}

.md-effect-12 .md-content {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    opacity: 0
}

.md-show.md-effect-12 ~ .md-overlay {
    background: rgba(var(--dark-grey-1), 0.8)
}

.md-effect-12 .md-content h3, .md-effect-12 .md-content {
    background: transparent
}

.md-show.md-effect-12 .md-content {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    height: 100vh
}

.product-review-non-premium {
    padding: 8.2rem 0 11.9rem
}

@media screen and (min-width: 1601px) {
    .product-review-non-premium {
        padding: 8.2rem 0 11.9rem
    }
}

@media screen and (max-width: 1600px) {
    .product-review-non-premium {
        padding: 3.5rem 0 5rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium {
        padding: 2.5rem 0 5.4rem
    }
}

@media screen and (max-width: 1600px) {
    .product-review-non-premium .title {
        padding-bottom: 0
    }
}

.product-review-non-premium .wrapper {
    margin: 0 auto;
    padding: 2rem 0
}

    .product-review-non-premium .wrapper h1 {
        display: flex;
        justify-content: center;
        padding: 3rem 0 0;
        margin-bottom: 0
    }

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .wrapper {
        padding: 0
    }
}

.product-review-non-premium .videos-np {
    margin: 0
}

    .product-review-non-premium .videos-np .video {
        flex: 1;
        padding: 0;
        margin: 5rem 0;
        display: flex !important;
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        overflow: hidden;
        height: 41.7rem;
        position: relative;
        box-shadow: 0 0 15px 10px rgba(0,0,0,.14);
        background-color: var(--white)
    }

@media screen and (max-width: 1600px) {
    .product-review-non-premium .videos-np .video {
        margin: 3rem 0;
        height: 35rem
    }
}

@media screen and (max-width: 767.98px) {
    .product-review-non-premium .videos-np .video {
        margin: 4rem 0rem
    }
}

.product-review-non-premium .videos-np .video .embed-container {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 55%;
    height: 100%;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -moz-border-radius: 2rem
}

@media screen and (max-width: 1199.98px) {
    .product-review-non-premium .videos-np .video .embed-container {
        width: 50%
    }
}

.product-review-non-premium .videos-np .video .embed-container.video-content {
    width: 45%
}

@media screen and (max-width: 1199.98px) {
    .product-review-non-premium .videos-np .video .embed-container.video-content {
        width: 50%
    }
}

.product-review-non-premium .videos-np .video .embed-container iframe, .product-review-non-premium .videos-np .video .embed-container object, .product-review-non-premium .videos-np .video .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-review-non-premium .videos-np .video .embed-container .play-video, .product-review-non-premium .videos-np .video .embed-container .play-video a {
    position: absolute;
    left: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

.product-review-non-premium .videos-np .video .embed-container .play-video {
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: rgba(0,0,0,.6);
    background-blend-mode: overlay;
    z-index: 10
}

    .product-review-non-premium .videos-np .video .embed-container .play-video a {
        width: 9.8rem;
        height: 9.8rem;
        right: 0;
        margin: 0 auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-decoration: none;
        left: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0px solid var(--white);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        font-size: 3.5rem;
        line-height: 3.9rem;
        font-weight: 500;
        color: var(--white)
    }

@media screen and (max-width: 1600px) {
    .product-review-non-premium .videos-np .video .embed-container .play-video a {
        height: 6.5rem;
        width: 6.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .product-review-non-premium .videos-np .video .embed-container .play-video a {
        height: 4.8rem;
        width: 4.8rem
    }
}

.product-review-non-premium .videos-np .video .embed-container .play-video h6 {
    width: 90%;
    height: 90%;
    right: 0;
    margin: 0 auto 0 4rem;
    bottom: 0%;
    font-size: 3.2rem;
    line-height: 3.6rem;
    font-weight: 600;
    color: var(--white);
    text-decoration: none;
    left: 0rem;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

@media screen and (max-width: 767.98px) {
    .product-review-non-premium .videos-np .video .embed-container .play-video h6 {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--white);
        justify-content: center;
        margin-left: 0;
        width: 100%
    }
}

.product-review-non-premium .videos-np .video .embed-container .embed-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
    padding: 5rem 2.5rem
}

@media screen and (max-width: 1600px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content {
        padding: 4rem 2.5rem
    }
}

.product-review-non-premium .videos-np .video .embed-container .embed-content h2 {
    font-size: 3.6rem;
    line-height: 4rem;
    font-weight: 600;
    color: var(--black);
    text-align: left;
    padding-bottom: 2.7rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0
}

@media screen and (max-width: 1600px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content h2 {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 600;
        color: var(--black)
    }
}

.product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
    margin-left: 4.4rem;
    max-width: 4.9rem
}

@media screen and (max-width: 1600px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
        margin-left: 3rem;
        max-width: 3.5rem
    }
}

.product-review-non-premium .videos-np .video .embed-container .embed-content h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 400;
    color: var(--black);
    text-align: left;
    padding-bottom: 0rem;
    opacity: .6
}

.product-review-non-premium .videos-np .video .embed-container .embed-content p {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 300;
    color: var(--black);
    padding-bottom: 3.5rem;
    margin: 0
}

@media screen and (max-width: 1600px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content p {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 300;
        color: var(--black)
    }
}

.product-review-non-premium .videos-np .video .embed-container .embed-content a {
    color: var(--primary-blue);
    justify-content: flex-start
}

    .product-review-non-premium .videos-np .video .embed-container .embed-content a:hover {
        color: var(--primary-blue)
    }

.product-review-non-premium .videos-np .video .embed-container .embed-content .rating {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 1rem 0 1.5rem
}

@media screen and (max-width: 575.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content .rating {
        padding: .5rem 0 1rem
    }
}

.product-review-non-premium .videos-np .video .embed-container .embed-content .rating img {
    margin: 0 .25rem;
    max-width: 2.5rem
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video {
        display: block !important;
        height: 100%
    }

        .product-review-non-premium .videos-np .video .embed-container {
            height: 28vh;
            width: 100%;
            min-height: 23rem
        }

            .product-review-non-premium .videos-np .video .embed-container.video-content {
                width: 100%
            }

            .product-review-non-premium .videos-np .video .embed-container .embed-content {
                padding: 1.5rem 3rem;
                justify-content: center;
                align-items: center;
                align-content: stretch
            }
}

@media screen and (max-width: 991.98px)and (max-width: 767.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content {
        justify-content: flex-start;
        padding: 1.4rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content h2 {
        font-size: 1.8rem;
        margin: 0;
        justify-content: center
    }
}

@media screen and (max-width: 991.98px)and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content h2 {
        padding-bottom: 1.5rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
        margin-left: 2rem;
        max-width: 2.5rem
    }
}

@media screen and (max-width: 991.98px)and (max-width: 767.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
        margin-left: 1rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content h4 {
        font-size: 1.4rem;
        text-align: center;
        margin: 0
    }
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content .rating {
        justify-content: center
    }

        .product-review-non-premium .videos-np .video .embed-container .embed-content .rating img {
            max-width: 2rem
        }
}

@media screen and (max-width: 991.98px)and (max-width: 767.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content .rating img {
        max-width: 1.8rem
    }
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content p {
        font-size: 1.4rem;
        padding-bottom: 2rem;
        line-height: initial
    }
}

@media screen and (max-width: 991.98px)and (max-width: 767.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content p {
        text-align: center;
        font-weight: 400
    }
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .videos-np .video .embed-container .embed-content a {
        justify-content: center;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1601px) {
    .product-review-non-premium .videos-np .video {
        box-shadow: 0px 7px 25px 15.4px rgba(0,0,0,.14)
    }

        .product-review-non-premium .videos-np .video .embed-container .play-video h6 {
            font-size: 3.2rem;
            line-height: 3.6rem;
            font-weight: 600;
            color: var(--white)
        }

        .product-review-non-premium .videos-np .video .embed-container .embed-content h2 {
            font-size: 3.6rem;
            line-height: 4rem
        }

            .product-review-non-premium .videos-np .video .embed-container .embed-content h2 img {
                max-width: 5rem
            }

        .product-review-non-premium .videos-np .video .embed-container .embed-content h4 {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 400;
            padding-bottom: 2.5rem;
            opacity: .7;
            margin: 0
        }

        .product-review-non-premium .videos-np .video .embed-container .embed-content .rating {
            padding: 0 0 3rem
        }

            .product-review-non-premium .videos-np .video .embed-container .embed-content .rating img {
                margin: 0 1rem 0 0;
                max-width: 3rem
            }

        .product-review-non-premium .videos-np .video .embed-container .embed-content p {
            font-size: 2.4rem;
            line-height: 2.8rem;
            font-weight: 300
        }
}

.product-review-non-premium .pagingInfoVideo {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: var(--black);
    padding: 1rem;
    width: 100%
}

@media screen and (max-width: 767.98px) {
    .product-review-non-premium .pagingInfoVideo {
        padding: 0 1rem
    }
}

.product-review-non-premium .pagingInfoVideo .counter {
    font-size: 3.4rem;
    line-height: 3.8rem;
    font-weight: 600;
    color: var(--primary-blue);
    padding: 0 .5rem
}

@media screen and (min-width: 1601px) {
    .product-review-non-premium .pagingInfoVideo .counter {
        font-size: 4rem;
        line-height: 4.4rem;
        font-weight: 600;
        color: var(--primary-blue)
    }
}

.product-review-non-premium .pagingInfoVideo .of {
    font-weight: 300;
    padding: 0 .75rem 0 0
}

@media screen and (max-width: 991.98px) {
    .product-review-non-premium .pagingInfoVideo {
        font-size: 1.6rem;
        line-height: 2rem
    }

        .product-review-non-premium .pagingInfoVideo .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

@media screen and (max-width: 767.98px) {
    .product-review-non-premium .view-all a {
        align-items: center;
        display: flex;
        height: 4.1rem;
        justify-content: center;
        min-width: 16.3rem
    }
}

.videos-np .slick-slide, .videos-np .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    transform: scale(0.92, 0.92);
    transition: transform .3s
}

    .videos-np .slick-center, .videos-np .slick-center.slick-current.slick-active, .videos-np .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
        transform: scale(1.01, 1.01);
        transition: transform .3s
    }

@media screen and (max-width: 575.98px) {
    .videos-np .slick-slide, .videos-np .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.85, 0.85);
        transition: transform .3s
    }

        .videos-np .slick-center, .videos-np .slick-center.slick-current.slick-active, .videos-np .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(1.05, 1.05);
            transition: transform .3s
        }

    .videos-np .slick-next.slick-arrow {
        width: 15rem;
        height: 100%;
        right: 1rem;
        z-index: 9
    }

        .videos-np .slick-next.slick-arrow:before {
            content: "";
            font-family: "ibcountry";
            color: #000;
            font-size: 0rem
        }

    .videos-np .slick-prev.slick-arrow {
        width: 15rem;
        height: 100%;
        left: 1rem;
        z-index: 9
    }

        .videos-np .slick-prev.slick-arrow:before {
            content: "";
            font-family: "ibcountry";
            color: var(--black);
            font-size: 0
        }
}

.gallery {
    background: url(../images/non-premium/np-gallery-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    padding: 8rem 0;
    background-size: cover
}

@media screen and (min-width: 1601px) {
    .gallery {
        padding: 8rem 0
    }
}

@media screen and (max-width: 1600px) {
    .gallery {
        padding: 3rem 0
    }
}

@media screen and (max-width: 991.98px) {
    .gallery {
        padding: 3.5rem 0
    }
}

@media screen and (max-width: 575.98px) {
    .gallery {
        padding: 2rem 0 5rem
    }

        .gallery .title {
            padding: 2rem 0 2rem
        }
}

.gallery .title {
    color: var(--white)
}

.gallery .slick-slider {
    margin-left: -12%;
    margin-right: -12%
}

.gallery .non-premium-gallery {
    padding: 4rem 0 0
}

@media screen and (min-width: 1601px) {
    .gallery .non-premium-gallery {
        padding: 4rem 0 0
    }
}

@media screen and (max-width: 1600px) {
    .gallery .non-premium-gallery {
        padding: 2rem 0 0
    }
}

@media screen and (max-width: 991.98px) {
    .gallery .non-premium-gallery {
        padding: 2rem 0 0;
        margin: 0
    }
}

.gallery .experience_slide {
    border: 3px solid var(--white);
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -moz-border-radius: 3rem;
    box-shadow: var(--circle-shadow)
}

@media screen and (max-width: 575.98px) {
    .gallery .experience_slide {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        border: 2px solid var(--white)
    }
}

.gallery .slick-list {
    padding-top: 0% !important;
    padding-bottom: 3% !important;
    padding-left: 6.5% !important;
    padding-right: 6.5% !important
}

@media screen and (max-width: 991.98px) {
    .gallery .slick-list {
        padding-left: 8% !important;
        padding-right: 8% !important;
        padding-bottom: 5% !important
    }
}

.gallery .slick-dots {
    text-align: center;
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0
}

.gallery .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px
}

.gallery .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s,opacity 1s
}

.gallery .slick-snext, .gallery .slick-sprev {
    display: block
}

.gallery .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2
}

.gallery .slick-snext {
    opacity: 1;
    transform: translate3d(10%, 0, -10px);
    z-index: 1;
    perspective: 1000px
}

@media screen and (max-width: 991.98px) {
    .gallery .slick-snext {
        transform: translate3d(20%, 0, -20px)
    }
}

@media screen and (max-width: 575.98px) {
    .gallery .slick-snext {
        transform: translate3d(25%, 0, -30px)
    }
}

.gallery .slick-sprev {
    opacity: 1;
    transform: translate3d(-10%, 0, -10px)
}

@media screen and (max-width: 991.98px) {
    .gallery .slick-sprev {
        transform: translate3d(-20%, 0, -20px)
    }
}

@media screen and (max-width: 575.98px) {
    .gallery .slick-sprev {
        transform: translate3d(-25%, 0, -30px)
    }
}

.gallery .experience {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    height: 70vh
}

@media screen and (max-width: 1600px) {
    .gallery .experience {
        height: 65vh
    }
}

@media screen and (max-width: 575.98px) {
    .gallery .experience {
        height: 35.2rem
    }
}

.gallery .experience .img-class {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    max-width: 100%
}

.gallery .experience .experience-content {
    position: absolute;
    z-index: 1;
    bottom: 4.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: var(--white)
}

    .gallery .experience .experience-content h3 {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 700;
        color: var(--white)
    }

    .gallery .experience .experience-content p {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: var(--white);
        margin-bottom: 3rem
    }

@media screen and (min-width: 1601px) {
    .gallery .experience .experience-content h3 {
        font-size: 4.4rem;
        line-height: 4.8rem
    }

    .gallery .experience .experience-content p {
        font-size: 3rem;
        line-height: 3.4rem
    }
}

@media screen and (max-width: 991.98px) {
    .gallery .experience {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem
    }

        .gallery .experience .experience-content {
            left: 7%;
            right: 7%
        }

            .gallery .experience .experience-content h3 {
                font-size: 2.4rem;
                line-height: 2.8rem
            }

            .gallery .experience .experience-content p {
                font-size: 1.4rem;
                line-height: 1.8rem;
                font-weight: 400
            }
}

@media screen and (min-width: 1601px) {
    .gallery .experience {
        height: 64vh
    }
}

.gallery .experience:focus, .gallery .non-premium-gallery.slick-slide.slick-current.slick-active.slick-center:focus, .gallery .non-premium-gallery.slick-slide.slick-sprev:focus, .gallery .non-premium-gallery.slick-slide.slick-cloned.slick-sprev2:focus, .gallery .non-premium-gallery.slick-slide.slick-snext:focus, .gallery .non-premium-gallery.slick-slide.slick-snext2:focus {
    outline: none
}

.gallery .img-class {
    max-width: 100%
}

.gallery .slick-prev, .gallery .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: var(--primary-red);
    border: none;
    outline: none
}

.gallery .slick-next {
    right: -2rem
}

    .gallery .slick-next.slick-arrow {
        opacity: 1
    }

        .gallery .slick-next.slick-arrow:before {
            content: "";
            font-family: "ibcountry";
            font-size: 3rem;
            line-height: 3.4rem;
            font-weight: 500;
            color: var(--primary-blue)
        }

    .gallery .slick-next:before {
        font-weight: 500;
        opacity: 1
    }

.gallery .slick-prev {
    left: -20px
}

    .gallery .slick-prev.slick-arrow {
        opacity: 1
    }

        .gallery .slick-prev.slick-arrow:before {
            content: "";
            font-family: "ibcountry";
            font-size: 3rem;
            line-height: 3.4rem;
            font-weight: 500;
            color: var(--primary-blue)
        }

    .gallery .slick-prev:before {
        font-weight: 500;
        opacity: 1
    }

.gallery .slick-dots li {
    height: 3rem;
    width: 3rem
}

    .gallery .slick-dots li button {
        width: 3rem;
        height: 3rem
    }

        .gallery .slick-dots li button:before {
            color: var(--tvs-blue);
            font-size: 4rem;
            line-height: 2rem;
            opacity: 1
        }

    .gallery .slick-dots li.slick-active button {
        width: 3rem;
        height: 3rem
    }

        .gallery .slick-dots li.slick-active button:before {
            color: var(--grey-31);
            opacity: 1;
            font-size: 5rem
        }

.pagingInfoRev {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 700;
    color: var(--white);
    padding: 1rem;
    width: 100%
}

    .pagingInfoRev .counter {
        font-size: 3.4rem;
        line-height: 3.8rem;
        font-weight: 700;
        color: var(--white);
        padding: 0 .5rem
    }

    .pagingInfoRev .of {
        font-weight: 300;
        padding: 0 .75rem 0 0
    }

@media screen and (max-width: 991.98px) {
    .pagingInfoRev {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: 0
    }

        .pagingInfoRev .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

.read-more {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -5.5rem
}

.non-premium-specification-wrapper {
    padding: 8rem 0 10rem 0;
    position: relative;
    background: var(--section-bg);
    position: relative
}

@media screen and (max-width: 1600px) {
    .non-premium-specification-wrapper {
        padding: 4rem 0 1rem 0
    }
}

.non-premium-specification-wrapper:before {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.non-premium-specification-wrapper .container {
    position: relative
}

@media screen and (max-width: 575.98px) {
    .non-premium-specification-wrapper .container {
        padding: 0
    }
}

.non-premium-specification-wrapper .container-md {
    position: relative
}

@media screen and (max-width: 575.98px) {
    .non-premium-specification-wrapper .container-md {
        padding: 0
    }
}

.non-premium-specification-wrapper .specification-outer {
    max-width: 100%
}

@media screen and (min-width: 1601px) {
    .non-premium-specification-wrapper .specification-outer {
        max-width: 114rem;
        margin: 0 auto
    }
}

.non-premium-specification-wrapper .cards-wrapper {
    margin-left: -1rem;
    margin-right: -1rem
}

    .non-premium-specification-wrapper .cards-wrapper [class*=col-] {
        padding-left: 1rem;
        padding-right: 1rem
    }

.non-premium-specification-wrapper .specification-heading h1 {
    font-size: 3.6rem;
    line-height: 4rem;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 0rem;
    letter-spacing: .05rem
}

@media screen and (min-width: 1601px) {
    .non-premium-specification-wrapper .specification-heading h1 {
        font-size: 5.2rem;
        line-height: 5.6rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .specification-heading h1 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 600;
        color: var(--black)
    }
}

.non-premium-specification-wrapper .card-icon {
    margin-top: .5rem
}

    .non-premium-specification-wrapper .card-icon i {
        color: var(--white);
        font-size: 6.5rem;
        opacity: .7
    }

.non-premium-specification-wrapper .tabs-section {
    margin: 5.2rem auto 1rem;
    max-width: 119rem
}

    .non-premium-specification-wrapper .tabs-section .nav {
        justify-content: center
    }

@media screen and (max-width: 1600px) {
    .non-premium-specification-wrapper .tabs-section {
        margin: 3.5rem auto 2rem
    }
}

.non-premium-specification-wrapper .tabs-section .nav-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    align-content: stretch
}

@media screen and (max-width: 767.98px) {
    .non-premium-specification-wrapper .tabs-section .nav-item:last-child {
        padding-right: 2rem
    }
}

.non-premium-specification-wrapper .tabs-section .nav-item + .nav-item {
    margin-left: 2rem
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .tabs-section .nav-item + .nav-item {
        margin-left: 1.5rem
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-specification-wrapper .tabs-section .nav-item + .nav-item {
        margin-left: 2rem
    }
}

.non-premium-specification-wrapper .tabs-section .nav-link {
    font-size: 1.65rem;
    line-height: 2.05rem;
    font-weight: 600;
    color: var(--primary-blue);
    border-radius: 1rem;
    display: flex;
    height: 14.2rem;
    justify-content: flex-start;
    padding: 2rem 1rem 1.8rem 1rem;
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 14.2rem
}

@media screen and (max-width: 1600px) {
    .non-premium-specification-wrapper .tabs-section .nav-link {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--primary-blue);
        padding: 1.5rem 1rem;
        height: 13rem;
        width: 14rem
    }
}

@media screen and (max-width: 767.98px) {
    .non-premium-specification-wrapper .tabs-section .nav-link {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--primary-blue);
        height: 11.6rem;
        width: 11.6rem
    }
}

.non-premium-specification-wrapper .tabs-section .nav-link i {
    font-size: 4.5rem
}

@media screen and (max-width: 1600px) {
    .non-premium-specification-wrapper .tabs-section .nav-link i {
        font-size: 4rem
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-specification-wrapper .tabs-section .nav-link i {
        font-size: 4rem
    }
}

.non-premium-specification-wrapper .tabs-section .nav-link span {
    border-top: 0px solid var(--white);
    padding-top: 1rem;
    margin-top: 0rem
}

.non-premium-specification-wrapper .tabs-section .nav-link.active {
    color: var(--white);
    opacity: 100;
    border-radius: 2rem;
    border: 1px solid var(--primary-blue);
    border-radius: 1rem
}

    .non-premium-specification-wrapper .tabs-section .nav-link.active span {
        border-top: 0px solid var(--white)
    }

    .non-premium-specification-wrapper .tabs-section .nav-link.active:before {
        bottom: -2.6rem;
        content: "";
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 5.1rem;
        border: 2px solid var(--primary-blue);
        border-radius: 3rem;
        -webkit-border-radius: 3rem;
        -ms-border-radius: 3rem;
        -moz-border-radius: 3rem
    }

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .tabs-section .nav-link.active:before {
        bottom: -2rem;
        width: 3.1rem
    }
}

@media screen and (max-width: 575.98px) {
    .non-premium-specification-wrapper .tabs-section .nav-link.active:before {
        bottom: -2.2rem
    }
}

.non-premium-specification-wrapper .tabs-section .tab-content {
    max-width: 115rem;
    margin: 0 auto
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .tabs-section .tab-content {
        margin: 0 1.9rem
    }
}

.non-premium-specification-wrapper .tab-pane p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 0
}

.non-premium-specification-wrapper .tab-img-section {
    background: var(--white);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -moz-border-radius: 1rem;
    margin: 4.5rem auto 7rem;
    min-height: 58.2rem;
    padding: 6rem;
    position: relative;
    display: flex
}

@media screen and (max-width: 1600px) {
    .non-premium-specification-wrapper .tab-img-section {
        padding: 4rem;
        margin-bottom: 6rem;
        min-height: 47rem
    }
}

.non-premium-specification-wrapper .tab-img-section .d-flex {
    width: 100%
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .tab-img-section {
        margin-top: 0
    }
}

@media screen and (max-width: 767.98px) {
    .non-premium-specification-wrapper .tab-img-section {
        min-height: 50rem
    }
}

.non-premium-specification-wrapper .tab-img-section .left-content .content {
    display: flex
}

    .non-premium-specification-wrapper .tab-img-section .left-content .content span {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--black);
        position: relative;
        min-width: 21rem;
        display: inline-flex;
        padding: .5rem 0
    }

        .non-premium-specification-wrapper .tab-img-section .left-content .content span:first-child {
            max-width: 21rem
        }

        .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 400;
            color: var(--black);
            padding-left: 3.5rem
        }

            .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child:before {
                content: ":";
                position: absolute;
                left: .5rem;
                top: .4rem;
                font-size: 2rem;
                line-height: 2.4rem;
                font-weight: 600;
                color: var(--black)
            }

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child:before {
        font-size: 1.4rem;
        line-height: initial
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .tab-img-section .left-content .content span {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--black);
        width: 17rem;
        display: flex;
        flex-wrap: wrap;
        min-width: auto
    }

        .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child {
            font-size: 1.4rem;
            line-height: 1.8rem;
            font-weight: 400;
            color: var(--black);
            flex-wrap: wrap;
            padding-left: 2rem;
            width: 70%
        }
}

@media screen and (min-width: 1601px) {
    .non-premium-specification-wrapper .tab-img-section .left-content .content span {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 600;
        color: var(--black);
        line-height: initial
    }

        .non-premium-specification-wrapper .tab-img-section .left-content .content span:last-child {
            font-size: 2rem;
            line-height: 2.4rem;
            font-weight: 400;
            color: var(--black);
            line-height: initial
        }
}

.non-premium-specification-wrapper .tab-img-section .left-content .content + .content {
    margin: 1rem 0
}

.non-premium-specification-wrapper .left-content {
    width: 65%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
    padding-right: 3.5rem
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .left-content {
        padding: 0;
        width: 100%
    }
}

.non-premium-specification-wrapper .horizontal-img {
    display: flex;
    height: 46.2rem;
    justify-content: center;
    overflow: hidden;
    width: 42.4rem;
    flex: 0 0 42.4rem
}

@media screen and (max-width: 1600px) {
    .non-premium-specification-wrapper .horizontal-img {
        height: 100%;
        width: 40rem;
        flex: 0 0 40rem
    }
}

@media screen and (max-width: 1199.98px) {
    .non-premium-specification-wrapper .horizontal-img {
        width: 38rem;
        flex: 0 0 38rem
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .horizontal-img {
        display: none
    }
}

@media screen and (max-width: 1199.98px) {
    .non-premium-specification-wrapper .tabs-section {
        margin-top: 6rem
    }

        .non-premium-specification-wrapper .tabs-section .nav {
            flex-wrap: nowrap;
            justify-content: center;
            overflow-y: hidden;
            overflow-x: auto;
            padding-bottom: 2.5rem
        }
}

@media screen and (max-width: 991.98px) {
    .non-premium-specification-wrapper .heading h3 {
        font-size: 3rem;
        line-height: 3.4rem;
        margin-bottom: 2rem
    }

    .non-premium-specification-wrapper .heading .subheading {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 3.5rem
    }

    .non-premium-specification-wrapper .powerdby {
        margin-bottom: 4rem
    }

        .non-premium-specification-wrapper .powerdby img {
            max-height: 4rem
        }

    .non-premium-specification-wrapper .cards-wrapper {
        margin-left: 0;
        margin-right: 0
    }

        .non-premium-specification-wrapper .cards-wrapper [class*=col-] {
            padding-left: 0;
            padding-right: 0
        }

            .non-premium-specification-wrapper .cards-wrapper [class*=col-] + [class*=col-] {
                margin-top: 2.5rem
            }

    .non-premium-specification-wrapper .tabs-section {
        margin-top: 6rem
    }

        .non-premium-specification-wrapper .tabs-section .nav {
            flex-wrap: nowrap;
            justify-content: flex-start;
            overflow-y: hidden;
            overflow-x: auto;
            padding: 0 1.9rem 3rem 1.9rem
        }

        .non-premium-specification-wrapper .tabs-section .nav-item {
            text-align: left
        }

        .non-premium-specification-wrapper .tabs-section .nav-link {
            font-size: 1.65rem;
            line-height: 2.05rem
        }

            .non-premium-specification-wrapper .tabs-section .nav-link i {
                font-size: 4.5rem
            }

            .non-premium-specification-wrapper .tabs-section .nav-link span {
                padding-top: 0;
                margin-top: .5rem;
                font-size: 1.65rem;
                line-height: 2.05rem;
                font-weight: 600
            }

    .non-premium-specification-wrapper .tab-pane p {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
}

@media screen and (max-width: 767.98px) {
    .non-premium-specification-wrapper {
        padding: 3rem 0 6.5rem 0
    }

        .non-premium-specification-wrapper .inner-wrapper {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .non-premium-specification-wrapper .tabs-section {
            margin-left: 0;
            margin-right: 0;
            margin-top: 3rem
        }

            .non-premium-specification-wrapper .tabs-section .nav-link {
                display: flex
            }

            .non-premium-specification-wrapper .tabs-section .nav-link {
                font-size: 1.65rem;
                line-height: 2.05rem
            }

                .non-premium-specification-wrapper .tabs-section .nav-link i {
                    font-size: 3.5rem
                }

                .non-premium-specification-wrapper .tabs-section .nav-link span {
                    padding-top: 0;
                    margin-top: .5rem;
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                    font-weight: 600
                }

        .non-premium-specification-wrapper .left-img {
            padding-left: 7rem;
            padding-right: 7rem
        }

            .non-premium-specification-wrapper .left-img + .left-img {
                margin-top: 3rem
            }

        .non-premium-specification-wrapper .horizontal-img {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            margin-top: 3rem;
            display: none
        }

        .non-premium-specification-wrapper .tab-img-section {
            margin: 0;
            padding: 2rem 0 2rem 1.7rem
        }

            .non-premium-specification-wrapper .tab-img-section .content {
                display: flex
            }

        .non-premium-specification-wrapper .tab-img-section {
            margin: 8px 0 0 0;
            padding: 2rem 1.7rem 2rem 1.7rem;
            display: flex
        }

        .non-premium-specification-wrapper .tab-pane p {
            font-size: 1.2rem;
            line-height: 1.6rem;
            padding-left: 4rem;
            padding-right: 4rem
        }
}

.download {
    padding-top: 2rem
}

@media screen and (max-width: 1600px) {
    .download {
        padding-top: 0
    }
}

@media screen and (max-width: 767.98px) {
    .download {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column
    }
}

.download a.btn-rounded.btn-primary {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: var(--white);
    max-width: fit-content;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

@media screen and (max-width: 1600px) {
    .download a.btn-rounded.btn-primary {
        max-width: fit-content;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--white)
    }
}

@media screen and (max-width: 991.98px) {
    .download a.btn-rounded.btn-primary {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--white);
        min-width: fit-content;
        padding: 0 1rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.download a.btn-rounded.btn-primary:hover, .download a.btn-rounded.btn-primary:focus, .download a.btn-rounded.btn-primary:active, .download a.btn-rounded.btn-primary:not(:disabled):not(.disabled):active {
    border: solid 2px var(--primary-blue);
    box-shadow: var(--button-shadow);
    -webkit-box-shadow: var(--button-shadow);
    -ms-box-shadow: var(--button-shadow);
    -moz-box-shadow: var(--button-shadow);
    background: var(--White);
    color: var(--primary-blue)
}

.download a {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: var(--primary-blue);
    text-decoration: underline;
    display: flex;
    margin-top: 2rem
}

@media screen and (max-width: 1600px) {
    .download a {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 991.98px) {
    .download a {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 600;
        color: var(--primary-blue);
        text-align: center
    }
}

.download a:hover {
    text-decoration: none
}

.information {
    background-color: rgba(109,109,109,.1);
    position: absolute;
    bottom: 0;
    height: 7rem;
    width: 100%;
    z-index: 1
}

    .information p {
        color: rgba(255,255,255,.5);
        font-size: 2.2rem;
        font-weight: 500;
        text-align: center;
        padding: 1.5rem;
        opacity: 1;
        margin: 0
    }

@media screen and (max-width: 991.98px) {
    .information {
        height: auto
    }

        .information p {
            font-size: 1.4rem
        }
}

.pagingInfoFeatures {
    align-items: baseline;
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 700;
    color: var(--black);
    width: 100%
}

@media screen and (max-width: 1600px) {
    .pagingInfoFeatures {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 700;
        color: var(--black)
    }
}

.pagingInfoFeatures .counter {
    font-size: 3.4rem;
    line-height: 3.8rem;
    font-weight: 700;
    color: var(--primary-blue);
    padding: 0 .5rem
}

@media screen and (max-width: 1600px) {
    .pagingInfoFeatures .counter {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 700;
        color: #18407e
    }
}

.pagingInfoFeatures .of {
    font-weight: 300;
    padding: 0 .75rem 0 0
}

@media screen and (max-width: 991.98px) {
    .pagingInfoFeatures {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: 0
    }

        .pagingInfoFeatures .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

.features-bg {
    background: var(--section-bg);
    padding: 10rem 0
}

@media screen and (max-width: 1600px) {
    .features-bg {
        padding: 4rem 0
    }
}

@media screen and (min-width: 1601px) {
    .features-bg {
        padding: 10rem 0
    }
}

@media screen and (max-width: 991.98px) {
    .features-bg {
        padding: 4rem 0
    }
}

@media screen and (min-width: 1601px) {
    .features-bg .title {
        padding: 0
    }
}

@media screen and (max-width: 767.98px) {
    .features-bg .title {
        padding-top: 3rem;
        padding-bottom: 2rem;
        color: var(--black)
    }
}

.features-bg .nav-tabs {
    overflow: auto;
    flex-wrap: nowrap;
    margin: 0 auto 0;
    border: 0;
    min-height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1600px) {
    .features-bg .nav-tabs {
        align-items: flex-start;
        min-height: 9rem
    }
}

@media screen and (min-width: 1601px) {
    .features-bg .nav-tabs {
        width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .features-bg .nav-tabs {
        width: auto
    }
}

.features-bg .nav-tabs .nav-item {
    margin: 0
}

    .features-bg .nav-tabs .nav-item + .nav-item {
        margin: 0 0 0 10rem
    }

@media screen and (max-width: 1600px) {
    .features-bg .nav-tabs .nav-item + .nav-item {
        margin: 0 0 0 6rem
    }
}

@media screen and (max-width: 991.98px) {
    .features-bg .nav-tabs .nav-item + .nav-item {
        margin: 0 0 0 4.6rem
    }
}

@media screen and (max-width: 575.98px) {
    .features-bg .nav-tabs .nav-item:first-child {
        padding-left: 4.2rem
    }
}

@media screen and (max-width: 575.98px) {
    .features-bg .nav-tabs .nav-item:last-child {
        padding-right: 4rem
    }
}

.features-bg .nav-tabs .nav-link {
    font-size: 2.8rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: var(--font-blue);
    padding: 2rem 3rem;
    position: relative;
    border: 0;
    opacity: .6
}

@media screen and (max-width: 1600px) {
    .features-bg .nav-tabs .nav-link {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 400;
        color: var(--font-blue)
    }
}

.features-bg .nav-tabs .nav-link:before {
    content: "";
    width: 3rem;
    height: .4rem;
    background: var(--red-border);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    -webkit-transform: translateX(-50%) scaleX(0);
    -moz-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transition: 200ms linear 0s;
    -webkit-transition: 200ms linear 0s;
    -moz-transition: 200ms linear 0s;
    -ms-transition: 200ms linear 0s;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -moz-border-radius: 4rem
}

@media screen and (max-width: 1600px) {
    .features-bg .nav-tabs .nav-link:before {
        bottom: .7rem
    }
}

@media screen and (max-width: 991.98px) {
    .features-bg .nav-tabs .nav-link:before {
        width: 2rem
    }
}

.features-bg .nav-tabs .nav-link.active {
    background: none;
    font-size: 3.2rem;
    line-height: 3.6rem;
    font-weight: 600;
    color: var(--primary-blue);
    border-color: transparent;
    opacity: 1
}

@media screen and (max-width: 1600px) {
    .features-bg .nav-tabs .nav-link.active {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 600;
        color: var(--primary-blue)
    }
}

.features-bg .nav-tabs .nav-link.active:before {
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1)
}

@media screen and (min-width: 1601px) {
    .features-bg .nav-tabs .nav-link {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 400;
        color: var(--font-blue);
        padding: 1rem 4rem
    }

        .features-bg .nav-tabs .nav-link.active {
            font-size: 3.2rem;
            line-height: 3.6rem;
            font-weight: 600;
            color: var(--primary-blue)
        }
}

.features-bg .tab-content .hlx-es-tabs-content {
    background: var(--white);
    border-radius: 20;
    padding: 1rem 2rem;
    position: relative;
    margin: -3rem auto -5rem;
    max-width: 85rem;
    z-index: 11111;
    box-shadow: 0px 6px 25.7px 6.3px rgba(0,0,0,.1)
}

@media screen and (max-width: 991.98px) {
    .features-bg .tab-content .hlx-es-tabs-content {
        padding: 1rem 0;
        margin: -2.5rem 1rem -5rem;
        border-radius: 2rem
    }
}

@media screen and (max-width: 991.98px) {
    .features-bg .nav-tabs {
        margin: 0;
        min-height: 4rem
    }
}

@media screen and (max-width: 991.98px)and (max-width: 575.98px) {
    .features-bg .nav-tabs {
        min-height: 4.5rem;
        justify-content: flex-start
    }
}

@media screen and (max-width: 991.98px) {
    .features-bg .nav-tabs .nav-link {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 400;
        color: var(--font-blue);
        padding: 0;
        text-align: center
    }

        .features-bg .nav-tabs .nav-link:before {
            top: 3rem
        }

        .features-bg .nav-tabs .nav-link.active {
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 600;
            color: var(--primary-blue)
        }
}

@media screen and (max-width: 575.98px) {
    .features-bg .container {
        padding: 0
    }
}

@media screen and (max-width: 575.98px) {
    .features-bg .container-md {
        padding: 0
    }
}

.feature-wrapper {
    position: relative
}

@media screen and (max-width: 575.98px) {
    .feature-wrapper .non-premium-features .slick-slide, .feature-wrapper .non-premium-features .slick-slide[aria-hidden=false]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=false] {
        transform: scale(0.9, 0.9);
        transition: transform .3s;
        vertical-align: top
    }

        .feature-wrapper .non-premium-features .slick-center, .feature-wrapper .non-premium-features .slick-center.slick-current.slick-active, .feature-wrapper .non-premium-features .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
            transform: scale(1, 1);
            transition: transform .3s;
            transform-origin: top center
        }
}

@media screen and (max-width: 575.98px) {
    .feature-wrapper .container {
        padding: 0
    }
}

@media screen and (max-width: 575.98px) {
    .feature-wrapper .container-md {
        padding: 0
    }
}

.feature-wrapper h1 {
    font-size: 3.6rem;
    line-height: 4rem;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 0
}

@media screen and (min-width: 1601px) {
    .feature-wrapper h1 {
        font-size: 5.2rem;
        line-height: 5.6rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 991.98px) {
    .feature-wrapper h1 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        font-weight: 600;
        color: var(--black);
        padding: 2rem 0 0
    }
}

.feature-wrapper .section ul.slick-dots {
    bottom: -2rem
}

    .feature-wrapper .section ul.slick-dots li {
        position: relative;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        margin: 0 .5rem;
        padding: 0;
        cursor: pointer
    }

        .feature-wrapper .section ul.slick-dots li button {
            width: 1.25rem;
            height: 1.25rem;
            background: transparent
        }

            .feature-wrapper .section ul.slick-dots li button:before {
                color: #adadad;
                opacity: .6;
                font-size: 4rem;
                line-height: 2rem
            }

        .feature-wrapper .section ul.slick-dots li.slick-active button:before {
            color: #18407e;
            opacity: 1;
            font-size: 5rem
        }

@media screen and (min-width: 1601px) {
    .feature-wrapper .section ul.slick-dots li {
        width: 3.5rem;
        margin: 0
    }
}

@media screen and (min-width: 1601px) {
    .feature-wrapper .pagingInfoFeatures {
        margin-top: 4rem
    }
}

@media screen and (max-width: 1600px) {
    .feature-wrapper .pagingInfoFeatures {
        margin-top: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .feature-wrapper .pagingInfoFeatures {
        margin-top: 0
    }
}

.non-premium-features .slick-next {
    z-index: 10;
    background-color: transparent;
    right: 0;
    width: 3rem;
    height: 3rem
}

    .non-premium-features .slick-next.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 500;
        color: var(--primary-blue);
        opacity: 1
    }

@media screen and (min-width: 1366px) {
    .non-premium-features .slick-next.slick-arrow:before {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-features .slick-next.slick-arrow:before {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .slick-next.slick-arrow:before {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1366px) {
    .non-premium-features .slick-next {
        right: -3rem
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-features .slick-next {
        right: -12rem
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .slick-next {
        right: -4rem
    }
}

.non-premium-features .slick-prev.slick-arrow {
    z-index: 10;
    background-color: transparent;
    left: 0;
    width: 3rem;
    height: 3rem
}

    .non-premium-features .slick-prev.slick-arrow:before {
        content: "";
        font-family: "ibcountry";
        opacity: 1;
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 500;
        color: var(--primary-blue)
    }

@media screen and (min-width: 1366px) {
    .non-premium-features .slick-prev.slick-arrow:before {
        font-size: 2.6rem;
        line-height: 3rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-features .slick-prev.slick-arrow:before {
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .slick-prev.slick-arrow:before {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--primary-blue)
    }
}

@media screen and (min-width: 1366px) {
    .non-premium-features .slick-prev.slick-arrow {
        left: -3rem
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-features .slick-prev.slick-arrow {
        left: -12rem
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .slick-prev.slick-arrow {
        left: -4rem
    }
}

.non-premium-features .box {
    position: relative;
    padding: 1.8rem;
    height: auto;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -moz-border-radius: 3rem;
    overflow: hidden
}

@media screen and (min-width: 1601px) {
    .non-premium-features .box {
        height: 50rem;
        border-radius: 4rem;
        -webkit-border-radius: 4rem;
        -ms-border-radius: 4rem;
        -moz-border-radius: 4rem
    }
}

@media screen and (max-width: 1600px) {
    .non-premium-features .box {
        height: auto
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .box {
        padding: .9rem;
        margin: 2.5rem 0;
        min-height: 40.7rem;
        overflow: hidden;
        background: var(--white);
        box-shadow: var(--card-shadow);
        -webkit-box-shadow: var(--card-shadow);
        -ms-box-shadow: var(--card-shadow);
        -moz-box-shadow: var(--card-shadow);
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .non-premium-features .box {
        height: auto;
        min-height: 40.7rem;
        margin: 2rem 0 1rem;
        box-shadow: 0 0 10px 8px rgba(0,0,0,.05)
    }
}

.non-premium-features .test-component {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -moz-border-radius: 2rem;
    padding: 1.8rem
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-component {
        margin: 0;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width: 575.98px) {
    .non-premium-features .test-component {
        height: auto
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-features .test-component {
        width: 90%;
        margin: 0 auto;
        border-radius: 4rem;
        -webkit-border-radius: 4rem;
        -ms-border-radius: 4rem;
        -moz-border-radius: 4rem;
        padding: 1.8rem;
        box-shadow: 0 0 20px 5px rgba(0,0,0,.05)
    }
}

.non-premium-features .test-component .image {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -moz-border-radius: 2rem;
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    margin: 0;
    object-fit: cover;
    overflow: hidden
}

@media screen and (min-width: 1601px) {
    .non-premium-features .test-component .image {
        border-radius: 3rem;
        -webkit-border-radius: 3rem;
        -ms-border-radius: 3rem;
        -moz-border-radius: 3rem;
        width: 43rem;
        flex: 0 0 43rem
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-features .test-component .image .img-fluid {
        border-radius: 3rem;
        -webkit-border-radius: 3rem;
        -ms-border-radius: 3rem;
        -moz-border-radius: 3rem
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-component .image {
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -moz-border-radius: 1rem;
        align-items: initial;
        flex-direction: column;
        width: 100%;
        height: 50%
    }
}

@media screen and (max-width: 575.98px) {
    .non-premium-features .test-component .image {
        flex: 0 0 18.6rem
    }
}

.non-premium-features .test-component .feature-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 3.5rem 0 4.9rem;
    width: 57%;
    flex: 0 0 57%
}

@media screen and (max-width: 1600px) {
    .non-premium-features .test-component .feature-content {
        width: 62%;
        flex: 0 0 62%
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-component .feature-content {
        justify-content: flex-start;
        padding: 0;
        width: 100%
    }
}

.non-premium-features .test-component .feature-img {
    display: flex;
    flex: 0 0 auto
}

@media screen and (max-width: 1600px) {
    .non-premium-features .test-component .feature-img {
        align-items: flex-start;
        display: flex;
        height: 100%;
        justify-content: flex-start;
        overflow: hidden;
        width: 38%
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-component .feature-img {
        display: none
    }
}

.non-premium-features .test-component .feature-img-mobile {
    display: none
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-component .feature-img-mobile {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden
    }
}

@media screen and (max-width: 767.98px) {
    .non-premium-features .test-component .feature-img-mobile .image {
        height: 18.67rem
    }
}

.non-premium-features .test-title {
    color: var(--grey-1);
    text-align: left;
    margin-top: 0;
    margin-bottom: .5rem
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-title {
        margin-top: 0;
        margin-bottom: 0;
        text-align: center
    }
}

.non-premium-features .test-title h4 {
    margin: 0 0 2rem 0;
    text-transform: capitalize;
    letter-spacing: .1px
}

@media screen and (min-width: 1601px) {
    .non-premium-features .test-title h4 {
        font-size: 4.25rem;
        line-height: 4.65rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 1600px) {
    .non-premium-features .test-title h4 {
        font-size: 3.5rem;
        line-height: 3.9rem;
        font-weight: 600;
        color: var(--black)
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-title h4 {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: var(--black);
        margin: 1.8rem 0 1rem 0
    }
}

.non-premium-features .test-content {
    text-align: left
}

@media screen and (min-width: 1601px) {
    .non-premium-features .test-content {
        font-size: 2.8rem;
        line-height: 3.2rem;
        font-weight: 400;
        color: var(--black)
    }
}

@media screen and (max-width: 1600px) {
    .non-premium-features .test-content {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: var(--black)
    }
}

@media screen and (max-width: 991.98px) {
    .non-premium-features .test-content {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 400;
        color: var(--black);
        text-align: center
    }
}

.non-premium-features .test-content p {
    margin: 0
}

.non-premium-features.slick-slider {
    padding: 0 5% 0 5%
}

@media screen and (max-width: 991.98px) {
    .non-premium-features.slick-slider {
        padding: 0
    }
}

@media screen and (max-width: 1600px) {
    .non-premium-features.slick-slider {
        max-width: 100rem;
        margin: 0 auto
    }
}

@media screen and (min-width: 1601px) {
    .non-premium-features.slick-slider {
        padding: 0%
    }
}

.pagingInfoMotor {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 700;
    color: #000;
    width: 100%;
    padding-top: 0rem
}

    .pagingInfoMotor .counter {
        font-size: 3.4rem;
        line-height: 3.8rem;
        font-weight: 700;
        color: #18407e;
        padding: 0 .5rem
    }

    .pagingInfoMotor .of {
        font-weight: 300;
        padding: 0 .75rem 0 0
    }

@media screen and (max-width: 991.98px) {
    .pagingInfoMotor {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 0rem 1rem
    }

        .pagingInfoMotor .counter {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

.mcd-outer {
    align-items: center;
    display: flex;
    height: 55vh;
    justify-content: space-between;
    margin-top: -9rem;
    top: 0;
    z-index: -1;
    overflow: hidden
}

@media screen and (max-width: 1199.98px) {
    .mcd-outer {
        height: 40rem;
        margin-top: -6rem
    }
}

@media screen and (min-width: 1366px) {
    .mcd-outer {
        height: 50rem;
        margin-top: -13rem
    }
}

@media screen and (max-width: 1600px) {
    .mcd-outer {
        height: 45rem
    }
}

@media screen and (min-width: 1601px) {
    .mcd-outer {
        height: 65rem
    }
}

@media screen and (max-width: 991.98px) {
    .mcd-outer {
        align-items: center;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        margin-top: 0;
        z-index: 2;
        height: auto
    }
}

@media screen and (max-width: 575.98px) {
    .mcd-outer {
        height: auto
    }
}

.mcd-outer .overview-slider {
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0;
    width: 100%
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overview-slider {
        flex-wrap: nowrap;
        display: -webkit-box;
        visibility: visible
    }
}

.mcd-outer .overview-slider .slick-slide > div {
    display: flex;
    height: 100%
}

.mcd-outer .overview-slider .slick-slide {
    position: relative
}

    .mcd-outer .overview-slider .slick-slide img {
        display: block;
        height: 100vh;
        width: 100%
    }

@media screen and (max-width: 767.98px) {
    .mcd-outer .overview-slider .slick-slide img {
        height: 100%;
        object-fit: cover
    }
}

.mcd-outer .overview-slider .slick-slide:before {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1
}

.mcd-outer .overview-slider .slick-track .slick-slide:first-child:before {
    background: rgba(230,45,56,.7)
}

.mcd-outer .overview-slider .slick-track .slick-slide:nth-child(2):before {
    background: rgba(0,0,0,.75)
}

.mcd-outer .overview-slider .slick-track .slick-slide:last-child:before {
    background: rgba(24,64,126,.85)
}

.mcd-outer .overview-slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 100%
}

.mcd-outer .overview-slider .slick-track {
    height: 100%;
    width: 100%
}

.mcd-outer .overlay-slide {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    transform: skew(-8deg, 0deg) scale(1.2);
    width: 100%
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overlay-slide {
        transform: inherit
    }
}

.mcd-outer .overlay-slide:before {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 3
}

.mcd-outer .overlay-slide:first-child:before {
    background: rgba(230,45,56,.7)
}

.mcd-outer .overlay-slide:first-child section {
    transform: translate(-45%, -40%) skew(8deg, 0deg) translate(-40px, 0)
}

@media screen and (min-width: 1366px) {
    .mcd-outer .overlay-slide:first-child section {
        transform: translate(-60%, -35%) skew(8deg, 0) translate(0, 0)
    }
}

@media screen and (max-width: 1600px) {
    .mcd-outer .overlay-slide:first-child section {
        transform: translate(-60%, -20%) skew(8deg, 0) translate(0, 0)
    }
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overlay-slide:first-child section {
        transform: translate(-50%, -70%) skew(0, 0) translate(0, 0)
    }
}

.mcd-outer .overlay-slide:nth-child(2):before {
    background: rgba(0,0,0,.75)
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overlay-slide:nth-child(2):before {
        display: none
    }
}

.mcd-outer .overlay-slide:last-child:before {
    background: rgba(24,64,126,.85)
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overlay-slide:last-child:before {
        display: none
    }
}

.mcd-outer .overlay-slide:last-child section {
    transform: translate(-26%, -40%) skew(8deg, 0) translate(-40px, 0)
}

@media screen and (min-width: 1366px) {
    .mcd-outer .overlay-slide:last-child section {
        transform: translate(-44%, -35%) skew(8deg, 0) translate(0, 0)
    }
}

@media screen and (max-width: 1600px) {
    .mcd-outer .overlay-slide:last-child section {
        transform: translate(-26%, -20%) skew(8deg, 0) translate(-40px, 0)
    }
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overlay-slide:last-child section {
        transform: translate(-44%, -70%) skew(0, 0) translate(0, 0)
    }
}

@media screen and (max-width: 575.98px) {
    .mcd-outer .overlay-slide:last-child section {
        transform: translate(-50%, -70%) skew(0, 0) translate(0, 0);
        min-width: 75%
    }
}

.mcd-outer .overlay-slide section {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -40%) skew(8deg, 0) translate(-40px, 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 5
}

@media screen and (min-width: 1366px) {
    .mcd-outer .overlay-slide section {
        transform: translate(-50%, -35%) skew(8deg, 0) translate(0, 0);
        width: 60%
    }
}

@media screen and (max-width: 1600px) {
    .mcd-outer .overlay-slide section {
        transform: translate(-50%, -20%) skew(8deg, 0) translate(0, 0);
        width: 60%
    }
}

@media screen and (max-width: 1600px) {
    .mcd-outer .overlay-slide section {
        transform: translate(-50%, -20%) skew(8deg, 0) translate(0, 0);
        width: 55%
    }
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overlay-slide section {
        transform: translate(-50%, -70%) skew(0, 0) translate(0, 0)
    }
}

@media screen and (max-width: 767.98px) {
    .mcd-outer .overlay-slide section {
        transform: translate(-50%, -70%) skew(0, 0) translate(0, 0);
        width: 70%
    }
}

@media screen and (max-width: 575.98px) {
    .mcd-outer .overlay-slide section {
        min-width: 85%;
        top: 50%;
        width: auto
    }
}

.mcd-outer .overlay-slide label {
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: var(--white);
    margin: 0;
    z-index: 1
}

@media screen and (min-width: 1366px) {
    .mcd-outer .overlay-slide label {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 600;
        color: var(--white);
        min-height: 5rem
    }
}

@media screen and (min-width: 1601px) {
    .mcd-outer .overlay-slide label {
        font-size: 3.5rem;
        line-height: 3.9rem;
        font-weight: 600;
        color: var(--white)
    }
}

.mcd-outer .overlay-slide p {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 300;
    color: var(--white);
    margin: 1.5rem 2rem 0 2rem;
    line-height: initial;
    text-align: center;
    z-index: 1
}

@media screen and (max-width: 1199.98px) {
    .mcd-outer .overlay-slide p {
        margin: 2.5rem 1rem 0 1rem
    }
}

@media screen and (min-width: 1366px) {
    .mcd-outer .overlay-slide p {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: 300;
        color: var(--white)
    }
}

@media screen and (max-width: 1600px) {
    .mcd-outer .overlay-slide p {
        min-height: 12rem
    }
}

@media screen and (min-width: 1601px) {
    .mcd-outer .overlay-slide p {
        font-size: 2.5rem;
        line-height: 2.9rem;
        font-weight: 400;
        color: var(--white);
        min-height: 12rem
    }
}

@media screen and (max-width: 991.98px) {
    .mcd-outer .overlay-slide p {
        min-height: auto;
        margin: 1rem 2rem 0 2rem
    }
}

.mcd-outer .overview-slider .overlay-slide:first-child {
    width: 100%
}

.mcd-outer .overview-slider .overlay-slide:nth-child(2) {
    width: 80%;
    z-index: 1
}

.mcd-outer .overview-slider .overlay-slide:last-child {
    width: 100%
}

.mcd-outer .sticky-header-main {
    height: 5rem;
    pointer-events: none;
    position: absolute;
    top: 3rem;
    width: 100%
}

@media screen and (max-width: 575.98px) {
    .mcd-outer .sticky-header-main {
        top: -8rem
    }
}

.overview-slider .slick-dots li {
    margin: 0 .25rem;
    height: 6px;
    width: 6px
}

    .overview-slider .slick-dots li button {
        height: 14px;
        width: 14px
    }

@media screen and (max-width: 767.98px) {
    .overview-slider .slick-dots li button {
        height: 6px;
        width: 6px
    }
}

.overview-slider .slick-dots li button:before {
    color: var(--white);
    font-size: 2.2rem;
    height: 6px;
    line-height: 1.1rem;
    opacity: .4;
    width: 6px
}

.overview-slider .slick-dots li button:hover:before {
    opacity: .4
}

.overview-slider .slick-dots li button:focus:before {
    opacity: .4
}

.overview-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--white);
    height: 6px;
    width: 6px
}

.overview-slider .slick-dots li + li {
    margin-left: .6rem
}

@media screen and (max-width: 991.98px) {
    .overview-slider .slick-dots {
        bottom: 2rem;
        left: 0
    }
}

@media screen and (max-width: 575.98px) {
    .overview-slider .slick-dots {
        bottom: 1.7rem
    }
}

.overview-slider button.slick-prev.slick-arrow.slick-disabled, .overview-slider button.slick-next.slick-arrow.slick-disabled {
    opacity: .5
}

.overview-slider .slick-next {
    z-index: 10;
    background-color: transparent;
    right: 2rem;
    width: 3rem;
    height: 3rem
}

@media screen and (max-width: 575.98px) {
    .overview-slider .slick-next {
        right: 1.1rem
    }
}

.overview-slider .slick-next.slick-arrow:before {
    content: "";
    font-family: "ibcountry";
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--white);
    opacity: 1
}

.overview-slider .slick-prev.slick-arrow {
    z-index: 10;
    background-color: transparent;
    left: 2rem;
    width: 3rem;
    height: 3rem
}

@media screen and (max-width: 575.98px) {
    .overview-slider .slick-prev.slick-arrow {
        left: 1.1rem
    }
}

.overview-slider .slick-prev.slick-arrow:before {
    content: "";
    font-family: "ibcountry";
    opacity: 1;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--white)
}

.overview-slider .overview-bike {
    display: block;
    transform: skew(0deg, 0deg) scale(1);
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width: 991.98px) {
    .overview-slider .overview-bike {
        max-width: 100%;
        display: none
    }
}

.overview-slider .overview-bike img {
    transform: skew(7deg, 0deg) scale(1.15)
}

.overview-slider .overview-bike-mobile {
    display: none
}

@media screen and (max-width: 991.98px) {
    .overview-slider .overview-bike-mobile {
        display: block;
        max-width: 100%;
        overflow: hidden
    }
}

@media screen and (max-width: 991.98px) {
    .premium-sticky-header {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -moz-border-radius: 2rem;
        padding-bottom: 0;
        transform: none;
        margin-top: 1.3rem
    }
}

@media screen and (max-width: 991.98px) {
    .premium-sticky-header + .mcd-outer {
        top: 1.3rem
    }
}

.colors-view {
    background: url("../images/non-premium/colors/non premium_vr_web.jpg");
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: cover;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: flex-start;
    padding-top: 5rem
}

@media screen and (min-width: 1601px) {
    .colors-view {
        padding-bottom: 5rem
    }
}

@media screen and (max-width: 1600px) {
    .colors-view {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.colors-view .title {
    color: var(--white)
}

.colors-view .tab-content {
    max-width: 70rem;
    min-height: 32vw
}

@media screen and (max-width: 1600px) {
    .colors-view .tab-content {
        max-width: 48rem;
        min-height: 29vw
    }
}

.colors-view .tab-content .color-varient-name {
    display: none
}

@media screen and (max-width: 991.98px) {
    .colors-view {
        background: url("../images/non-premium/colors/non premium_vr_mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        height: 100%;
        padding-top: 2.6rem
    }

        .colors-view .tab-content {
            max-width: 50rem
        }
}

@media screen and (max-width: 767.98px) {
    .colors-view {
        background: url("../images/non-premium/colors/non premium_vr_mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        height: 100%;
        padding-top: 3rem;
        padding-bottom: 3rem
    }

        .colors-view .tab-content {
            max-width: 70rem;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }
}

@media screen and (min-width: 1601px) {
    .colors-view .tab-content {
        max-width: 78rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0;
        text-align: center
    }
}

@media screen and (max-width: 575.98px) {
    .colors-view {
        background: url("../images/non-premium/colors/non premium_vr_mobile.jpg");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        height: 100%
    }

        .colors-view .tab-content {
            max-width: 30rem;
            height: 55vh;
            display: flex;
            align-items: center;
            justify-content: center
        }
}

.colors-view .tab-content {
    display: flex
}

    .colors-view .tab-content > .tab-pane {
        visibility: hidden;
        width: 100%
    }

    .colors-view .tab-content > .active {
        visibility: visible
    }

    .colors-view .tab-content.multi-color-varient .tab-pane {
        max-width: 100%
    }

        .colors-view .tab-content.multi-color-varient .tab-pane .color-varient-name {
            display: block;
            font-size: 36px;
            line-height: 18px;
            letter-spacing: 1.8px;
            font-weight: bold;
            padding-bottom: 31px;
            position: relative;
            max-width: 468px;
            margin: 0 auto;
            color: #fff;
            text-align: center
        }

@media screen and (max-width: 1600px) {
    .colors-view .tab-content.multi-color-varient .tab-pane .color-varient-name {
        font-size: 28px;
        line-height: 14px;
        letter-spacing: 1.4px
    }
}

@media screen and (max-width: 991.98px) {
    .colors-view .tab-content.multi-color-varient .tab-pane .color-varient-name {
        font-size: 28px;
        line-height: 14px;
        letter-spacing: 1.4px
    }
}

@media screen and (max-width: 767.98px) {
    .colors-view .tab-content.multi-color-varient .tab-pane .color-varient-name {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: .8px;
        padding-bottom: 18px;
        margin-top: 40px
    }
}

.colors-view .tab-content.multi-color-varient .tab-pane .color-varient-name::after {
    content: "";
    width: 100%;
    height: 4px;
    background-image: radial-gradient(#e1dfe0 20%, rgba(225, 223, 224, 0.0588235294) 80%);
    position: absolute;
    bottom: 0px;
    left: 0px
}

@media screen and (max-width: 991.98px) {
    .colors-view .tab-content.multi-color-varient .tab-pane .color-varient-name::after {
        height: 3px
    }
}

.tab-color {
    display: flex;
    justify-content: center
}

    .tab-color .nav.nav-pills .nav-item {
        margin-bottom: 3rem
    }

@media screen and (max-width: 1600px) {
    .tab-color .nav.nav-pills .nav-item {
        margin: 0 0 2.4rem 0
    }
}

@media screen and (max-width: 991.98px) {
    .tab-color .nav.nav-pills .nav-item {
        margin-bottom: 6.1rem
    }
}

@media screen and (max-width: 991.98px) {
    .tab-color .nav.nav-pills .nav-item {
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 575.98px) {
    .tab-color .nav.nav-pills .nav-item {
        margin-bottom: 4rem;
        margin-top: -2rem
    }
}

.tab-color .nav.nav-pills .nav-item span {
    display: none
}

.tab-color .nav.nav-pills .nav-item .nav-link {
    background: var(--vr-blue-start);
    background: -moz-linear-gradient(90deg, var(--vr-blue-end) 0%, var(--vr-blue-start) 100%);
    background: -webkit-linear-gradient(90deg, var(--vr-blue-end) 0%, var(--vr-blue-start) 100%);
    background: linear-gradient(90deg, var(--vr-blue-end) 0%, var(--vr-blue-start) 100%);
    width: 5.2rem;
    height: 2.8rem;
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -moz-border-radius: .6rem;
    margin: 2rem 5rem 1.5rem;
    position: relative
}

@media screen and (max-width: 1600px) {
    .tab-color .nav.nav-pills .nav-item .nav-link {
        height: 2.2rem;
        width: 4.2rem
    }
}

.tab-color .nav.nav-pills .nav-item .nav-link.gold {
    background: var(--vr-gold-1);
    background: -moz-linear-gradient(90deg, var(--vr-gold-1) 0%, var(--vr-gold-2) 49%, var(--vr-gold-1) 100%);
    background: -webkit-linear-gradient(90deg, var(--vr-gold-1) 0%, var(--vr-gold-2) 49%, var(--vr-gold-1) 100%);
    background: linear-gradient(90deg, var(--vr-gold-1) 0%, var(--vr-gold-2) 49%, var(--vr-gold-1) 100%)
}

.tab-color .nav.nav-pills .nav-item .nav-link.active:before {
    content: "";
    border: 2px solid var(--white);
    width: 6.4rem;
    height: 4rem;
    left: 50%;
    right: 0;
    top: 50%;
    position: absolute;
    border-radius: 1rem;
    content: "";
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1600px) {
    .tab-color .nav.nav-pills .nav-item .nav-link.active:before {
        height: 3.2rem;
        width: 5.2rem
    }
}

.tab-color .nav.nav-pills .nav-item .nav-link + span {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 500;
    color: var(--white-light);
    display: flex;
    justify-content: center
}

@media screen and (max-width: 1600px) {
    .tab-color .nav.nav-pills .nav-item .nav-link + span {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: var(--white-light)
    }
}

@media screen and (max-width: 991.98px) {
    .tab-color .nav.nav-pills .nav-item .nav-link + span {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        color: var(--white-light)
    }
}

@media screen and (max-width: 991.98px) {
    .tab-color .nav.nav-pills .nav-item .nav-link {
        width: 3.4rem;
        height: 1.8rem;
        border-radius: .3rem;
        -webkit-border-radius: .3rem;
        -ms-border-radius: .3rem;
        -moz-border-radius: .3rem;
        margin: 2rem 3.5rem 1.5rem
    }

        .tab-color .nav.nav-pills .nav-item .nav-link.active:before {
            border-radius: .6rem;
            border: 1px solid var(--white);
            content: "";
            height: 2.6rem;
            left: 50%;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 4.2rem
        }
}

@media screen and (max-width: 575.98px) {
    .tab-color.multi-color-varient .nav.nav-pills .nav-item {
        margin-top: -2.5rem
    }
}

.tab-color.multi-color-varient .nav.nav-pills .nav-item .nav-link {
    width: 6.75rem;
    height: 6.75rem;
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -moz-border-radius: .6rem;
    margin: 4rem 2.8rem 1.5rem;
    position: relative
}

@media screen and (max-width: 1600px) {
    .tab-color.multi-color-varient .nav.nav-pills .nav-item .nav-link {
        height: 4.2rem;
        width: 4.2rem;
        margin: 4rem 2rem 1.5rem
    }
}

@media screen and (max-width: 991.98px) {
    .tab-color.multi-color-varient .nav.nav-pills .nav-item .nav-link {
        height: 4.2rem;
        width: 4.2rem;
        margin: 4rem 2rem 1.5rem
    }
}

@media screen and (max-width: 767.98px) {
    .tab-color.multi-color-varient .nav.nav-pills .nav-item .nav-link {
        height: 3.4rem;
        width: 3.4rem;
        margin: 2rem 1rem 1.5rem
    }
}

.tab-color.multi-color-varient .nav.nav-pills .nav-item .nav-link.active:before {
    width: 8.7rem;
    height: 8.7rem
}

@media screen and (max-width: 1600px) {
    .tab-color.multi-color-varient .nav.nav-pills .nav-item .nav-link.active:before {
        height: 5.2rem;
        width: 5.2rem
    }
}

@media screen and (max-width: 767.98px) {
    .tab-color.multi-color-varient .nav.nav-pills .nav-item .nav-link.active:before {
        height: 4.2rem !important;
        width: 4.2rem !important
    }
}

.tab-color.multi-color-varient .nav.nav-pills .nav-item span {
    display: none !important
}

.colors-outer {
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 500;
    color: var(--white-rgb);
    align-items: center;
    background: rgba(255,255,255,.1);
    bottom: 0;
    display: flex;
    height: 6.3rem;
    justify-content: center;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .colors-outer {
        height: 4.5rem;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 500;
        color: var(--white-rgb)
    }
}

@media screen and (max-width: 575.98px) {
    .colors-outer {
        height: auto;
        min-height: 5.3rem;
        padding: .8rem 1rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 500;
        color: var(--white-rgb)
    }
}

.colors-outer .container {
    text-align: center
}
/*# sourceMappingURL=main.css.map */