@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
@font-face {
    font-family: "fl-custom-icon-font";
    src: url("../fonts/fl-custom-icon-font.eot?47884587");
    src: url("../fonts/fl-custom-icon-font.eot?47884587#iefix")
            format("embedded-opentype"),
        url("../fonts/fl-custom-icon-font.woff2?47884587") format("woff2"),
        url("../fonts/fl-custom-icon-font.woff?47884587") format("woff"),
        url("../fonts/fl-custom-icon-font.ttf?47884587") format("truetype"),
        url("../fonts/fl-custom-icon-font.svg?47884587#fl-custom-icon-font")
            format("svg");
    font-weight: 400;
    font-style: normal;
}
:root {
    --primary: #0379a8;
    --secondary: #191f23;
    --lightGray: #eee;
    --textGray: #848484;
}
a {
    text-decoration: none;
}

[class^="fl-custom-icon-"]:before,
[class*=" fl-custom-icon-"]:before {
    font-family: "fl-custom-icon-font";
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "ServiceIcons";
    src: url("../fonts/homeservicepanelicons.eot");
    src: url("../fonts/homeservicepanelicons.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/homeservicepanelicons.woff2") format("woff2"),
        url("../fonts/homeservicepanelicons.woff") format("woff"),
        url("../fonts/homeservicepanelicons.ttf") format("truetype"),
        url("../fonts/homeservicepanelicons.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: ServiceIcons;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
* {
    outline: none;
}
html,
body {
    overflow-x: hidden;
}
body {
    font-family: "Montserrat", sans-serif;
    color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
button:focus {
    outline: none;
}
.fl-custom-icon-like:before {
    content: "\e800";
}
.fl-custom-icon-share:before {
    content: "\e801";
}
.fl-custom-icon-012-car-black-side-view-pointing-left:before {
    content: "\e802";
}
.fl-custom-icon-015-car-1:before {
    content: "\e803";
}
.fl-custom-icon-cancel-1:before {
    content: "\e804";
}
.fl-custom-icon-magnifying-glass-2:before {
    content: "\e805";
}
.fl-custom-icon-search-1:before {
    content: "\e806";
}
.fl-custom-icon-left-quotes-sign-1:before {
    content: "\e807";
}
.fl-custom-icon-two-quotes:before {
    content: "\e808";
}
.fl-custom-icon-right-quotes-symbol:before {
    content: "\e809";
}
.fl-custom-icon-right-quotation-sign:before {
    content: "\e80a";
}
.fl-custom-icon-left-quotes-sign-3:before {
    content: "\e80b";
}
.fl-custom-icon-quotes:before {
    content: "\e80c";
}
.fl-custom-icon-liked-1:before {
    content: "\e80d";
}
.fl-custom-icon-cancel:before {
    content: "\e81a";
}
.fl-custom-icon-cancel-2:before {
    content: "\e81b";
}
.fl-custom-icon-minus-symbol:before {
    content: "\e81c";
}
.fl-custom-icon-plus-symbol:before {
    content: "\e81d";
}
.fl-custom-icon-minus-sign-of-a-line-in-horizontal-position:before {
    content: "\e81e";
}
.fl-custom-icon-plus-sign:before {
    content: "\e81f";
}
.fl-custom-icon-garbage:before {
    content: "\e821";
}
.fl-custom-icon-heart-outline-1:before {
    content: "\e822";
}
.fl-custom-icon-like-2:before {
    content: "\e823";
}
.fl-custom-icon-magnifying-glass:before {
    content: "\e824";
}
.fl-custom-icon-list-1:before {
    content: "\e834";
}
.fl-custom-icon-th-list:before {
    content: "\e835";
}
.fl-custom-icon-chat-2:before {
    content: "\e836";
}
.fl-custom-icon-chat-three:before {
    content: "\e837";
}
.fl-custom-icon-chat-two:before {
    content: "\e838";
}
.fl-custom-icon-liked:before {
    content: "\e839";
}
.fl-custom-icon-spinner-circle:before {
    content: "\e83a";
}
.fl-custom-icon-reload:before {
    content: "\e83b";
}
.fl-custom-icon-reload-style-two:before {
    content: "\e83c";
}
.fl-custom-icon-share-1:before {
    content: "\e83d";
}
.fl-custom-icon-share-symbol:before {
    content: "\e83e";
}
.fl-custom-icon-share-two:before {
    content: "\e83f";
}
.fl-custom-icon-sharing-interface:before {
    content: "\e840";
}
.fl-custom-icon-message:before {
    content: "\e841";
}
.fl-custom-icon-broken:before {
    content: "\e842";
}
.fl-custom-icon-spinner:before {
    content: "\e843";
}
.fl-custom-icon-spinner-of-dots:before {
    content: "\e844";
}
.fl-custom-icon-slim-left:before {
    content: "\e845";
}
.fl-custom-icon-slim-right:before {
    content: "\e846";
}
.fl-custom-icon-heart-outline:before {
    content: "\e847";
}
.fl-custom-icon-like-1:before {
    content: "\e848";
}
.fl-custom-icon-left-quotes-sign-2:before {
    content: "\e84b";
}
.fl-custom-icon-right-quotes-symbol-1:before {
    content: "\e84c";
}
.fl-custom-icon-two-quotes-1:before {
    content: "\e84d";
}
.fl-custom-icon-001-car-of-hatchback-model:before {
    content: "\e852";
}
.fl-custom-icon-002-sedan-car-model:before {
    content: "\e853";
}
.fl-custom-icon-003-car-city-model:before {
    content: "\e854";
}
.fl-custom-icon-004-jeep:before {
    content: "\e855";
}
.fl-custom-icon-005-car:before {
    content: "\e856";
}
.fl-custom-icon-006-car-suv:before {
    content: "\e857";
}
.fl-custom-icon-007-minivan-car:before {
    content: "\e858";
}
.fl-custom-icon-008-coupe-car:before {
    content: "\e859";
}
.fl-custom-icon-009-sportive-car:before {
    content: "\e85a";
}
.fl-custom-icon-010-cabrio-car::before {
    content: "\e85b";
}
.fl-custom-icon-011-pick-up:before {
    content: "\e85c";
}
.fl-custom-icon-magnifying-glass-1:before {
    content: "\e85d";
}
.fl-custom-icon-013-timing-belt:before {
    content: "\e85e";
}
.fl-custom-icon-014-key:before {
    content: "\e85f";
}
.fl-custom-icon-search:before {
    content: "\e860";
}
.fl-custom-icon-016-fix-sign:before {
    content: "\e861";
}
.fl-custom-icon-017-gas:before {
    content: "\e862";
}
.fl-custom-icon-018-speedometer:before {
    content: "\e863";
}
.fl-custom-icon-019-fuel-station-pump:before {
    content: "\e864";
}
.fl-custom-icon-020-gears:before {
    content: "\e865";
}
.fl-custom-icon-021-gearshift:before {
    content: "\e866";
}
.fl-custom-icon-022-loan:before {
    content: "\e867";
}
.fl-custom-icon-023-car-2:before {
    content: "\e868";
}
.fl-custom-icon-024-car-3:before {
    content: "\e869";
}
.fl-custom-icon-025-calendar:before {
    content: "\e86a";
}
.fl-custom-icon-026-phone-call:before {
    content: "\e86b";
}
.fl-custom-icon-027-car-4:before {
    content: "\e86c";
}
.fl-custom-icon-028-tyre:before {
    content: "\e86d";
}
.fl-custom-icon-029-wrench:before {
    content: "\e86e";
}
.fl-custom-icon-030-car-5:before {
    content: "\e86f";
}
.fl-custom-icon-031-car-6:before {
    content: "\e870";
}
.fl-custom-icon-032-car-7:before {
    content: "\e871";
}
.fl-custom-icon-033-transport:before {
    content: "\e872";
}
.fl-custom-icon-034-car-8:before {
    content: "\e873";
}
.fl-custom-icon-035-car-9:before {
    content: "\e874";
}
.fl-custom-icon-036-car-repair:before {
    content: "\e875";
}
.fl-custom-icon-call:before {
    content: "\e876";
}
.fl-custom-icon-cancel-5:before {
    content: "\ec30";
}
.fl-custom-icon-list-style-2:before {
    content: "\f13e";
}
.fl-custom-icon-list-style-3:before {
    content: "\f13f";
}
.fl-custom-icon-list-style-4:before {
    content: "\f140";
}
.fl-custom-icon-list-style-5:before {
    content: "\f141";
}
.fl-custom-icon-list-style-6:before {
    content: "\f143";
}

.flaticon-driving-test:before {
    content: "\f100";
}
.flaticon-diagnostic-tool:before {
    content: "\f101";
}
.flaticon-tyre:before {
    content: "\f102";
}
.flaticon-service:before {
    content: "\f103";
}
.flaticon-car-repair:before {
    content: "\f104";
}
.flaticon-valet:before {
    content: "\f105";
}
.flaticon-rental-car:before {
    content: "\f106";
}
.flaticon-car-insurance:before {
    content: "\f107";
}
.flaticon-car-insurance-1:before {
    content: "\f108";
}
.flaticon-car-insurance-2:before {
    content: "\f109";
}

a {
    color: var(--primary);
}
a:hover,
a:active,
a:focus {
    color: var(--primary);
    text-decoration: none;
}
.h2,
h2 {
    font-size: 2.25rem;
    line-height: 1.36;
    font-weight: 800;
    color: #000;
}
div#id-pp-pay div#package_one_button {
    display: none;
}
.top-bar {
    background-color: #0493d3;
    padding: 12px 0px;
}
.top-bar ul {
    padding: 0;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
}
.top-bar ul li {
    list-style: none;
    display: inline-block;
}
.top-bar ul li i {
    color: #111;
    margin-right: 5px;
}
.top-bar ul li a {
    color: #111;
    text-decoration: none;
}
.header-topbarbox-1 ul {
}
.header-topbarbox-1 ul li {
    margin-right: 15px;
}
.header-topbarbox-2 ul {
}
nav {
    background-color: transparent;
    position: relative;
    z-index: 2;
}
nav .main-logo {
    padding: 10px 0px;
}
nav .main-logo a {
    text-decoration: none;
}
nav .main-logo a img {
    width: auto;
    margin-right: 5px;
    height: 26px;
}
nav .main-logo a span {
    color: var(--primary);
    font-size: 20px;
    font-weight: 900;
    top: 5px;
    position: relative;
}
nav a {
    text-decoration: none;
}
header {
    /*border-bottom: 1px solid #eee;*/
}
.main_nav {
    /* float: right;
    position: relative;
    top: 37px; */
    margin: auto;
    margin-right: 0;
    z-index: 1;
}
.main_nav ul {
    padding: 0;
    margin: 0;
}
.main_nav ul li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}
.main_nav ul li:last-child {
    margin-right: 0px;
}
.main_nav ul li a {
    color: var(--primary);
    font-size: 13px;
}
.main_nav ul li a > i {
    font-size: 8px;
    position: relative;
    top: -1px;
    margin-left: 3px;
}
.main_nav > ul > li > a.active {
    border-bottom: 2px solid #aaa;
    padding-bottom: 5px;
}
.main_nav > ul > li > ul {
    display: none;
    position: absolute;
    background: black;
    margin: 0;
    padding-left: 0;
    left: -10px;
    width: 170px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.main_nav > ul > li:hover > ul {
    display: block;
}
.main_nav > ul > li > ul > li {
    display: block;
    padding: 5px 0;
}
a.menu_cart_icon {
    padding: 9px 11px 8px 7px !important;
    border-radius: 100% !important;
}
a.menu_cart_icon i {
    font-size: 12px !important;
}
.top-sec-menu {
    /*margin: 0;*/
    /*padding: 0; */
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAABCAQAAAAVg2TsAAAAFUlEQVR4AWNgkARCHgYY4AHxSREDADINAadV3xmbAAAAAElFTkSuQmCC);*/
    /*background-repeat: repeat-x;*/
    /*background-position: 0 0;*/
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
}
.top-sec-menu li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
}
.top-sec-menu li a {
    color: black;
    padding: 0 10px;
    font-weight: 700;
    font-size: 12px;
}
.booknow {
    border: 2px solid var(--primary);
    padding: 5px 30px 3px;
    border-radius: 50px;
    font-weight: 800;
}
.home_first_tagline_block {
    /* background: #0493d3; */
    /* background: #000; */
    background-color: #0493d3;
    color: white;
}
.home_first_tagline_block h1 {
    font-size: 26px;
    margin: 0;
}
.home_first_tagline_block h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.home_car_finder_box {
    color: white;
}
.home_car_category_selector {
    position: relative;
    min-height: 500px;
    /* display: flex; */
}
.home_car_category_selector::after {
    background-color: #f0f5f6;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
    /*background-image: url(../images/slides/3.jpg);*/
}
.home_car_category_selector h1 {
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 35px;
}
.home_car_category_selector h3 {
    font-family: Gilroy-Black;
    font-size: 59px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -15px;
    opacity: 0.1;
    line-height: 0;
}
.car_type_selector_list {
    padding: 0;
    margin: 0;
}
.car_type_selector_list li {
    list-style: none;
    display: inline-block;
    margin: 0 15px;
    text-align: center;
}
.car_type_selector_list li a {
    display: block;
    padding: 15px;
    /* color: #1f1f1f; */
    color: #fff;
    text-transform: uppercase;
    opacity: 0.4;
    transition: 1s all;
}
.car_type_selector_list li a:hover {
    opacity: 1;
}
.car_type_selector_list li a i {
    font-size: 70px;
    line-height: 1;
}
.car_type_selector_list li a span {
    display: block;
    font-size: 13px;
    line-height: 1;
}
.home-car-search-box {
    /* background: #00000024; */
    background-color: white;
    padding: 30px;
    box-shadow: 0px 1px 6px #ddd;
}
.home-car-search-box label {
    font-size: 12px;
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    opacity: 0.7;
}
.btn-primary-new {
    background-color: #0493d3;
    border-color: #0493d3;
    color: #fff;
}
.btn-primary-new:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(228, 30, 38, 0.25);
}
.home_welcome_text_section {
    padding: 50px;
    margin-top: 25px;
}
.home_welcome_text_section {
}

