@font-face {
    font-family: 'SuzukiPRORegular';
    src: url('../fonts/SuzukiPRORegular.woff2') format('woff2'),
        url('../fonts/SuzukiPRORegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SuzukiPROBold';
    src: url('../fonts/SuzukiPROBold.woff2') format('woff2'),
        url('../fonts/SuzukiPROBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SuzukiPROHeadline';
    src: url('../fonts/SuzukiPROHeadline.woff2') format('woff2'),
        url('../fonts/SuzukiPROHeadline.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suzuki Pro';
    src: url('../fonts/SuzukiPro-Bold.woff2') format('woff2'),
        url('../fonts/SuzukiPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Franklin Gothic Demi';
    src: url('../fonts/FranklinGothic-Demi.woff2') format('woff2'),
        url('../fonts/FranklinGothic-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Franklin Gothic';
    src: url('../fonts/FranklinGothic-Heavy.woff2') format('woff2'),
        url('../fonts/FranklinGothic-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin Gothic Book';
    src: url('../fonts/FranklinGothic-Book.woff2') format('woff2'),
        url('../fonts/FranklinGothic-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.page-1 {
    /* background: red; */
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-1 img {
    max-width: 100%;
}
.page-1 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 100%;
    padding: 0 15px;
}
.page-1 .inner h1 {
    font-family: 'SuzukiPROHeadline';
    font-size: 61px;
    color: #00368f;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 55px;
}
.page-1 .inner h1 span {
    font-size: 50px;
    display: block;
}
.page-1 .inner h2 {
    font-family: 'SuzukiPRORegular';
    color: #003145;
    font-size: 25px;
    line-height: normal;
    text-align: center;
}
.page-1 .inner .booking-detail {
    border: 1px solid #00368f;
    text-align: center;
    padding: 10px 30px;
    border-radius: 0;
}
.page-1 .inner .booking-detail span {
    font-family: 'SuzukiPROHeadline';
    font-size: 22px;
    color: #003145;
    display: block;
    text-align: center;
}
.page-1 .inner .booking-detail p {
    font-size: 18px;
    color: #000000;
    display: block;
    margin: 0;
}



.page-2 {
    width: 826px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    /* background: red; */
}
.page-2 .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 45px 0;
    margin: 0 0 45px 0;
    border-bottom: 2px solid #ececec;
}
.page-2 .top .left span.title {
    font-family: 'SuzukiPROBold';
    font-size: 24px;
    /* text-transform: uppercase; */
    display: block;
    color: #0582ca;
}
.page-2 .top .left span.title sub {
    font-family: 'Franklin Gothic Book';
    font-size: 16px;
    color: #181717;
    line-height: normal;
    display: block;
    bottom: 0;
}
.page-2 .top .left span.address {
    font-family: 'Franklin Gothic Book';
    font-size: 16px;
    color: #181717;
    line-height: normal;
    display: block;
    padding: 0 0 0 28px;
    position: relative;
    margin: 10px 0 0 0;
    line-height: 31px;
}
.page-2 .top .left span.address img {
    position: absolute;
    left: 0;
    top: 8px;
}
.page-2 .top .left span.address a {
    display: table;
    padding: 3px 0 0 0;
    color: #000;
    text-decoration: none;
}
.page-2 .top .left span.address a:hover {
    text-decoration: underline;
}
.page-2 .top .right .button-wrap {
    width: 314px;
}
.page-2 .top .right span {
    font-size: 16px;
    font-family: 'SuzukiPROBold';
    text-transform: uppercase;
    display: block;
    margin: 0 0 5px 0;
}
.page-2 .top .right button {
    font-family: 'Franklin Gothic Book';
    font-size: 14px;
    height: 30px;
    color: #003145;
    background: #003145;
    border: 1px solid #cdcdcd;
    background: #fff;
    padding: 0 5px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    width: 90px;
    float: left;
    margin: 0 4px 4px 0;
}
.page-2 .top .right button img {
    width: 0;
    height: 0;
    transition: 0.3s;
    margin-right: 2px;
}
.page-2 .top .right button:hover,
.page-2 .top .right button.active {
    background: #00368f;
    border: 1px solid #00368f;
    color: #fff;
}
.page-2 .top .right button.active img {
    width: 12px;
    height: 13px;
}
.page-2 .top .right button[disabled], 
.page-2 .top .right button[disabled],
.page-2 .top .right button[disabled]:hover, 
.page-2 .top .right button[disabled].active {
    background: #eeeeee;
    border: 1px solid #cacaca;
    color: #ababab;
    cursor: no-drop;
}
.page-2 .top .right button[disabled] img {
    display: none !important;
}
.page-2 .top .right button[disabled].active img {
    display: none !important;
}
.page-2 .form-wrap {
    width: 100%;
}
.page-2 .form-wrap .title {
    font-family: 'Franklin Gothic Demi';
    color: #181717;
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 1.125rem;
    font-style: normal;
    line-height: normal;
    margin-bottom: 5px;
}
.page-2 .form-wrap .title span {
    color: #de0039;
}
.page-2 .form-wrap input {
    font-family: 'SuzukiPRORegular';
    border: 1px solid #181717;
    border-radius: 2px;
    height: 50px;
    width: 100%;
    font-size: 1.125rem;
    color: #000;
    padding: 0 15px;
    outline: none;
    background: #f2f4f5;
}
.page-2 .form-wrap input::placeholder {
    color: #b8b8b8;
}
.page-2 .form-wrap .cell-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
    margin: 0 0 0 0;
    align-items: flex-start;
}
.page-2 .form-wrap .cell-wrap .cell {
    flex: 1;
    position: relative;
    margin: 0 0 15px 0;
}
.page-2 .form-wrap .cell-wrap .cell .error-block {
    /* position: absolute;
    bottom: -18px;
    left: 0; */
}
.error-block {
    color: #de0039;
    font-size: .875rem !important;
    margin: 2px 0 0 0 !important;
    display: block;
    text-transform: none !important;
    font-family: 'SuzukiPRORegular' !important;
}
/* .page-2 .form-wrap .cell-wrap .cell.required .error-block {
    display: block;
    position: absolute;
    bottom: -18px;
    left: 0;
} */
.page-2 .info {
    font-family: 'SuzukiPRORegular';
    color: #181717;
    font-size: 12px;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin: 10px 0 0 0;
}
.page-2 .info img {
    position: relative;
    top: 2px;
}
.page-2 .send-request {
    font-family: 'Franklin Gothic Demi';
    padding: 0 18px;
    height: 50px;
    border-radius: 0;
    background: #00368f;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: 0;
    margin: 0 0 0 0;
    transition: 0.3s;
    text-transform: uppercase;
}
/* .page-2 .send-request:hover {
    background: #003145;
} */
.page-2 .find-dealer {
    font-family: 'SuzukiPROHeadline';
    font-size: 16px;
    color: #000000;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 0 0 0 0;
    transition: 0.3s;
}
.page-2 .find-dealer img {
    margin-right: 10px;
    transition: 0.3s;
}
.page-2 .find-dealer:hover img {
    margin-right: 15px;
}
.page-2 .top .date {
    font-family: 'SuzukiPRORegular';
    background: #00368f;
    border: 1px solid #c0c0c0;
    color: #fff;
    display: table;
    /* align-items: center; */
    padding: 0 12px;
    height: 30px;
    border-radius: 2px;
    margin: 0 0 8px 0;
    line-height: 30px;
}
.page-2 .top .date img {
    margin-right: 6px;
    line-height: 30px;
}
.yes-please {
    font-family: 'SuzukiPRORegular';
    font-size: 1rem;
    color: #181717;
    margin: 10px 0 12px 0;
    line-height: 150%;
}
.yes-please a {
    color: #00368f;
    text-decoration: none;
}

/* Check box and radio : Start */
.checkbox-style-1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #000000;
    display: flex;
    gap: 10px;
    padding-left: 0;
    margin-bottom: 5px;
}
.checkbox-style-1.form-check-inline {
    display: inline-flex;
    margin-right: 1rem;
    margin-bottom: 0.125rem;
}
.checkbox-style-1 .form-check-input:focus {
    border-color: #0d9bd5;
    outline: 0;
    box-shadow: none;
}
.checkbox-style-1 .form-check-label {
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    padding-top: 0;
    margin: 0;
    cursor: pointer;
    font-family: 'SuzukiPRORegular';
}
.checkbox-style-1 .form-check-label input {
    margin-top: 0;
    margin-right: 10px;
}
.checkbox-style-1 .form-check-input {
    flex-shrink: 0;
    flex-grow: 0;
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-left: 0;
    background-color: transparent;
    border: 1px solid #181717;
    border-radius: 0;
    background: #ededed;
    cursor: pointer;
}
.checkbox-style-1 .form-check-input:hover {
    border: 1px solid #00368f;
}
.checkbox-style-1 .form-check-input:checked {
    background-color: transparent;
    border-color: #00368f;
}
.checkbox-style-1 .form-check-input:checked[type=checkbox] {
    background-image: url(../images/tick-white.png);
    background-color: #00368f;
    border-color: #00368f;
    background-repeat: no-repeat;
}
.checkbox-style-1.c2 .form-check-input:checked[type=checkbox] {
    background-image: url(../images/tick-white.png);
    background-color: #00368f;
    background-repeat: no-repeat;
    background-position: center center;
}

.checkbox-style-1 .form-check-input[type=radio] {
    border-width: 1px;
    border-radius: 100%;
}
.checkbox-style-1 .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 426.667 426.667;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M213.333,106.667c-58.88,0-106.667,47.787-106.667,106.667S154.453,320,213.333,320S320,272.213,320,213.333 S272.213,106.667,213.333,106.667z' fill='%230fa3df'/%3E%3Cpath d='M213.333,0C95.467,0,0,95.467,0,213.333s95.467,213.333,213.333,213.333S426.667,331.2,426.667,213.333 S331.2,0,213.333,0z M213.333,384c-94.293,0-170.667-76.373-170.667-170.667S119.04,42.667,213.333,42.667 S384,119.04,384,213.333S307.627,384,213.333,384z' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: #00368f;
    border-color: #0fa3df;
}
.checkbox-style-1.c2 .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%230fa3df' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>");
    background-color: #ffffff;
    border-color: #ffffff;
}

/* Check box and radio : End */

.page-3 {
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 20px;
}
.page-3 .top h1 {
    font-family: 'Franklin Gothic';
    font-weight: 900;
    font-size: 3.75rem;
    color: #181717;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
}
.page-3 .top p {
    font-family: 'Franklin Gothic Book';
    font-size: 1.125rem;
    color: #000000;
    display: block;
    text-align: center;
    margin: 15px 0 0 0;
}
.page-3 .top .search-wrap {
    display: table;
    margin: 54px auto 0 auto;
    padding: 0 0 0 0;
    position: relative;
    /* display: flex;
    flex-direction: row;
    gap: 2px; */
}
.page-3 .top .search-wrap .top {
    padding: 0 53px 0 0;
}
.page-3 .top .search-wrap .left {
    position: relative;
}
.page-3 .top .search-wrap .left span {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}
.page-3 .top .search-wrap .left input {
    font-family: 'Franklin Gothic Book';
    border: 1px solid #525151;
    border-radius: 2px;
    height: 48px;
    outline: none;
    width: 319px;
    padding: 0 48px 0 15px;
    font-size: 1em;
    color: #000;
    background: #f2f4f5;
}
.page-3 .top .search-wrap .left input::placeholder {
    color: #897575;
}
.page-3 .top .search-button {
    height: 48px;
    width: 48px;
    border-radius: 2px;
    padding: 0;
    background: #00368f;
    border: 0;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}
/* .page-3 .top .search-button:hover {
    background: #0e5cdb;
} */
.page-3 .top .available-nearby {
    font-family: 'Franklin Gothic Book';
    font-size: 1.125rem;
    color: #000000;
    display: block;
    text-align: right;
    margin: 5px auto 0 auto;
    max-width: 319px;
    line-height: 1.2;
    text-align: center;
}
.page-3 .map-wrap {
    width: 1140px;
    height: 500px;
    margin: 20px auto 0 auto;
    /* background: red; */
    border: 1px solid #c7c7c7;
    display: flex;
}
.page-3 .map-wrap .left {
    width: 320px;
    height: 100%;
    background: #0582ca;
}
.page-3 .map-wrap .right {
    flex: 1;
    background: #000;
}
.page-3 .map-wrap .right iframe {
    width: 100%;
    height: 100%;
}

.address-accordion .accordion-button::after {
    display: none;
}
.address-accordion .accordion-button {
    padding: 15px;
    box-shadow: none;
    gap: 15px;
    display: flex;
    align-items: flex-start;
}
.address-accordion .accordion-item {
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #dddddd;
}
.address-accordion .map-count {
    font-family: 'SuzukiPROHeadline';
    width: 24px;
    position: relative;
    font-size: .75rem;
    color: #0582ca;
    margin: 0 10px 0 0;
}
.address-accordion .map-count span {
    font-family: 'Franklin Gothic Demi';
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}
.address-accordion .map-count svg {
    width: 24px;
    height: 31px;
}
.address-accordion .map-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.address-accordion .map-detail .text1 {
    font-family: 'Franklin Gothic Demi';
    font-size: 16px;
    color: #181717;
    line-height: 24px;
}
.address-accordion .map-detail .text2 {
    font-family: 'Franklin Gothic Book';
    font-size: 14px;
    color: #000000;
    margin-top: 1px;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}
.address-accordion .map-detail .text2 img {
    margin-left: 6px;
    margin-right: 3px;
}
.address-accordion .map-detail .text3 {
    font-family: 'Franklin Gothic Book';
    font-size: 1rem;
    color: #000000;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 5px;
    margin-bottom: 4px;
    display: none;
    line-height: 31px;
}
.address-accordion .map-detail .text3 img {
    position: relative;
    top: 5px;
}
.address-accordion .map-detail .text3 a {
    text-decoration: none;
    color: #000;
}
.address-accordion .map-detail .text3 a:hover {
    text-decoration: underline;
}
.address-accordion .map-detail .text4 {
    font-family: 'SuzukiPROBold';
    font-size: 12px;
    color: #000000;
    display: table;
    border: 1px solid #0582ca;
    padding: 4px 10px;
    border-radius: 0;
    margin-top: 5px;
}
.address-accordion .accordion-button:not(.collapsed) {
    background-color: none;
    background: none !important;
}
/* 
.address-accordion .accordion-button[aria-expanded="true"] .text2 {
    color: #fff;
}
.address-accordion .accordion-button[aria-expanded="true"] .text2 img {
    -webkit-filter: invert(100%); 
    filter: invert(100%);
}
.address-accordion .accordion-button[aria-expanded="true"] .map-count span {
    color: #fff;
}

.address-accordion .accordion-button[aria-expanded="true"] .map-detail .text4 {
    color: #fff;
    border: 1px solid #fff;
}
.address-accordion .accordion-button[aria-expanded="true"] .map-detail .text3 {
    display: block;
    color: #fff;
}
.address-accordion .accordion-button[aria-expanded="true"] .map-detail .text3 img {
    -webkit-filter: invert(100%); 
    filter: invert(100%);
}*/
.address-accordion .accordion-button[aria-expanded="true"] .text1 {
    color: #0582ca;
}
.address-accordion .accordion-button[aria-expanded="true"] svg path {
    fill: #0582ca;
} 
.address-accordion .accordion-button[aria-expanded="true"] .text3 {
    display: flex;
}
.address-accordion .accordion-body {
    padding: 15px;
    padding-left: 15px;
    padding-top: 0;
}
.address-accordion .accordion-body span {
    font-family: 'Franklin Gothic Demi';
    font-size: 14px;
    color: #000;
    display: block;
    margin: 0 0 5px 0;    
}
.select-time-slot {
    width: 100%;
    overflow: auto;
}
.select-time-slot button {
    /* font-family: 'SuzukiPROBold'; */
    font-family: 'Franklin Gothic Book';
    font-size: 14px;
    height: 30px;
    color: #003145;
    background: #003145;
    border: 1px solid #cdcdcd;
    background: #fff;
    padding: 0 5px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    width: 74px;
    float: left;
    margin: 0 4px 4px 0;
}
.select-time-slot button:hover, 
.select-time-slot button.active {
    background: #003145;
    border: 1px solid #003145;
    color: #fff;
}
.select-time-slot button img {
    width: 0;
    height: 0;
    margin-right: 0;
}
.select-time-slot button.active img {
    width: 12px;
    height: 13px;
    margin-right: 2px;
}
.select-time-slot button[disabled], 
.select-time-slot button[disabled],
.select-time-slot button[disabled]:hover, 
.select-time-slot button[disabled].active {
    background: #eeeeee;
    border: 1px solid #cacaca;
    color: #ababab;
    cursor: no-drop;
}
.select-time-slot button[disabled] img {
    display: none !important;
}
.select-time-slot button[disabled].active img {
    display: none !important;
}


.nice-select {
    font-family: 'SuzukiPRORegular';
    border: 1px solid #181717;
    border-radius: 2px;
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 0 15px;
    outline: none;
    background: #f2f4f5;
}
.nice-select span.current {
    line-height: 50px;

    font-family: 'SuzukiPRORegular';
    font-size: 1.125rem;
    color: #000;
}
.nice-select .list {
    width: 100%;
}
.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus{
    color: #fff;
    background-color: #00368f !important;
}
.nice-select:after {
    height: 8px;
    width: 8px;
}
.nice-select .list li:first-child {
    display: none;
}
.simplebar-scrollbar:before {
    opacity: 1 !important;
    background: #00368f;
}

.iframe-test {
    width: 1000px;
    border: 1px solid red;
    margin: 0 auto;
    overflow-y: scroll;
    padding: 10px;
}
.iframe-test iframe {
    width: 100%;
    height: 900px;
    overflow-y: scroll;
    border: 1px solid blue;
}

.success-modal .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.load-wraper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
}
.load-wraper svg {
    width: 40px;
    height: 50px 
}
.load-wraper svg path,
.load-wraper svg rect {
    fill: #00368f;
}
.load-wraper p {
    text-align: center;
    line-height: normal;
}
body.active-load .load-wraper {
    display: flex;
}
.cancel-booking-mid p {
    font-family: 'Franklin Gothic Demi';
    color: #181717;
    font-size: 1.125rem;
    font-style: normal;
    line-height: normal;
    margin-bottom: 20px;
}
.cancel-booking-mid p span {
    font-family: 'Franklin Gothic Book';
    margin-left: 10px;
}