html { font-size: 16px; }
body { }
:root { --theme-bg: #080808; --theme-bg-rgb: 8,8,8; --theme-text: #FFF; --theme-sec-text: #adaaaa; --theme-bg-sec: #191919; --theme-bg-sec-rgb: 25,25,25; --theme-bg-alt: #262626; --sbar-width: 80px; /*--upgrd-theme-primary-color: #e9061b; --upgrd-theme-primary-rgb: 233,6,27; --upgrd-theme-sec-color: #ff8e82; --upgrd-theme-sec-rgb: 255,142,130; --upgrd-theme-contra: #679cff; --upgrd-theme-contra-rgb: 103,156,255;*/ /*--upgrade-theme-step-color :#71c60c;
--upgrade-theme-step-color-rgb :113,198,12;
--upgrade-theme-selection :#e817b9;
--upgrade-theme-selection-rgb :232,23,185;
--upgrade-theme-btn-color :#1752e8;
--upgrade-theme-hover :#17d2e8;
--upgrade-theme-btn-text :#f3eb10;*/ }

body { background-color: var(--theme-bg); }

#pnlFooterSlide { display: none; }
.upLight { --theme-bg: #efefef; --theme-bg-rgb: 239,239,239; --theme-text: #000; --theme-sec-text: #6b6b6b; --theme-bg-sec: #e7e7e7; --theme-bg-sec-rgb: 231,231,231; --theme-bg-alt: #cdcdcd; }

body.headerfix_yes .upgradeTheme5 .newcarSteps { padding-top: 2.5rem; padding-bottom: 2.5rem; }

.thanksPage .newcarSteps { display: none !important; }
.upgradeTheme5 { background-color: var(--theme-bg); color: var(--theme-text); }

/*.custom-header { box-shadow: 0 20px 40px rgba(0,0,0,0.6) !important; background-color: rgba(14,14,14,0.8) !important; backdrop-filter: blur(64px); border-bottom: 2px solid #131313 !important; }


.upLight .custom-header { box-shadow: 0 20px 40px rgb(255 255 255 / 60%) !important; background-color: rgb(244 244 244 / 80%) !important; border-bottom: 2px solid #e2e2e2 !important; }

.light-theme .custom-header { box-shadow: 0 20px 40px rgba(255,255,255,0.6) !important; background-color: rgba(255,255,255,0.8) !important; backdrop-filter: blur(64px); border-bottom: 2px solid #ffffff !important; }*/


.grid.modelBlocks { padding-left: 2rem; padding-right: 2rem; padding-bottom: 8rem; }
.grid.modelBlocks > li { padding: 1rem !important; }

#main-block { min-height: initial !important; }
#main-block .wrap { padding: 0px !important; }
.breadCrumb { display: none; }
.innerMasterDiv { font-size: 0; }
.fade .content { background: rgba(0, 0, 0, 0.4); }
.flex.horizontalCenter { justify-content: center; }
.flex.verticalCenter { align-items: center; }
.flex { display: flex; flex-wrap: wrap; margin-left: -2%; margin-right: -2%; }
.pad.shadow { box-shadow: 0 10px 40px rgb(0 0 0 / 20%); }
.pad { padding: 40px; border-radius: 0; }
.loginForm { max-width: 690px; margin: auto; overflow: hidden; border-radius: 18px; box-shadow: 0 10px 40px rgb(0 0 0 / 20%); margin-top: 80px; }
.loginForm .pad { padding: 20px 30px; }
.formLeft { padding: 0px !important; color: #000; }
.formLeft .pad { height: 415px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.formRight { background-size: cover; border-radius: 0px 18px 18px 0px; height: 415px; max-height: 415px; position: relative; background-position: center; }
.loginForm .grid { margin: 0px; }
.formLeft h4 { margin-bottom: 30px; font-weight: bold; font-size: 18px; text-align: center; color: #000; margin-top: 0px; line-height: 1.3em; }
.loginForm .formLeft h4 { margin-bottom: 10px; }
.loginForm label { display: block; font-size: 14px; margin-bottom: 2px; font-weight: bold; }
.rounded { border-radius: 99px !important; }
.loginForm .formItem input { border: 1px solid rgba(0, 0, 0, 0.2); height: 52px; background: #dbe6e32e; }
.loginForm .button.landerbtn { /* -webkit-animation: none !important; animation: none !important; */ }
.resetLink { margin-top: 32px; font-size: 14px; opacity: 0.42; color: #000; text-align: center; }
.formLeft .button { margin-bottom: 0px; }
.loginContent { padding: 40px; text-align: center; /*color: #000; */ font-size: 28px; line-height: 1.4em; }
.loginContent span { font-weight: bold; display: block; }

.custom-header .header-container { max-width: 100% !important; }
.enqFrm .form-group.checkbox { font-size: 12px; font-weight: bold; opacity: .5; margin: 0px auto 6px; color: #303030 !important; }
.enqFrm .form-group.checkbox .partex { position: initial !important; }
.enqFrm .form-group.checkbox .partexToggle { display: inline-block; }
/*Steps Section*/
.newcarSteps { width: var(--sbar-width); text-align: center; position: fixed; height: calc(100% - 80px); bottom: 0; background-color: var(--theme-bg-sec); }
.newcarSteps ul { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; font-size: 10px; }
.newcarSteps li { display: flex; align-items: center; flex-direction: column; padding-top: 1rem; padding-bottom: 1rem; opacity: 0.5; text-transform: uppercase; color: var(--theme-sec-text); }


.newcarSteps li span { font-size: 18px; }
.newcarSteps li.active { background-image: linear-gradient(to right, rgba(var(--upgrade-step-color-rgb),0.1), rgba(var(--upgrade-step-color-rgb),0)); border-right: 4px solid var(--upgrade-theme-step-color); opacity: 1; color: var(--upgrade-theme-step-color); }
.newcarSteps li.visited { background-image: linear-gradient(to right, rgba(var(--upgrade-step-color-rgb),0.08), rgba(var(--upgrade-step-color-rgb),0)); border-right: 4px solid var(--upgrade-theme-step-color); opacity: 0.5; color: var(--upgrade-theme-step-color); }
.newcarSteps li.active span { background-color: transparent !important; }
.custom-header.headerfix_yes { position: fixed; top: 0; left: 0; right: 0; z-index: 99; }

.upgradeTheme5 { display: flex; }
.upgradeTheme5 > .fix-12-12 { width: calc(100% - var(--sbar-width)) !important; margin-left: var(--sbar-width) !important; max-width: 100%; padding-top: 2rem; }
.headerfix_yes .upgradeTheme5 > .fix-12-12 { padding-top: 3rem; min-height: 100vh; }
/*Date and Time Selection*/
.dateTimeHdr { display: flex; justify-content: space-between; padding: 20px 0; margin-bottom: 1rem; }
.dateTimeHdr p { text-transform: uppercase; margin-bottom: 0px !important; }
.dateSelect .col-7-12 { position: relative; }
.dateSelect .col-7-12 > .rightSec { font-size: 12px; display: flex; gap: 1rem; position: absolute; right: 3rem; top: 2.8rem; z-index: 1; }
.dateSelect .col-7-12 > .rightSec a { padding: 0.5rem; border-color: rgb(72 72 71 / 0.3); background-color: var(--theme-bg-alt); color: var(--theme-sec-text); height: 2.5rem; width: 2.5rem; font-size: 0.75rem; line-height: 1rem; border-radius: 0.75rem; line-height: 1rem; border-radius: 0.75rem; display: flex; justify-content: center; align-items: center; }

.dateTimeSection p { margin-top: 0; font-size: 1.2rem; clear: both; margin-bottom: 2rem; color: var(--theme-text); line-height: 1em; }
.dateSelect .dealerSelect { margin-bottom: 24px; }
.dateSelect .dealerSelect select { border: none !important; background: #ffffff; height: 70px; background-image: url(../images/arrow-down-small.png); background-repeat: no-repeat; background-position: right 15px center; border-radius: 99px; box-shadow: 2px 6px 12px 0px var(--upgrd-btn-clr-rgb); color: #000; padding: 20px; font-weight: bold; margin-bottom: 30px; font-size: 18px !important; text-align: center; transition: 0.2s; display: block; font-family: 'OCE Regular'; }
.dateSelect li.active .dateSec { /*color: var(--upgrade-theme-selection); border-top: 2px solid var(--upgrade-theme-selection);*/ }
.dateSelect .dateSec { padding: 1rem; text-align: left; display: block; opacity: 1; font-size: 1rem; line-height: 1.2em; text-transform: uppercase; background-color: var(--theme-bg); min-height: 70px; }

.upLight .dateSelect li.disabled .dateSec { background-color: #c1c1c1 !important; }



.dateSelect li.active .dateSec { border-top: 3px solid var(--upgrade-theme-main-color); color: var(--upgrade-theme-main-color); background: var(--theme-bg) !important; }
.upgradeTheme5 .dateSelect .dateSec:not(.liquidEffect):hover { background: var(--theme-bg) !important; }


.dateSelect li.active .dealerBtn { background: var(--upgrade-selection); color: #fff; }
.dateSelect .dealerBtn { border-radius: 99px; box-shadow: 2px 6px 12px 0px var(--upgrd-btn-clr-rgb); color: #000; padding: 20px; font-weight: bold; margin-bottom: 25px; font-size: 18px; text-align: center; transition: 0.2s; display: block; opacity: 1; }
.dateSelect li.active .salesBtn { background: var(--upgrade-selection); color: #fff; }
.dateSelect .salesBtn { border-radius: 99px; box-shadow: 2px 6px 12px 0px var(--upgrd-btn-clr-rgb); color: #000; padding: 20px; font-weight: bold; margin-bottom: 25px; font-size: 18px; text-align: center; transition: 0.2s; display: block; opacity: 1; }

.timeSelect { padding: 2rem; background-color: var(--theme-bg-sec); border-radius: 0.5rem; border-left: 4px solid var(--upgrade-theme-step-color); }
.timeSelect:after { content: ""; display: block; clear: both; }
.timeSelect .notAvailable { color: var(--theme-sec-text); }
.timeSelect > p { margin-bottom: 48px; font-size: 18px; padding: 0px 12px; margin-top: 30px; }
.timeSelect .timeSec { border-radius: 0.5rem; padding: 1rem; margin-bottom: 0.75rem; background: var(--theme-bg-alt); transition: 0.2s; display: flex; justify-content: space-between; align-items: center; }
.timeSelect .timeSec:hover { scale: 1.05; background: var(--upgrade-hover); color: #fff; transition: 0.2s; }
.timeSelect .timeSec:hover h3, .timeSelect .timeSec:hover p { color: #FFF; }

.timeSelect ul { display: block; }
.timeSelect li h3 { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 0; color: var(--theme-text); }
.timeSelect li { text-align: center; }
.timeSelect .timeSec p { font-size: 10px; margin-bottom: 0; color: var(--theme-text); }

/*new*/
.dateSelect { padding-left: 2rem; padding-right: 2rem; padding-bottom: 5rem; padding-top: 8rem; }
.dateSelect .topTitle { display: flex; align-items: center; min-height: 55px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; position: relative; }


.dateSelect .topTitle h2 { font-size: 4.5rem; line-height: 1em; text-transform: uppercase; margin-bottom: 0; letter-spacing: -0.05em; }
.dateSelect .topTitle h2 span { display: inline-block; opacity: 0.3; }


.dateSelect .topTitle .col-4-12 p { margin-bottom: 0px; padding-left: 1rem; font-size: 0.875rem; color: var(--theme-sec-text); position: relative; text-transform: uppercase; }
.dateSelect .topTitle .col-4-12 p:before { content: ""; display: block; background-color: var(--upgrade-theme-main-color); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 100%; width: 2px; }
.dateSelect .topTitle .stepTitle { font-size: 0.75rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.3em; color: var(--upgrade-theme-main-color); font-weight: 700; }
.dateTimeSection { padding: 2rem; background-color: var(--theme-bg-sec); border-radius: 0.5rem; }

.dateGrid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1px; }
.dateGrid > li.days { color: var(--theme-sec-text); letter-spacing: 0.1em; text-transform: uppercase; font-size: 10px; padding-top: 1rem; padding-bottom: 1rem; background-color: var(--theme-bg); text-align: center; }

.timeSelect .iconBlock { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.timeSelect .iconBlock .leftSec .fa { font-size: 24px; width: 48px; height: 48px; display: flex; background-color: rgba(var(--upgrade-step-color-rgb), 0.2); border-radius: 0.5rem; justify-content: center; align-items: center; color: var(--upgrade-theme-step-color); }
.timeSelect .iconBlock .rightSec h3 { margin-top: 0; margin-bottom: 0px; color: #FFF; }
.timeSelect .iconBlock .rightSec p { margin-top: 0; margin-bottom: 0px; color: #FFF; }

.upLight .timeSelect .iconBlock .rightSec h3 { color: #333; }
.upLight .timeSelect .iconBlock .rightSec p { color: #333; }

/*Model Selection*/
.modelSelect { position: relative; }
.modelSelect .topTitle { display: flex; align-items: center; min-height: 55px; margin-bottom: 30px; padding-left: 2rem; padding-right: 2rem; }
.topTitle .col-4-12 p { margin-bottom: 0px; padding-left: 0.8rem; font-size: 0.8rem; color: var(--theme-sec-text); position: relative; text-transform: uppercase; }
.topTitle .col-4-12 p:before { content: ""; display: block; background-color: var(--upgrade-theme-main-color); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 100%; width: 2px; }

.modelSelect .topTitle .wlcmeTxt { font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; color: var(--upgrade-theme-main-color); letter-spacing: 0.3em; }
.modelSelect .topTitle h2 { font-size: 4.5rem; line-height: 1em; text-transform: uppercase; margin-bottom: 0; letter-spacing: -0.05em; }
.modelSelect .topTitle h2 span { display: inline-block; opacity: 0.3; }
.modelSelect .modelBlocks .col-3-12 { margin-bottom: 30px; }
.modelSelect .modelBlock { margin-bottom: 1em; transition: 0.5s; position: relative; background-color: var(--theme-bg-sec); border-radius: 0.25rem; overflow: hidden; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.modelSelect .modelBlock:hover { scale: 1.05; transition: 0.5s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.modelSelect .modelBlock .thumbnail-77 { font-size: 0px; overflow: hidden; display: flex; align-items: center; position: relative; aspect-ratio: 16 / 10; }
.modelSelect .modelBlock .thumbnail-77 img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: .7s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.modelSelect .modelBlock:hover .thumbnail-77 img { transform: scale(1.1); transition: .7s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.modelSelect .modelBlock .name-77 { padding: 1.3rem; text-transform: uppercase; }


.modelSelect .modelBlock .title-77 { font-family: 'OCE Medium'; text-align: left; margin-top: 0px; font-size: 1.2rem !important; text-transform: inherit; color: var(--text-color); display: flex; justify-content: space-between; align-items: flex-start; min-height: 45px; }
.modelSelect .modelBlock .title-77 .leftSec h3 { color: inherit; font-size: inherit; text-transform: inherit; font-weight: bold; margin-bottom: 0; }

.modelSelect .modelBlock .title-77 .leftSec p { font-size: 0.75rem; line-height: 1rem; margin-bottom: 0px; color: var(--theme-sec-text); }
.modelSelect .modelBlock .title-77 .rightSec { font-size: 0.75rem; line-height: 1rem; }
.modelSelect .modelBlock .title-77 .rightSec span { color: var(--theme-sec-text); opacity: 0.4; }
.modelSelect .modelBlock .modal-info span { color: var(--theme-sec-text); font-size: 10px; font-weight: normal; font-family: 'OCE', Arial; }
.modelSelect .modelBlock .modal-info p { font-size: 0.875rem; line-height: 1.25rem; color: var(--theme-text); margin-bottom: 0; margin-top: 0px !important; }


.modelSelect .modelBlock.dcdeLtr .thumbnail-77 { background-color: #d6dded; font-size: 24px; display: flex; align-items: center; justify-content: center; }
.modelSelect .modelBlock.dcdeLtr .thumbnail-77 svg { width: 40px; height: 40px; }
.modelSelect .modelBlock input { position: absolute; opacity: 0; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; cursor: pointer; }
.modelSelect .modelBlock label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 9px; margin: 0; border: 2px solid transparent; }
.modelSelect .modelBlock:hover label { border: 2px solid var(--upgrade-hover); }

.modelSelect .modelBlock:hover label:after, .modelSelect .modelBlock input:checked + label:after { }
.modelFlash { position: absolute; background: var(--upgrade-selection); width: auto; z-index: 1; left: 20px; top: 15px; border-radius: 99px; color: #ffffff; text-align: center; font-size: 10px; padding: 7px 10px; font-weight: 700; line-height: 1em; }
.modelSelect .nxtButton { display: flex; height: 48px; text-align: center; vertical-align: middle; align-items: center; justify-content: center; float: right; font-size: 0.75rem; line-height: 1rem; border-radius: 0.75rem; background-color: var(--upgrade-theme-btn-color); color: var(--upgrade-theme-btn-text); text-transform: uppercase; letter-spacing: 0.1em; padding-left: 3rem; padding-right: 3rem; box-shadow: 0 0 20px rgba(var(--upgrade-theme-btn-color), 0.15); }
.modelSelect .nxtButton svg { fill: var(--upgrade-btn-text); }

.modelSelect .backBtn { padding: 1rem 2rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.1em; text-transform: uppercase; background-color: transparent; border-radius: 0.75rem; transition: .3s; }
.modelSelect .backBtn:hover { background-color: #20201f; transition: .3s; }

.modelSelect .modelBlock input:checked + .name-77 .title-77 .leftSec p { color: var(--upgrade-theme-selection); }
.modelSelect .modelBlock input:checked + .name-77 .modal-info .rightSec p.avble { display: none; }
.modelSelect .modelBlock input:checked + .name-77 .modal-info .rightSec p.slctd { display: block; color: var(--upgrade-theme-selection); }

.modelSelect .modelBlock .name-77:before { content: ""; width: 24px; height: 24px; position: absolute; top: 1rem; right: 1rem; border-radius: 50%; border: 2px solid rgba(72,72,71,0.3); }
.modelSelect .modelBlock:hover .name-77:before { border: 2px solid rgba(var(--upgrade-selection-rgb),0.3); }
.modelSelect .modelBlock input:checked + .name-77:before { content: "\f00c"; font-family: FontAwesome; display: flex; width: 24px; height: 24px; background-color: var(--upgrade-theme-selection); color: #FFF; position: absolute; top: 1rem; right: 1rem; border-radius: 50%; justify-content: center; align-items: center; font-weight: 100; border: none; }

.modelConfirm { padding-top: 0px; padding-bottom: 0px; }
.modelConfirm:after { content: ""; display: block; width: 100%; clear: both; }

.modelSelect .slctd { display: none; }

.modal-info { color: var(--text-color); display: flex; justify-content: space-between; align-items: flex-start; padding-top: 0.8rem; border-top: 1px solid rgba(72, 72, 71, 0.15); margin-top: 0.5rem; }


.modelFooter ul li img { max-width: 36px; }
.modelFooter { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important; background-color: rgba(14, 14, 14, 0.8) !important; backdrop-filter: blur(24px); position: fixed; bottom: 0px; right: 0px; width: calc(100% - var(--sbar-width)); padding: 2rem; display: flex; justify-content: space-between; z-index: 2; }

.upLight .modelFooter { box-shadow: 0 20px 40px rgba(255,255,255,0.60) !important; background-color: rgba(221,221,221,0.80) !important; }
.modelFooter .leftSec { display: flex; }
.modelFooter .selection-info { padding-right: 1.5rem; }
.modelFooter .selection-info p { margin-bottom: 0px; color: var(--theme-sec-text); text-transform: uppercase; font-size: 10px; }
.modelFooter .selection-info .step-number { font-size: 1.5rem; line-height: 2rem; color: var(--upgrade-theme-main-color); font-weight: 700; }
.modelFooter .selection-info .step-number span { color: var(--theme-text); opacity: 0.2; }
.modelFooter .leftSec ul { display: flex; padding-left: 1.5rem; border-left: 1px solid rgb(72,72,71,0.3); }
.modelFooter .leftSec ul li { border: 2px solid var(--theme-bg-alt); border-radius: 0.75rem; /*margin-left: -0.5rem;*/ margin-left: 0.1rem; width: 2.5rem; height: 2.5rem; overflow: hidden; }
.modelFooter .leftSec ul li img { width: 100%; height: 100%; object-fit: cover; }
.modelFooter .leftSec ul li a { display: flex; background-color: var(--theme-bg-alt); color: var(--theme-sec-text); height: 100%; width: 100%; font-size: 0.75rem; line-height: 1rem; align-items: center; justify-content: center; }
.modelFooter .rightSec { display: flex; gap: 1rem; }

/*Dealer Selection*/
.dealerSelect { padding-left: 2rem; padding-right: 2rem; padding-top: 8rem; }
.dealerSelect .topTitle { display: flex; align-items: center; min-height: 55px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; position: relative; }


.dealerSelect .topTitle h2 { font-size: 4.5rem; line-height: 1em; text-transform: uppercase; margin-bottom: 0; letter-spacing: -0.05em; }
.dealerSelect .topTitle h2 span { display: inline-block; opacity: 0.3; }
.dealerSelect .topTitle .stepTitle { font-size: 0.75rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.3em; color: var(--upgrade-theme-main-color); font-weight: 700; }


.dealerSelect .dealerBtn .fa { opacity: 0; transition: .3s; }
.dealerSelect .dealerBtn:hover .fa { opacity: 1; transition: .3s; }

.dealerSelect .dealerBtn { padding: 1rem 2rem; border-radius: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; display: inline-flex; text-transform: uppercase; font-weight: 700; background-color: var(--theme-bg-sec); letter-spacing: 0.1em; border: 1px solid rgba(72, 72, 71, 0.3); align-items: center; gap: 1rem; }
.dealerSelect .dealerBtn:hover { opacity: 1; border-color: var(--upgrade-theme-selection); color: var(--upgrade-theme-selection); background-color: rgba(var(--upgrade-selection-rgb),0.1); }
.dealerSelect .dealerList { display: flex; flex-direction: row; padding: 0 10px; gap: 1rem; justify-content: flex-start; flex-wrap: wrap; padding-right: var(--sbar-width); }
.dealerSelect .dealerList li { display: flex; margin-bottom: 1rem; width: 100%; max-width: calc(33.33% - 1rem); position: relative; }

.dealerSelect .dealerList li label { padding: 1rem 1.5rem; padding-right: 2.5rem; border-radius: 0.75rem; font-size: 1rem; line-height: 1.2em; display: inline-flex; text-transform: uppercase; font-weight: 700; background-color: var(--theme-bg-sec); letter-spacing: 0.1em; border: 1px solid rgba(72, 72, 71, 0.3); align-items: center; gap: 1rem; width: 100%; position: relative; margin: 0px; }

.dealerSelect .dealerList li input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; }

.dealerSelect .dealerList li input:checked + label:before, .dealerSelect .dealerList li input:hover + label:before { content: "\f05d"; font-family: FontAwesome; font-size: 1rem; position: absolute; right: 1rem; top: 1rem; color: var(--upgrade-theme-selection); }

.dealerSelect .dealerList li input:checked + label, .dealerSelect .dealerList li input:hover + label { border-color: var(--upgrade-theme-selection); color: var(--upgrade-theme-selection); background-color: rgba(var(--upgrade-selection-rgb), 0.1); }

.dealerList.dealerBlock { }

.salesSlct p.topTitle { font-size: 1.125rem; line-height: 1.75rem; color: var(--theme-sec-text); max-width: 36rem; margin-bottom: 0; }

.salesSlct .salesBtn .fa { opacity: 0; transition: .3s; }
.salesSlct .salesBtn:hover .fa { opacity: 1; transition: .3s; }

.salesSlct { display: flex; justify-content: center; gap: 1rem; }

.salesSlct .salesBtn { padding: 1rem 2rem; border-radius: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; display: inline-flex; text-transform: uppercase; font-weight: 700; background-color: var(--theme-bg-sec); letter-spacing: 0.1em; border: 1px solid rgba(72, 72, 71, 0.3); align-items: center; gap: 1rem; }
.salesSlct .salesBtn:hover { opacity: 1; border-color: var(--upgrade-theme-selection); color: var(--upgrade-theme-selection); background-color: rgba(var(--upgrade-selection-rgb),0.1); }
.salesSlct { display: flex; flex-direction: column; padding: 0 10px; margin-bottom: 5rem; }
.salesSlct li { margin-bottom: 1rem; }
.salesSlct li { display: flex; margin-bottom: 1rem; }
.salesSlct li .salesBtn { }

.dealerSelect .salesSlct { display: flex; flex-direction: row; padding: 0 10px; gap: 1rem; justify-content: flex-start; flex-wrap: wrap; padding-right: var(--sbar-width); }
.dealerSelect .salesSlct li { display: flex; margin-bottom: 1rem; width: 100%; max-width: calc(33.33% - 1rem); position: relative; }
.dealerSelect .salesSlct li label { padding: 1rem 2rem; padding-right: 2.5rem; border-radius: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; display: inline-flex; text-transform: uppercase; font-weight: 700; background-color: var(--theme-bg-sec); letter-spacing: 0.1em; border: 1px solid rgba(72, 72, 71, 0.3); align-items: center; gap: 1rem; width: 100%; position: relative; margin: 0px; }

.dealerSelect .salesSlct li input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; }

.dealerSelect .salesSlct li input:checked + label:before, .dealerSelect .salesSlct li input:hover + label:before { content: "\f05d"; font-family: FontAwesome; font-size: 1rem; position: absolute; right: 1rem; top: 1rem; color: var(--upgrade-theme-selection); }

.dealerSelect .salesSlct li input:checked + label, .dealerSelect .salesSlct li input:hover + label { border-color: var(--upgrade-theme-selection); color: var(--upgrade-theme-selection); background-color: rgba(var(--upgrade-selection-rgb), 0.1); }





.dealerFooter ul li img { max-width: 36px; }
.dealerFooter { padding: 2rem; display: flex; justify-content: flex-end; width: 100%; border-top: 1px solid rgba(72,72,71,0.1); margin-bottom: 4rem; margin-top: 5rem; }

.dealerFooter .backBtn { display: flex; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.1em; gap: 0.5rem; color: var(--theme-sec-text); }
.dealerFooter .nxtButton { display: flex; color: var(--upgrade-theme-btn-text); letter-spacing: 0.2em; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; padding: 1.25rem 3rem; background-color: var(--upgrade-theme-btn-color); gap: 1rem; }
.dealerFooter .nxtButton:hover { background-color: var(--upgrade-theme-hover); }

.dealerFooter .rightSec { display: flex; align-items: center; gap: 2rem; }
.homeElectric.home_style23 { height: 100vh; }

.homeElectric .ucHome15 .background { display: none !important; }
.homeElectric .homeContent h2, .homeElectric .homeContent h3, .homeElectric .homeContent p { color: #FFF !important; }
.homeElectric .homeContent { max-width: 600px; margin: auto; text-align: center; }
.homeElectric .homeContent h2 { font-size: 80px; letter-spacing: normal; line-height: 1em; text-shadow: 0 0 20px rgba(0, 0, 0, 0.9); }
.homeElectric .homeContent h4 { text-align: center; }
.homeElectric .wlcomeTxt { font-size: 11px; font-weight: 500; opacity: 0.9; letter-spacing: 1px; }
.homeElectric .homeContent .button.landerbtn { font-size: 15px; background: rgba(0, 0, 0, 0.5); padding: 14px 54px; font-weight: 500; border-radius: 99px; text-transform: uppercase; margin-top: 20px; }

#app { position: relative; height: 100%; overflow: hidden; }
#app > .content { overflow-y: auto; height: 100%; }

#canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /* Behind text */ }


.layout31 .pnlFooterSlide { display: none; }
.layout32 .pnlFooterSlide { display: none; }

/*Upgrade Form*/
.upgradeTheme5.dark-theme .upgradeForm { width: 100%; min-height: 100vh; background-image: none !important; }


.upgradeTheme5 .upgradeForm .confirmSelect.fix-12-12 { width: calc(100% - var(--sbar-width)) !important; margin-left: var(--sbar-width) !important; max-width: 100%; padding-left: 2rem; padding-right: 2rem; padding-top: 3rem; padding-bottom: 5rem; }


.upgradeTheme5 .upgradeForm .confirmSelect.fix-12-12 .topTitle { padding-bottom: 30px; position: relative; }

.upgradeTheme5 .upgradeForm .confirmSelect.fix-12-12 .topTitle:after { content: ""; width: 6rem; height: 0.25rem; background-color: var(--upgrade-theme-main-color); position: absolute; bottom: 0px; left: 10px; }

.upgradeForm .topTitle { display: flex; align-items: center; min-height: 55px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; position: relative; }


.upgradeForm .formlabelmain { display: block !important; font-weight: normal !important; color: var(--upgrade-theme-main-color); text-transform: uppercase; font-size: 10px; }


.upgradeForm .topTitle h2 { font-size: 4.5rem; line-height: 1em; text-transform: uppercase; margin-bottom: 0; letter-spacing: -0.05em; }
.upgradeForm .topTitle h2 span { display: inline-block; opacity: 0.3; }
.upgradeForm .topTitle .stepTitle { font-size: 0.75rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.3em; color: var(--upgrade-theme-main-color); font-weight: 700; }

.upgradeForm .confirmSelect .formSec { padding: 2.5rem; background-color: var(--theme-bg-sec); border-radius: 0.25rem; border-top: 4px solid var(--upgrade-theme-main-color); }


.upgradeForm .wrap { padding: 120px calc(8% + 15px); background: rgba(0, 0, 0, 0.6); min-height: calc(100vh - 81px); display: flex; align-items: center; }
.upgradeForm .confirmSelect .newcarSteps { color: #FFF; margin-top: 0px; }
.upgradeForm .confirmSelect .newcarSteps span { background: var(--upgrade-step-color); }
.upgradeForm .confirmSelect > p { color: #FFF; font-weight: 700; font-size: 18px; margin-bottom: 48px; }
.upgradeForm .confirmSelect .formWrp { }
.upgradeForm .confirmSelect .formWrp .formContent { padding: 1.5rem; background-color: var(--theme-bg-sec); border-radius: 0.25rem; }
.upgradeForm .confirmSelect .formWrp .formContent p { color: #FFF !important; }
.upgradeForm .confirmSelect .formWrp .button, .modelSelect .button { display: inline-block; margin-top: 20px; background-color: var(--upgrade-theme-btn-color); padding: 14px 88px; font-size: 16px; border-radius: 99px; color: var(--upgrade-theme-btn-text); }
.upgradeForm .confirmSelect input[type="text"], .upgradeForm .confirmSelect input[type="name"], .upgradeForm .confirmSelect input[type="email"], .upgradeForm .confirmSelect input[type="password"], .upgradeForm .confirmSelect input[type="tel"], .upgradeForm .confirmSelect textarea, .upgradeForm .confirmSelect select { border: 1px solid rgba(0, 0, 0, 0.1) !important; background: var(--theme-bg-alt); font-size: 16px !important; color: #FFF; font-weight: normal; font-family: 'OCE Regular'; height: 52px; }
.upgradeForm .confirmSelect select { background-image: url(../images/arrow-down-small.png); background-repeat: no-repeat; background-position: right center; }

.upgradeForm .confirmSelect .confirm-models h2 { font-size: 1.5rem; line-height: 2rem; display: flex; justify-content: space-between; }
.upgradeForm .confirmSelect .confirm-models h2 span { font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--theme-sec-text); }
.upgradeForm .confirmSelect .selected-models { padding: 0.5rem; background-color: var(--theme-bg-alt); border-radius: 0.5rem; transform: scale(1); transition: .3s; width: calc(25% - 0.50rem); }
.upgradeForm .confirmSelect .selected-models:hover { transform: scale(1.03); transition: .3s; }
.upgradeForm .confirmSelect .selected-models h3 { margin-bottom: 0; font-weight: 700; text-transform: uppercase; font-style: italic; color: var(--upgrade-theme-main-color); font-size: 14px; }
.upgradeForm .confirmSelect .selected-models p { font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; color: var(--theme-sec-text); letter-spacing: 0.05em; font-weight: normal; }
.upgradeForm .confirmSelect .models-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.upgradeForm .confirmSelect .selected-models .mdlFtr { font-size: 10px; text-transform: uppercase; color: var(--theme-sec-text); margin-top: 1rem; }
.upgradeForm .confirmSelect .selected-models .mdlFtr span { display: inline-block; }
.upgradeForm .confirmSelect .selected-models .mdlFtr span:last-child { display: inline-block; padding-left: 1rem; margin-left: 1rem; border-left: 2px solid var(--upgrade-theme-main-color); }

.upgradeForm .confirmSelect .selected-models .modelThumb { font-size: 0px; overflow: hidden; display: flex; align-items: center; position: relative; aspect-ratio: 16 / 10; }
.upgradeForm .confirmSelect .selected-models .modelThumb img { width: 100%; height: 100%; object-fit: cover; }

.upgradeForm .confirm-footer { padding: 2.5rem; background-color: var(--theme-bg-sec); border-radius: 0.25rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; }

.upgradeForm .confirm-footer .leftSec .fa { font-size: 24px; width: 48px; height: 48px; display: flex; background-color: rgba(var(--upgrade-step-color-rgb), 0.5); border-radius: 0.5rem; justify-content: center; align-items: center; }

.upgradeForm .confirm-footer .leftSec { display: inline-flex; gap: 1rem; align-items: center; }
.upgradeForm .confirm-footer .leftSec .confirm-info span { display: block; letter-spacing: 0.1em; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; color: var(--theme-sec-text); }
/*.upgradeForm .confirm-footer .leftSec .confirm-info h3 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 0; color: inherit; }*/

.upgradeForm .confirm-footer .leftSec .confirm-info h3 { font-size: 1.1rem; line-height: 1.2em; font-weight: 700; margin-bottom: 0; color: inherit; }

.upgradeForm .confirm-footer .leftSec .confirm-info p { font-size: 0.75rem; line-height: 1rem; color: var(--upgrade-theme-step-color); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0; }

.upgradeForm .confirm-footer .btn { font-size: 0.75rem; line-height: 1rem; padding: 0.75rem 1.5rem; border: 1px solid rgb(72 72 71 / 0.3); border-radius: 0.75rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; }

/*thanks Sec*/
.fix-12-12.thnksSec { width: calc(100% - var(--sbar-width)) !important; max-width: 100%; padding-left: 6rem; padding-right: 6rem; padding-top: 8rem; padding-bottom: 5rem; }
.thnksSec .thnksWrp { }
.tnksContnt { padding: 40px; text-align: center; color: #000; font-size: 28px; line-height: 1.4em; color: var(--upgrade-selection); }
.thnksIcon { text-align: center; margin-bottom: 25px; }
.thnksIcon img { max-width: 100%; max-height: 100px; }
.thnksWrp h2 { font-size: 32px; text-align: center; font-family: 'OCE Bold'; }
.thnksWrp p { margin-bottom: 0; font-weight: bold; font-size: 18px; color: var(--theme-sec-text); }
.thnksWrp .formLeft .pad { display: flex; flex-direction: column; justify-content: center; }
.thnksWrp .smlTxt { margin-top: 0px; font-size: 14px; opacity: 0.42; font-family: 'OCE Medium'; font-weight: normal; }
.thnksWrp .smlTxt a { font-weight: bold; }
.custom-header a.trigger { /*animation: hdr_pulse 1.35s infinite;*/ }

#pnlHeader { min-height: 80px; }


@keyframes hdr_pulse {
    0% { box-shadow: 0 0 14px rgba(16,43,78,0.2); }
    50% { box-shadow: 0 0 14px 6px rgba(16,43,78,0.9); }
    100% { box-shadow: 0 0 14px rgba(16,43,78,0.2); }
}

@-webkit-keyframes hdr_pulse {
    0% { -webkit-box-shadow: 0 0 14px rgba(16,43,78,0.2); }
    50% { -webkit-box-shadow: 0 0 14px 6px rgba(16,43,78,0.9); }
    100% { -webkit-box-shadow: 0 0 14px rgba(16,43,78,0.2); }
}

.liquidEffect { cursor: pointer; overflow: hidden; /* custom props */ --p: 0%; /* fill height */ --t: 0s; /* delay for vertical */ background: linear-gradient(#fff, var(--upgrade-hover) 0 0) no-repeat 0 100% / 100% var(--p, 5px); transition: background-size 0.3s ease-out, /* horizontal swipe */ background-size 0.3s var(--t) ease-in, /* vertical grow after delay */ color 0.3s ease; }
.liquidEffect:hover { --p: 100%; /* grow full height */ --t: 0.3s; /* wait until horizontal expansion finishes */ color: #fff; }


.homeElectric.home_style23 { height: 100vh; overflow: hidden !important; }




/*Responsive*/
@media screen and (min-width: 1600px) {
    .formLeft .pad { height: 455px; }
    .formRight { height: 455px; max-height: 455px; }
    .upgradeForm .confirmSelect .selected-models { width: calc(33.33% - 0.75rem); }
}



@media screen and (min-width: 1280px) {
    .modelSelect .modelBlock .thumbnail-77 { /*min-height: 285px;*/ }
}

@media screen and (max-width: 1279px) {
    .modelSelect .topTitle h2 { font-size: 3.5rem; }
    .modelSelect .topTitle { padding-left: 2rem; padding-right: 2rem; }
    .grid.modelBlocks { padding-left: 2rem; padding-right: 2rem; }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .newcarSteps li { margin-right: 0px; margin-left: 0px; font-size: 10px; }
    .modelSelect .nxtButton { position: initial; margin: 10px auto 40px auto; width: 60px; height: 60px; }
    .modelSelect .grid:not(.later) > [class*='col-'] { max-width: 50% !important; }
}

@media screen and (max-width: 767px) {
    .pad { background-color: #FFF !important; }
    .formRight { border-radius: 0px; height: 360px; display: none !important; }
    .formLeft .pad { height: auto !important; }
    .grid:not(.later) > .formLeft .pad { padding: 20px !important; }
    .dateSelect .grid .col-3-12.lidates { max-width: 50% !important; }
    .dateSelect .dateSec { font-size: 12px; padding: 12px 10px; min-height: 50px; }


    .timeSelect .grid .col-3-12 { max-width: 50% !important; }
    .timeSelect li h3 { font-size: 20px; padding-top: 15px; }
    .timeSelect .timeSec p { padding: 0px 0px; font-size: 12px !important; margin-top: 20px; margin-bottom: 0; }
    .timeSelect .timeSec { }


    .upgradeForm .wrap { padding: 50px 0; }
    .modelSelect .nxtButton { position: initial; margin: 10px auto 10px auto; height: 50px; }
    .dateSelect .dealerSelect select { font-size: 15px !important; padding: 15px !important; height: 50px; }
    .slideOne.ucHome15 .content .container .wrap { align-items: center !important; justify-content: center; }
    .custom-header .menubar.sidebarTrigger { display: block !important; position: initial !important; margin-left: 10px; }
    .custom-header.bt_right .block-right .menu-links { display: none !important; }
    .custom-header.bt_right .block-right .menu-links li { margin-bottom: 0px !important; }
    .custom-header.showNav .header-container { justify-content: space-between !important; display: flex !important; }
    /*    .newcarSteps { margin-bottom: 25px; margin-top: 25px; }*/
    .grid.modelBlocks:not(.later) > [class*="col-"] { max-width: 50% !important; width: 50% !important; }
    .modelSelect .topTitle { display: block !important; }
    .ucHomeBody.layout23 .custom-header .header-container .block-right { min-width: 110px !important; }
    .manuf.make_style3 .box-77 .thumbnail-77 { height: 130px; }

    .layout28 .custom-header .header-container .block-right { justify-content: end !important; width: 75%; }
    .layout28 .custom-header .header-container .block-left { width: 25%; }
    .layout28 .custom-header .header-container .block-center { display: none !important; }
    .layout28 .custom-header .makeRpt img { max-width: 80px !important; max-height: 30px !important; }
    .layout28 .custom-header.ml_right .block-right .make-logos { margin-right: 15px; }
    .layout28 .custom-header.bt_right .block-right .menu-links { width: calc(100% - 100px); text-align: center; }
    .layout28 .custom-header .menu-links ul { justify-content: center; }
    .layout28 .custom-header.bt_right .block-right .menu-links li { margin-left: 2px; margin-right: 2px; }
    .layout28 .custom-header .menu-links ul { flex-direction: row !important; }
    .layout28 .loginForm { margin-top: auto !important; }
    .custom-header .logo-image { max-height: 35px; }
    .homeElectric .homeContent h2 { font-size: 40px; }
    .dealerSelect .topTitle h2 { font-size: 3.5rem; }

    .upDark .mobileSidebar.sidebar { background-color: #000 !important; }
    .upDark .mobileSidebar.sidebar p { color: #FFF !important; }
    .upDark .mobileSidebar.sidebar .sidebarInfo { color: #FFF !important; }
    .upDark .mobileSidebar.sidebar .close svg { fill: #FFF !important; }
    .upLight .mobileSidebar.sidebar { background-color: #FFF !important; color: #000 !important; }
}

@media screen and (max-width: 599px) {
    .ucHomeBody .custom-header .logo-image { width: 100% !important; max-width: 140px !important; }
    .custom-header .logo-image { max-width: 100% !important; }
    .custom-header .trigger { font-size: 12px !important; }
    /* .newcarSteps { margin-bottom: 25px; margin-top: 25px; }*/
    .custom-header .block-left .logo { margin-right: 0px; }
    /*.custom-header .header-container .block-right { justify-content: space-between!important; min-width: calc(50% + 55px)!important; display: flex!important; }*/
    .custom-header .header-container .block-right { justify-content: space-between !important; min-width: initial !important; display: flex !important; }
    .modelSelect .nxtButton { width: 100%; }
    .popAnimated h1 { font-size: 16px !important; padding-left: 0% !important; padding-right: 0% !important; }
    .custom-header .block-right .menu-links ul { flex-direction: row !important; }
    .custom-header .block-right .menu-links ul li a { font-size: 12px !important; padding: 5px 15px !important; max-width: 90px; white-space: unset !important; max-width: 90px; line-height: 1em; min-height: initial !important; }

    .modelSelect .modelBlock .title-77 { font-size: 14px !important; min-height: 50px !important; }
    .custom-header .makeRpt img { max-height: 35px !important; max-width: 70px !important; }
    .block-right .makeRpt { margin-left: 5px; }
    .upDark .custom-header .menubar.sidebarTrigger { fill: #FFF !important; }
    .upLight .custom-header .menubar.sidebarTrigger { fill: #000 !important; }

    .modelFooter { width: 100%; flex-direction: column; }
    .modelConfirm { width: 100%; }
    .upgradeTheme5 > .fix-12-12 { width: 100% !important; margin-left: 0px !important; }
    .headerfix_yes .newcarSteps ul { /* margin-top: 80px;*/ }
    .upgradeTheme5 { display: flex; flex-direction: column; }
    .headerfix_yes .upgradeTheme5 > .fix-12-12 { padding-top: 2rem; padding-left: 1rem; padding-right: 1rem; }
    .modelSelect .topTitle { padding-left: 0.5rem; padding-right: 0.5rem; }
    .grid.modelBlocks { padding-left: 1rem; padding-right: 1rem; padding-bottom: 12rem; }
    .modelSelect .topTitle h2 { font-size: 2.8rem; }
    .grid.modelBlocks > li { padding: 0.5rem !important; }
    .modelSelect .modelBlock .name-77 { padding: 0.5rem; }
    .dateSelect .topTitle h2 { font-size: 2.8rem; margin-bottom: 1rem; }
    .newcarSteps { width: 100%; text-align: center; position: initial; height: auto; padding-top: 0px !important; padding-bottom: 0px !important; /*margin-bottom: 1.5rem;*/ }
    .newcarSteps ul { display: flex; flex-direction: row; width: 100%; height: auto; font-size: 10px; flex-wrap: wrap; }
    .modal-info { padding-top: 0.5rem; margin-top: 0.5rem; flex-direction: column; min-height: 60px; }
    .newcarSteps li { font-size: 0; margin-bottom: 0px; margin-right: 0; margin-left: 0; width: calc(16.66% - 5px); vertical-align: top; }
    .newcarSteps li span { display: block; height: 30px; width: 30px; line-height: 30px; margin-left: auto; margin-right: auto; }
    .newcarSteps li.active { border-right: none; background-image: linear-gradient(to bottom, rgba(var(--upgrade-step-color-rgb), 0.1), rgba(var(--upgrade-step-color-rgb), 0)); border-bottom: 4px solid var(--upgrade-theme-step-color); }
    .newcarSteps li.visited { border-right: none; background-image: linear-gradient(to bottom, rgba(var(--upgrade-step-color-rgb), 0.1), rgba(var(--upgrade-step-color-rgb), 0)); border-bottom: 4px solid var(--upgrade-theme-step-color); opacity: 0.5; }

    .upgradeForm .topTitle h2 { font-size: 2.8rem; }
    .upgradeForm .confirmSelect .selected-models { width: calc(50% - 0.5rem); }
    .dateSelect .topTitle { flex-direction: column; }
    .dateSelect .col-5-12 { margin-top: 2rem; }

    .upgradeTheme5 .upgradeForm .confirmSelect.fix-12-12 { width: 100% !important; margin-left: 0 !important; max-width: 100%; padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 5rem; }
    .dateSelect { padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; }

    .homeElectric .slideOne .content .container .wrap { padding-top: 120px !important; padding-bottom: 110px !important; }

    body.layout31 #pnlBody { min-height: initial !important; }
    body.layout32 #pnlBody { min-height: initial !important; }

    body .homeElectric .slideOne .content .container .wrap { padding-top: 80px !important; padding-bottom: 80px !important; }
    .homeElectric.home_style23 { height: calc(100vh - 35px); }
    .modelSelect .modelBlock .name-77:before { top: 0.3rem; right: 0.3rem; }
    .modelSelect .modelBlock input:checked + .name-77:before { top: 0.3rem; right: 0.3rem; }
    .timeSelect .timeSec p { margin-top: 0px; }
    .timeSelect li h3 { padding-top: 0px; }
    .upgradeForm .confirmSelect .formSec { padding: 1rem; }
    .upgradeForm .confirmSelect .formWrp .formContent { padding: 0.5rem; }
    .upgradeForm .confirm-footer { padding: 1rem; margin-top: 0rem; margin-bottom: 1rem; }
    .confirmSelect .formWrp > .grid > .col-5-12 { /*display: flex; flex-direction: column-reverse;*/ }

    .modelSelect .topTitle .col-4-12 p { padding-left: 0.5rem; font-size: 0.7rem; margin-top: 0.5rem; }
    .upgradeForm .formWrp > .grid { display: flex; flex-direction: column-reverse; }
    .timeSelect { padding: 1rem; }
    .dateTimeSection { padding: 1rem; }
    .timeSelect ul { display: flex; flex-wrap: wrap; gap: 5px; }
    .timeSelect li { text-align: center; width: calc(50% - 5px); margin-bottom: 0; }
    .timeSelect .timeSec { flex-direction: column; margin-bottom: 0px; }
    /*not to hide tag on mobile*/
    .modelSelect .modelBlock .thumbnail-77 { overflow: initial; }
    .modelSelect .modelBlock { overflow: initial; }
    .modelFlash { left: 5px; top: -8px; }
    .topTitle { flex-direction: column; }
    .dealerFooter { padding: 1rem 0.8rem; display: flex; justify-content: flex-start; }

    .dealerSelect .dealerList { padding: 0 0px; justify-content: flex-start; }
    .dealerSelect .dealerList li { max-width: calc(50% - 1rem); margin-bottom: 0px; }
    .dealerSelect .dealerList li label { font-size: 0.75rem; padding: 0.5rem 1rem; }
    .dealerSelect .dealerList li input:checked + label:before, .dealerSelect .dealerList li input:hover + label:before { display: none; }

    .dealerSelect .salesSlct { padding: 0 0px; justify-content: flex-start; }
    .dealerSelect .salesSlct li { max-width: calc(50% - 1rem); margin-bottom: 0px; }
    .dealerSelect .salesSlct li label { font-size: 0.75rem; padding: 0.5rem 1rem; }
    .dealerSelect .salesSlct li input:checked + label:before, .dealerSelect .dealerList li input:hover + label:before { display: none; }
}