.sma_heading {
}
.sma_heading_top {
}
.sma_heading > h1 {
}
.sma_heading > h3 {
    font-family: Gilroy-Black;
    /* font-size: 59px; */
    font-size: 3.7rem;
    margin: 0;
    padding: 0;
    position: relative;
    top: -15px;
    opacity: 0.1;
    line-height: 0;
}
.sma_heading_top h3 {
    top: 5px;
}
.home_welcome_text_list {
    margin: 0;
    padding: 0;
    text-align: center;
}
.home_welcome_text_list li {
    text-align: center;
    display: inline-block;
    width: 30%;
}
.home_welcome_text_list li i {
    font-size: 5rem;
    display: block;
}
.home_welcome_text_list li span {
    display: block;
    text-transform: uppercase;
}

.home_services_section {
    padding: 100px 0;
}
.home_services_section .home_services_nav {
}
.home_services_section .home_services_nav > ul {
    padding: 0;
    margin: 0;
    grid-template-columns: auto auto;
}
.home_services_section .home_services_nav > ul > li {
    list-style: none;
}
.home_services_section .home_services_nav > ul > li > a {
    background: white;
    width: 100%;
    display: block;
    padding: 30px;
    text-align: right;
    position: relative;
    box-shadow: 5px 6px 10px 3px #eee;
}
.home_services_section .home_services_nav > ul > li > a > span.nav_number {
    position: absolute;
    left: 25px;
    top: 25px;
    color: #ccc;
    transition: all 0.25s;
}
.home_services_section .home_services_nav > ul > li > a > i {
    display: block;
    color: black;
    font-size: 70px;
    transition: all 0.25s;
}
.home_services_section .home_services_nav > ul > li > a > span.nav_info {
    color: black;
    transition: all 0.25s;
}
.home_services_section .home_services_nav > ul > li > a.active {
    background-color: #0493d3;
}
.home_services_section
    .home_services_nav
    > ul
    > li
    > a.active
    > span.nav_number {
    font-size: 36px;
    line-height: 30px;
    opacity: 0.35;
    color: white;
}
.home_services_section .home_services_nav > ul > li > a.active > i {
    color: white;
}
.home_services_section .home_services_nav > ul > li > a.active > span.nav_info {
    color: white;
}

.home_services_section .home_services_detail_section {
    text-align: center;
}
.home_services_section .home_services_detail_section > h1 {
    text-align: center;
}
.home_services_section .home_services_detail_section > i {
    font-size: 70px;
}
.home_services_section .home_services_detail_section > ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.home_services_section .home_services_detail_section > ul > li {
}
.home_first_call_to_action {
    background: #1f1f1f;
}
.home_first_call_to_action h1 {
    padding: 50px 0;
    margin: 0;
    color: white;
}
.home_first_call_to_action {
    background-attachment: fixed;
    background-image: url("../images/calltoaction1n.jpg");
    background-color: rgba(0, 0, 0, 0.85);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: soft-light;
}
.home_first_call_to_action span {
    color: #aaa;
}
.home_first_call_to_action .d-grid > a {
    color: white;
    font-size: 25px;
    line-height: 24px;
}

.home_customer_reviews_section {
    background-image: url("../images/bg-2.jpg");
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: soft-light;
    color: white;
    padding: 50px;
}
.home_customer_reviews_section::after {
    content: "";
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.home_customer_reviews_section > .container {
    position: relative;
    z-index: 1;
}
.home_customer_reviews_section #myCarousel2 {
}
.home_customer_reviews_section #myCarousel2 .carousel-item {
    min-height: 240px;
}
.home_customer_reviews_section #myCarousel2 .carousel-item .carousel-caption {
    bottom: none;
    top: 5rem;
}
.home_customer_reviews_section {
}
.bottomvinrepgen {
    max-width: 640px;
    margin: auto;
}
footer {
    background-color: #333333;
    padding-top: 55px;
    color: #a9aeb3;
    font-size: 15px;
    position: relative;
}
.tj-footer h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.tj-footer p {
    font-size: 14px;
    color: var(--textGray);
}

.tj-footer .main-logo img {
    height: 32px;
    margin-right: 7px;
}
.tj-footer .main-logo a {
    display: flex;
    align-items: center;
}
.tj-footer .main-logo span {
    font-size: 18px;
    font-weight: 600;
}
.footerPost img {
    width: 67px;
    height: 60px;
    object-fit: cover;
    margin-right: 11px;
}
.footerPost h2 {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 7px;
}
.footerPost h3 {
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}
.footerPost span {
    color: var(--textGray);
}
.footerPost span i {
    color: var(--primary);
}
.footerPost {
}
.footerService li {
    border-bottom: 1px solid #4a4a4a;
}

.copyRight {
    border-top: 3px dashed var(--primary);
}
.copyRight span {
    font-weight: 500;
    color: var(--primary);
}
footer .footer_logo {
}
footer .footer_logo img {
    width: 64px;
    display: block;
    margin: auto;
}
footer .footer_logo span {
    display: block;
    color: white;
    font-weight: 700;
    opacity: 0.7;
    font-size: 18px;
    margin-top: 10px;
}
footer .footer_col_first {
    padding-right: 30px;
}
footer .footer_col_first p {
}
footer ul {
    margin: 0;
    padding: 0;
}
footer .footer-links ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    padding-left: 30px;
    margin-bottom: 5px;
}
footer .footer-links ul li i {
    position: absolute;
    left: 0;
    top: 4px;
}
footer .footer-links ul li a {
    color: #a9aeb3;
}
footer .footer-links h4 {
    color: white;
    font-size: 20px;
    margin-bottom: 25px;
}
.footer_col_second {
}
.footer_col_second ul {
}
.footer_col_second ul li {
    padding-left: 20px !important;
}
.footer_col_second ul li i {
    font-size: 10px;
    top: 6px !important;
}
.footer-social-links {
}
.footer-social-links ul {
    text-align: center;
}
.footer-social-links ul li {
    list-style: none;
    display: inline-block;
    margin: 10px;
}
.footer-social-links ul li a {
    background: #34404e;
    color: #a9aeb3;
    padding: 8px;
    font-size: 17px;
    border-radius: 100%;
    height: 40px;
    display: block;
    width: 40px;
}
.footer-social-links ul li a:hover {
    color: #0493d3;
}
.footer-social-links ul li a i {
}
.footer-copyrights a {
    color: #a9aeb3;
}
.inner_page_heading {
    padding: 70px;
    background-image: url("../images/page-bg-1-min.webp");
    position: relative;
    color: white;
}
.inner_page_heading::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    position: absolute;
    opacity: 0.7;
}
.inner_page_heading > .container {
    position: relative;
    z-index: 1;
}
.page_heading {
}
.page_heading h1 {
}
.breadcrumbs {
}
.breadcrumbs ul {
    margin: 0;
    padding: 0;
}
.breadcrumbs ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}
.breadcrumbs ul li a {
    color: white;
    text-decoration: underline;
}
.breadcrumbs ul li a.current {
    text-decoration: none;
    pointer-events: none;
}
.inner_page_content {
    padding: 70px;
}
.inner_page_content h3 {
}
.inner_page_content {
}
.bg_eee {
    background-color: #eee;
}
.how_it_works_section {
    padding: 70px;
    background-image: url("../images/howitworksbg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.how_it_works_section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: white;
    opacity: 0.8;
}
.how_it_works_section > .container {
    position: relative;
    z-index: 1;
}
.how_it_works_content {
}
.how_it_works_content ul {
    padding: 0;
    margin: 0;
    display: flex;
}
.how_it_works_content ul li {
    list-style: none;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    position: relative;
    margin: auto;
    width: 25%;
}
.how_it_works_content ul li:not(:last-child)::after {
    position: absolute;
    top: 96px;
    left: calc(100% - 85px);
    width: 160px;
    height: 2px;
    border: 2px dotted #000;
    content: "";
}
.how_it_works_content ul li span.step_list_number {
    display: block;
    font-size: 130px;
    font-family: Gilroy-Bold;
    position: relative;
}
.how_it_works_content ul li span.step_list_number::before {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);
    content: "";
}
.how_it_works_content ul li span.step_list_number::after {
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    border-radius: 5px;
    content: "";
    background-color: #0493d3;
}
.how_it_works_content ul li span.step_list_title {
    display: block;
    font-family: Gilroy-Bold;
}
.how_it_works_content ul li p {
    min-height: 70px;
}
.contactus_info_box {
    background-color: var(--lightGray);
    border: 1px dashed var(--textGray);
    min-height: 180px;
    padding: 30px;
    position: relative;
    display: grid;
}
.contactus_info_box i {
    /*position: absolute;*/
    top: -32px;
    color: white;
    background: var(--primary);
    border-radius: 6px;
    width: 25%;
    height: 64px;
    /*left: calc(50% - 32px);*/
    font-size: 30px;
    padding-top: 16px;
}
.contactCont {
    width: 75%;
}
.contactCont h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 4px;
}
.mapBack {
    background: #f5f6f6;
}
.contactus_Bx {
    border: 1px dashed var(--primary);
    padding: 40px;
}
.contactus_Bx label {
    font-size: 16px;
    font-weight: 600;
}
.contactus_Bx input {
    height: 50px;
}
.contactus_Bx input:focus,
.contactus_Bx textarea:focus {
    border: 1px solid var(--primary);
    outline: none;
    box-shadow: none;
}
.contactus_Bx button {
    border: 1px solid var(--primary);
    border-radius: 4px;
    padding: 10px 33px;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--primary);
    color: #fff;
}
.contCall {
    position: relative;
}
.contCall h3,
.contCall a {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
}
.contactus_info_box {
}
.mob_nav {
    display: none;
    margin: auto;
    margin-right: 0px;
    color: black;
    font-size: 24px;
    margin-bottom: 10px;
}
.mob_nav button {
    background: #fff;
    border: none;
    font-size: 28px;
    padding: 0 12px;
}
.mob_navigation {
    display: none;
}
.mob_navigation ul {
    padding: 0;
    margin: 0;
}
.mob_navigation ul li {
    list-style: none;
    border-top: 1px solid #eee;
}
.mob_navigation ul li a {
    padding: 14px;
    border: 0;
    text-transform: capitalize;
    display: block;
    color: var(--secondary);
    font-weight: 600;
}
.back_to_top {
    position: absolute;
    bottom: 35px;
    right: 50px;
    transition: all 0.25s;
}
.back_to_top:hover {
    bottom: 45px;
}
.back_to_top a {
    display: grid;
    text-align: center;
    width: 74px;
    color: white;
}
.back_to_top a:hover {
    color: #0493d3;
}
.back_to_top a i {
    font-size: 40px;
    height: 18px;
}
.back_to_top a img {
}
.vinsearchbarhome {
    position: relative;
    height: 90px;
}
.vinsearchbarhome input {
    width: 100%;
    position: absolute;
    border: 3px solid var(--primary);
    border-radius: 100px;
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
}
.vinsearchbarhome button {
    position: absolute;
    right: 10px;
    border: 0px;
    background: var(--primary);
    font-weight: 700;
    font-size: 24px;
    border-radius: 100px;
    padding: 10px 25px;
    top: 10px;
    color: white;
}
.vinsearchbarhome button.mobile {
    position: absolute;
    right: 10px;
    border: 0px;
    background: var(--primary);
    font-weight: 700;
    font-size: 24px;
    border-radius: 100px;
    padding: 10px 25px;

    color: white;
    left: 0;
    top: 90px;
    width: 100%;
    display: none;
}
.find-vin {
    margin-left: 0px;
    color: #ffffff;
}
.find-vin h3,
.find-vin a {
    font-size: 16px;
}

.checkout_page {
    padding: 50px;
    background: url("../images/bg-bright-cars.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.report_summary {
    background-color: #fff;
    padding: 50px;
}
.report_summary h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
}
.what_in_the_report {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
    padding: 50px;
    display: table;
    text-align: center;
}
.what_in_the_report h3 {
    font-size: 20px;
}
.what_in_the_report ul {
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0.75;
}
.what_in_the_report ul li {
    width: 100%;
    display: block;
    float: left;
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.what_in_the_report ul li:last-child {
    border-bottom: none;
}
.what_in_the_report ul li span {
    float: left;
}
.what_in_the_report ul li i {
    float: right;
    color: greenyellow;
}
.order_report_button {
    width: 100%;
    font-size: 21px;
    border-color: #ec8600;
    background: #ec8600;
}
.order_report_button .ccbtnmsg {
}
.order_report_button .ccbtnloader {
    display: none;
}
.order_report_button small {
    display: block;
    font-weight: 100;
    font-size: 11px;
}
.homevinform {
}
.homevinform h1 {
    font-size: 24px;
    text-align: center;
    margin: 15px 0;
}
.package_chooser {
    display: block;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
}
.package_chooser ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.package_chooser ul li {
    float: left;
    width: calc(33.33% - 20px);
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px;
}
.package_chooser ul li label {
    width: 100%;
    padding: 15px;
}
.package_chooser ul li label input {
    display: block;
    margin: auto;
}
.package_chooser ul li label span {
    margin-top: 10px;
    display: block;
}
.package_chooser ul li label span strong {
    display: block;
    font-size: 30px;
}
.report_summary {
}
.report_summary h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.summary_status_success {
    border: 5px solid #2cb32c;
    padding-top: 16px;
    margin-bottom: 50px;
}
.summary_status_success h1 {
    color: white;
    background: #2cb32c;
    width: max-content;
    margin: auto;
    margin-top: -44px;
    padding: 10px;
    border-radius: 5px;
}
.summary_status_success h4 {
    font-size: 20px;
    margin-top: 20px;
}
.summary_status_error {
    border: 5px solid #fe9a03;
    padding: 16px;
    margin-bottom: 50px;
}
.summary_status_error h1 {
    color: white;
    background: #fe9a03;
    width: max-content;
    margin: auto;
    margin-top: -44px;
    padding: 10px;
    border-radius: 5px;
}
.summary_status_error h4 {
    font-size: 20px;
    margin-top: 20px;
}
.summary_status_signup {
    border: 5px solid #26b2fd;
    padding: 16px;
}
.summary_status_signup h1 {
    color: white;
    background: #26b2fd;
    width: max-content;
    margin: auto;
    margin-top: -44px;
    padding: 10px;
    border-radius: 5px;
}
.summary_status_signup h4 {
    font-size: 20px;
    margin-top: 20px;
}
.downArrowForSignup {
    text-align: center;
    margin-bottom: 60px;
    font-size: 60px;
    color: crimson;
}
.downArrowForSignup i {
}
.login_page {
    border: 1px solid #eee;
    padding: 20px;
    margin: 3rem;
}
.login_page h1 {
}
.user_page {
    min-height: 700px;
}
.usersidemenu {
}
.usersidemenu h3 {
    font-size: 20px;
    font-weight: bolder;
    color: #777;
}
.usersidemenu h3 span {
    color: #111;
}
.usersidemenu h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
.usersidemenu h4 span {
    font-weight: bold;
}
.about_section_box {
    min-height: 240px;
    padding: 30px;
    color: #182b55;
    border-radius: 10px;
}
.about_section_box img {
    margin-bottom: 26px;
    height: 84px;
}
.about_section_box p {
}
.about_section_box h1 {
    font-size: 24px;
    font-weight: bolder;
    color: yellow;
}
.about_section_box ul {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-left: 30px;
    margin-top: 15px;
    list-style: none;
}
.about_section_box ul li {
    background-image: url("/images/ytick.png");
    background-repeat: no-repeat;
    padding-left: 15px;
    background-size: 12px;
    background-position: 0px;
}
.home_disclaimer {
    padding: 50px;
    background: #eee;
}
.home_disclaimer h1 {
    font-weight: bolder;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: white;
    background-color: #26b2fd;
    border-color: #dee2e6 #dee2e6 #fff;
}
.imgslider {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.14);
}
.img-report {
    border-radius: 10px;
}
.s-head {
    border-radius: 10px 10px 0 0;
    background: #e7e7e7;
    height: 30px;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: flex-end;
    align-items: center;
}
.s-head i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 9px;
    background: #fff;
}
#check-slider .checks::before {
    content: url(../images/check-green-cr.svg);
    width: 28px;
    height: 28px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    top: -3px;
    left: calc(50% - 43px);
    transition: all 0.35s ease;
}
#check-slider .checks {
    cursor: pointer;
    position: relative;
}
#check-slider .checks span {
    display: flex;
    width: 80px;
    height: 80px;
    border: 1px dashed #ccc;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.35s ease;
}
#check-slider p:not(.title) {
    line-height: 1.35;
    font-weight: 600;
    color: #000;
    max-width: 150px;
    margin: 15px auto 2rem;
}
#check-slider .checks img {
    filter: grayscale(1);
}
#check-slider .checks img {
    transition: all 0.35s ease;
    max-width: 38px;
}

#check-slider .checks.active::before,
#check-slider .slick-current .checks::before {
    content: url(../images/check-blue-cr.svg);
}
#check-slider .checks.active span,
#check-slider .slick-current .checks span {
    border-color: #0493d3;
}

#check-slider .checks.active p,
#check-slider .slick-current .checks p {
    color: #0493d3;
}
.home_report_prev_section {
    background: linear-gradient(180deg, #fff 0, #f0f5f6 50%, #f0f5f6 100%);
    padding-top: 3.35rem;
    padding-bottom: 135px;
    position: relative;
}
span.quotes {
    background: url(../images/quotes.svg) no-repeat center;
}
span.icon {
    display: inline-block;
    max-width: 60px;
    width: 100%;
    height: 58px;
    background-size: contain;
}
#customers .card-title {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}
#customer-slider p.card-text {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}
#customers {
    padding: 5rem 0 0;
    position: relative;
    /*margin-top: -320px;*/
}
#customers .container {
    position: relative;
    z-index: 1;
}
#customers::before {
    background: #fff;
    top: 0;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    width: 100%;
    position: absolute;
    right: 0;
    transform: skewY(2.5deg);
    transform-origin: top right;
    z-index: 0;
}
#faq {
    padding: 30px;
}
#faq-accord {
    max-width: 810px;
}
#faq .card:not(:last-child) {
    border-bottom: 1px solid #ececec !important;
}
#faq-accord h3 {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}
#faq-accord h3 {
    padding: 1.2rem 0;
    background: 0 0;
    border-bottom: 0 none;
}
#faq-accord h3::after {
    position: absolute;
    content: "+";
    transition: all ease 0.3s;
    color: #000;
    right: 5px;
    font-size: 26px;
    font-weight: 800;
}
#precheck {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#precheck h1 {
    font-size: 2.25rem;
    font-weight: 800;
}
#precheck .container-fluid {
    /*max-width: calc(100vw - 500px - 80px);*/
}
.rdc {
    color: #ff001f;
}
.fw-600 {
    font-weight: 600 !important;
}
.wrapper-email-form {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
.our-reports-packages-title {
    font-weight: 800;
    font-size: 32px;
    line-height: 44px;
    color: #000;
}
.pack {
    position: relative;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0.93rem 0.93rem;
    cursor: pointer;
    transition: all 0.35s ease;
}
.pack {
    padding: 1.3rem 0.6rem 1.7rem;
}
.pack::before {
    content: url(../images/radio-0.svg);
    width: 27px;
    margin: 0 auto;
}
.pack p {
    font-weight: 800;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #666;
    /*margin: 6px auto 1px;*/
}
.pack span {
    color: #000;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 7px;
    /*line-height: 24px;*/
    display: block;
}
.pack span {
    font-size: 36px;
    line-height: 49px;
}
.pack span {
    font-weight: 800;
    font-size: 18px;
    /*line-height: 25px;*/
    margin-bottom: 0;
}
.pack span.packet-price {
    font-size: 34px;
}
.ext-old {
    color: #ff001f !important;
    text-decoration: line-through;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px;
}
.pack div {
    color: #ff001f;
    font-size: 12px;
    font-weight: 600;
    /*line-height: 14px;*/
}
.pack .btn {
    border-radius: 50px;
    color: #fff;
    font-weight: 800;
    font-size: 1.125rem;
    outline: 0 none !important;
    padding: 0.6rem 2rem;
    transition: all ease 0.3s;
}
.pack .btn-outline-primary {
    border: 2px solid var(--primary);
    color: var(--primary) !important;
}
span.select-btn-text-active {
    display: none;
}
span.select-btn-text-active {
    display: none;
}
body.checkout {
    /*padding-right: 500px;*/
}
.pack .ext-pr {
    font-weight: 600;
    color: #666;
    margin-top: 3px;
}
#precheck .sep {
    height: 1px;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAABCAQAAAAVg2TsAAAAFUlEQVR4AWNgkARCHgYY4AHxSREDADINAadV3xmbAAAAAElFTkSuQmCC);
    margin: 20px 0 20px;
}
.pack .ext-am {
    font-weight: 800;
    color: #0493d3;
    font-size: 15px;
}
.pack .ext-at {
    font-weight: 600;
    color: #666;
    font-size: 13px;
    margin-top: 3px;
}
.pack.active::before {
    content: url(../images/radio-2.svg);
}
#card-errors {
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.8;
    color: red;
}
div.pack.active {
    background: var(--primary) !important;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    color: #fff !important;
}
div.pack.active p,
div.pack.active span {
    color: #fff !important;
}
.active.pack .select-btn-text-active,
.active.pack div {
    color: rgba(255, 255, 255, 0.8) !important;
}
.active a.select-btn {
    background: var(--primary) !important;
}
.include {
    color: #000;
    font-weight: 600;
}
.include p {
    color: var(--secondary);
    font-size: 1.4rem;
    margin-bottom: 0.9rem;
}
.include .col {
    margin-bottom: 10px;
    align-items: center;
    text-align: left;
    line-height: 1.3;
}
.advantage {
    font-size: 0.93rem;
    font-weight: 500;
}

.adv span {
    display: flex;
    width: 80px;
    height: 80px;
    border: 1px dashed #ccc;
    border-radius: 50%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.advantage h5 {
    color: #000;
    font-weight: 800;
    max-width: 180px;
    font-size: 1rem;
}
.instantBx {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}
.instantBx .adv {
    border: 1px solid #e7e7e7;
    padding: 30px 5px;
}
.advantage .txt {
    max-width: 180px;
}
.footer-short {
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAABCAQAAAAVg2TsAAAAFUlEQVR4AWNgkARCHgYY4AHxSREDADINAadV3xmbAAAAAElFTkSuQmCC);
}
#pay-block {
    background: #fff;
    border: 1px dashed #e6e6e6;
}
#pay-block {
    /*width: 450px;*/
    /*position: fixed;*/
    /*top: 0;*/
    /*right: 0;*/
    /*height: 100%;*/
}
#pay-block {
    /*width: 500px;*/
}
#pay-block .pay-in {
    padding: 0px 45px 0;
}
#precheck h3 {
    font-size: 1.375rem;
    font-weight: 800;
    color: #000;
    margin-bottom: 15px;
}
.p-type {
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 18px;
    cursor: pointer;
}
.p-type::before {
    content: url(../images/radio-0.svg);
    margin-right: 0.7rem;
}
.p-type.active {
    color: var(--primary);
    font-weight: 800;
}
.p-type.active::before {
    content: url(../images/radio-1.svg);
    filter: brightness(0) saturate(100%) invert(51%) sepia(94%) saturate(1810%)
        hue-rotate(352deg) brightness(99%) contrast(96%);
}
.total {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}
.flex-grow {
    flex-grow: 1;
}
/* #pay-btn {
    height: 65px;
} */
.pay-btn {
    background: #0379a8 !important;
    border-radius: 0;
    color: #000 !important;
    font-size: 1.375rem;
    font-weight: 800;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}
.cardDiv,
.PPDiv,
.btcDIV,
.btc-pay,
#btcPrice,
#package_two_button,
#package_three_button,
#package_four_button,
#package_five_button,
#package_six_button {
    display: none;
}
.cardDiv {
    display: block;
}
.specs-row {
    color: #888;
    font-weight: 600;
    line-height: 1.3;
}
span.media-check-spec-icon {
    /*display: inline-block;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*background-size: contain !important;*/
}
.media {
    display: flex;
    align-items: flex-start;
}
.specs-row h5 {
    color: #000;
    font-weight: 700;
    font-size: 1rem;
}
.grbutton {
    display: none;
}
#btcPrice {
    font-size: 14px;
    line-height: 28px;
}
#btcPrice i {
    font-style: normal;
}
.prepaid-reports-left {
}
.prepaid-reports-left p {
    margin: 0;
    /*float: left;*/
    color: var(--textGray);
    font-weight: 600;
    margin-right: 10px;
}
.prepaid-reports-left span {
    margin-right: 10px;
    font-weight: 800;
    color: var(--primary);
    font-size: 75%;
}
.getmorereports {
    color: #fff !important;
    border-color: var(--secondary);
    background: var(--secondary);
    padding: 5px 10px 3px;
}
.pp-pay input {
    width: 100%;
}
.pay-hold {
}
.checkoutpaymentcomplete {
    display: none;
    height: 100%;
    padding: 20px;
    text-align: center;
}
.checkoutpaymentcomplete > div {
    margin: auto;
}
.checkoutpaymentcomplete .fa-check-circle {
    color: green;
    font-size: 60px;
    margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
    .home_welcome_text_section {
        background-position: 150% 50%;
    }
}

@media screen and (max-width: 1199px) {
    .home_welcome_text_section {
        background-image: none !important;
    }
}

@media screen and (max-width: 992px) {
    .main_nav {
        display: none;
    }
    .mob_nav {
        display: block;
    }
    .top-sec-menu {
        display: none;
    }
    body.checkout {
        /*padding-right: 0px;*/
    }
    #precheck .container-fluid {
        /*max-width: 90%;*/
    }
    #pay-block {
        position: relative !important;
        width: 100%;
        border: 0;
        margin-top: 0 !important;
    }
    .row.mob_navigation {
        background: #fff;
    }
    .s-card {
        /*max-width: 385px;*/
        /*max-height: 480px;*/
        /*overflow: hidden;*/
    }
    #precheck h1 {
        font-size: 2rem !important;
    }
    #precheck h3 {
        font-size: 22px !important;
    }
    .specs-row {
        margin-top: 40px;
    }
    .include {
        display: none;
    }
    .our-reports-packages-wrap {
        margin-top: 0 !important;
    }

    #check-slider {
        height: 360px;
    }
    #check-slider .checks::before {
        top: 0px;
    }
}
@media screen and (max-width: 992px) {
    #customerSlider .customerBx {
        background: #ffffff;
        padding: 40px;
        margin: 0 60px !important;
    }
}
@media screen and (max-width: 576px) {
    .mob_nav {
        margin-right: auto;
    }
    .pageBanner {
        margin-top: 75px;
    }
    .main-logo {
        text-align: center;
    }
    .checkout_page {
        padding: 10px;
        font-size: 14px;
    }
    .report_summary {
        padding: 10px;
        margin-top: 25px;
    }
    .report_summary h1 {
        font-size: 18px;
    }
    .summary_status_success h4,
    .summary_status_signup h4 {
        font-size: 16px;
    }
    .summary_status_success {
        margin-bottom: 25px;
    }
    .downArrowForSignup {
        margin-bottom: 45px;
        font-size: 40px;
    }

    .package_chooser ul li {
        width: calc(50% - 20px);
    }
    .package_chooser ul li label span strong {
        font-size: 24px;
    }
    .what_in_the_report {
        padding: 20px;
    }
    .vinsearchbarhome button {
        display: none;
    }
    .vinsearchbarhome button.mobile {
        display: block;
    }
    .find-vin {
        margin-top: 75px;
    }
    #check-slider {
        height: 360px;
    }
    #check-slider .checks::before {
        top: 0px;
    }

    #pay-block .pay-in {
        padding: 0px;
    }
    .pack {
        padding: 20px;
    }
    .pack p {
        font-size: 10px !important;
    }
    .pack span.packet-price {
        font-size: 18px !important;
    }

    #precheck h1 {
        font-size: 1.3rem !important;
        line-height: 33px !important;
    }

    #pay-block {
        overflow: hidden;
        overflow-y: hidden !important;
    }
    .pack .btn {
        display: none;
    }
}
#HeaderID {
    padding: 10px 0;
    /*position: absolute;*/
    left: 0;
    top: 0;
    width: 100%;
    background: #f5f6f6;
}
#HeaderID.content_fixed {
    position: fixed;
    width: 100%;
    background: #ffffff;
    transition: 0.5s ease;
    z-index: 9999;
}
.BanenrBgBack {
    background-image: url(../images/bg_1.png);
    background-color: var(--primary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
}
.bnr_img img {
    width: 100%;
    max-width: 650px;
}
/*#topBanner .swiper-slide:nth-child(1) .BanenrBgBack {*/
/*    background-color: var(--primary);*/
/*}*/

/*#topBanner .swiper-slide:nth-child(2) .BanenrBgBack {*/
/*    background-color: rgb(139, 135, 20);*/
/*}*/

/*#topBanner .swiper-slide:nth-child(3) .BanenrBgBack {*/
/*    background-color: rgb(66, 32, 203);*/
/*}*/

/*#topBanner .swiper-slide:nth-child(4) .BanenrBgBack {*/
/*    background-color: rgb(122, 19, 72);*/
/*}*/
#topBanner {
    position: relative;
    background: #f5f6f6;
}
#topBanner .title h1 {
    font-size: 65px;
    font-weight: 800;
}
#topBanner .subtitle h2 {
    font-family: Roboto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px var(--primary);
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 3px;
}
#topBanner .list ul {
    list-style: none;
    padding-left: 0;
}
#topBanner .list li h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--secondary);
}
#topBanner .list li h4 {
    font-size: 30px;
    font-weight: 700;
    color: var(--primary);
}
.swiper-pagination.style2 {
    position: absolute;
    right: 30px;
    left: auto;
    width: 30px;
    bottom: auto;
    color: transparent;
    transform: translateY(-50%);
    top: 50%;
}
.swiper-pagination.style2:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.5);
    bottom: -70px;
}
.swiper-pagination.style2:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.5);
    top: -120px;
}
.swiper-pagination.style2 .swiper-pagination-current {
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.swiper-pagination.style2 span {
    color: #fff;
    font-family: Roboto;
    font-size: 30px;
    font-weight: 500;
    display: block;
    line-height: 30px;
    margin-bottom: -15px;
    padding-bottom: 10px;
    position: relative;
}
.newsletter {
    background: var(--primary);
    padding: 26px 0;
    /*border-top: 3px dashed var(--secondary);*/
    /*border-bottom: 3px dashed var(--secondary);*/
}
.newsletter .title {
    display: flex;
    column-gap: 8px;
    align-items: center;
    position: relative;
    z-index: 99;
}
.newsletter .title h3 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}
.newsletter .title h3 span {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}
.newsletter {
    position: relative;
}
.newsletter::before {
    content: "";
    position: absolute;
    top: 0;
    right: -10%;
    width: 80%;
    height: 100%;
    background: var(--secondary);
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
}
.inputBx {
    display: flex;
    align-items: center;
}
.inputBx input {
    height: 60px;
    border: none;
    border-radius: 6px 0 0 6px;
    background: #ffffff;
    width: 75%;
    padding: 2px 20px;
}
.inputBx button {
    height: 60px;
    border: none;
    border-radius: 0 6px 6px 0;
    background: var(--primary);
    color: #ffffff;
    width: 25%;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.inputBx button:focus {
    outline: none;
}
.newsletter h5 {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}
.newsBox {
    position: relative;
    z-index: 99;
}
#aboutID {
    background: #f5f6f6;
}
.genHead {
    font-size: 40px;
    font-weight: 700;
    position: relative;
}
.genHead:before {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 10%;
    height: 4px;
    background: var(--primary);
}
.lineStart .genHead:before {
    left: 0 !important;
    transform: translateX(0);
}
.genHeadW {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    color: #ffffff;
}
.genHeadW:before {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 10%;
    height: 4px;
    background: #ffffff;
}
.genPara {
    font-size: 16px;
    font-weight: 500;
    color: var(--textGray);
}
.topBaannerNew h3 {
    font-size: 34px;
    font-weight: 700;
}
.topBaannerNew h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.topBaannerNew.popModal h4 {
    font-size: 18px;
}
.topBaannerNew.popModal p {
    font-size: 14px;
}
.topBaannerNew.popModal .inputBx input {
    border-top: 1px solid var(--primary);
    border-left: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    border-right: 0;
}
.topBaannerNew.popModal {
}
/************ ALWAYS CHECK HISTORY STYLE ************/
.carHistoryBx {
    background: #fff;
    padding: 20px;
    text-align: center;
    position: relative;
    border-bottom: 3px solid var(--primary);
    transition: 0.5s ease;
    transform: translateY(0);
}
.carHistoryBx:hover {
    transform: translateY(-8px);
}
.carHistoryBx .number {
    font-size: 18px;
    background: var(--primary);
    width: 38px;
    height: 38px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.carHistoryBx .icon {
    margin: 25px 0 20px 0;
}
.carHistoryBx .icon img {
    width: 80px;
    filter: grayscale(1);
}

.carHistoryBx h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.carHistoryBx button {
    font-size: 16px;
    border: none;
    padding: 10px 28px;
    font-weight: 600;
    background: var(--primary);
    color: #ffffff;
}
.carHistoryBx button:hover {
    background: var(--secondary);
}
.carHistoryBx p {
    padding: 24px 0 15px 0;
}
/************ CUSTOMER STYLE ************/
#customerSay {
    background-image: url(../images/cutomer-say.jpg);
    background-color: var(--primary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0;
    position: relative;
}
#customerSay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary);
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
#customerSlider .customerBx {
    background: #ffffff;
    padding: 40px;
    margin: 0 200px;
}
#customerSlider .swiper-button-next:after,
#customerSlider .swiper-button-prev:after {
    font-size: 20px;
    background: #fff;
    padding: 10px 16px;
    color: var(--secondary);
}
.customerBx .avatar {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
}
.customerBx .avatar img {
    border-radius: 100%;
    border: 6px solid #fff;
    box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.15) !important;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.customerBx .svgIocn {
    background: red;
    display: inline-grid;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    bottom: 1px;
    left: -2px;
}
.customerBx p {
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1.1px;
}
.customerBx h3 {
    font-size: 20px;
    font-weight: 700;
}

/************ HOW IT WORK STYLE ************/
#howItWork {
    background: #f5f6f6;
}
.howDetailBx img {
    width: 50px;
}
.howDetailBx .detail p {
    font-size: 18px;
    font-weight: 600;
}
.howDetailBx .list li {
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0px;
}

/************ FAQS STYLE ************/
.faqsBx .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--primary);
}
.faqsBx .accordion-button {
    font-weight: 600;
    font-size: 17px;
}
.fw-600 {
    font-weight: 600;
}
.faqsBx .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%);
}
.faqsBx .accordion-button {
    color: var(--primary);
    text-align: start;
}
.faqsBx .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(50%) sepia(54%) saturate(1742%)
        hue-rotate(351deg) brightness(99%) contrast(96%);
}
.faqsBx .accordion-button:focus {
    box-shadow: unset;
    border-color: rgba(0, 0, 0, 0.125);
}
/************ BLOGS STYLE ************/
#blogs {
    background: #f5f6f6;
}
.blogbx .blog-box-layout2 {
    background-color: #fff;
    border-radius: 0.125rem;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
}
.blogbx .blog-box-layout2 .item-content {
    padding: 20px;
}
.blogbx .blog-box-layout2 .item-content h3.item-title a {
    font-size: 20px;
    line-height: 1.5;
    min-height: 55px;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--secondary) !important;
}
.blogbx .blog-box-layout2:hover .item-content h3.item-title a {
    color: var(--primary) !important;
}
.blogbx ul.blog-entry-meta.pb-3 {
    padding-left: 0;
    border-bottom: 1px solid #e0e0e0;
}
.blog-entry-meta li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary);
    margin-right: 0.9375rem;
}
.blog-entry-meta li span.name {
    color: var(--lightGray);
}
.blog-entry-meta li span.name:hover {
    color: var(--primary);
}
.blog-entry-meta li i {
    margin-right: 0.625rem;
    color: var(--primary);
}
.s-des {
    font-size: 0.855rem;
    line-height: 1.5;
    display: block;
    margin-bottom: 10px;
}
.blogTags {
    display: flex;
    flex-wrap: wrap;
    column-gap: 7px;
    row-gap: 7px;
}
.blogTags h3 a {
    border: 1px solid #eeeeee;
    padding: 8px 13px;
    color: var(--textGray);
    /*margin-right: 5px;*/
    font-size: 14px;
}
.blogTags h3 a:hover {
    border: 1px solid var(--primary);
    color: var(--primary);
}
#brandSlider .swiper-button-next:after,
#brandSlider .swiper-button-prev:after {
    font-size: 20px;
    background: var(--secondary);
    padding: 10px 16px;
    color: #fff;
}
.carFaxtable {
    width: 100%;
    overflow-x: auto;
}
/************ TERM AND CONDITION STYLE ************/
.pageBanner {
    background-image: url(../images/page-banner-img.jpg);
    background-color: var(--primary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0;
    position: relative;
    /*margin-top: 82px;*/
    margin-bottom: 25px;
}
.pageBanner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0.4;
    pointer-events: none;
    /*z-index: 9;*/
}
.pageBanner h1 {
    text-align: center;
    font-weight: 800;
    color: #fff;
    position: relative;
    /*z-index: 99;*/
}
.pageBanner ul {
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    position: relative;
    /*z-index: 99;*/
}
.pageBanner ul li a {
    color: #fff;
}
.pageBanner ul li.active {
    color: var(--secondary);
}
.termsBx p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
}
.termsBx h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.termsBx h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.termsBx a {
    font-weight: 500;
    color: #000000;
}
/************ PRICING TABLE STYLE ************/
.priceMainBx {
    /*background: #f5f6f6;*/
}
.priceBx {
    background: #ffffff;
    box-shadow: 0 30px 60px rgb(0 19 87 / 6%);
}
.priceBx .list_1 {
    padding: 20px 30px;
}
.priceBx .list_1 h3 {
    font-size: 40px !important;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--secondary);
}
.priceBx .list_1 h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
}
.priceBx h2 {
    font-size: 50px !important;
    background: linear-gradient(
        90deg,
        rgba(4, 147, 211, 1) 0%,
        rgba(2, 109, 151, 1) 100%
    );
    padding: 10px 30px;
    color: #fff;
    font-weight: 600;
}
.priceBx span {
    font-size: 30px;
    margin-right: 6px;
}
.priceBx .list_2 {
    padding: 35px;
}
.priceBx ul li span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 14px;
    color: var(--secondary);
    margin-bottom: 0;
}
.priceBx ul li i {
    width: 22px;
    height: 21px;
    background: #0379a821;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--primary);
    font-size: 12px;
}
.priceBx .priceBtn {
    text-align: center;
    background: var(--primary);
    border-radius: 4px;
    padding: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid transparent;
    margin-top: 35px;
    width: 100%;
}
.priceBx .priceBtn:hover {
    background: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
}
.sampleReport {
    width: 100%;
    height: 700px;
}
/************ CONTACT US STYLE ************/
#contactHome {
    background-image: url(../images/contact-home-back.jpg);
    background-color: var(--primary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 60px 0;
    position: relative;
}
#contactHome::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary);
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
#contactHome .contBtn {
    position: relative;
    border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
    color: var(--secondary);
    display: inline-block;
}
#contactHome .contBtn:hover {
    background: transparent;
    color: #ffffff;
}
.paperPlane {
    position: absolute;
    left: 50%;
    top: -39px;
    width: 580px;
    transform: translateX(-15%) rotate(-6deg);
}
@media screen and (max-width: 767px) {
    #topBanner .title h1 {
        font-size: 40px;
        padding-top: 30px;
    }
    #topBanner .subtitle h2 {
        font-size: 40px;
    }
    #topBanner .list li h3 {
        font-size: 25px;
        font-weight: 700;
        color: unset;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: var(--primary);
        -webkit-text-stroke: 0.5px #fff;
    }
    #HeaderID {
        background: #fff;
    }
    .genHead {
        font-size: 30px;
    }
    .howDetailBx .detail p {
        font-size: 16px;
    }
    .blog-box-layout2 .item-content h3.item-title {
        min-height: unset;
    }
    #topBanner .subtitle h2 {
        font-family: unset;
        -webkit-background-clip: unset;
        background-clip: unset;
        -webkit-text-fill-color: unset;
        -webkit-text-stroke: unset;
        text-transform: capitalize;
        font-weight: 900;
        color: var(--secondary);
    }
    .newsletter .title h3 {
        font-size: 16px;
    }
    .inputBx input {
        width: 60%;
        height: 52px;
    }
    .inputBx input::placeholder {
        font-size: 12px;
    }
    .inputBx button {
        height: 52px;
        width: 40%;
        font-size: 12px;
    }
    .find-vin h3,
    .find-vin a {
        font-size: 14px;
        color: #fff;
    }
    .newsletter::before {
        right: -22%;
    }
    .carHistoryBx h2 {
        font-size: 18px;
    }
    .genHeadW {
        font-size: 30px;
    }
    #customerSlider .customerBx {
        padding: 30px;
        margin: 20px !important;
    }
    .sampleReport {
        height: 400px;
    }
    .topBaannerNew h4 {
        font-size: 14px;
    }
    .topBaannerNew h3 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 577px) {
    .sampleReport {
        height: 500px;
    }
}

/* single blog page */
.opacity-1 {
    opacity: 1 !important;
}

.blog-entry-meta {
    margin-bottom: 0.625rem;
}

.blog-entry-meta li {
    display: inline-block;
    font-size: 0.875rem;
    color: #999;
    margin-right: 0.9375rem;
}

.blog-entry-meta li i {
    margin-right: 0.625rem;
    color: #0379a8;
}

.topSlideBx {
    position: relative;
    height: 350px;
}

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

.topSlideBx:hover img {
    filter: grayscale(0);
}

.topSlideCont {
    position: absolute;
    bottom: 2px;
    left: 20px;
}

.topSlideCont {
    /*margin-left: 15px;*/
}

.topSlideCont h6,
#swipCoupon h6 {
    background: #0379a8;
    display: inline-flex;
    padding: 4px 9px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
}

.topSlideCont h6,
#swipCoupon h6 {
    display: inline-flex;
    padding: 4px 9px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 10px;
}

#swipCoupon h6 {
    position: absolute;
    top: 10px;
    left: 10px;
}

.coupSlideCont {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
}

.topSlideCont h2,
.coupSlideCont h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-right: 10px;
    /*position: absolute;*/
    /*bottom: 10%;*/
    /*left: 15px;*/
}

.viewCont ul li {
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
}

#swip .swiper-button-next:after,
#swip .swiper-button-prev:after {
    color: var(--primary);
}

/* blog page  */
.widget-border-title {
    color: var(--secondary);
    /* border-bottom: 0.0625rem solid #e1e1e1; */
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.widget-border-title::before {
    content: "";
    width: 28%;
    height: 3px;
    background: var(--primary);
    position: absolute;
    bottom: -10px;
}
.widget-category .category-list {
    /*padding: 1.25rem;*/
}
.widget-light-bg {
    background-color: #fff;
    box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
}

a {
    text-decoration: none;
}

.widget-category .category-list ul li a {
    color: #646464;
    padding-left: 1.25rem;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.widget-category .category-list ul li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 0.875rem;
    color: #0379a8;
    font-weight: 600;
    position: absolute;
    left: 0;
}

.pagination-layout nav {
    width: max-content;
    display: block;
    margin: 0 auto;
}
li.page-item.active span {
    background: #0379a8 !important;
    color: #000;
    border-color: #0379a8 !important;
}
li.page-item span {
    color: #000;
}
a.page-link {
    color: #000;
}
a.page-link:hover {
    color: #fff;
    background: #0379a8 !important;
    border-color: #0379a8 !important;
}
.page-link:focus {
    box-shadow: none;
}
.blog-box-layout2 .item-content h3.item-title {
    font-size: 1.225rem;
    line-height: 1.225;
    min-height: 55px;
    margin-bottom: 0;
}
.language-selector {
    position: fixed;
    bottom: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #000;
    padding: 8px;
    border-radius: 4px;
    z-index: 111;
    background: #fff;
}

.language-selector span {
    margin-right: 5px;
}
.language-selector span img {
    width: 35px;
    height: 25px;
    border-radius: 4px;
    border: 1px solid;
}

.language-selector select {
    padding: 5px;
    background: transparent;
    border: none;
}

/* checkout founded page css */

#precheck {
    max-width: 100%;
    padding-top: 82px !important;
}

#pay-block {
    /*overflow-y: scroll !important;*/
}

#precheck .sep {
    height: 1px;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAABCAQAAAAVg2TsAAAAFUlEQVR4AWNgkARCHgYY4AHxSREDADINAadV3xmbAAAAAElFTkSuQmCC);
    margin: 20px 0 20px;
}

.s-card {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.14);
}

.s-card {
    /*max-width: 480px;*/
}

.s-card .s-head {
    border-radius: 10px 10px 0 0;
    background: #e7e7e7;
    height: 30px;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: flex-end;
    align-items: center;
}

.s-card .s-body {
    background: #fff;
}

.rep-sample .s-body {
    padding: 20px;
    overflow: hidden;
}

.rep-sample .logo {
    max-width: 40px;
}

.rep-sample .title {
    color: #a2a2a2;
    font-size: 0.95rem;
    text-transform: uppercase;
}

#precheck h3 {
    font-size: 36px;
    font-weight: 800;
    color: var(--secondary);
    margin-bottom: 15px;
}

.rep-sample p {
    font-size: 0.95rem;
}

.rep-sample .pan {
    background: #0379a81a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
    padding: 30px 0;
}

.rep-sample .pan span {
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    position: relative;
}

.rep-sample .pan:not(.fail) span::before {
    content: url(../images/check-green-cr.svg);
    width: 28px;
    height: 28px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    top: -3px;
    left: calc(50% - 43px);
}

.rep-sample h5 {
    color: #000;
    font-weight: 800;
    max-width: 180px;
    font-size: 1rem;
    line-height: 1.1;
    margin-bottom: 5px;
}

.rep-sample .pan i {
    display: none;
}

div.report-pan-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain !important;
    filter: brightness(0) saturate(100%) invert(61%) sepia(62%) saturate(4053%)
        hue-rotate(351deg) brightness(99%) contrast(96%);
}

.s-col::after {
    background: linear-gradient(
        0deg,
        #fff 0,
        #fff 40%,
        rgba(255, 255, 255, 0) 100%
    );
    height: 230px;
    content: "";
    position: absolute;
    bottom: -25px;
    left: -20px;
    right: -20px;
}

.rep-sample .title {
    color: #a2a2a2;
    font-size: 0.95rem;
    text-transform: uppercase;
}

.blc {
    color: #0379a8;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.report_prev .btn-copy::after,
.btn-r::after {
    content: "";
    width: 16px;
    height: 30%;
    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23ffffff' d='M113 47l192 192a24 24 0 010 34L113 465a24 24 0 01-34-34l175-175L79 81a24 24 0 0134-34z'/></svg>") no-repeat
        center;
    right: 1rem;
    top: calc(50%) !important;
    transform: translateY(-50%) !important;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
}

.report_prev .btn-outline-primary.btn-r::after {
    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%230379a8' d='M113 47l192 192a24 24 0 010 34L113 465a24 24 0 01-34-34l175-175L79 81a24 24 0 0134-34z'/></svg>")
        no-repeat center;
    right: 12px;
}

.report_prev .btn {
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 1.125rem;
    outline: 0 none !important;
    padding: 0.6rem 2rem;
    transition: all ease 0.3s;
}

.btn-spl {
    position: relative;
    z-index: 1;
    top: -20px;
    background: #fff;
}

.btn-outline-primary {
    border: 2px solid var(--primary);
    color: var(--primary) !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background: var(--primary);
    border: 2px solid var(--primary);
}

.rep_logo_pre {
    font-weight: 900;
    margin-left: 0px;
    color: #182c53;
    font-size: 20px;
}

.rep_logo_pre img {
    max-width: 40px;
    position: relative;
    top: 4px;
    margin-right: 10px;
}

.rep_logo_pre i {
    color: #0379a8;
    font-style: normal;
}

.pack .btn {
    display: none;
}

.pack {
    padding: 20px;
}

.pack p {
    color: #000;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    /*margin: 0 auto 7px;*/
}

.pack p.pactTxt {
    position: absolute;
    top: 23px;
    right: 31px;
}

.pack span {
    color: #000;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 0;
    /*line-height: 24px;*/
    display: block;
}

.pack span.packet-price {
    font-size: 42px;
    /*margin-bottom: 13px;*/
}

.pack .sep {
    margin: 8px 0 8px !important;
    display: block !important;
}

.pack .ext-am {
    font-weight: 800;
    color: var(--primary) !important;
    font-size: 20px;
    margin-right: 14px;
}

.pack .ext-at {
    font-weight: 600;
    color: #666;
    font-size: 12px;
    margin-top: 0;
}

#precheck h3.rdc {
    color: var(--secondary);
    font-size: 30px;
}

span.pay-norton-icon {
    display: inline-block;
    width: 90px;
    align-self: center;
    height: 30px;
    background: url(../images/norton.svg) no-repeat center;
    background-size: auto;
    background-size: contain !important;
}

.c-999 {
    color: var(--textGray);
}

.fw-600 {
    font-weight: 600 !important;
}

#pay-block {
    /*overflow-y: scroll;*/
}

.language-selector {
    position: fixed;
    bottom: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #000;
    padding: 8px;
    border-radius: 4px;
    z-index: 111;
    background: #fff;
}

.language-selector span {
    margin-right: 5px;
}

.language-selector span img {
    width: 35px;
    height: 25px;
    border-radius: 4px;
    border: 1px solid;
}

.language-selector select {
    padding: 5px;
    background: transparent;
    border: none;
}

.media.media-check {
    border: 1px dashed gray;
    padding: 18px;
    display: block !important;
}

span.media-check-spec-icon img {
    height: 50px;
    margin-bottom: 16px;
}

input:not(input[type="checkbox"]),
select {
    height: 46px !important;
}

input:focus,
select:focus {
    outline: none !important;
    border: 1px solid var(--primary) !important;
    box-shadow: none !important;
}

label {
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

.sellfy-buy-button {
    top: -60px;
}

.sellfy-buy-button .price {
    display: none;
}

div#sellfy_buy_button {
    width: 80% !important;
}

button#bankPay2,
button#bankPay1 {
    margin-left: 45px;
    margin-bottom: 20px;
    color: white !important;
    background: black !important;
    border-radius: 33px;
    font-weight: 500;
    font-size: 20px;
}


.carHistoryBx_button {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        border: none;
        padding: 10px 28px;
        font-weight: 600;
        background: var(--primary);
        color: #FFFFFF;
    }

    .carHistoryBx_button:hover {
        background: var(--secondary);
    }

    /* Basic style for the select input */
    .custom-select {
        font-family: Arial, sans-serif;
        font-size: 16px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: #fff;
        color: #333;
        width: 76%;
        box-sizing: border-box;
    }

    /* Style for the select input on hover */
    .custom-select:hover {
        border-color: #888;
    }

    /* Style for the select input when focused */
    .custom-select:focus {
        outline: none;
        border-color: #5b9dd9;
        box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    }

    /* Style for the options inside the select input */
    .custom-select option {
        padding: 10px;
        background-color: #fff;
        color: #333;
    }

    /* Style for disabled state */
    .custom-select:disabled {
        background-color: #eee;
        color: #666;
        border-color: #ddd;
    }

    /* Custom dropdown arrow */
    .custom-select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23333" d="M2 0L0 2h4z"/></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 10px;
    }

    .payment-options-wrapper {
        flex-wrap: wrap;
    }

    .payment-option {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1;
        min-width: 180px;
        padding: 6px 16px;
        border: 1.5px solid #dee2e6;
        border-radius: 8px;
        cursor: pointer;
        background: #fff;
        transition: border-color 0.2s, box-shadow 0.2s;
        user-select: none;
    }

    .payment-option:hover {
        border-color: #adb5bd;
    }

    .payment-option.selected {
        border-color: #212529;
        box-shadow: 0 0 0 1px #212529;
    }

    .payment-radio {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 2px solid #adb5bd;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: border-color 0.2s;
    }

    .payment-option.selected .payment-radio {
        border-color: #212529;
        background: #212529;
    }

    .radio-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #fff;
        display: none;
    }

    .payment-option.selected .radio-dot {
        display: block;
    }

    .payment-label {
        font-weight: 500;
        font-size: 0.95rem;
        color: #212529;
    }

    .paypal-logo {
        height: 50px;
        width: auto;
    }

    .card-icon {
        height: 40px;
        width: auto;
        object-fit: contain;
    }

    .amex-icon {
        height: 22px;
    }
    @media screen and (max-width: 992px) {
        .payment-label {
            font-size: 12px !important;
        }
        #pay-block{
            padding: 10px !important;
        }
    }
/* ==========================================================================
   TIVANIX - animated hero (homepage banner)
   --------------------------------------------------------------------------
   Pure CSS. No library, no new image, no extra HTTP request. The vehicle
   image itself is unchanged and stays in normal flow, so the banner layout
   cannot shift. All decorative layers are absolutely positioned and
   pointer-events:none, and every animation is switched off under
   prefers-reduced-motion.
   ========================================================================== */
.tvx-hero-anim {
  position: relative; display: block;
  /* Gives the layers a shared perspective so the vehicle's tilt reads as depth
     rather than a squash. */
  perspective: 1100px;
}
.tvx-hero-anim > span { position: absolute; pointer-events: none; }

/* Scanner viewfinder brackets. Drawn with one element and a conic-free trick:
   four corner rules via repeating gradients, so no extra markup is needed. */
.tvx-hero-anim::before {
  content: ""; position: absolute; z-index: 5; pointer-events: none;
  left: 4%; right: 4%; top: 6%; bottom: 10%;
  background:
    linear-gradient(#4FC3F7, #4FC3F7) left  top    / 26px 2px no-repeat,
    linear-gradient(#4FC3F7, #4FC3F7) left  top    / 2px 26px no-repeat,
    linear-gradient(#4FC3F7, #4FC3F7) right top    / 26px 2px no-repeat,
    linear-gradient(#4FC3F7, #4FC3F7) right top    / 2px 26px no-repeat,
    linear-gradient(#4FC3F7, #4FC3F7) left  bottom / 26px 2px no-repeat,
    linear-gradient(#4FC3F7, #4FC3F7) left  bottom / 2px 26px no-repeat,
    linear-gradient(#4FC3F7, #4FC3F7) right bottom / 26px 2px no-repeat,
    linear-gradient(#4FC3F7, #4FC3F7) right bottom / 2px 26px no-repeat;
  opacity: 0;
  animation: tvxBrackets 5.6s ease-in-out infinite;
}

/* Faint data grid over the vehicle, masked to a soft oval so it never looks
   like a border. Fades with the scan pass. */
.tvx-hero-anim::after {
  content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none;
  background-image:
    linear-gradient(rgba(79, 195, 247, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79, 195, 247, .16) 1px, transparent 1px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(58% 52% at 50% 52%, #000 30%, transparent 76%);
          mask-image: radial-gradient(58% 52% at 50% 52%, #000 30%, transparent 76%);
  opacity: 0;
  animation: tvxGrid 5.6s ease-in-out infinite;
}

.tvx-hero-img {
  position: relative; z-index: 3; display: block;
  max-width: 100%; height: auto;
  /* Float plus a slight tilt - the tilt is what stops it reading as a sticker
     bobbing up and down. */
  animation: tvxFloat 7s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}

/* Soft brand glow behind the vehicle. */
.tvx-hero-glow {
  z-index: 1;
  left: 50%; top: 52%; width: 80%; padding-bottom: 80%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(4, 147, 211, .28) 0%, rgba(4, 147, 211, .10) 45%, rgba(4, 147, 211, 0) 70%);
  animation: tvxGlow 7s ease-in-out infinite;
}
/* Second, warmer glow offset from the first - two lights read as a lit scene,
   one reads as a spotlight. */
.tvx-hero-glow::after {
  content: ""; position: absolute; inset: 12% 12% 12% 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16, 185, 129, .16) 0%, rgba(16, 185, 129, 0) 68%);
  animation: tvxGlow2 9s ease-in-out infinite;
}

/* Expanding "scanning" rings. */
.tvx-hero-ring {
  z-index: 2;
  left: 50%; top: 52%; width: 44%; padding-bottom: 44%;
  transform: translate(-50%, -50%) scale(.6);
  border: 2px solid rgba(4, 147, 211, .42);
  border-radius: 50%;
  opacity: 0;
}
.tvx-hero-ring-1 { animation: tvxRing 5.6s cubic-bezier(.16,.7,.3,1) infinite; }
.tvx-hero-ring-2 { animation: tvxRing 5.6s cubic-bezier(.16,.7,.3,1) 1.9s infinite; }
/* A third ring without a third element. */
.tvx-hero-ring-2::after {
  content: ""; position: absolute; inset: -1px; border-radius: 50%;
  border: 2px solid rgba(52, 211, 153, .34);
  animation: tvxRingInner 5.6s cubic-bezier(.16,.7,.3,1) 3.8s infinite;
}

/* Light sweep travelling down the vehicle, suggesting the VIN scan.

   Positioned once and moved with translate3d - the previous version animated
   `top`, which forces layout on every frame and is the single most expensive
   thing this hero was doing. */
.tvx-hero-scan {
  z-index: 4;
  left: 5%; right: 5%; top: 0; height: 26%;
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(120, 210, 245, .34) 42%,
    rgba(255,255,255,.10) 52%,
    rgba(255,255,255,0) 100%);
  filter: blur(2px);
  opacity: 0;
  will-change: transform, opacity;
  animation: tvxScan 5.6s cubic-bezier(.45,.05,.55,.95) infinite;
}
/* The bright leading edge of the sweep. */
.tvx-hero-scan::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 42%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(146, 226, 255, .9), transparent);
  box-shadow: 0 0 12px rgba(79, 195, 247, .8);
}

/* Contact shadow that breathes with the float. */
.tvx-hero-road {
  z-index: 0;
  left: 16%; right: 16%; bottom: 4%; height: 18px;
  background: radial-gradient(ellipse at center, rgba(11, 18, 32, .24) 0%, rgba(11, 18, 32, 0) 70%);
  animation: tvxShadow 7s ease-in-out infinite;
}

@keyframes tvxFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  35%      { transform: translate3d(0, -9px, 0) rotate(-.5deg); }
  70%      { transform: translate3d(0, -13px, 0) rotate(.4deg); }
}
@keyframes tvxGlow {
  0%, 100% { opacity: .75; transform: translate(-50%, -50%) scale(1); }
  50%      { opacity: 1;   transform: translate(-50%, -50%) scale(1.06); }
}
@keyframes tvxGlow2 {
  0%, 100% { opacity: .5;  transform: scale(1)    translateX(0); }
  50%      { opacity: .95; transform: scale(1.12) translateX(6%); }
}
@keyframes tvxRing {
  0%   { opacity: 0;   transform: translate(-50%, -50%) scale(.55); }
  14%  { opacity: .9; }
  100% { opacity: 0;   transform: translate(-50%, -50%) scale(1.55); }
}
@keyframes tvxRingInner {
  0%   { opacity: 0;   transform: scale(.9); }
  14%  { opacity: .8; }
  100% { opacity: 0;   transform: scale(1.35); }
}
/* translate3d only - no layout, runs on the compositor. */
@keyframes tvxScan {
  0%        { transform: translate3d(0, -30%, 0); opacity: 0; }
  10%       { opacity: 1; }
  55%       { opacity: 1; }
  70%, 100% { transform: translate3d(0, 380%, 0); opacity: 0; }
}
@keyframes tvxBrackets {
  0%, 100% { opacity: 0; }
  12%      { opacity: .85; }
  55%      { opacity: .85; }
  68%      { opacity: 0; }
}
@keyframes tvxGrid {
  0%, 100% { opacity: 0; }
  14%      { opacity: 1; }
  55%      { opacity: 1; }
  70%      { opacity: 0; }
}
@keyframes tvxShadow {
  0%, 100% { opacity: .9;  transform: scaleX(1); }
  50%      { opacity: .52; transform: scaleX(.9); }
}

@media (prefers-reduced-motion: reduce) {
  .tvx-hero-img, .tvx-hero-glow, .tvx-hero-ring, .tvx-hero-scan, .tvx-hero-road,
  .tvx-hero-anim::before, .tvx-hero-anim::after,
  .tvx-hero-glow::after, .tvx-hero-ring-2::after { animation: none !important; }
  .tvx-hero-scan, .tvx-hero-ring,
  .tvx-hero-anim::before, .tvx-hero-anim::after { opacity: 0 !important; }
}

/* Small screens keep the effect - it is the most interesting thing on a phone
   screen - but shed the layers that only read at size, so it stays cheap. */
@media (max-width: 767.98px) {
  .tvx-hero-anim::before { display: none; }          /* brackets need width to read */
  .tvx-hero-anim::after  { background-size: 20px 20px; opacity: 0; }
  .tvx-hero-ring-2::after { display: none; }
  .tvx-hero-scan { filter: blur(1.5px); }
  .tvx-hero-img  { animation-duration: 8s; }
}

/* ==========================================================================
   TIVANIX - mobile button + tap-target hygiene
   --------------------------------------------------------------------------
   Scoped to small screens only, so desktop is untouched. Fixes:
     - the hero VIN search cramming a 60%/40% input+button onto one row with
       12px text; it now stacks full width with comfortable heights
     - buttons below the 44px minimum tap target
     - uppercase micro-type on primary actions
   ========================================================================== */

@media (max-width: 575.98px) {

  /* ---- Hero / inline VIN search: stack instead of squashing ---- */
  .inputBx {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px;
  }
  .inputBx input {
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-size: 16px !important;          /* stops iOS zooming on focus */
  }
  .inputBx input::placeholder { font-size: 14px !important; }
  .inputBx button {
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    letter-spacing: .01em;
  }

  /* ---- Minimum 44px tap targets on the main actions ---- */
  .carHistoryBx button,
  .carHistoryBx_button,
  #contactHome .contBtn,
  .priceBx .priceBtn,
  .btn-r,
  .pay-btn,
  .report_prev .btn {
    min-height: 46px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    font-size: 1rem !important;
  }

  /* Full-width primary actions read better on a phone. */
  .carHistoryBx button,
  .carHistoryBx_button,
  #contactHome .contBtn {
    width: 100% !important;
    max-width: 320px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  /* ---- Never let a button overflow its container ---- */
  button, .btn, a.btn { max-width: 100%; white-space: normal; }

  /* ---- Mobile nav toggle: give it a real tap target ---- */
  #mob_nav_button {
    min-width: 46px !important; min-height: 46px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
  }

  /* ---- Sliders: arrows were 20px glyphs with 10px padding ---- */
  #customerSlider .swiper-button-next, #customerSlider .swiper-button-prev,
  #brandSlider .swiper-button-next,   #brandSlider .swiper-button-prev {
    width: 42px !important; height: 42px !important;
  }

  /* ---- Accordion headers are buttons too ---- */
  .faqsBx .accordion-button { min-height: 52px !important; font-size: 1rem !important; }
}

/* The pay button is styled by checkout-pro.css; make sure the legacy ID rule
   cannot re-apply its black background anywhere else either. */
button#bankPay2, button#bankPay1 { margin-left: 0; }