.border-container { display: none; max-width: 1200px !important; position: fixed; border-left: 1px solid red; border-right: 1px solid red; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; margin: auto; pointer-events: none; }

.info-tooltip { display: inline-flex; cursor: pointer; }
.info-tooltip[tooltip]::after { white-space: initial; width: 400px; text-align: left; font-size: 12px; line-height: normal; font-weight: 600; color: var(--font-color); box-shadow: 0px 0px 26px 0px #0000002e; padding: 15px; border-radius: 10px; z-index: 1; }
.info-tooltip[tooltip][flow^="down"]::after { top: calc(100% + 5px); }
.info-tooltip[tooltip][flow^="down"]::before { top: calc(100% + 0px); }

.buy-online { padding-top: 80px; }

/*----------------------------------------------------------------------------
    USED CAR LIST
-----------------------------------------------------------------------------*/
.mob-refine { position: absolute; top: 0; bottom: 0; right: 15px; z-index: 1; height: 50px; display: flex; align-items: center; }
.mob-refine a { text-decoration: none; font-size: 0.95em; display: inline; line-height: inherit; font-weight: 600; color: var(--secondary-theme-color); }

.ucUsedCarList { /*margin-top: 25px;*/ }
.ucUsedCarList > .container > .row > .col-3 { flex: 0 0 18%; max-width: 18%; }
.ucUsedCarList > .container > .row > .col-9 { flex: 0 0 82%; max-width: 82%; }


.usedCarView .mainHeading { padding-bottom: 0; margin-bottom: 16px; }
.usedCarView .mainHeading h1,
.usedCarView .mainHeading .h1 { font-size: 1.6em; display: inline-flex; align-items: center; margin-bottom: 0px; margin-right: 15px; }
.usedCarView .mainHeading + .mainHeading { border-top: 1px #ccc dashed; padding-top: 25px !important; padding-bottom: 0; margin-bottom: 0px; }

.inputToggle { height: 45px; position: relative; display: inline-flex; padding: 5px; border-radius: 50px; background: #ffffff; align-items: center; justify-content: center; }
.inputToggleRpt { position: relative; display: inline-flex; height: 100%; width: 100%; }
.inputToggleRpt .inputToggleSpan { display: inline-block; width: 100%; }
.inputToggleRpt input { position: absolute; width: 100%; height: 100%; overflow: hidden; padding: 0; border: 0; outline: none; margin: 0; opacity: 0; }
.inputToggleRpt label { position: relative; z-index: 2; border-radius: 50px; text-align: center; cursor: pointer; margin: 0; display: flex; width: 100%; height: 100%; -webkit-transition: .4s; transition: .4s; align-items: center; justify-content: center; white-space: nowrap; padding: 0px 15px; }
.inputToggleRpt input:checked ~ label { color: #fff; background-color: var(--secondary-theme-color); }

.refine-button { height: 45px; border-radius: 99px; padding: 10px 46px; font-weight: 600; text-align: center; font-size: 1.066em; width: 100%; }
.rightsortBy select { border-radius: 50px; background-position: center right 12px; background-size: 11px; border: 1px solid #e7e7e7; width: 164px; font-size: 14px; padding: 10px; padding-left: 18px; font-weight: 600; margin-bottom: 30px; }
.rightsortBy .likeToDropdown { width: 175px; height: 40px; margin-bottom: 30px; }
.rightsortBy .likeToPos { min-width: 175px; max-width: 175px; min-height: 40px; max-height: 40px; box-shadow: none; border: 1px solid #e7e7e7; }
.rightsortBy .likeToPos.expanded { max-width: 260px; max-height: 450px; min-height: 100px; padding: 15px; }
.rightsortBy .likeToPos .label { height: 38px; font-size: 14px; padding: 10px; padding-left: 18px; font-weight: 600; }
.rightsortBy .likeToPos .label.likeToDefault { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; padding-right: 32px; display: block; }
.rightsortBy .likeToPos:after { border-style: solid; border-width: 3px 3px 0 0; content: ''; display: inline-block; height: 9px; width: 9px; position: absolute; top: 12px; right: 16px; transform: rotate(135deg); transition: .3s all ease-in-out; pointer-events: none; }
.rightsortBy .likeToPos:before { display: none; }
.rightsortBy .likeToPos.expanded:after { transform: rotate(-45deg); top: 18px; }


.mostSearchTabs .mainHeading { padding-bottom: 0; margin-bottom: 29px; }
.mostSearchTabs .mainHeading h3 { margin: 0px; font-weight: 400; font-size: 1.335em; }
.mostSearchTabs .mainHeading h3 strong { font-weight: 600; }

.mostSearchSlider .rptCarBlock { padding: 15px 5px; margin: 0; overflow: initial; background: initial; border-radius: initial; }
.mostSearchSlider .rptCarBlock .shadow { background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 15px 0px #001b544f; overflow: hidden; }
.mostSearchSlider .rptCarBlock .element-thumb { height: 217px; }
.mostSearchSlider .rptCarBlock .element-textblock { }
.mostSearchSlider .rptCarBlock .element-subHeading { }
.mostSearchSlider .rptCarBlock .element-price { height: auto; }
.mostSearchSlider .rptCarBlock .element-price .col { }

.driveAway { margin-bottom: 20px; height: calc(100% - 20px); min-height: 450px; }
.driveAway .flipSlide { height: 100%; }
.driveAway .flip-wrap .flipper { height: 100%; }
.driveAway .flip-wrap,
.driveAway .flip-wrap .frontView,
.driveAway .flip-wrap .backView { height: 100%; border-radius: 18px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.driveAway .flip-wrap .frontView img { display: none; }
.driveAway .flip-wrap .backView svg { display: none; }

.driveAway .frontView { padding: 30px 20px; }
.driveAway .frontView .element-textblock { color: #fff; }
.driveAway .frontView .element-heading { font-size: 26px; font-weight: 600; line-height: 1.0; margin-bottom: 10px; }
.driveAway .frontView .element-description { font-weight: 600; color: #f2f2f2; line-height: 1.30; font-size: 16px; margin-bottom: 0; opacity: 0.8; }

.driveAway .backView { padding: 30px 20px; }
.driveAway .backView .element-heading { font-size: 26px; font-weight: 600; margin-bottom: 15px; }
.driveAway .backView .element-description { font-size: 14px; line-height: 20px; letter-spacing: -0.5px; margin-bottom: 20px; }
.driveAway .backView .button { background: var(--secondary-theme-color); border-radius: 50px; opacity: 1.0; padding: 10px 40px; color: #fff; font-weight: 600; height: 43px; font-size: 1.066em; }
.driveAway.fullBoxLink .box-link-button { font-size: 0; justify-content: center; align-items: center; }

.rptCarBlock { margin-bottom: 20px !important; overflow: hidden; background: #fff; border-radius: 18px; min-height: calc(100% - 20px); }
.rptCarBlock .element-heading { display: flex; align-items: center; justify-content: start; font-size: 1.133em; font-weight: 700; padding-right: 30px; letter-spacing: -0.15px; text-transform: capitalize; }
.rptCarBlock .element-heading.bike { text-transform: initial !important; }
.rptCarBlock .element-heading a { color: inherit; }
.rptCarBlock .element-heading span { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rptCarBlock .headTag { margin: 0; width: 100%; font-weight: 600; color: #b4b4b4; font-size: 12px; }
.rptCarBlock .headTag i { font-style: normal; }
.rptCarBlock .headTag i:last-child { }
.rptCarBlock .headTag i a { color: inherit; padding-top: 4px; display: inline-block; width: 100px; text-align: right; }
.rptCarBlock .element-subHeading { font-weight: 500; margin-bottom: 10px; color: var(--font-color-opacity-80); letter-spacing: -0.15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.rptCarBlock .element-subHeading a { color: inherit; }
.rptCarBlock .element-plate { font-weight: 500; color: var(--font-color-opacity-80); letter-spacing: -0.15px; line-height: 1.385; }
.rptCarBlock .element-textblock { padding: 20px; position: relative; }
.rptCarBlock .element-thumb { font-size: 0; position: relative; height: 230px; overflow: hidden; display: block; border-radius: 15px; }
.rptCarBlock .element-thumb > a { display: flex; align-items: center; justify-content: center; height: 100%; }
.rptCarBlock .element-thumb img { width: 100%; height: 100%; object-fit: cover; }
.rptCarBlock .favorite { position: absolute; top: 17px; right: 18px; z-index: 1; }
.rptCarBlock .favorite a { color: #e6e6e6; }

.rptCarBlock .custom-type { position: absolute; top: 12px; right: 18px; z-index: 1; }
.rptCarBlock .favorite + .custom-type { left: 18px; right: initial; }
.rptCarBlock .custom-type input { height: 100%; width: 100%; }
.rptCarBlock .custom-type .checkmark { width: 30px; height: 30px; border-radius: 50%; margin: 0; }
.rptCarBlock .custom-type .checkmark:after { opacity: 0.2; font-size: 17px; }
.rptCarBlock .custom-type input:not(:checked) + .checkmark { background: #fff; border-color: #fff; }
.rptCarBlock .custom-type input:not(:checked) + .checkmark:after { color: #000; }
.rptCarBlock .custom-type input:not(:checked):hover + .checkmark { background-color: var(--secondary-theme-color); border-color: var(--secondary-theme-color); }
.rptCarBlock .custom-type input:not(:checked):hover + .checkmark:after { color: #ffffff; opacity: 1; }

.rptCarBlock .element-price { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; position: relative; height: 90px; }
.rptCarBlock .element-price .priceSec { width: 100%; }
.rptCarBlock .element-price .priceRight { padding-left: 24px; }
.rptCarBlock .element-price .priceRight:not(:empty):before { content: ""; position: absolute; top: 0; left: calc(50% - 11px); height: 100%; width: 1px; background: #ccc; }
.rptCarBlock .element-price .button { min-width: auto; height: 40px; border-radius: 5px; font-size: 14px; font-weight: 600; margin: 0px }
.rptCarBlock .element-price .priceRight > div + div { margin-top: 10px; }

.rptCarBlock .priceLeft p { color: var(--theme-color); margin: 0; font-size: 16px; line-height: 1; margin-top: 4px; }
.rptCarBlock .element-price h3 { white-space: nowrap; font-weight: 600; line-height: 1; /*font-size: 1.466em;*/ font-size: 1.25em; color: var(--font-color-opacity-80); margin-bottom: 0px; }
.rptCarBlock .element-price h3 a { color: inherit; }
.rptCarBlock .element-price h6 { font-size: 1.066em; margin-bottom: 0; }

.rptCarBlock .element-price .nowPrice .vat { font-size: 0.45em; }
.rptCarBlock .was-save { color: var(--secondary-theme-color); margin-top: 6px; }
.rptCarBlock .was-save .wasPrice { letter-spacing: -0.64px; text-decoration: line-through; margin-bottom: 4px }
.rptCarBlock .was-save .savePrice { color: var(--theme-color); letter-spacing: -0.4px; }
.rptCarBlock .was-save i { padding-right: 3px; font-size: 0.8em; }
.rptCarBlock .was-save img { margin-right: 3px; }

.priceRightlast h6 { font-size: 1.066em; margin-bottom: 0; }
.usedCarDetail.offerDetail .priceRightlast h6 { font-size: 1.29em !important }
.priceRightlast .was-save { color: var(--secondary-theme-color); margin-top: 6px; }
.priceRightlast .was-save .wasPrice { letter-spacing: -0.64px; text-decoration: line-through; margin-bottom: 4px; }
.priceRightlast .was-save .savePrice { color: var(--theme-color); letter-spacing: -0.4px; }

.priceRightlast .was-save .savePrice img { margin-right: 3px; }
.priceRightlast .was-save i { padding-right: 3px; font-size: 0.8em; }

.detail-price .priceRight[style*="visibility:hidden"] + .priceRightlast:before { display: none; }

.element-price label { font-size: 0.8em; display: block; line-height: 1.15; color: var(--font-color-opacity-80); white-space: nowrap; font-weight: 600; }

.element-finance { }
.element-finance i { cursor: pointer; color: var(--secondary-theme-color); opacity: 1; }
.element-finance h3 span { font-size: 0.64em; white-space: nowrap; }

.element-flag { font-size: 0; }

.rptCarBlock .element-deposit { color: var(--theme-color); letter-spacing: -0.55px; }
.rptCarBlock .element-deposit h3 { color: inherit; margin-bottom: 1px; }
.rptCarBlock .element-deposit label { color: inherit; line-height: 1.385; font-size: 0.735em; margin-bottom: 0; padding-left: 1px; letter-spacing: -0.15px; }

.rptCarBlock .element-askFin { color: var(--theme-color); letter-spacing: -0.55px; }
.rptCarBlock .element-askFin h3 { color: inherit; margin-bottom: 1px; white-space: initial; font-size: 1.2em; }

.rptCarBlock .swiper { height: inherit; border-radius: 15px; }
.rptCarBlock .swiper-wrapper { align-items: flex-start; }
.rptCarBlock .swiper-slide { background: transparent !important; }
.rptCarBlock .swiper-slide.swiper-slide-active:before { opacity: 0; }
.rptCarBlock .swiper-buttons { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 100%; width: 100%; }
.rptCarBlock .swiper-button-next { right: 10px; }
.rptCarBlock .swiper-button-prev { left: 10px; }
.rptCarBlock .swiper-button-next,
.rptCarBlock .swiper-button-prev { background: #000; width: 30px; height: 30px; background: #fff; border-radius: 50%; }
.rptCarBlock .swiper-button-next:after,
.rptCarBlock .swiper-button-prev:after { font-size: 14px; color: #000; font-weight: 900; }
.rptCarBlock .swiper-pagination .swiper-pagination-bullet { background-color: #ffffff; }
.rptCarBlock .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--secondary-theme-color); opacity: 1 !important; }




.rptCarBlock.carFinance { padding: 14px 10px; position: relative; }
.rptCarBlock.carFinance .tabs { border-width: 4px; }
.rptCarBlock.carFinance .tab-link { font-size: 12px; font-weight: bold; margin-right: 0; text-align: center; justify-content: center; padding-top: 0; padding-bottom: 10px; margin-bottom: -4px; position: initial; min-height: 44px; }
.rptCarBlock.carFinance .tab-link.wide br { display: none; }

.rptCarBlock.carFinance .tab-link:before { position: absolute; background: var(--theme-color); height: 4px; top: 54px; bottom: initial; width: calc(50% - 10px); }
.rptCarBlock.carFinance .tab-link.wide:before { width: calc(100% - 20px); }

.rptCarBlock.carFinance .tab-link:first-child.resp-tab-active:before { content: ""; left: 10px; right: auto; }
.rptCarBlock.carFinance .tab-link:last-child.resp-tab-active:before { content: ""; left: auto; right: 10px; }

.rptCarBlock.carFinance .tab-link:after { content: ""; position: absolute; height: 10px; width: 10px; border-radius: 50%; background: #ccc; bottom: 10px; }
.rptCarBlock.carFinance .tab-link:first-child:after { left: calc(50% - 15px); right: initial; }
.rptCarBlock.carFinance .tab-link:last-child:after { right: calc(50% - 15px); left: initial; }
.rptCarBlock.carFinance .tab-link.resp-tab-active:after { background-color: var(--theme-color); }
.rptCarBlock.carFinance .tab-link.wide:after { display: none; }

.rptCarBlock.carFinance .tab-content { padding: 0; padding-top: 16px; }
.rptCarBlock.carFinance .tab-content h3 { margin-bottom: 4px; font-size: 0.86em; }
.rptCarBlock.carFinance .tab-content ul { margin: 0; margin-top: 10px; }
.rptCarBlock.carFinance .tab-content li { display: flex; padding: 5px; margin-bottom: 0; font-size: 0.73em; align-items: center; justify-content: space-between; }
.rptCarBlock.carFinance .tab-content li:nth-child(even) { background-color: #f2f3f5; border-radius: 5px; }
.rptCarBlock.carFinance .tab-content label { margin: 0; }
.rptCarBlock.carFinance .tab-content strong { white-space: nowrap; font-weight: bold; }

.rptCarBlock.NEW .element-thumb { display: flex; justify-content: center; align-items: center; }
.rptCarBlock.NEW .element-thumb img { height: auto; }
.rptCarBlock.NEW .swiper-wrapper { align-items: center; }
.rptCarBlock.NEW .swiper-slide { display: inherit; justify-content: inherit; align-items: inherit; }

.rptCarBlock.OFFER .element-offerList { margin: 1rem 0; }
.rptCarBlock.OFFER .element-offerList li span { font-size: 1em; }
.rptCarBlock.OFFER .element-price { height: 36px; }
.rptCarBlock.OFFER .element-price label { font-size: 0.7em; }
.rptCarBlock.OFFER .element-price .priceRight { padding: 0; }
.rptCarBlock.OFFER .element-price .priceRight:not(:empty):before { left: calc(50% - 24px); }
.rptCarBlock.OFFER .element-location { height: auto; }

.ucNewMatchingStock .rptCarBlock { box-shadow: 0px 0px 15px 0px #001b541c; }

.lnkUndr { text-decoration: underline !important; }
/*.ucNewMatchingStock .rptCarBlock .element-thumb img { height: auto; }*/
.ucNewMatchingStock .rptCarBlock .swiper-wrapper { align-items: center; }
.ucNewMatchingStock .rptCarBlock .swiper-slide { display: inherit; justify-content: inherit; align-items: inherit; }

.financePopup .popup-content { max-width: 743px; }
.financePopup .popup-body { padding: 2.5rem; }
.financePopup ul { display: flex; margin: 0; flex-wrap: wrap; }
.financePopup .financeRpt { margin: 0; display: inline-block; padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; width: 33.33%; text-align: center; margin-left: -1px !important; }
.financePopup .financeRpt.head { text-align: left; line-height: 1.2; font-size: 1.2em; width: calc(100% - 3px); border-top: 1px solid #ccc; }
.financePopup .financeRpt label { display: block; text-align: center; font-size: 0.94em; color: #222222; margin-bottom: 10px; margin-top: 10px; font-weight: 600; }
.financePopup .financeRpt p { color: var(--theme-color); margin: 0; font-size: 1.45em; line-height: 1; }


#js-widget-iframe { border-radius: 8px !important; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); padding: 0px 15px; }
div#js-overlay { background: #000; opacity: .47; }
#js-modal-body #modal-close { right: -25px; top: -15px; color: #c4c4c4; height: 25px; font-size: 49px; line-height: normal; font-weight: 300; background: transparent !important; padding: 0; }

.tagflag { position: absolute; z-index: 2; right: 1px; top: 13px; }
.tagflag-pill { display: block; background: var(--theme-color); padding: 4px 8px; border-radius: 5px; font-size: 0.73em; font-weight: 700; color: #fff; box-shadow: 0px 4px 6px 0px #00000057; }

.favorite a { width: 30px; height: 30px; border-radius: 50%; display: flex !important; justify-content: center; align-items: center; font-size: 27px; -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; transition: transform .5s ease; }
.favorite a i,
.favorite a svg { color: inherit; fill: inherit; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; }
.favorite a.active { color: var(--favorite-color) !important; fill: var(--favorite-color) !important; border-color: var(--favorite-color) !important; }
.favorite a.active i,
.favorite a.active svg { font-weight: 900; transform: rotate(360deg); }
.favorite a .fa-heart { }
.favorite a svg { width: 100%; height: 100%; }

.tagOnImg { font-size: 13px; text-align: center; color: #fff; position: absolute; bottom: 0; width: 100%; background: #00bcd4; padding: 6px; line-height: 1; }
.pillWrap { margin-top: 0; margin-bottom: 15px; min-height: 19px; display: flex; flex-wrap: wrap; align-items: flex-start; }
.pillWrap li { font-size: 0.933em; margin-bottom: 0; margin-right: 15px; list-style: none; position: relative; font-weight: 600; display: inline-flex; align-items: center; }
.pillWrap li:empty { display: none !important; }
.pillWrap li::after { content: ""; background: var(--font-color); height: 4px; width: 4px; border-radius: 50%; right: -10px; position: absolute; top: -2px; bottom: 0; display: inline-block; vertical-align: middle; margin: auto; }
.pillWrap li:last-child { margin-right: 0px; }
.pillWrap li:last-child:after { display: none; }

.element-location { margin-top: 20px; transition: 0.4s; height: 42px; }
.element-location:hover { scale: 1.15; }
.element-location a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; font-weight: 600; text-align: center; line-height: 1.385; opacity: 1 !important; margin-bottom: 5px; }
.element-location a:last-child { margin-bottom: 0; }
.element-location a span { white-space: nowrap; width: 100%; display: inline-block; text-overflow: ellipsis; overflow: hidden; text-align: inherit; }
.element-location a:nth-child(2) span { color: #000; font-weight: normal; }
.element-location i { font-size: 0.95em; margin: 0; margin-right: 5px; padding-top: 1px; color: var(--secondary-theme-color); }

.pillWrap .low-price { color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); border: 0px; cursor: pointer; }
.pillWrap .great-price { color: rgb(255, 255, 255); background-color: rgb(31, 131, 0); border: 0px; cursor: pointer; }
.pillWrap .good-price { color: rgb(0, 0, 0); background-color: rgb(72, 212, 69); border: 0px; cursor: pointer; }
.pillWrap .fair-price { color: rgb(0, 0, 0); background-color: rgb(255, 196, 0); border: 0px; cursor: pointer; }
.pillWrap .high-price { color: rgb(255, 255, 255); background-color: rgb(252, 123, 30); border: 0px; cursor: pointer; }

.usedCarView.listActive > .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
.usedCarView.listActive .rptCarBlock { display: flex; width: 100%; justify-content: space-between; height: auto !important; }
.usedCarView.listActive .rptCarBlock .element-textblock { flex: 0 0 60%; max-width: 60%; padding: 20px; display: inline-flex; flex-direction: column; justify-content: space-between; }
.usedCarView.listActive .rptCarBlock .element-thumb { flex: 0 0 40%; max-width: 40%; text-align: center; height: auto !important; }
.usedCarView.listActive .rptCarBlock .element-thumb > a { height: 220px; overflow: hidden; -webkit-transition: initial; transition: initial; }
.usedCarView.listActive .element-finance { text-align: left; height: auto !important; }

.finance-component .accordion { margin-bottom: 30px; background: #fff; border-radius: 16px; }
.offers-model-list .finance-component .accordion { background: #f1f1f1; margin-top: 30px; }
.finance-component .accordion .financeGrid { margin: 0; font-size: 0.9em; font-weight: 500; }
.finance-component .accordion-header { border: none; }
.finance-component .accordion-header i { font-family: var(--theme-font-family); color: var(--font-color); padding: 0; }
.finance-component .accordion-header .fa:before { content: "Show"; }
.finance-component .accordion-header.active .fa:before { content: "Hide"; }
.finance-component .accordion-Content { padding: 20px; padding-top: 0; border-bottom: none; background: transparent; }

:root { --finance-border: #e7e7e7; }
.financeGrid { margin: 30px 0 20px; display: inline-block; width: 100%; }
.financeGrid .element-heading { margin-bottom: 1rem; font-size: 16px; }
.financeGrid table { width: 100%; display: flex; align-items: center; justify-content: flex-start; border: 1px solid var(--finance-border); overflow: hidden; background: #fff; border-radius: 14px; }
.financeGrid table tbody { width: 100%; display: block; }
.financeGrid tr { display: flex; list-style: none; overflow: hidden; background: #fff; border-radius: 14px; width: 100%; }
.financeGrid tr td { display: inline-flex; flex-direction: column; padding: 15px 10px; border-right: 1px solid var(--finance-border); margin: 0; text-align: center; justify-content: space-between; }

.financeGrid span { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; line-height: 1.15; }
.financeGrid span:first-child { font-size: 0.9em; }
.financeGrid span:last-child { /*color: var(--secondary-theme-color);*/ min-height: 50px; }

.financeGrid .HPList td { }
.financeGrid .PCPList td { }
.financeGrid .PCPList span { display: inline; }


/*----------------------------------------------------------------------------
    SHORTLIST - RECENTLY VIEWED PAGE
-----------------------------------------------------------------------------*/

.ucShortList .favorite a { background-color: #fff; width: 30px; height: 30px; }
.ucShortList .favorite a svg { padding: 10px; }

.ucShortList,
.ucRecentlyViewed { margin-top: 25px; margin-bottom: 50px; }

.ucShortList .rptCarBlock .element-thumb,
.ucRecentlyViewed .rptCarBlock .element-thumb { }

.ucRecentlyViewed .mainHeading span.popupTrigger { cursor: pointer; }
.ucRecentlyViewed .mainHeading span.popupTrigger:hover { opacity: 0.8; }


/*----------------------------------------------------------------------------
    USED CAR DETAIL
-----------------------------------------------------------------------------*/
.usedCarDetail { }
.usedCarDetail .back-link { font-weight: 700; font-size: 12px; color: var(--font-color-opacity-80); text-transform: uppercase; position: absolute; top: 0; margin-top: -41px; z-index: 9; }
.usedCarDetail .back-link span { display: inline-block; padding-left: 2px; }

.usedSlider { position: relative; background-color: #fff; border-radius: 16px; margin-bottom: 19px; }
.usedSlider .swiper { border-radius: 16px; }

.usedSlider .swiper-slide { border-radius: 16px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #fff; text-align: center; max-width: 100%; background: transparent !important; font-size: 0; width: 100%; min-height: 450px; display: flex; align-items: center; justify-content: center; }
.usedSlider .swiper-slide img { width: 100%; }
.usedSlider .swiper-slide video { width: 100%; }

.usedSlider .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) { display: none; }
.usedSlider .swiper:not(.swiper-initialized) .swiper-buttons { display: none !important; }
.usedSlider .swiper-buttons { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 100%; width: 100%; }
.usedSlider [class*="swiper-button-"] { width: 50px; }
.usedSlider [class*="swiper-button-"]:after { font-size: 35px; color: #fff; font-weight: 700; text-shadow: rgba(0,0,0,0.7) 0px 0px 18px; }

.usedSlider .swiper-button-next { right: 0px; }
.usedSlider .swiper-button-prev { left: 0px; }

.fixIcon { position: absolute; top: 15px; left: 16px; z-index: 2; display: inline-flex; align-items: center; }
.imgCount,
.vidCount { background-color: #fff; border-radius: 8px; padding: 8px 14px; height: 36px; font-size: 12px; display: inline-flex; align-items: center; line-height: 1; margin-right: 20px; }

.offerDetail .imgCount,
.offerDetail .vidCount { background-color: rgba(0, 0, 0, 0.03); }

.imgCount i,
.vidCount i { color: #c9c9c9; }

.imgCount i { margin-right: 6px; font-size: 15px; }

.imgCount .swiper-pagination { position: initial; font-size: 0; margin-top: 1px; }
.imgCount .swiper-pagination span { font-weight: 700; letter-spacing: -0.02em; font-size: 12px; }
.imgCount .swiper-pagination .swiper-pagination-total:before { content: "/"; }


.usedCarDetail .usedSlider .favorite { position: absolute; top: 22px; right: 25px; z-index: 2; }
.usedCarDetail .usedSlider .favorite a { color: #fff; font-size: 28px; }

.usedCarDetail.stockNew .usedSlider .favorite a { color: var(--font-color-opacity-30); }
.usedCarDetail.offerDetail .usedSlider .favorite a { color: #c9c9c9; }

.usedCarDetail.offerDetail .priceRightlast .was-save .savePrice { color: #69a039 !important; }


.usedCarDetail .usedSlider .share { position: absolute; bottom: 25px; right: 25px; color: #fff; display: flex; line-height: 1; z-index: 2; }
.usedCarDetail.stockNew .usedSlider .share { color: var(--font-color-opacity-30); }
.usedCarDetail .usedSlider .share svg { color: inherit; fill: currentColor; height: 35px; width: 25px; }
.usedCarDetail .usedSlider .redFlash ~ .share { bottom: 65px; }

.detailTopHead .sliderNote { position: absolute; bottom: 5px; left: 5px; display: flex; line-height: 1; z-index: 2; padding: 8px 15px; font-size: 0.8em; border-radius: 12px; }
.usedCarDetail.stockNew .detailTopHead .sliderNote { display: none; }

.usedCarDetail .button.gallary { position: absolute; bottom: 15px; left: 15px; z-index: 9; height: 35px; line-height: 0.5; font-size: 0.8em; padding: 10px 15px; min-width: initial; }
.usedCarDetail .redFlash ~ .button.gallary { bottom: 65px; }
.usedCarDetail .button.gallary i { margin-right: 0.5rem; }

.lightbox-gallery .popup-content { width: 1210px; max-width: 100%; }
.lightbox-gallery .button-wrap { display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; }
.lightbox-gallery .btn-filter { color: var(--theme-color); background: transparent; border: 2px solid var(--theme-color); font-size: 0.866em; min-width: initial; box-shadow: none; margin: 0 0.25rem; }
.lightbox-gallery .btn-filter:hover,
.lightbox-gallery .btn-filter.active { background-color: var(--theme-color); color: #fff; }

.lightbox-gallery ul { width: 816px; max-width: 100%; margin: 0px auto; list-style: none; display: flex; flex-wrap: wrap; }
.lightbox-gallery li { width: 50%; display: inline-flex; position: relative; padding: 8px; margin-bottom: 0; }
.lightbox-gallery li:first-child { padding-top: 0px; }
.lightbox-gallery li:nth-child(3n-2) { width: 100%; }



.detailTopHead.pb-8 { padding-bottom: 120px; }
.detailTopHead > .row { display: block; }

.footer-shown .carDetailcontent { }
.footer-shown .maxContent { }

.usedCarDetail .moDetailcontent { padding-left: 6px; }

.usedCarDetail .element-plate { font-weight: 400; font-size: 1.2em; }
.usedCarDetail .detail-heading { display: flex; justify-content: space-between; }
.usedCarDetail .detail-head .element-heading { font-size: 1.4em; font-weight: 600; margin-bottom: 0; line-height: 1.1; text-transform: capitalize; }
.usedCarDetail .detail-reg { font-weight: 400; padding-top: 3px; font-size: 0.933em; }
.usedCarDetail .detail-des { margin-bottom: 0; color: #777777; font-size: 0.95em; }

.usedCarDetail .detail-head { margin-bottom: 11px; }
.usedCarDetail .detail-variant { font-weight: 400; margin-top: 5px; margin-bottom: 1px; font-size: 1.2em; }
.usedCarDetail .detail-choice { margin-top: 5px; /*font-size: 1.2em;*/ font-weight: 600; }
.usedCarDetail .detail-choice .popupTrigger { color: var(--button-background-color); text-decoration: underline; }
.usedCarDetail .detail-choice label { display: block; font-size: .8em; font-weight: 600; margin-bottom: 3px; white-space: nowrap; }

.color-options .color-red { background-color: #d9432b !important; }
.color-options .color-blue { background-color: #216dab !important; }
.color-options .color-yellow { background-color: #216dab !important; }
.color-options .color-white { background-color: #ffffff !important; }
.color-options .color-black { background-color: #000000 !important; }
.color-options .color-grey { background-color: #6d747f !important; }
.color-options .color-silver { background-color: #cbcccc !important; }
.color-options .color-green { background-color: #2b4a42 !important; }
.color-options .color-gold { background-color: #c7805e !important; }
.color-options .color-metal { background-color: #858784 !important; }

.color-options { display: flex; gap: 12px; margin-top: 10px; }
.color-options .color-circle { display: inline-block; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; transition: border-color 0.2s ease; opacity: 1 !important; position: relative; border: 4px solid #fff; box-shadow: inset -3px -3px 10px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.37); }
.color-options .color-circle:after { content: "\e90b"; align-items: center; bottom: 0; color: #ffffff; display: flex; font-family: "icons"; font-size: 16px; font-weight: initial; justify-content: center; opacity: 0; left: 0; line-height: 1; position: absolute; right: 0; top: 0; transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 5; }

.color-options .color-circle:hover:after,
.color-options .color-circle.selected:after { opacity: 1; }

.detail-choice select { margin-top: 10px; border-radius: 50px; font-size: .9em; font-weight: 500; border-color: var(--theme-color); }

.detail-address i { color: #a9a9a9; margin-right: 5px; font-size: 1.05em; line-height: normal; display: inline; vertical-align: middle; }
.detail-address a { color: inherit; font-weight: 600; white-space: nowrap; }
.detail-address b { font-size: 0.84em; display: inline-block; }
.detail-call { display: inline-flex; line-height: 1; align-items: flex-end; font-size: 1.6em; font-weight: 500; white-space: nowrap; }
.detail-call label { padding-right: 4px; padding-bottom: 1px; margin-bottom: 0; font-size: 13px; opacity: 0.8; }

.valuationHead { background: var(--theme-color); color: #fff; padding: 13px 10px; }
.valuationHead p { text-align: center; margin: 0; line-height: normal; font-size: 0.9em; letter-spacing: 0.05rem; }
.valuationHead a { color: #fff; position: relative; }
.valuationHead a:after { content: ""; position: absolute; bottom: -3px; left: 0; right: 0; height: 2px; background: #fff; opacity: 0.5; }

.dontmiss-relative { }
.dontmiss { display: flex; align-items: center; cursor: pointer; }
.dontmiss img { width: 80px; height: 80px; min-width: 80px; border-radius: 50px; margin-right: 15px; }
.dontmiss-heading { }
.dontmiss .dontmiss-heading strong { font-weight: 700; margin-bottom: 3px; display: block; }
.dontmiss .dontmiss-heading p { color: #777777; font-size: 0.733em; margin-bottom: 0; font-weight: 600; opacity: 0.8; }

.reviews-star img { width: 280px; }
.reviews-star { padding: 20px 0px 20px 28px; }

.performance .panel-body { position: relative; min-height: 120px; }
.performance .element-description { width: calc(100% - 180px); margin-bottom: 0; }
.performance p { padding-left: 50px; margin-bottom: 0; color: var(--font-color) !important; min-height: 40px; font-size: 1em !important; }
.performance p a { font-weight: 600; }
.performance.active #summaryText { position: absolute; opacity: 0; }
.performance .quote { position: absolute; left: 28px; top: 30px; font-size: 120px; pointer-events: none; z-index: 1; height: 30px; line-height: 0.9; font-style: italic; text-align: left; text-indent: -23px; width: 30px; opacity: 0.15; }
.performance img { position: absolute; right: 30px; bottom: 0; width: 170px; opacity: 0.92; }


.accordion-reviews .reviewRpt { border-bottom: 1px dashed #001b542e; padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: center; }
.accordion-reviews .reviewRpt:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.accordion-reviews .reviewRpt p { color: var(--font-color-opacity-80); font-weight: 500; margin-bottom: 0px; display: inline-block; width: calc(100% - 30px); margin: auto; text-align: left; }
.accordion-reviews .reviewRpt p span { display: block; margin-top: 10px; color: var(--secondary-theme-color); font-weight: 600; }
.accordion-reviews .reviewRpt [class^="icon-"] { display: inline-flex; justify-content: center; position: absolute; color: #001b542e; border-radius: 50%; font-size: 16px; }
.accordion-reviews .reviewRpt .icon-quote-left { top: -5px; left: -15px; }
.accordion-reviews .reviewRpt .icon-quote-right { bottom: 40px; right: -15px; }
.accordion-reviews .reviewRpt:last-child .icon-quote-right { bottom: 0px; }

.usedCarDetail .trustpilot-widget { }
.usedCarDetail .trustpilot-widget iframe { margin-left: 0; margin-right: auto; }

.print-videoSec ul { padding: 25px 20px; display: flex; align-items: center; justify-content: space-between; margin: auto; line-height: 1; }
.print-videoSec ul li { list-style: none; margin-bottom: 0; }
.print-videoSec ul li:last-child { text-align: right; }
.print-videoSec ul li a { font-weight: 600; transition: all 0.3s; font-size: 0.85em; }
.print-videoSec ul li a i { padding-right: 4px; opacity: 0.8; }
.print-videoSec ul li a:hover { opacity: 1; }

.usedVideoPopup .close { top: 0; right: 0; }
.usedVideoPopup .popup-body { padding: 2rem; line-height: 1; }
.usedVideoPopup .popup-content { width: 800px; max-width: 100%; }
.usedVideoPopup .popup-content iframe { max-width: 100%; }

.detail-location { padding-left: 10px; padding-right: 4px; margin-top: 12px; /*margin-bottom: 38px;*/ margin-bottom: 15px; text-align: right; }
.detail-location .fa { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; transform: rotate(95deg); font-size: 12px; background-color: var(--theme-color); border-radius: 50%; color: #fff; margin: 0; margin-right: 10px; }
.detail-location p { margin-bottom: 7px; font-weight: 400; padding-left: 4px; margin-right: 1px; line-height: 1.25; }
.detail-location p span { display: inline; font-size: 0.866em; opacity: 0.8; vertical-align: middle; line-height: 1.25; }
.siteCloses { font-size: 13px; color: var(--theme-color); font-weight: 600; line-height: 1.2; }


.attention-Grabber { background: var(--theme-color); padding: 18px; border-radius: 10px; height: 64px; position: relative; color: #fff; font-weight: 600; font-size: 19px; opacity: 1; text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; line-height: 1.2; }
.attention-Grabber i { color: var(--theme-color); margin-right: 3px; padding-left: 3px; font-size: 12px; }

.usedCarDetail.stockNew .attention-Grabber,
.usedCarDetail.offerDetail .attention-Grabber { /*background: #69a039 !important;*/ }


/*.detailPrice { text-align: right; display: inline-flex; align-items: flex-end; }*/
.detailPrice h3 { display: inline-flex; align-items: flex-end; font-weight: 600; font-size: 1.866em; margin-left: 0; letter-spacing: -1px; margin-bottom: 5px; line-height: 1; }
.detailPrice h3 span.vat { font-size: 10px; padding-bottom: 5px; }
.detailPrice .perMonth { display: block; font-size: 16px; letter-spacing: -0.21px; white-space: nowrap; margin-bottom: 2px; }
.detailPrice .rpExample { display: block; font-size: 0.8em; }
.detailPrice .adminFee { display: block; font-size: 0.8em; color: var(--theme-color); }
.detailPrice .adminFee .info-tooltip { z-index: 4; }

.detailPrice h6 { margin-bottom: 0; font-size: 1em; }
.detailPrice h6 span { display: inline-block; min-width: 43px; }
.detailPrice .wasPrice { color: var(--danger-color); text-decoration: line-through; }
.detailPrice .savePrice { color: var(--success-color); }

.carDetailcontent .detailPrice { position: relative; }
.usedCarDetail .carDetailcontent .button { border-radius: 50px; text-transform: uppercase; font-size: 0.933em; height: 49px; padding: 14px 8px; margin-bottom: 9px; min-width: initial; }
.usedCarDetail .carDetailcontent .button:hover { }
.usedCarDetail .carDetailcontent .reserveBtn { }
.usedCarDetail .carDetailcontent .button.border { color: var(--theme-color); background: transparent; border: 2px solid var(--theme-color); font-size: 0.866em; height: 48px; }

/*.usedCarDetail.stockNew .carDetailcontent .button.border,
.usedCarDetail.offerDetail .carDetailcontent .button.border { color: #69a039; border-color: #69a039; }

.usedCarDetail.stockNew .likeToPos,
.usedCarDetail.offerDetail .likeToPos { border-color: #69a039 !important; }

.usedCarDetail.stockNew .carDetailcontent .button.btnclr,
.usedCarDetail.offerDetail .carDetailcontent .button.btnclr { background-color: #69a039 !important; }*/


.detail-price { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 16px; }
.detail-price .col { position: relative; }
.detail-price .col.priceLeft { flex: 0 0 44%; max-width: 44%; }
.detail-price .col.priceRight:before { content: ""; background: #7c7c7c3d; width: 1px; height: 32px; position: absolute; left: -12%; top: 11px; }

.detail-price .priceRight { }
.detail-price .priceRightlast { flex: 0 0 100%; max-width: 100%; }
.detail-price .priceRightlast:before { display: none; }
.detail-price label { display: block; font-size: 0.8em; font-weight: 600; margin-bottom: 3px; white-space: nowrap; }
.detail-price label span { font-style: italic; font-size: 11px; }

.finDeposit { width: 100%; }
.finDeposit p { margin: 5px 0; line-height: 1.2em; font-size: 0.933em; font-weight: 600; }
.finDeposit p i { color: var(--secondary-theme-color); }

.financePanel .detailPrice { display: flex; padding: 15px; padding-bottom: 0; justify-content: space-between; align-items: flex-end; }
.financePanel .detailPrice span { margin: 0; }
.financePanel .detailPrice .nowPrice { font-size: 25px; }

.usedCarDetail .likeToDropdown { display: flex; width: 100%; height: 52px; margin-bottom: 11px; }
.usedCarDetail .likeToPos { width: 100%; min-width: 100%; min-height: 52px; max-height: 52px; border-width: 4px; box-shadow: none; -webkit-animation: none; border-color: var(--theme-color); }
.usedCarDetail .likeToPos:before { top: 19px; border-width: 5px; right: 19px; }
.usedCarDetail .likeToPos.expanded { width: 300px; max-height: 600px; border-color: var(--secondary-theme-color); border-radius: 14px; padding: 15px; padding-right: 19px; }
.usedCarDetail .likeToPos.expanded .likeToDefault { padding-top: 2px; }
.usedCarDetail .likeToPos .label { font-size: 17px; margin-top: 3px; letter-spacing: -0.5px; padding: 0px 22px; }
.usedCarDetail .likeToPos #SendFriend.label { display: none; }
.usedCarDetail .likeToPos .likeToDefault { height: 44px; margin-top: 0; }
.usedCarDetail .likeToPos .label:not(.likeToDefault):hover { background: var(--secondary-theme-color); font-weight: 700; }
.usedCarDetail .dropScroll { max-height: initial; /*max-height: calc(100vh - 195pxpx);*/ }

.usedCarDetail .dropScroll::-webkit-scrollbar-thumb { background-color: var(--secondary-theme-color); }

.usedCarDetail .panel-heading { padding: 20px 44px 15px; font-size: 18px; height: auto; line-height: normal; border: none; font-weight: 700; }
.usedCarDetail .panel-heading + .panel-body { padding-top: 0; }
.usedCarDetail .panel-heading + .panel-body .accordion-item:first-child { border-top: solid 1px #0000002e; }

.usedCarDetail .highlight-sec .panel-heading { padding-left: 15px; font-size: 18px; height: auto; line-height: normal; border: none; font-weight: 700; }

.usedCarDetail .panel { border-radius: 16px; border: none; }
.usedCarDetail .panel-body { padding: 30px; }
.usedCarDetail .panel-body p { font-size: 0.95em; }
.dv-em-pay { margin: 20px 0 !important; font-size: .95em !important; }
.dv-em-pay * { color: inherit !important; font-size: inherit !important; }
.dv-em-pay p { margin-bottom: 3px !important; }
.dv-em-pay ul { margin: 0px !important; }
.dv-em-pay ul li { margin-bottom: 3px !important; }

.keyFeatures { display: flex; align-items: start; margin: 0px; justify-content: space-between; margin-bottom: 20px; }
.keyFeatures li { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; width: 100%; }
.keyFeatures li img { max-height: 35px; }
.keyFeatures li span { display: flex; align-items: center; justify-content: center; margin-top: 8px; font-size: 0.8em; text-align: center; line-height: 1; font-weight: 500; }

.usedCarDetail .accordion:last-child { margin-bottom: 0; }
.usedCarDetail .accordion-header { padding: 10px 0px 14px 14px; line-height: 32px; border-bottom: solid 1px #0000002e; }
.usedCarDetail .accordion-header i { padding-top: 9px; padding-right: 24px; color: #0000005e; font-size: 14px; }
.usedCarDetail .accordion-Content { border-bottom: 4px solid #0000002e; }
.usedCarDetail .accordion-Content ul,
.usedCarDetail .accordion-Content ol { list-style-position: unset; padding-left: 19px; }


.financePanel .panel-body { padding: 0; }
.financePanel .tabs { border-color: transparent; padding: 20px; padding-bottom: 0; }
.financePanel .tab-link { color: #cbcbcb; border-color: transparent; width: 50%; min-width: 50%; margin: 0; padding: 0; padding-bottom: 11px; }
.financePanel .resp-tab-active { color: #000; }
.financePanel .resp-tab-active:before { top: auto; bottom: 0; }
.aprDiv h2 { font-size: 1em; line-height: 1; color: #00b484; margin: 0; }
.aprDiv h2 strong { font-size: 1.5em; margin-right: 5px }
.financePanel .button { background: #00b484; }

.commentsSec { margin: 90px 0; }
.commentsSec [class*="container"] { display: flex; align-items: center; justify-content: space-between; }
.commentsSec .userSide { position: relative; width: 120px; height: 120px; min-width: 120px; }
.commentsSec .userImg { width: 100%; height: 100%; font-size: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; position: relative; text-align: center; }
.commentsSec .userImg img { position: absolute; top: 0; bottom: 0; width: auto; max-width: initial; max-height: 100%; margin: auto; }
.contentSide { padding-left: 45px; position: relative; }
.contentSide h5 { margin-bottom: 0.9rem; }
.contentSide > .fa { color: #e1e1e1; position: absolute; top: 0; right: 0; font-size: 40px; }
.contentSide p { color: #777777; font-size: 0.95em; padding-right: 50px; margin-bottom: 0.9rem; }

.contentSide .contactMe { color: #000; font-weight: 700; }
.contentSide .contactMe a { position: relative; color: var(--theme-color); display: inline-flex; }
.contentSide .contactMe a:after { content: ""; position: absolute; bottom: -3px; left: 0; right: 0; height: 2px; background: var(--theme-color); opacity: 0.5; }

.userCall { position: absolute; bottom: 0; right: -18px; background: #fff; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 7px 7px rgba(51,51,51,0.15); z-index: 1; }
.userCall a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; transform: rotate(95deg); font-size: 16px; }

.financePanel input,
.financePanel select { height: 50px; border-color: #c8c8c8; }
.financePanel .form-group { margin-bottom: 12px; }
.financePanel .form-group:not(:last-of-type) { border-bottom: 1px solid #f1f1f1; padding-bottom: 12px; }

.descriptionPanel .panel-body { padding: 47px; }
.usedCarDetail .mayAlso { margin-top: 8px; }

.offerFinanceFeed { padding-right: 15px; }
.ucFinanceManual ul { margin: 0; }
.ucFinanceManual ul li { display: flex; justify-content: space-between; padding: 10px 15px; margin: 0; border-radius: 5px; }
.ucFinanceManual ul li:nth-child(odd) { background-color: #f1f1f1; }
.ucFinanceManual .element-description { padding: 35px 15px; font-size: 0.8em; margin-bottom: 0; }


.usedCarDetail.offerDetail { }
.usedCarDetail.offerDetail .usedSlider .swiper-slide { min-height: initial; }
.usedCarDetail.offerDetail .swiper-autoheight .swiper-wrapper { align-items: center; }

/*----------------------------------------------------------------------------
    RANGE SLIDER
-----------------------------------------------------------------------------*/

.rangeSliderWrap { margin: 30px 0px 25px 0px; }
.rangeSliderWrap label { color: #818181; width: 100%; margin-bottom: 10px; }
.rangeSliderWrap .rangeslider,
.rangeSliderWrap .rangeslider__fill { display: block; }
.rangeSliderWrap .rangeslider { background: #3b718b; position: relative }
.rangeSliderWrap .rangeslider--horizontal { height: 5px; width: 100% }
.rangeSliderWrap .rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100% }
.rangeSliderWrap .rangeslider--disabled { opacity: .4 }
.rangeSliderWrap .rangeslider__fill { background: #00b484; position: absolute }
.rangeSliderWrap .rangeslider--horizontal .rangeslider__fill { top: 0; height: 100% }
.rangeSliderWrap .rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100% }
.rangeSliderWrap .rangeslider__handle { border: 3px solid #22556a; cursor: pointer; display: inline-block; width: 15px; height: 15px; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.rangeSliderWrap .rangeslider__handle:after { content: ""; display: block; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #90b9cf; }
.rangeSliderWrap .rangeslider--active .rangeslider__handle,
.rangeSliderWrap .rangeslider__handle:active { }
.rangeSliderWrap .rangeslider--horizontal .rangeslider__handle { top: -5px; touch-action: pan-y; -ms-touch-action: pan-y }
.rangeSliderWrap .rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x }
.rangeSliderWrap input[type=range]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255,0,255,.9); -webkit-box-shadow: 0 0 8px rgba(255,0,255,.9); box-shadow: 0 0 8px rgba(255,0,255,.9) }

.rangeSliderWrap label { font-size: 0.8em; color: #000 !important; font-weight: 600; }
.rangeSliderWrap ul { margin: 0; display: flex; justify-content: space-between; margin-left: -3.5px; margin-right: -3.5px; }
.rangeSliderWrap ul li { margin-bottom: 0px; width: 20%; display: inherit; justify-content: center; align-items: center; padding-left: 3.5px; padding-right: 3.5px; }
.rangeSliderWrap ul li .custom-type { display: inherit; justify-content: inherit; align-items: inherit; margin: 0 !important; }
.rangeSliderWrap ul li .custom-type input { width: 100%; height: 100%; }
.rangeSliderWrap ul li label.custom-type .label { font-weight: 500; display: inherit; width: 100%; justify-content: inherit; align-items: inherit; margin: 0; border: 2px solid #c9c9c9; height: 48px; border-radius: 5px; background: #deecea; font-size: 14px; -webkit-transition: 0.25s; transition: 0.25s; }
.rangeSliderWrap ul li .custom-type input:hover + .label, .rangeSliderWrap ul li .custom-type input:checked + .label { border-color: #71bfc9; font-weight: 600; background: #71bfc9; color: #fff; }


/*----------------------------------------------------------------------------
    MAY ALSO SLIDER
-----------------------------------------------------------------------------*/

.mayAlso h2 { margin-bottom: 20px; font-weight: 600; font-size: 1.066em; opacity: 0.8; text-align: left; margin-top: -10px; padding-left: 10px; }
.mayAlso .related-products { background-color: #fff; padding: 38px; border-radius: 16px; margin-top: 32px; }
.mayAlso .carousel .owl-nav button { box-shadow: none; padding: 0; background: transparent; font-size: 45px; }
.mayAlso .carousel .owl-nav { left: -90px; right: -90px; top: 100px; }
.mayAlso .carousel .owl-height { height: auto !important; }

.mayAlso .rptCarBlock { box-shadow: 0px 0px 26px 0px #00000015; margin-bottom: 0; }
.mayAlso .rptCarBlock .element-thumb { height: 265px; }

.rptAlsoCarBlock { margin-bottom: 20px; overflow: hidden; background: #fff; border-radius: 12px; box-shadow: 0px 0px 20px 0px #00000040; }
.rptAlsoCarBlock img { width: 100%; }
.rptAlsoCarBlock .element-heading { display: flex; align-items: flex-start; justify-content: space-between; font-size: 1.06em; line-height: 1.2; margin-bottom: 10px; font-weight: 700; flex-direction: column; opacity: 0.8; }
.rptAlsoCarBlock .element-subHeading { font-size: 1em; line-height: 1.5; font-weight: 500; color: #050505; margin-bottom: 10px; }
/*.rptAlsoCarBlock .element-PCP { white-space: nowrap; opacity: 0.8; font-weight: 600; line-height: 1; font-size: 1.4em; margin-left: 0px; color: var(--font-color); margin-bottom: 0px; margin-top: 5px; }
*/ .rptAlsoCarBlock .element-PCP h3 { white-space: nowrap; opacity: 0.8; font-weight: 600; line-height: 1; font-size: 1.4em; margin-left: 0px; color: var(--font-color); margin-bottom: 0px; }
.rptAlsoCarBlock .element-PCP p { color: var(--theme-color); margin-bottom: 30px; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.5; }
.rptAlsoCarBlock .button { min-width: 80%; border-radius: 5px; }
.rptAlsoCarBlock .element-PCP label { opacity: 0.8; color: var(--font-color); font-size: 0.8em; display: block; line-height: 1; color: var(--font-color); opacity: 0.8; white-space: nowrap; }

.mayAlso .rptAlsoCarBlock .element-thumb { height: 190px !important; }

.rptAlsoCarBlock .element-thumb { font-size: 0; position: relative; height: 190px; overflow: hidden; }
.rptAlsoCarBlock .element-textblock { padding: 18px; position: relative; }

/*----------------------------------------------------------------------------
    DEALERSHIPS LIST
-----------------------------------------------------------------------------*/
.ucDealerships { margin-bottom: 20px; }

.dealerships-filter { background-color: #f2f2f2; padding: 30px; margin-bottom: 30px; border-radius: 10px; }
.dealerships-filter .row { align-items: center; }
.dealerships-filter .form-group { margin-bottom: 0; }
.dealerships-filter .button { height: 40px; border-radius: 50px; }
.dealerships-filter select { text-transform: capitalize; }

.dealerRpt { padding: 20px; box-shadow: 0px 5px 10px rgba(51, 51, 51, 0.15); margin-bottom: 15px; border-radius: 0 0 5px 5px; }
.dealerRpt a { display: inherit; }
.dealerRpt .element-thumb { font-size: 0; margin-bottom: 20px; }
.dealerRpt .element-heading { font-weight: 700; margin-bottom: 7px; }
.dealerRpt .element-heading strong { display: block; font-size: 15px; margin-top: 7px; }
.dealerRpt .element-address { margin-bottom: 1.1rem; }
.dealerRpt .element-address strong { display: block; padding: 5px 0 10px; }
.dealerRpt .element-call { margin-bottom: 1.1rem; }
.dealerRpt .element-call a { display: inline-block; }
.dealerRpt .element-call .fa { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; transform: rotate(95deg); font-size: 12px; background-color: var(--secondary-theme-color); border-radius: 50%; color: #fff; margin: 0; margin-right: 10px; }
.dealerRpt .button { display: inline-flex; }

/*----------------------------------------------------------------------------
    DEALERSHIP DETAIL
-----------------------------------------------------------------------------*/

.dealerDetail .panel { background: #fff; border-radius: 16px; box-shadow: 0px 0px 7px -4px #0000008c; border: none; }
.dealerDetail .panel-body { padding: 24px 34px 24px 41px; }

.dealer-heading h6,
.dealer-heading .h6 { font-size: 1.6em; font-weight: 700; line-height: 1em; margin-bottom: 4px; }
.dealer-address p { font-size: 0.935em; color: var(--font-color-opacity-80); }
.dealer-address:last-child p { margin-bottom: 33px }
.dealerTop .button { height: auto; margin-bottom: 33px; }
.dealer-brandlogo { width: 108px; height: 108px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.dealerSlider { height: 450px; margin-bottom: 35px; padding: 0 24px; }
.dealerSlider .swiper { height: 100%; }
.dealerSlider .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: cover; pointer-events: none; }
.dealerSlider .swiper-slide img { display: none; }
.dealerSlider + .container > .panel:first-child { margin-top: -117px; position: relative; z-index: 1; }

.dealerSlider .swiper-button-next { right: 10px; }
.dealerSlider .swiper-button-prev { left: 10px; }
.dealerSlider .swiper-button-next,
.dealerSlider .swiper-button-prev { width: 40px; height: 60px; }
.dealerSlider .swiper-button-next:after,
.dealerSlider .swiper-button-prev:after { font-size: 20px; color: #fff; }
.dealerBottom h6 { font-weight: 600; line-height: 1em; margin-bottom: 0.5rem; font-size: 1em; }
.dealerBottom select { font-weight: 600; border-radius: 5px; }

.dealer-call { line-height: 1; }
.dealer-call a { font-weight: 700; display: inline-block; margin-bottom: 15px; font-size: 1.6em; text-decoration: underline; }
.dealer-call .fa { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; transform: rotate(95deg); font-size: 12px; background-color: var(--theme-color); border-radius: 50%; color: #fff; margin: 0; margin-right: 10px; }
.dealer-mail a { color: var(--theme-color); }
.dealer-links { display: flex; flex-direction: column; }
.dealer-links a { color: var(--theme-color); display: inline-block; font-size: 1em; margin-bottom: 10px; }
.dealer-links a i { margin-right: 10px; }

.workingDays { }
.workingDays h6 { margin-bottom: 17px; width: 100%; }
.workingDays .list { width: 55%; }

.workingDays ul:not(:last-child) { margin-bottom: 1rem; }
.workingDays ul li { margin-bottom: 2px; display: flex; align-items: center; font-weight: 500; /*font-size: 0.93em;*/ }
.workingDays ul li:last-child { margin-bottom: 0; }
.workingDays ul li strong { font-weight: 700; line-height: 1; margin-bottom: 2px; }
.workingDays ul li span { display: inline-block; width: 50%; }
.workingDays ul li span:first-child { }

.iframeMap { height: 375px; }
.iframeMap iframe { max-width: 100%; width: 100%; height: 100%; border: none !important; background-color: #fff; border-radius: 15px; }

.dealerButtons { margin-top: 1rem; display: flex; column-gap: 1rem; }
.dealerButtons .button { height: auto; width: auto; min-width: initial; }

/*----------------------------------------------------------------------------
    NEW CAR LIST
-----------------------------------------------------------------------------*/
.new-car-heading-box { background-color: #f1f1f1; padding: 25px; }
.new-car-heading-box h1 { margin-bottom: 2px; }
.new-car-heading-box p { margin-bottom: 0; font-weight: 500; }

.newcar-modelList .mainHeading h1 { margin-bottom: 0; }

.newcar-modelList-filter { border-bottom: 1px solid #f1f1f1; -webkit-transition: 0.15s; transition: 0.15s; margin-bottom: 30px; }

.newcar-modelList-filter ul { margin: 0; }
.newcar-modelList-filter li { text-transform: capitalize; display: inline-flex; padding: 5px 0px 15px 0px; margin: 0; margin-right: 30px; line-height: 1; opacity: 0.58; position: relative; cursor: pointer; }
.newcar-modelList-filter li:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: var(--secondary-theme-color); opacity: 0; }

.newcar-modelList-filter li.active,
.newcar-modelList-filter li:hover { font-weight: 600; opacity: 1; }

.newcar-modelList-filter li:hover,
.newcar-modelList-filter li:hover:before,
.newcar-modelList-filter li.active:before { opacity: 1; }

.modelListRpt { display: block; margin-bottom: 30px; }
.modelListRpt .element-thumb { display: flex; align-items: center; justify-content: center; position: relative; font-size: 0; overflow: hidden; margin-bottom: 15px; }
.modelListRpt .element-thumb img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; /*width: 100%;*/ }
.modelListRpt .element-thumb:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }
.modelListRpt .element-thumb:hover .button { opacity: 1.0; transition: 0.7s; }
.element-range { margin-top: 1.25rem; }
.element-range label { font-weight: 500; margin-bottom: auto; line-height: normal; font-size: 11px; }
.element-range h2 { font-weight: 300; }

.modelListRpt .button-wrap { display: flex; /*justify-content: space-between;*/ justify-content: center; margin-top: 30px; }
.modelListRpt .button { height: 45px; min-width: auto; width: 50%; margin: 0 10px; padding: 10px; }
.modelListRpt .button:last-child:not(:first-child) { background: #c4c4c4; color: #000; }

.modelListRpt.linkOnly { background: #f1f1f1; padding: 20px 20px 30px; border-top: 5px solid var(--secondary-theme-color); }

.modelListRpt .element-range { margin-top: 5px; }
.modelListRpt .element-range h2 { font-size: 1em; margin: 0; font-weight: 400; text-transform: uppercase; }
.modelListRpt .element-range label { font-weight: inherit; margin: initial; line-height: inherit; font-size: inherit; }

.mdl-veh-bike .modelListRpt .button { width: 150px; }

/*----------------------------------------------------------------------------
    OFFER MODEL LIST
-----------------------------------------------------------------------------*/

.offerDetail .resp-accordion,
.offerDetail .accordion-header { padding: 10px 0px 14px 14px; line-height: 32px; border-bottom: solid 1px #0000002e; }
.offerDetail .accordion-header i { padding-top: 9px; padding-right: 24px; color: #0000005e; font-size: 14px; }
.offerDetail .accordion-Content { }
.offerDetail .accordion-header.active i { color: #000000; }

.offers-model-list .mainHeading { margin-top: 54px; letter-spacing: -0.7px; margin-bottom: 36px; padding-top: 0; padding-bottom: 0; }
.offers-model-list .finance-component + .mainHeading { margin-top: 0px; }
.offers-model-list .mainHeading + .pillTab { margin-top: -16px; }
.offers-model-list .h3 { font-size: 1.333em; margin-bottom: 0; font-weight: 300; line-height: 1.05; }
.offers-model-list .h3 strong { }

.pillTab { text-align: center; margin: auto; margin-bottom: 36px; }
.pillTab ul { display: inline-flex; margin: 0; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); border-radius: 50px; background: #fff; overflow: hidden; }
.pillTab ul li { display: inline-flex; align-items: center; justify-content: center; margin: 0; font-size: 0.933em; }
.pillTab ul li a { padding: 11px 38px; color: inherit; width: 100%; }
.pillTab ul li.selected { background: var(--theme-color); color: #fff; font-weight: 700; }

.nLayout .container .e_dynamiclist .offers-model-list .container { max-width: 100%; padding-left: 0; padding-right: 0; }

.scaler { -webkit-transition: 0.5s !important; transition: 0.5s !important; }
.scaler:hover { scale: 1.05 !important; }

.offerModelListRpt { display: block; margin-bottom: 20px; background: #fff; position: relative; text-align: center; height: calc((100%) - (20px)); border-radius: 16px; }
.offerModelListRpt .shadow { border: solid 1px #e1e1e1; box-shadow: 0px 0px 7px -4px #0000008c; -webkit-transition: 0.15s; transition: 0.15s; }
.offerModelListRpt > a { display: inherit; }

.offerModelListRpt .element-thumb { font-size: 0; overflow: hidden; display: flex; align-items: center; }
.offerModelListRpt:not(.fullDetail, .ucSpecialOffer .offerModelListRpt) .element-thumb img { border-radius: 16px; -webkit-transition: 0.15s; transition: 0.15s }
.offerModelListRpt:not(.fullDetail, .ucSpecialOffer .offerModelListRpt):hover .element-thumb img { opacity: 0.8; }
.offerModelListRpt:not(.fullDetail, .ucSpecialOffer .offerModelListRpt):hover .shadow { box-shadow: 0px 0px 0px 4px var(--theme-color); border-color: var(--theme-color); }

.offerModelListRpt .element-heading { font-weight: bold; font-size: 1.2em; text-transform: none; margin-bottom: 5px; opacity: 0.8; }
.offerModelListRpt .element-heading b,
.offerModelListRpt .element-heading strong { font-weight: inherit; }
.offerModelListRpt .element-variant { font-size: 1.066em; margin-bottom: 16px; opacity: 0.8; }
.offerModelListRpt .element-heading .element-dealer { font-weight: normal; font-size: 15px; color: #7d7d7d; }
.offerModelListRpt .element-textblock { padding: 26px; padding-top: 24px; text-align: center; }
.offerModelListRpt .element-textwrap { display: inline-block; width: 100%; }

.offerModelListRpt .element-heading + .element-price { margin-top: 16px; }

.offerModelListRpt .element-price { font-size: 24px; opacity: 1; font-weight: 700; line-height: 1; margin-bottom: 5px; }
.offerModelListRpt .element-promotion { font-size: 1.066em; margin-bottom: 16px; font-weight: 400; opacity: 1; color: #3d3d3d; }

.offerModelListRpt .element-wasprice { }
.offerModelListRpt .element-wasprice p { margin: 0; opacity: 1.0; font-weight: bold; }
.offerModelListRpt .element-wasprice .fromLabel { font-size: 16px; }
.offerModelListRpt .element-wasprice .fromValue { font-size: 22px; font-weight: 700; }
.offerModelListRpt .element-wasprice .wasLabel { font-size: 12px; color: var(--theme-color); }
.offerModelListRpt .element-wasprice .priceValue { font-size: 16px; font-weight: bold; color: var(--theme-color); }

.offerModelListRpt .element-description { font-size: 20px; opacity: 1.0; color: var(--theme-color); margin-bottom: 0; padding-top: 0px; font-weight: 700; letter-spacing: -0.5px; line-height: normal; }
.offerModelListRpt .button-wrap .link-button { font-weight: bold; color: #05141f; font-size: 16px; letter-spacing: -0.35px; }
.offerModelListRpt .button-wrap .button { border-radius: 50px; font-size: 1.066em; width: 240px; max-width: 100%; }

.offerModelListRpt .element-offer-line { margin-bottom: 24px; }
.offerModelListRpt .element-offer-line p { font-size: 0.933em; font-weight: 700; margin-bottom: 0; color: var(--theme-color); }
.offerModelListRpt .element-offer-line p:empty { display: none; }

.offerModelListRpt .element-offer { display: inline-block; width: 100%; margin: 0; margin-bottom: 20px; text-align: left; }
.offerModelListRpt .element-offer li { display: flex; list-style: none; font-size: 16px; margin-bottom: 10px; font-weight: 700; }
.offerModelListRpt .element-offer li:empty { display: none; }
.offerModelListRpt .element-offer li:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; color: var(--secondary-theme-color); line-height: 1; margin-right: 10px; padding-top: 4px; }

.offerModelListRpt .element-heading .circleIcon { display: inline-block; position: absolute; top: 15px; right: 15px; }
.offerModelListRpt .element-heading .circleIcon svg { width: 20px; height: 20px; fill: #00A3E0; }


.offerModelListRpt.fullDetail { }
.offerModelListRpt.fullDetail .element-thumb { }
.offerModelListRpt.fullDetail .element-textblock { text-align: left; }
.offerModelListRpt.fullDetail .element-heading { font-size: 1.333em; margin-bottom: 0; }
.offerModelListRpt.fullDetail .element-offer li { margin-bottom: 13px; }
.offerModelListRpt.fullDetail .button-wrap { }
.offerModelListRpt.fullDetail .button { }
.offerModelListRpt.fullDetail .button:hover { }


/*----------------------------------------------------------------------------
    LEASING BLOCK
-----------------------------------------------------------------------------*/
.leasing-height { }
.offerLeasing { }
.offerLeasingRpt { margin-bottom: 20px; background: #fff; border: solid 1px #e1e1e1; box-shadow: 0px 0px 7px -4px #0000008c; position: relative; transition: .2s all ease-in-out; height: calc((100%) - (20px)); }
.offerLeasingRpt > a { display: inherit; }
.offerLeasingRpt .element-thumb { font-size: 0; overflow: hidden; height: 224px; display: flex; justify-content: center; align-items: center; }
.offerLeasingRpt .element-thumb img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
.offerLeasingRpt .element-heading { font-size: 20px; line-height: 1.1; font-weight: 600; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: center; }
.offerLeasingRpt .element-subHeading { line-height: 1.2; font-weight: 600; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center; }
.offerLeasingRpt .element-textblock { padding: 25px; padding-bottom: 0; }
.offerLeasingRpt .button-wrap { padding: 25px; padding-top: 0; }
.offerLeasingRpt .button { height: 60px; background-color: var(--theme-color); }

.element-monthsFrom .row { justify-content: space-between; }
.element-monthsFrom [class*="col-"] { flex: initial !important; max-width: initial !important; display: inline-flex; width: auto; }
.element-monthsFrom .offerMonth { padding-left: 5px; }
.element-monthsFrom .offerFrom { padding-right: 10px; }

.offerMonth strong { font-weight: 600; font-size: 18px; margin-right: 5px; }
.offerMonth span { font-size: 14px; font-weight: 600; }

.offerFrom strong { font-weight: 600; font-size: 22px; margin: 0 5px; }
.offerFrom span { font-size: 16px; font-weight: 600; }

.leasing-variants .offerLeasingRpt .element-heading { margin-bottom: 15px; }


/*----------------------------------------------------------------------------
    OFFER LIST
-----------------------------------------------------------------------------*/
.offerSearchRpt { background: #f5f5f5; padding: 25px 20px; padding-top: 0; margin-bottom: 20px; border: solid 1px #e1e1e1; box-shadow: 0px 0px 10px -4px #0000008c; transition: .2s all ease-in-out; height: calc((100%) - (20px)); }
.offerSearchRpt .leasing-height { }
.offerSearchRpt select { border: 2px solid #d3d3d3; height: 45px; }
.offerSwitch { padding-top: 25px; padding-bottom: 20px; }
.offerSwitch label { border-radius: 50px; text-align: center; cursor: pointer; margin: 0; width: 100%; height: 36px; color: #ccc; border: 2px solid #ccc; display: flex; align-items: center; justify-content: center; -webkit-transition: 0.35s; transition: 0.35s; }
.offerSwitch input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; }
.offerSwitch input:hover ~ label,
.offerSwitch input:checked ~ label { border-color: var(--theme-color) !important; color: var(--theme-color) !important; }
.offerSearchRpt .button { height: 60px; }

.offerFinance { padding-bottom: 20px; }
.fncOptions:not(:last-child) { padding-bottom: 10px; }
.offerFinance .fncOptions:last-child { }
.fncOptions > label { display: block; font-size: 13px; }
.fncOptions span label { cursor: pointer; margin: auto; line-height: normal; display: inline-block; width: 100%; height: 100%; padding: 3px 10px 4px; border-radius: 50px; background-color: #fff; text-align: center; font-size: 12px; }
.fncOptions span input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 50px; border: none; background: transparent; opacity: 0; height: 100%; width: 100%; cursor: pointer; }
.fncOptions span { display: inline-block; line-height: normal; position: relative; margin-right: 5px; margin-bottom: 5px; min-width: 40px; }
.fncOptions span input:checked ~ label { background-color: #2a2a2a !important; color: #fff !important; }


/*----------------------------------------------------------------------------
    OFFER DETAIL
-----------------------------------------------------------------------------*/

.enquire-Calculate .enquire-btn .button i { font-size: 26px; display: inline-flex; align-items: center; justify-content: flex-end; }
.enquire-Calculate .enquire-btn .button i::before { font-weight: 600; }
.enquire-Calculate .Calculate-btn .link-button i { font-size: 26px; display: inline-flex; align-items: center; justify-content: flex-end; color: #cfcfcf; }
.enquire-Calculate .Calculate-btn .link-button i::before { font-weight: 500; }
.enquire-Calculate .Calculate-btn { margin-bottom: 0; }

.offerDetailView { margin-top: 70px; }
.breadcrumbs + .offerDetailView { margin-top: 0 !important; }

.offerDetail { padding-top: 46px; margin-bottom: 50px; }
.offerDetail .container { max-width: 1320px; padding-left: 20px; padding-right: 20px; }

.illustration { display: flex; position: absolute; bottom: 0; font-size: 15px; color: #fff; width: 100%; padding: 10px; background: var(--secondary-color-opacity-50); }

.offerContent { padding: 38px; padding-right: 32px; padding-bottom: 19px; background: #fff; border-radius: 16px; box-shadow: 0px 0px 10px 0px #ccc; }
.offerContent .element-name { font-weight: 400; }
.offerContent .termsText { display: none !important; margin-top: 20px }

.offerContent .button-wrap .button { border-radius: 50px; font-size: 1.066em; font-weight: 700; border: solid; height: 55px; width: 220px; max-width: 100%; }
.offerContent .button-wrap .button.border { color: #929292; border: solid #eaeaea; background: #fff; width: 200px; }

.ofr-detail-head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 13px; }
.offerContent .element-heading { font-size: 1.466em; font-weight: 600; margin-bottom: 1px; }
.element-stock { font-size: 0.933em; margin-top: 4px; font-weight: 700; border-radius: 99px; padding: 4px 18px; height: auto; min-width: auto; line-height: normal; white-space: nowrap; }

.offer-detail-price { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 31px; }
.offer-detail-price label { display: block; font-size: 0.933em; font-weight: 600; margin-bottom: 2px; white-space: nowrap; }
.offer-detail-price h3 { display: inline-flex; align-items: flex-end; font-weight: 600; font-size: 1.866em; margin-left: 0; letter-spacing: -1px; margin-bottom: 0; line-height: 1; }
.offer-detail-price .col { position: relative; flex: 0 0 41.7%; max-width: 41.7%; }
.offer-detail-price .col:not(:first-child):before { content: ""; background: #0000003d; width: 2px; height: 44px; position: absolute; left: -18%; bottom: -1px; }
.offer-detail-price .perMonth { display: block; white-space: nowrap; margin-bottom: 2px; font-size: 16px; letter-spacing: 0.1px; font-weight: 700; }

.element-offerlines { /*margin-top: 16px; margin-bottom: 16px;*/ }
.element-offerlines > p { font-size: 0.933em; color: #303030; padding-left: 1px; margin-bottom: 11px; }

.element-offerList { margin: 0; list-style: none; margin-top: 6px; margin-bottom: 35px; }
.element-offerList li { position: relative; margin-bottom: 3px; padding-left: 20px; }
.element-offerList li i { position: absolute; left: 0; color: var(--secondary-theme-color); top: 5px; font-size: 0.933em; }
.rightSecOffer .element-offerList { margin-top: 8px; margin-bottom: 0px !important; }
.rightSecOffer .element-offerList li i { top: 9px; }
.element-offerList li span { font-size: 1.333em; font-weight: 600; padding-left: 2px; color: #303030; }
.element-offerList li:last-child { }



.offerBtns { padding-left: 40px; }
.offerBtns .button { width: calc(50% - 10px); max-width: 100%; padding: 10px 10px; }
.offerBtns .button:nth-child(n + 2) { color: var(--theme-color); margin-left: 10px; background: transparent; border: 1px solid var(--theme-color); }
.offerBtns .button:hover { color: var(--theme-color); background: transparent; border: 1px solid var(--theme-color); }
.offerBtns .button:nth-child(n + 2):hover { background-color: var(--theme-color); color: var(--button-font-color); }

.offerSlider { position: relative; font-size: 0; z-index: 1; display: flex; justify-content: center; align-items: center; height: 100%; }

.offerSlider .swiper-buttons { position: absolute; top: 50px; right: 20px; }
.offerSlider .swiper-button-next,
.offerSlider .swiper-button-prev { color: #0f0f0f; height: auto; }
.offerSlider .swiper-button-prev { right: 35px; left: auto; transform: rotate(180deg); }
.offerSlider .swiper-button-next:after,
.offerSlider .swiper-rtl .swiper-button-prev:after { display: none; }
.offerSlider .swiper-button-prev:after,
.offerSlider .swiper-rtl .swiper-button-next:after { display: none; }
.offerSlider .swiper-button-next { right: 0; }
.offerSlider .swiper-button-next svg,
.offerSlider .swiper-button-prev svg { width: 22px; height: 22px; }

.offerHead { margin-bottom: 30px; }
.offerHead .element-heading { font-size: 1.7333em; }

.enquire-Calculate .enquire-btn .button { width: 100%; font-weight: 700; font-size: 16px; justify-content: space-between; }
.enquire-Calculate .Calculate-btn .link-button { height: 50px; background: #fff; width: 100%; font-weight: 700; font-size: 16px; justify-content: space-between; line-height: 1.2; padding: 10px 20px; color: #000; }

.offer-body { padding-left: 52px; padding-right: 52px; margin-top: 64px; }

.offerQuestion { margin: 10px 0 50px; }
.profileQues { display: flex; align-items: flex-end; width: 100%; }
.profileImg { width: 65px; height: 65px; min-width: 65px; font-size: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; position: relative; text-align: center; margin-right: 15px; }
.profileImg img { position: absolute; top: 0; bottom: 0; width: auto; max-width: initial; max-height: 100%; margin: auto; }
.profileText { color: #000; margin-bottom: 10px; width: 100%; }
.profileText p { font-weight: 500; margin-bottom: 0; font-size: 0.80em; }
.profileText p a { color: var(--theme-color); font-weight: 600; }
.profileText h3 { margin-bottom: 0; font-size: 1.07em; font-weight: 500; }
.profileText h3 a { font-weight: 600; margin-left: 5px; text-decoration: underline; }

.termsText { font-size: 0.84em; margin-bottom: 8px; color: #5c5c5c; font-weight: 500; padding-left: 40px; }

.button-box { background: #f0f0f0; border-radius: 12px; margin-top: 29px; }
.button-box > .row { min-height: 95px; align-items: center; margin-left: 0; margin-right: 0; }
.button-box .button { height: 55px; font-size: 1.066em; font-weight: 700; padding: 10px; background-color: #fff; color: var(--font-color); box-shadow: 0px 0px 10px 0px #ccc; border-radius: 50px; letter-spacing: -0.2px; }
.button-box .button:hover { background-color: var(--button-background-color); color: #fff; }

.offerDetail .commentsSec { border-bottom: 5px solid #f1f1f1; padding-bottom: 75px; max-width: calc((100%) - (200px)); margin-left: 75px; }
.offerContent .likeToDropdown { height: 50px; max-width: 100%; }
.offerContent .likeToPos { min-width: 100%; max-width: 100%; border-radius: 0; box-shadow: none; border-color: transparent; background: var(--theme-color); color: #fff; min-height: 50px; max-height: 50px; }
.offerContent .likeToPos.expanded { min-width: 260px; width: 300px; max-height: 600px; }
.offerContent .likeToPos:before { display: none; }
.offerContent .likeToPos:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 15px; top: 13px; transition: .3s all ease-in-out; pointer-events: none; display: inline-flex; align-items: center; font-size: 16px; }
.offerContent .likeToPos.expanded:after { transform: rotate(-180deg); }
.offerContent .likeToPos .likeToDefault { height: 46px; }
.offerContent .likeToPos .label:not(.likeToDefault):hover { background: #fff; color: var(--theme-color); }
.offerContent .dropScroll::-webkit-scrollbar-track { background-color: var(--theme-color); }
.offerContent .dropScroll::-webkit-scrollbar-thumb { background: #ffffff; }

.offertabs { margin-top: 90px; }
.offertabs .tabs { padding-left: 75px; }
.offertabs .tabs-wrap { padding-right: 125px; }
.offertabs .tab-content { padding: 65px 80px; }


.tech-item { margin: 0; display: flex; flex-wrap: wrap; list-style-position: unset; padding-left: 18px; }
.tech-item li { color: var(--font-color-opacity-80); width: 50%; padding-right: 35px; /*display: flex; justify-content: flex-start;*/ }
.tech-item li .tech-title + strong { padding-left: 0.5rem; display: inline-block; white-space: nowrap; }



.tech-item p { color: var(--font-color-opacity-80); }

.highlight-sec .tech-item { flex-direction: column; }

.tech-label-item ul { margin: 0; padding: 0; display: flex; flex-direction: column; }
.tech-label-item li { color: var(--font-color-opacity-80); display: flex; align-items: center; justify-content: space-between; }

.offerBrand { border-bottom: 2px solid #e4e2e3; margin-bottom: 50px; text-align: right; padding-bottom: 20px; margin-top: 0px; width: calc(100% - 60px); margin-left: auto; margin-right: 0; }
.offerBrand span { display: inline-flex; width: 50px; height: 50px; align-items: flex-end; justify-content: flex-end; }
.offerBrand span img { max-height: 100%; }

.exchangeBar { background: var(--theme-color); color: #fff; text-align: center; }
.exchangeBar svg { fill: #fff; width: 20px; height: 20px; opacity: 0.7; -webkit-transform: rotate(75deg); /* WebKit */ -moz-transform: rotate(75deg); /* Mozilla */ -o-transform: rotate(75deg); /* Opera */ -ms-transform: rotate(75deg); /* Internet Explorer */ transform: rotate(75deg); /* CSS3 */ margin-right: 5px; }
.exchangeBar p { margin: 0; display: flex; justify-content: center; align-items: center; height: 40px; font-weight: 600; font-size: 0.9em; letter-spacing: 0.02rem; }
.exchangeBar a { color: inherit; margin-left: 5px; position: relative; }
.exchangeBar a:after { left: 0; content: ""; height: 2px; width: 100%; background: #fff; position: absolute; bottom: 0; opacity: 0.5; }

.offerVideoPopup .close { top: 0; right: 0; }
.offerVideoPopup .popup-content { width: 800px; max-width: 100%; }
.offerVideoPopup .popup-content iframe { max-width: 100%; }

/*----------------------------------------------------------------------------
    Offe May Also Section
-----------------------------------------------------------------------------*/
.mayAlsoOffer h2 { margin-bottom: 45px; font-weight: 700; font-size: 16px; }
.rptAlsoOffer .element-thumb { font-size: 0; overflow: hidden; display: flex; align-items: center; height: 208px; margin-bottom: 20px; }
.rptAlsoOffer .element-heading { font-size: 16px; font-weight: 700; }
.rptAlsoOffer .element-subHeading { font-size: 13px; }
.rptAlsoOffer .element-offer { list-style: none; margin: 20px 0; }
.rptAlsoOffer .element-offer li { font-size: 14px; font-weight: 500; padding-left: 8px; position: relative; }
.rptAlsoOffer .element-offer li:before { content: ""; position: absolute; top: 8px; background: var(--font-color); width: 4px; height: 4px; left: -14px; border-radius: 50%; }
.rptAlsoOffer .element-price { padding-top: 5px; font-size: 16px; margin-bottom: 25px; }
.rptAlsoOffer .element-price strong { font-weight: 700; }
.rptAlsoOffer .button { height: 42px; text-transform: uppercase; font-weight: 700; width: 78%; }

/*----------------------------------------------------------------------------
    EMISSION CHART SECTION
-----------------------------------------------------------------------------*/
.accordion-Content .emissionFuel .container { padding-left: 0; padding-right: 0; }
.emissionFuel h5 { }
.emissionRte_wrp { padding-top: 50px; }
.accordion-Content .emissionRte_wrp { padding-top: 0px; margin-bottom: 20px; }
.emissionRts { position: relative; overflow: hidden; }
.emBand { position: relative; z-index: 1; color: #000; padding: 5px 10px; padding-left: 15px; height: 30px; width: 35%; background: #08fb01; text-align: right; margin-bottom: 5px; display: flex; align-items: center; justify-content: space-between; line-height: 1; border-radius: 5px 0px 0px 5px; }
.emBand:hover { }
.emBand span { display: inline-flex; line-height: 1; }
.emBand:after { content: " "; display: block; position: absolute; top: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; left: 100%; border-left: 1em solid #08fb01; }
.emBand.embB { color: #000; background: #60fb09; width: 36%; }
.emBand.embB:after { border-left-color: #60fb09; }
.emBand.embC { color: #000; background: #8ffe01; width: 37%; }
.emBand.embC:after { border-left-color: #8ffe01; }
.emBand.embD { color: #000; background: #c1fe00; width: 38%; }
.emBand.embD:after { border-left-color: #c1fe00; }
.emBand.embE { color: #000; background: #d7ff00; width: 39%; }
.emBand.embE:after { border-left-color: #d7ff00; }
.emBand.embF { color: #000; background: #feff01; width: 40%; }
.emBand.embF:after { border-left-color: #feff01; }
.emBand.embG { color: #000; background: #fcef00; width: 41%; }
.emBand.embG:after { border-left-color: #fcef00; }
.emBand.embH { color: #000; background: #ecbe08; width: 42%; }
.emBand.embH:after { border-left-color: #ecbe08; }
.emBand.embI { color: #FFF; background: #fa9800; width: 43%; }
.emBand.embI:after { border-left-color: #fa9800; }
.emBand.embJ { color: #FFF; background: #f96f00; width: 44%; }
.emBand.embJ:after { border-left-color: #f96f00; }
.emBand.embK { color: #FFF; background: #f84c00; width: 45%; }
.emBand.embK:after { border-left-color: #f84c00; }
.emBand.embL { color: #FFF; background: #ed1b24; width: 46%; }
.emBand.embL:after { border-left-color: #ed1b24; }
.emBand.embM { color: #FFF; background: #ba0100; width: 47%; }
.emBand.embM:after { border-left-color: #ba0100; }
.emRslt { position: absolute; z-index: 0; color: #fff; padding: 5px 10px; height: 30px; width: auto; background: #4d4d4f; text-align: right; top: 0; right: 0; display: flex; align-items: center; justify-content: space-between; line-height: 1; border-radius: 0px 5px 5px 0px; -webkit-transition: top .5s ease-in-out; transition: top .5s ease-in-out; }
.emRslt:before { content: " "; display: block; background-color: #f1f1f1; width: 9999px; position: absolute; top: 0; bottom: 0; right: 100%; margin: auto; }
.emRslt:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; margin: auto; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 1em solid #4d4d4f; right: 100%; }

.rslt_B { top: 35px; }
.rslt_C { top: 70px; }
.rslt_D { top: 105px; }
.rslt_E { top: 140px; }
.rslt_F { top: 175px; }
.rslt_G { top: 210px; }
.rslt_H { top: 245px; }
.rslt_I { top: 280px; }
.rslt_J { top: 315px; }
.rslt_K { top: 350px; }
.rslt_L { top: 385px; }
.rslt_M { top: 420px; }

/*fuel and tax*/
.fuelndTax { padding-top: 50px; }
.fuelndTax label { display: block; font-size: 0.8em; font-weight: 600; margin-bottom: 3px; white-space: nowrap; }
.fuelndTax input { font-weight: 500; font-size: 0.866em; border-radius: 5px; }
.accordion-Content .fuelndTax { padding-top: 0px; }
.anualMilage { display: flex; align-items: flex-start; justify-content: flex-start; }
.anualMilage input[type="text"] { }

.fuel-price input[type="text"] { }

.mlgeBtn { min-width: auto; height: 40px; border-radius: 50px; }
.fuelndTax .ttlMnthCost { }
.fuelndTax .ttlMnthCost p { margin-bottom: 0px; }
.fuelndTax .ttlMnthCost label { margin-bottom: 0; }
.fuelndTax .ttlMnthCost .ttlMntlyAmt { font-weight: 600; font-size: 1.866em; letter-spacing: -1px; line-height: 1; }
.emissionFuel h3 { }


/*----------------------------------------------------------------------------
    Finance Section
-----------------------------------------------------------------------------*/

.finance-section { width: 100%; background: #f4f4f4; padding: 30px; border-radius: 10px; margin-bottom: 15px; }
.finance-section .panel-body { padding-right: 25px !important; border-right: 2px solid #c6c6c6; }
.finance-section .tab-content p { margin-bottom: 10px; font-size: 0.85em !important; color: var(--theme-color) !important; font-weight: 600; }
.finance-section .tab-content label { font-size: 0.8em; color: #000; font-weight: 600; }
.finance-section .tab-content input, .tab-content select { border: 2px solid #c6c6c6; height: 38px; padding: 10px 15px; font-size: 0.88em; border-radius: 5px; color: #0f0f0f; background: #f1f1f1; margin-bottom: 5px; font-weight: 600; }
.finance-section .tab-content .form-group p { font-size: 0.73em !important; font-weight: 600; color: #666 !important; opacity: 0.8; }

.credit-brokers { margin-top: 30px; margin-bottom: 0; font-size: 12px; width: 100%; }
.credit-brokers p { margin-bottom: 0; }

.finance-section .tab-content .button,
.representativeBox .button { border-radius: 5px; background-color: #71bfc9; color: var(--font-color); margin: 0; font-size: 13px; height: 44px; }
.representativeBox .button { background-color: #fff; border: 2px solid #71bfc9; border-radius: 7px; color: #71bfc9; font-weight: 500; transition: all 0.3s; }
.representativeBox .button i { font-size: 20px; padding-left: 2px; }
.representativeBox .button:hover { background-color: #71bfc9; color: #fff; box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.075), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1); }

.representativeBox { border-radius: 10px; padding: 20px; box-shadow: 0px 0px 5px 0px #00000040; background: #fff; margin-left: 15px; }
.representativeBox h5 { font-size: 0.8em; margin-bottom: 5px; color: #000; font-weight: 600; }
.representativeBox p { font-size: 10px !important; font-weight: 600; margin-bottom: 15px; opacity: 0.8; }
.representativeBox ul { margin: 15px 0px 25px; }
.representativeBox ul li { color: #303030; opacity: 0.8; display: flex; justify-content: space-between; font-size: 11px; font-weight: 500; margin-bottom: 7px; }
.representativeBox ul li span { display: inline-flex; align-items: center; }
.representativeBox ul li span i { padding-left: 4px; }
.representativeBox ul li strong { font-weight: 700; }

/*----------------------------------------------------------------------------
    LEASING DETAIL
-----------------------------------------------------------------------------*/
.back-link { color: #8c8c8c; font-size: 16px; }
.back-link i { margin-right: 7px; }

.leasingDetail .row.noSpace .col-5 { flex: 0 0 37%; max-width: 37%; }
.leasingDetail .row.noSpace .col-7 { flex: 0 0 63%; max-width: 63%; }

.leasingSlider { position: relative; font-size: 0; z-index: 1; height: 100%; display: flex; justify-content: center; align-items: center; }
.leasingSlider .illustration { justify-content: flex-end; }
.leasingContent { min-height: 100%; padding: 40px; box-shadow: 0px 0px 10px rgba(51,51,51,0.15); display: flex; flex-direction: column; justify-content: space-between; }
.leasingContent label { margin: 0; /*font-size: 14px;*/ }
.leasingContent select { box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.08); font-size: 14px; }

.hireTab ul { margin-top: 0; margin-bottom: 0; list-style: none; }
.hireTab li { margin-bottom: 0; }
.hireTab a { color: #cbcbcb; border-bottom: 3px solid transparent; padding-bottom: 8px; display: block; margin-bottom: 20px; }
.hireTab a.active { color: #000; border-color: var(--theme-color); }

.leasingContent .likeToDropdown { max-width: 100%; height: 45px; }
.leasingContent .likeToPos { min-width: 100%; max-width: 100%; border-radius: 0; box-shadow: none; border-color: transparent; background: var(--theme-color); color: #fff; min-height: 45px; max-height: 45px; }
.leasingContent .likeToPos.expanded { min-width: 250px; width: 300px; max-height: 600px; }
.leasingContent .likeToPos:before { display: none; }
.leasingContent .likeToPos:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; position: absolute; right: 15px; top: 10px; transition: .3s all ease-in-out; pointer-events: none; display: inline-flex; align-items: center; font-size: 16px; font-weight: 900; }
.leasingContent .likeToPos.expanded:after { transform: rotate(-180deg); }
.leasingContent .likeToPos .label:not(.likeToDefault):hover { background: #fff; color: var(--theme-color); }
.leasingContent .likeToPos .likeToDefault { height: 41px; }
.leasingContent .dropScroll::-webkit-scrollbar-track { background-color: var(--theme-color); }
.leasingContent .dropScroll::-webkit-scrollbar-thumb { background: #ffffff; }

.duration { display: flex; list-style: none; margin: 0; min-height: 38px; }
.duration li { display: inline-flex; margin: 0; margin-right: 10px; }
.duration li:last-child { margin-right: 0; }
.durationRpt { position: relative; line-height: 1; width: 38px; height: 38px; }
.durationRpt input { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.durationRpt label { margin: 0; border: 2px solid #cccccc; width: 100%; height: 100%; border-radius: 3px; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 14px; }
.durationRpt input:checked ~ label { background-color: var(--theme-color); border-color: var(--theme-color); color: #fff; box-shadow: 0px 0px 0px 2px rgba(var(--secondary-theme-color-rgb), 0.5); }
.durationRpt input:checked { cursor: default; }

.leasingPrice { border-top: 2px solid #ccc; padding-top: 40px; margin-top: 25px; }
.leasingPrice .row { font-size: 0; }
.leasingPrice h2 { font-weight: 700; margin: 0; line-height: 1; font-size: 29px; }
.leasingPrice h2 span { display: inline-block; font-size: 15px; }
.leasingPrice p { font-weight: 700; font-size: 11px; margin: 0; line-height: 1; margin-top: 5px; }

/*----------------------------------------------------------------------------
    NEWS DETAIL PAGE
-----------------------------------------------------------------------------*/
.newsDetail { margin-top: 20px; }
.newsDetail > .container .element-thumb { font-size: 0; }
.newsDetail > .container .element-thumb img { border-radius: 16px; }
.newsDetail > .container .element-heading { font-size: 1.5em; margin: 1rem 0 0.2rem; font-weight: 700; }

.newsDetail > .container .news-tags { margin-bottom: 10px; display: flex; flex-wrap: wrap; }
.newsDetail > .container .news-tags span { background: #FF9800; padding: 2px 6px; font-size: 12px; border-radius: 5px; margin-right: 5px; color: #fff; }

.newsDetail > .container .element-description { font-size: var(--paragraph-font-size); }

/*----------------------------------------------------------------------------
    CAREER DETAIL PAGE
-----------------------------------------------------------------------------*/
.careerDetail { margin: 20px 0; }
.careerDetail .element-heading { font-size: 1.2em; border-left: 4px solid var(--theme-color); line-height: 1; padding-left: 10px; margin-bottom: 2rem; }
.career-call { font-size: 1.1em; margin-bottom: 10px; line-height: 1; letter-spacing: 1px; color: var(--theme-color); }
.career-call .fa { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; transform: rotate(95deg); font-size: 12px; background-color: var(--theme-color); border-radius: 50%; color: #fff; margin: 0; margin-right: 10px; }
.career-call a { display: inline-flex; padding-right: 10px; line-height: 1; flex-wrap: wrap; align-items: center; color: inherit; }
.career-links { display: flex; flex-wrap: wrap; flex-direction: column; margin-top: 20px; }
.career-links a { display: inline-block; font-size: 14px; margin-bottom: 10px; }
.career-links a:last-child { margin-bottom: 0; }
.career-links a i { margin-right: 5px; min-width: 20px; text-align: center; color: var(--muted-color); font-size: 15px; }
/*.BxLink { display: block; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; margin: auto; z-index: 99; }*/

.scroll-top { display: none; width: 50px; height: 50px; position: fixed; bottom: 30px; right: 30px; z-index: 99; background-color: var(--theme-color); border: none; color: #ffffff; fill: #ffffff; border-radius: 50px; cursor: pointer; font-size: 1.25em; padding: 12px; text-align: center; box-shadow: 0 0 0 4px rgba(233,233,233,0.34); transform: translateY(85px); transition: all .2s ease-in; }
.scroll-top svg { width: 100%; height: 100%; fill: inherit; display: inline-block; }
.scroll-top.show { visibility: visible; transform: translateY(0) }
.scroll-top.show:hover { transform: translateY(-5px) }
.position-relative .scroll-top { display: block; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; z-index: 1; }

/*----------------------------------------------------------------------------
   TRUST PILOT
-----------------------------------------------------------------------------*/
.trustpilotDiv { margin-top: 40px; padding-left: 10px; color: #fff; }
.trustpilotDiv svg { width: 115px; }
.trustpilotDiv .tp-star:nth-of-type(-n+4) .tp-star__canvas,
.trustpilotDiv .tp-star:nth-of-type(-n+4) .tp-star__canvas--half { fill: #00b67a; }
.trustpilotDiv .tp-star:nth-of-type(-n+5) .tp-star__canvas--half { fill: #00b67a; }


.credit-check { display: none; }
.credit-check .panel { background: #ecf1e6; border: 1px solid #ccc; }
.credit-check .panel .panel-body { display: flex; justify-content: space-between; align-items: center; padding: 15px; }
.credit-check .element-description { margin: 0 15px; }
.credit-check .element-description p { margin: 0; font-size: 1.4em; letter-spacing: 0.04rem; color: #000; }
.credit-check .button a { color: inherit; }
.credit-check .button { background: #28a745; min-width: 130px; height: 45px; font-size: 0.9em; }
.credit-check .cw-view-count { display: none; }

.dvVideosec { border: 1px solid #fff; background-color: rgba(0,0,0,0.6); border-radius: 4px; bottom: 12px; color: #fff !important; font-size: 12px; font-weight: 500; padding: 2px 15px 2px 15px; position: absolute; right: 14px; text-decoration: none; z-index: 2; }
.dvVideosec a { color: #fff; display: flex; align-items: center; }
.dvVideosec a .fa { margin-right: 10px; }

/*----------------------------------------------------------------------------
   car-choose
-----------------------------------------------------------------------------*/
.car-choose h2 { font-size: 2em; font-weight: 600; margin-bottom: 25px; }
.car-choose p { font-size: 0.94em; margin-bottom: 20px; }
.car-choose strong { font-size: 1.07em; font-weight: 600; }
.car-choose { margin-bottom: 50px; }
.car-choose a { font-size: 1.06em; text-decoration: underline; font-weight: 600; transition: all 0.3s; }
.car-choose a:hover { opacity: 0.8; }

/*----------------------------------------------------------------------------
   centreManager
-----------------------------------------------------------------------------*/
.centreManager { margin-top: 60px; }
.e_barwithbutton + .centreManager { margin-top: 30px; }
.dealerDetail .centreManager .panel-body { padding: 39px 29px; }
.centreManager .panel { background: #f1f1f1; }
.centreManager img { float: right; border-radius: 10px; margin-bottom: 10px; margin-left: 50px; width: 305px; }
.centreManager h2 { font-size: 28px; margin-bottom: 31px; font-weight: 700; }
.centreManager p { font-size: 13px; line-height: 24px; margin-bottom: 35px; color: var(--font-color-opacity-80); }

.managerForm { background: var(--bg-color); border-radius: 10px; margin-left: 20px; padding: 30px 30px; }
.managerForm label { text-align: left; font-size: 0.95em; font-weight: 600; margin-bottom: 0; height: 48px; display: inline-flex; align-items: center; }
.panel .managerForm input,
.panel .managerForm select,
.panel .managerForm textarea { color: #000000c9; font-size: 12px; border-radius: 5px; font-weight: 600; border-color: #eaeaea; box-shadow: 0 0 0 1px rgba(41,41,41,0.6) inset, 0 3px 4px 0px rgba(41,41,41,0) inset; height: 48px; }
.managerForm .button { min-width: 185px; height: 43px; font-size: 14px; }
.managerForm .button:hover { }

.newsletterBar { }
.reductionsBar { }

img.img-loader { width: unset; margin: unset; float: unset; border-radius: unset; }

.fixed--iconMenu { position: fixed; left: 0; right: 0; top: -10%; z-index: 10; background-color: #fff; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: all 0.8s; transition: all 0.8s; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.fixed--iconMenu ul { display: flex; justify-content: space-between; margin: 0; list-style: none; padding: 0 5px; align-items: center; }
.fixed--iconMenu li { display: inline-flex; margin: auto 0; padding: 0px 3px; width: 100%; border-right: 1px solid #d4d4d4; flex-direction: column; align-items: center; justify-content: center; min-height: 70px; }
.fixed--iconMenu li:first-child { padding-left: 0; }
.fixed--iconMenu li:last-child { border-right: none; padding-right: 0; }

.fixed--iconMenu li a { position: relative; display: inline-flex; font-size: 1.2em; min-width: 24px; min-height: 24px; justify-content: center; align-items: center; }
.fixed--iconMenu li a i { margin: 0; width: 24px; height: 24px; display: inline-flex; justify-content: center; align-items: center; color: #d4d4d4; }
.fixed--iconMenu li a.active i:before { transform: rotate(360deg); -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; transition: transform .5s ease; }
.fixed--iconMenu li svg { fill: #373737; }

.fixed--iconMenu li.menubar { /*width: 55px; min-width: 55px;*/ }
.fixed--iconMenu li.menubar a svg { width: 22px; height: 22px; }

.fixed--iconMenu .fa-phone { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }

.fixed--iconMenu li.fRefine a svg { width: 24px; height: 24px; }
.fixed--iconMenu li.mobCallBtn a svg { width: 18px; height: 18px; fill: #d4d4d4; }

.fixed--iconMenu li label { display: inline-flex; line-height: 1; font-weight: 600; font-size: 0.7333em; margin-top: 3px; margin-bottom: 0px; text-align: center; }
.fixed--iconMenu .fLink a i,
.fixed--iconMenu .vLink a i { font-size: 24px; }

.fixed--iconMenu li.aRefineSort { padding: 0px 8px; }
.fixed--iconMenu li.aRefineSort a { white-space: nowrap; padding: 12px 10px; height: auto; color: #fff; font-size: 12px; padding-left: 27px; }
.aRefineSort img { width: 15px; position: absolute; left: 7px; top: 0; bottom: 0; margin: auto; }

.fixed--iconMenu .mobCallBtn { position: relative; }
.fixed--iconMenu .callNmDiv { border-radius: 10px; display: none; position: absolute; top: 85px; left: auto; right: 0; margin: auto; padding: 15px; z-index: 999; text-align: left; background-color: #fff; -webkit-box-shadow: 0px 0px 15px 0px #001b544f; -moz-box-shadow: 0px 0px 15px 0px #001b544f; box-shadow: 0px 0px 15px 0px #001b544f; width: 255px; overflow: visible !important; }
.fixed--iconMenu:not(.show) .callNmDiv { display: none !important; }
.fixed--iconMenu .callNmDiv .dropScroll { padding-right: 5px; height: 100%; max-height: 240px; }
.fixed--iconMenu .callNmDiv:after { content: ''; position: absolute; width: 0; height: 0; right: 112px; top: -10px; width: 0; height: 0; border-width: 0 15px 10px 15px; border-color: transparent transparent #FFFFFF transparent; border-style: solid; }
.fixed--iconMenu .callNmDiv a { font-size: 0.9em; position: initial; width: 100%; text-align: left; margin-bottom: 10px; line-height: 1; display: block; overflow: hidden; height: auto; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.fixed--iconMenu .callNmDiv a:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.fixed--iconMenu .callNmDiv a strong { display: inline-block; width: 100%; line-height: normal; line-height: 1; margin-bottom: 5px; }
.fixed--iconMenu .callNmDiv a .fa { font-size: 13px; font-size: 0.866em; margin-right: 3px; transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }


.fixed--iconMenu .mobCallBtn:nth-child(1) .callNmDiv { right: auto; left: 10px; }
.fixed--iconMenu .mobCallBtn:nth-child(1) .callNmDiv::after { left: 20px; }

.fixed--iconMenu .mobCallBtn:nth-child(2) .callNmDiv { right: auto; left: -33px; }
.fixed--iconMenu .mobCallBtn:nth-child(2) .callNmDiv::after { left: 65px; }

.fixed--iconMenu .mobCallBtn:nth-child(3) .callNmDiv { right: auto; }
.fixed--iconMenu .mobCallBtn:nth-child(3) .callNmDiv::after { right: 111px; }

.fixed--iconMenu .mobCallBtn:nth-child(4) .callNmDiv { right: -20px; }
.fixed--iconMenu .mobCallBtn:nth-child(4) .callNmDiv::after { right: 40px; }

.fixed--iconMenu .fLink[style*="display:none;"] ~ .mobCallBtn:nth-child(2) .callNmDiv { left: 10px; right: auto; }
.fixed--iconMenu .fLink[style*="display:none;"] ~ .mobCallBtn:nth-child(2) .callNmDiv::after { right: auto; left: 35px; }

.fixed--iconMenu .fLink[style*="display:none;"] ~ .vLink:not([style*="display:none;"]) ~ .mobCallBtn:nth-child(3) .callNmDiv { left: 0; right: auto; }
.fixed--iconMenu .fLink[style*="display:none;"] ~ .vLink:not([style*="display:none;"]) ~ .mobCallBtn:nth-child(3) .callNmDiv::after { right: auto; left: 25px; }

.fixed--iconMenu .fLink[style*="display:none;"] ~ .mobCallBtn:nth-child(4) .callNmDiv { right: -25px; }
.fixed--iconMenu .fLink[style*="display:none;"] ~ .mobCallBtn:nth-child(4) .callNmDiv::after { right: 50px; }

.fixed--iconMenu .fLink:not([style*="display:none;"]) ~ .mobCallBtn:nth-child(4) .callNmDiv { right: -25px; }
.fixed--iconMenu .fLink:not([style*="display:none;"]) ~ .mobCallBtn:nth-child(4) .callNmDiv::after { right: 35px; }


/*===========sidebarReserve- start============*/

.sidebarReserve { width: 700px; }
.sidebarReserve .element-thumb img { border-radius: 10px 10px 0px 0px; }
.rptReserveBlock { width: 100%; margin: 0; margin-bottom: 20px; box-shadow: 0px 0px 10px 0px rgba(0,27,84,0.13); border-radius: 9px; overflow: hidden; }
.rptReserveBlock .element-heading { padding: 0; line-height: 1; margin-bottom: 5px; padding-right: 0; color: #000; font-weight: 700; font-size: 15px; }
.rptReserveBlock .element-heading span { width: auto; }
.rptReserveBlock .element-textblock { padding: 16px; border-radius: 0; text-align: center; }
.rptReserveBlock .element-subHeading { font-size: 14px; opacity: 0.59; color: #333; font-weight: 600; text-align: center; margin-bottom: 15px; }
.rptReserveBlock .reduced-price { margin: 0; text-align: center; }
.rptReserveBlock .reduced-price .nowPrice { font-size: 17px; opacity: 1.0; color: #333; margin-bottom: 20px; font-weight: 800; }
.rptReserveBlock .reduced-price .nowPrice .wasprice-a { font-size: 12px; font-weight: bold; color: #909090; }
.rptReserveBlock .reduced-price .nowPrice span.wasprice-b { font-size: 16px; font-weight: bold; color: #909090; }
.rptReserveBlock .link-wrap { border-top: 0; }
.rptReserveBlock .link-wrap .button { background: #dadada; color: #000; padding: 10px 20px; width: 100%; text-transform: uppercase; border-radius: 50px; height: 43px; }
.sidebarReserve .accordion-Content .button:hover { -webkit-transition: 0.25s !important; transition: 0.25s !important; opacity: 1; box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.075), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1); }
.rptReserveBlock .element-thumb { display: flex; align-items: center; justify-content: center; }
.rptReserveBlock .element-thumb img { }
.Reserve-heading { margin-bottom: 30px; margin-top: 5px; }
.sidebarReserve .Reserve-heading h2 { font-size: 20px; font-weight: 700; margin-bottom: 0; color: #202020; }
.sidebarReserve .Reserve-heading p { font-weight: 700; opacity: 0.4; margin-bottom: 0; color: #202020; }
.sidebarReserve .resp-accordion,
.sidebarReserve .accordion-header { cursor: pointer; text-transform: uppercase; display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 18px 0px; font-size: 16px; border: none; background: none; color: #a9a9a9; font-weight: 700; border-bottom: solid 2px #eee; border-radius: 0; line-height: normal; }
.sidebarReserve .accordion-Content { padding: 25px 0px; }
.sidebarReserve .accordion-Content .loader { margin-bottom: 30px; }
.sidebarReserve .accordion-Content .form-group input,
.sidebarReserve .accordion-Content input { padding: 10px 12px; border: none; font-size: 13px; border-radius: 5px; color: #0f0f0f; background: #f1f1f1; }
.sidebarReserve .accordion-Content .stroke { margin-bottom: 10px; }
.sidebarReserve .accordion-Content .termsCheck { margin: 25px 0px 0px; }
.sidebarReserve .accordion-Content .termsCheck .custom-type { color: #333; margin-bottom: 20px; }
.sidebarReserve .accordion-Content .custom-type .label a { color: inherit; font-weight: bold; }
.sidebarReserve .accordion-Content .custom-type .label a:hover { color: var(--secondary-theme-color); }
.sidebarReserve .accordion-Content .button { line-height: normal; padding: 10px 22px 10px; border-radius: 50px; height: 36px; font-size: 14px; margin-bottom: 15px; }
.sidebarReserve .accordion-Content p { font-size: 15px; width: 80%; color: #333; opacity: 0.8; margin-bottom: 10px; }
.sidebarReserve .accordion-Content .payCard > button { padding: 0; border: none; background: transparent; }
.sidebarReserve .accordion-Content .payCard > button .button { margin-bottom: 0; }
.sidebarReserve .resp-accordion.resp-tab-active,
.sidebarReserve .accordion-header.active { font-weight: 700; color: #000; }

.viewMore { display: flex; justify-content: center; align-items: center; }
.viewMore .button { height: 40px; min-width: auto; }


.termOff { margin-top: 30px; }
.termOffRpt { text-align: center; }
.termOffRpt .element-thumb { font-size: 0; display: flex; align-items: flex-start; justify-content: center; }
.termOffRpt .element-heading { margin-top: 10px; font-size: 0.866em; font-weight: 500; }


.buildMyDealBar.sidebar { }
.buildMyDealBar.sidebar .sidebarContent { padding-top: 40px; padding-left: 35px; }
.buildMyDealBar .close { top: 61px; padding: 0; left: 500px; right: auto; opacity: 0.6; }
.buildMyDealBar .close svg { fill: var(--font-color); width: 27px; height: 27px; }
.buildMyDealBar .loader-fix { justify-content: flex-start; background-color: rgba(0,0,0,0.35); }
.buildMyDealBar .loader-fix .loader { margin-left: 200px; }

.buildMyDealBar .deal-max { width: 375px; max-width: 100%; }
.buildMyDealBar .deal-heading { padding: 8px 14px; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
.buildMyDealBar .deal-heading .element-heading { display: flex; justify-content: flex-start; font-size: 13px; font-weight: 600; line-height: 1; text-transform: capitalize; margin-bottom: 0; }
.buildMyDealBar .deal-variant { font-weight: 500; font-size: 10px; }

.deal-card { display: flex; width: 100%; background-color: #f5f5f5; margin-bottom: 25px; }
.deal-card .deal-thumb { width: 93px; min-width: 93px; height: 70px; object-fit: cover; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.deal-card .deal-thumb img { max-height: 100%; max-width: initial; }
.deal-heading .element-plate { font-size: 9px; margin-bottom: 6px; font-weight: 600; }
.deal-heading .deal-left { margin-right: 5px; }
.deal-heading .deal-right { text-align: right; display: flex; flex-direction: column; justify-content: center; }
.deal-heading .deal-right .adminFee { color: var(--theme-color); display: block; white-space: nowrap; font-weight: 500; font-size: 10px; }
.deal-heading label { display: block; font-size: 10px; font-weight: 700; margin-bottom: 0; white-space: nowrap; }
.deal-heading h3 { font-size: 18px; margin-bottom: 0; line-height: 1; /*padding-right: 1px;*/ }

.deal-preferred { padding-left: 2px; padding-right: 38px; /*margin-top: 13px;*/ margin-top: 38px; margin-bottom: 27px; }
.deal-preferred h2 { font-size: 18px; letter-spacing: -0.5px; margin-bottom: 17px; }
.deal-preferred p { font-size: 12px; font-weight: 500; letter-spacing: -0.5px; line-height: 1.45; }

.buildMyDealBar .accordion { padding-left: 3px; padding-right: 3px; margin-bottom: 13px; }
.buildMyDealBar .accordion-item { margin-bottom: 15px; }
.buildMyDealBar .accordion-item:last-child { margin-bottom: 0; }
.buildMyDealBar .accordion-header { background: #f5f5f5; border-radius: 5px; border: none; font-weight: 600; font-size: 1em; letter-spacing: -0.3px; box-shadow: 0 2px 6px 0px rgba(0,0,0,0.15); padding-bottom: 17px; padding-right: 18px; }
.buildMyDealBar .accordion-header i { padding: 0; color: var(--font-color); font-size: 18px; }
.buildMyDealBar .accordion-header .back { display: none; }
.buildMyDealBar .accordion-header svg { width: 20px; height: 20px; display: inline-flex; }

.buildMyDealBar .accordion-Content { display: none; background: transparent; padding: 40px 10px; padding-bottom: 25px; border: none; }
.buildMyDealBar .accordion-item.active .accordion-header { background: #fff; }
.buildMyDealBar .accordion-item.active .accordion-header i::before { content: "\e924"; }
.buildMyDealBar .accordion-item.active .accordion-header .back { display: flex; }
.buildMyDealBar .accordion-item.active .accordion-header .back + i { display: none; }
.buildMyDealBar .accordion-item.active .accordion-Content { display: block; }




.panel-navigation { border: none; margin-top: 0; margin-bottom: 0; padding-left: 4px; padding-right: 2px; }
.panel-navigation .panel-body { border-radius: 10px; box-shadow: 3px 10px 15px 0px rgba(83,88,116,0.28); padding: 18px 15px; }
.panel-navigation .panel-body .button-wrap { display: flex; align-items: center; justify-content: space-between; }
.panel-navigation .panel-body .button { border-radius: 50px; font-size: 0.9em; font-weight: 700; }
.panel-navigation .panel-body .button.savedeal { background: #cfe2cc; color: #294b2a; width: calc(50% - 5px); }
.panel-navigation .panel-body .button.reservenow { background: var(--success-color); width: calc(50% - 5px); }

.panel-benefit { background: initial; border: initial; border-radius: initial; padding-left: 3px; padding-right: 2px; margin-bottom: 16px; }
.panel-benefit .panel-body { padding: 26px 23px; background: #f2f9f2; border-radius: 7px; }
.panel-benefit ul { margin: 0; list-style: none; }
.panel-benefit li { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 15px; }
.panel-benefit li:last-child { margin-bottom: 0; }
.panel-benefit li img { width: 25px; height: auto; max-height: 22px; margin-right: 11px; }
.panel-benefit li span { font-size: 11px; font-weight: 600; opacity: 0.6; }


.deal-tabs { }
.deal-tabs .tabs { border-bottom-width: 2px; }
.deal-tabs .tab-link { min-width: initial; padding: 0; font-size: 14px; margin-right: 0; padding-bottom: 11px; letter-spacing: -0.15px; color: #c4c4c4; width: 33.33%; justify-content: center; }
.deal-tabs .tab-link:last-child { }
.deal-tabs .tab-link.resp-tab-active { color: var(--font-color); }
.deal-tabs .tab-link.resp-tab-active:before { background: var(--success-color); height: 2px; bottom: 0; }
.deal-tabs .tab-content { padding-top: 28px; padding-bottom: 0; }
.deal-tabs .tab-content.resp-tab-content-active { display: block; }

.range-heading { font-size: 13px; font-weight: 600; }
.range-slider { margin-top: 22px; }
.range-label { font-size: 12px; font-weight: 500; letter-spacing: -0.15px; width: 100%; display: block; margin-bottom: 7px; }
.rangeSliderRpt { width: 100%; margin-bottom: 28px; display: flex; align-items: center; min-height: 22px; }
.rangeSliderRpt:last-child { margin-bottom: 9px; }
.rangeSliderRpt .range-slider__range { -webkit-appearance: none; width: calc(100% - (60px)); height: 8px; border-radius: 5px; background: #d7dcdf; outline: none; padding: 0; margin: 0; }
.rangeSliderRpt .range-slider__range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #2c3e50; cursor: pointer; -webkit-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; margin-top: -4px; }
.rangeSliderRpt .range-slider__range::-webkit-slider-thumb:hover { background: #1abc9c; }
.rangeSliderRpt .range-slider__range:active::-webkit-slider-thumb { background: #1abc9c; }
.rangeSliderRpt .range-slider__range::-moz-range-thumb { width: 17px; height: 17px; border: 0; border-radius: 50%; background: #2c3e50; cursor: pointer; -moz-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; }
.rangeSliderRpt .range-slider__range::-moz-range-thumb:hover { background: #1abc9c; }
.rangeSliderRpt .range-slider__range:active::-moz-range-thumb { background: #1abc9c; }
.rangeSliderRpt .range-slider__range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c; }

.rangeSliderRpt .range-slider__range::-moz-range-track { height: 8px; }
.rangeSliderRpt .range-slider__range::-webkit-slider-runnable-track { height: 8px; }

.rangeSliderRpt .range-slider__value { display: inline-flex; position: relative; color: #fff; text-align: center; border-radius: 3px; background: #000; padding: 6px 5px; margin-left: 8px; font-size: 15px; font-weight: 700; line-height: 1; width: 62px; height: 24px; align-items: center; justify-content: center; }
.rangeSliderRpt .range-slider__value:after { position: absolute; top: 0; bottom: 0; margin: auto; left: -5px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #000; border-bottom: 7px solid transparent; content: ""; }

.range-description { font-size: 13px; font-weight: 700; margin-top: 25px; padding-left: 3px; }


.deal-apr { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-left: 12px; padding-right: 15px; letter-spacing: -0.2px; border-top: 2px solid #e9e9e9; margin-top: 26px; padding-top: 19px; }
.deal-apr .col { position: relative; flex-grow: initial; min-height: 51px; display: flex; align-items: center; }
.deal-apr .col:not(:first-child):before { content: ""; background: #e9e9e9; width: 2px; height: 57px; position: absolute; left: -24.5%; top: 0; bottom: 0; }
.deal-apr label { display: block; font-size: 0.75em; font-weight: 700; margin-bottom: 3px; white-space: nowrap; }
.deal-apr h3 { display: inline-flex; align-items: flex-end; font-size: 22px; margin-left: 0; margin-bottom: 0; line-height: 1; }
.deal-apr h3 span { display: block; white-space: nowrap; margin-bottom: 2px; font-size: 14px; letter-spacing: normal; font-weight: 500; }
.deal-apr .perMonth { display: block; white-space: nowrap; margin-bottom: 2px; font-size: 14px; font-weight: 700; }
.deal-apr .aprLeft h3 { color: #a4a4a4; }
.deal-apr .aprRight h3 { letter-spacing: -0.5px; }



.deal-cashPrice { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; margin-bottom: 50px; }
.deal-cashPrice .col { display: flex; flex-direction: column; position: relative; flex-grow: initial; width: 32%; min-width: 32%; padding-left: 12px; padding-right: 12px; }
.deal-cashPrice .col:first-child:last-child { width: 100%; min-width: 100%; }
.deal-cashPrice .col:not(:first-child):before { content: ""; background: #e9e9e9; width: 2px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; }
.deal-cashPrice .col.left { width: 36%; min-width: 36%; }
.deal-cashPrice .col.right { justify-content: end; }
.deal-cashPrice label { display: block; font-size: 0.8em; font-weight: 600; margin-bottom: 3px; white-space: nowrap; }
.deal-cashPrice h3 { display: inline-flex; align-items: flex-end; font-weight: 600; font-size: 1.4666em; letter-spacing: -1px; margin-bottom: 0; line-height: 1; }
.deal-cashPrice h3 span { font-size: 11px; letter-spacing: normal; display: block; font-weight: 600; white-space: nowrap; margin-left: 5px; margin-bottom: 3px; color: #a4a4a4; }
.deal-cashPrice .col:nth-child(3) { }
.deal-cashPrice .col:nth-child(3)::before { }



.deal-choice { margin-bottom: 35px; /*padding-left: 20px; padding-right: 20px;*/ }
.deal-choice h4 { font-size: 1.2em; line-height: 1.15; }
.deal-choice .element-description { font-weight: 500; line-height: 1.2; padding-top: 11px; font-size: 14px; }
.button-choice { margin: 25px 0; display: flex; align-items: center; justify-content: center; padding: 0px 10px; flex-wrap: wrap; }
.button-choice .button { border-radius: 50px; background: transparent; color: var(--font-color); box-shadow: 0 0px 5px 2px rgba(0,0,0,0.26); width: calc(50% - 16px); min-width: auto; height: 40px; margin-left: 8px; margin-right: 8px; margin-bottom: 15px; }
.button-choice .button.active { background-color: var(--success-color); color: #fff; }

.cndtnVhl .button-choice .button { width: 80%; box-shadow: none; }

.cndtnVhl .button-choice .button.cPoor { color: #fff; background: #d53a64; /*background: -moz-linear-gradient(top, #d53a64 0%, #e06f61 100%); background: -webkit-linear-gradient(top, #d53a64 0%,#e06f61 100%); background: linear-gradient(to bottom, #d53a64 0%,#e06f61 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53a64', endColorstr='#e06f61',GradientType=1 );*/ }
.cndtnVhl .button-choice .button.cBelowAverage { color: #fff; background: #d53a64; /*background: -moz-linear-gradient(top, #d53a64 0%, #e06f61 100%); background: -webkit-linear-gradient(top, #d53a64 0%,#e06f61 100%); background: linear-gradient(to bottom, #d53a64 0%,#e06f61 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53a64', endColorstr='#e06f61',GradientType=1 );*/ }
.cndtnVhl .button-choice .button.cAverage { color: #fff; background: #e0bd69; /*background: -moz-linear-gradient(top, #e0bd69 0%, #cfd978 100%); background: -webkit-linear-gradient(top, #e0bd69 0%,#cfd978 100%); background: linear-gradient(to bottom, #e0bd69 0%,#cfd978 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0bd69', endColorstr='#cfd978',GradientType=1 );*/ }
.cndtnVhl .button-choice .button.cExcellent { color: #fff; background: #b9cf6b; /*background: -moz-linear-gradient(top, #b9cf6b 0%, #99c25c 100%); background: -webkit-linear-gradient(top, #b9cf6b 0%,#99c25c 100%); background: linear-gradient(to bottom, #b9cf6b 0%,#99c25c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9cf6b', endColorstr='#99c25c',GradientType=1 );*/ }

.cndtnVhl .button-choice .button:before { opacity: 0; content: ""; width: 12px; height: 100%; background-image: url(../images/whiteCheckIcon.png); background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: top; margin-right: 2px; }
.cndtnVhl .button-choice .button.active:before { opacity: 1; }

.deal-steps-wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 27px; padding-left: 30px; padding-right: 30px; }
.deal-steps-wrap [class*="deal-steps-"] { display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 11px; }
.deal-steps-wrap [class*="deal-steps-"] svg { width: 30px; height: 30px; fill: #fff; border-radius: 50%; }
.deal-steps-wrap .deal-steps-prev svg { background: #f5f5f5; fill: #c1c1c1; padding-left: 6px; margin-right: 10px; }
.deal-steps-wrap .deal-steps-next svg { background: var(--success-color); fill: #fff; padding-right: 6px; margin-left: 10px; }


.deal-progress { padding: 0 38px; margin-top: -5px; margin-bottom: 28px; }
.deal-progress label { display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 600; margin-bottom: 6px; }
.deal-progress label span:last-child:not(first-child) { color: #e0e0e0; display: inline-flex; align-items: center; }
.deal-progress .progress { height: 6px; background-color: #e1e1e1; border-radius: 50px; display: flex; align-items: center; }
.deal-progress .progress .progress-bar { width: 0%; height: 100%; color: #fff; text-align: center; background-color: var(--success-color); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; border-radius: 50px; position: relative; }
.deal-progress label svg { width: 17px; height: 17px; margin-right: 4px; fill: currentColor; }
.deal-progress .progress-done { color: var(--success-color) !important; }

.deal-input { padding: 0 10px; }
.deal-input h6 { margin-bottom: 20px; }
.deal-input input { font-size: 14px; font-weight: 500; width: 80%; text-align: center; border-radius: 50px; box-shadow: inset 0px 2px 3px 1px #a3a3a3; height: 43px; border: none; }
.deal-input input.text-uppercase::placeholder { text-transform: initial; }

.deal-divider { background: #eaeaea; height: 4px; margin: 25px 25px; }
.deal-input .deal-divider { margin-left: 0; margin-right: 0; }

.deal-select { padding: 0 31px; }
.deal-select + .deal-steps-wrap { margin-top: 27px; }
.deal-select h6 { margin-bottom: 24px; }
.deal-select select { width: 80%; border-radius: 50px; color: var(--font-color); box-shadow: 0 0px 1px 1px rgba(118,118,118,0.26); min-width: auto; height: 39px; border-color: #dedede; font-size: 12px; font-weight: 600; }


.deal-result h3 { font-size: 25px; margin-bottom: 8px; }
.deal-result h6 { margin-bottom: 27px; letter-spacing: -0.5px; font-size: 18px; }
.deal-result .element-description { font-weight: 600; font-size: 12px; line-height: 1.2; margin-bottom: 30px; }
.deal-result .element-description:last-child { margin-bottom: 50px; }
.deal-result .element-description label { font-size: 1.2em; margin-bottom: 10px; }
.deal-result .element-description strong { font-size: 1.2em; }
.deal-result .button-wrap .button { min-width: auto; height: 35px; }


.deal-pxValue { position: relative; background: #dde9dd; display: inline-flex; margin-bottom: 36px; padding: 25px 22px; font-size: 32px; font-weight: 600; letter-spacing: -0.5px; border-radius: 8px; align-items: flex-end; line-height: 0.7; }
.deal-pxValue:after { content: ""; position: absolute; left: 0; right: 0; border: 12px solid transparent; border-top-color: #dde9dd; border-bottom: 0; width: 12px; margin: auto; bottom: -12px; }
.deal-pxValue span { display: block; font-size: 19px; }


.label-back h3 { display: flex; font-size: 15px; justify-content: space-between; align-items: center; font-weight: 600; letter-spacing: -0.3px; margin-bottom: 9px; padding-left: 6px; text-align: left; }
.label-back h3 .button { min-width: 74px; border-radius: 50px; height: 37px; background: var(--success-color); border: 3px solid #dbecd9; box-shadow: none; }
.label-back h3 .button.back { border-color: #f0f0f0; background: transparent; }
.label-back h3 .button.back svg { fill: #999999; }

.deal-summary ul { margin: 0; list-style: none; padding-right: 1px; }
.deal-summary li { display: flex; justify-content: space-between; font-size: 12px; padding: 5px 6px; border-radius: 5px; margin-bottom: 1px; }
.deal-summary li:nth-child(even) { background: #f4f5f7; }
.deal-summary li span { letter-spacing: -0.1px; }

.deal-summary .button-wrap { text-align: center; display: flex; flex-direction: column; margin-top: 35px; padding: 0px 18px; padding-right: 21px; }
.deal-summary .button-wrap .button { border-radius: 5px; margin-bottom: 19px; background: #f7f7f7; color: var(--font-color); padding-right: 62px; box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.18); font-size: 16px; letter-spacing: -0.5px; }
.deal-summary .button-wrap .button svg { margin-right: 18px; opacity: 0; -webkit-transition: .35s; transition: .35s; }
.deal-summary .button-wrap .button:hover,
.deal-summary .button-wrap .button.hover { background: #e5f3e4; box-shadow: none; }
.deal-summary .button-wrap .button:hover svg,
.deal-summary .button-wrap .button.hover svg { fill: var(--success-color); opacity: 1; }
.deal-summary .element-description { font-weight: 600; font-size: 13px; line-height: 1.2; margin-top: 30px; text-align: center; }

.deal-form { text-align: center; }
.deal-form .label-back h3 { padding: 0; }
.deal-form .form-group { margin-bottom: 25px; }
.deal-form h6 { margin-bottom: 5px; text-align: center; font-size: 1em; text-align: left; font-weight: 500; }
.deal-form input:not(.errorCSS) { text-align: center; border-radius: 50px !important; box-shadow: inset 0px 2px 3px 1px #a3a3a3; height: 43px; border: none; font-size: 12px !important; font-weight: 500 !important; background-color: #fff !important; text-align: left; border-radius: 7px !important; }

.deal-form .button-wrap { display: flex; justify-content: space-between; }
.deal-form .button-wrap .button { border-radius: 50px; font-size: 0.9em; font-weight: 700; height: 45px; margin: 0; }
.deal-form .button-wrap .button-border { border: 2px solid var(--theme-color); background: transparent; color: var(--theme-color); box-shadow: none !important; }
.deal-form .show-password { cursor: pointer; }

.deal-login .label-back h3 { margin-bottom: 20px; }
.deal-registration .label-back h3 { margin-bottom: 20px; }

.passInfo { text-align: left; }
.passInfo p { font-size: 12px; margin-bottom: 0; color: #767474; }
.passInfo ul { font-size: 11px; color: #767474; padding-left: 10px; margin-top: 5px; }
.passInfo ul li { margin-bottom: 1px !important; }
.passInfo ul li::marker { font-size: 8px; }


.passField { position: relative; }
.passField input { padding-right: 25px; }
.passField .passEye { position: absolute; top: 13px; right: 15px; }
.passField .passEye i { color: #767474; }



.nearest-dealership .dropScroll { max-height: 380px; text-align: left; }
.nearest-dealership .dropScroll ul { list-style: none; }

.partEx-vehicle svg { width: 25px; height: 25px; display: inline-block; color: var(--success-color); fill: currentColor; vertical-align: middle; }
.partEx-vehicle label { font-weight: 600; font-size: 1.2em; letter-spacing: -0.9px; line-height: 1.15; vertical-align: middle; margin-bottom: 0; }
.partEx-vehicle p { font-weight: 500; margin-bottom: 35px; margin-top: 15px; }
.partEx-vehicle p a { text-decoration: underline; display: inline-block; }

.tp-widget-wrapper { margin-left: 0; }

.deal-thanks { margin-bottom: 30px; }
.deal-thanks .panel-body { border-radius: 10px; box-shadow: 3px 10px 15px 0px rgba(83,88,116,0.28); text-align: center; font-weight: 500; }

.deal-buyExtraOption .element-description { font-weight: 500; line-height: 1.2; font-size: 14px; margin-bottom: 30px; }

.optBlk { cursor: pointer; -webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); border-radius: 5px; background: #fff; padding: 12px 15px; text-align: left; margin-bottom: 15px; display: flex; justify-content: space-between; -webkit-transition: 0.15s; transition: 0.15s; align-items: center; }
.optRpt { position: relative; }
.optRpt:last-child { margin-bottom: 40px; }
.optBlk > span { display: inline-block; width: 40px; height: 40px; margin-right: 15px; vertical-align: middle; }
.optBlk > p { display: block; font-size: 1em; white-space: nowrap; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; margin: 0; width: calc(100% - 25px); font-weight: 500; }
.optBlk > strong { font-size: 14px; display: inline-block; vertical-align: middle; min-width: 70px; text-align: right; }
.optBlk > i.fa { border: 2px solid #ccc; width: 20px; height: 20px; min-width: 20px; margin-left: 10px; border-radius: 50%; display: inline-flex; align-items: center; -webkit-transition: 0.15s; transition: 0.15s; }

.optRpt > input { cursor: pointer; position: absolute; display: inline-block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; opacity: 0; z-index: 9; }
.optRpt > input:checked + .optBlk { -webkit-box-shadow: 0px 0px 0px 2px var(--success-color); -moz-box-shadow: 0px 0px 0px 2px var(--success-color); box-shadow: 0px 0px 0px 2px var(--success-color); }
.optRpt > input:checked + .optBlk i.fa { border: none; }
.optRpt > input:checked + .optBlk i.fa:before { content: "\f058"; font-size: 23px; color: var(--success-color); }

.deal-delivery-date .deal-input,
.deal-delivery-date .deal-select { padding: 0 20px; margin-bottom: 25px; }

.deal-BDPayment iframe { width: 100%; height: auto; border: none; min-height: 475px; }

.px-ques { font-size: 1.2em; }

/*----------------------------------------------------------------------------
  Preferences-Start
-----------------------------------------------------------------------------*/

.preferences-cont { padding: 50px 0px; }
.Preferences-Form .panel input { font-weight: 500; font-size: 13px; border-radius: 5px; color: #0f0f0f; background-color: #f1f1f1; }
.Preferences-Form .tooltip-in { padding-top: 11px; }
.Preferences-CkBox .panel { box-shadow: 0px 0px 15px 0px #001b544f; border-radius: 12px; }
.Preferences-CkBox .panel p { padding-top: 15px; }
.Preferences-CkBox .panel > p:first-child { padding: 0; }
.Preferences-CkBox .panel .button { margin-top: 10px; }
.Preferences-CkBox .panel .custom-type { margin-bottom: 15px; }
.Preferences-Form .panel { border-radius: 12px; }
.Preferences-sure .panel { border-radius: 12px; }
.Preferences-sure .panel .button { margin-bottom: 10px; width: 100%; }

/*----------------------------------------------------------------------------
  SOCIALSHARE POPUP
-----------------------------------------------------------------------------*/
.popup.shareOnSocial .popup-title { margin-bottom: 10px; font-size: 1.33em; }
.popup.shareOnSocial .popup-content { width: 375px; }
.popup.shareOnSocial .popup-body { padding: 1.5rem; }
.popup.shareOnSocial .thumbnail-77 { height: 98px; width: 120px; padding: 15px; min-width: 105px; object-fit: cover; display: flex; align-items: center; }
.popup.shareOnSocial .thumbnail-77 img { max-height: 100%; width: initial; /*height: inherit; object-fit: cover;*/ }
.popup.shareOnSocial .enq-dir-hdr { margin-top: 0; margin-bottom: 15px; display: block !important; }
.popup.shareOnSocial .enq-dir-hdr ul { display: flex; align-items: center; justify-content: flex-start; text-align: left; }
.popup.shareOnSocial .enq-dir-hdr ul li:last-child:not(first-child) { width: 100%; }
.popup.shareOnSocial .enq-dir-hdr-cont { width: 100%; padding: 10px 16px; padding-left: 0; }
.popup.shareOnSocial .enq-dir-hdr-cont .gdenq-variant { text-align: left; opacity: 0.7; }
.popup.shareOnSocial .enq-dir-hdr-cont .gdenq-price { font-size: 1em; text-align: left; }
.popup.shareOnSocial .enq-dir-hdr-cont .gdenq-price b { font-size: 0.67em; font-weight: 700; line-height: 1; }
.popup.shareOnSocial .popup-dialog .close { top: 18px; right: 18px; }
.popup.shareOnSocial .close svg { width: 20px; height: 20px; }

.socialIcon-list { margin: 0; list-style: none; }
.socialIcon-list li { cursor: pointer; border-top: 1px solid #e5e5e5; padding-top: 13px; margin-bottom: 13px; display: flex; align-items: center; justify-content: start; font-weight: 500; }
.socialIcon-list li:first-child { border: none; padding-top: 5px; }
.socialIcon-list li:last-child { margin-bottom: 0; }
.socialIcon-list li:hover,
.socialIcon-list li:hover svg { color: var(--theme-color); }

.socialIcon-list a { display: flex; align-items: center; justify-content: start; font-weight: 500; }
.socialIcon-list i { margin-right: 10px; font-size: 20px; font-weight: normal; }
.socialIcon-list svg { margin-right: 15px; width: 22px; height: 22px; display: inline-block; color: #525252; fill: currentColor; stroke: currentColor; stroke-width: 0; }

.g-search { text-align: center; margin-bottom: 50px; }
.g-search-logo { display: inline-flex; margin-bottom: 25px; }
.g-search-logo img { height: 77px; }
.g-search-type { position: relative; width: 585px; margin: auto; }
.g-search-type input { display: flex; z-index: 3; position: relative; min-height: 44px; background: #fff; border: 1px solid #dfe1e5; box-shadow: none; border-radius: 24px; margin: 0 auto; padding-left: 30px; padding-right: 50px; }
.g-search-type:not(.focus) input:hover { background: #fff; box-shadow: 0 1px 6px rgba(32,33,36,0.28); border-color: transparent; }
.g-search-type.focus input[type="text"] { border-radius: 35px 35px 0px 0px; box-shadow: 0 4px 6px rgba(32,33,36,0.28); }
.g-click { position: absolute; top: 0; bottom: 0; right: 15px; display: flex; justify-content: center; align-items: center; z-index: 8; cursor: pointer; height: 44px; }
.g-click svg { height: 20px; line-height: 20px; width: 20px; fill: currentColor; color: #9aa0a6; display: inline-block; }
.g-click:hover svg { fill: currentColor; color: var(--theme-color); }
.g-search-drop { position: absolute; top: 43px; left: 0; width: 100%; background: #fff; border-radius: 0 0 24px 24px; box-shadow: 0 4px 6px rgba(32,33,36,0.28); z-index: 3; padding: 10px 10px 15px; border: 1px solid #dfe1e5; border-top: 0; padding-top: 0; }
.g-search-drop:before { content: ""; background: #e8eaed; height: 1px; width: 100%; display: block; margin-bottom: 15px; }
.g-search-drop .dropScroll { padding-right: 10px; line-height: 1.385; padding-top: 10px; max-height: calc(100vh - 400px); min-height: 53px; }
.g-search-drop .fa-spin { font-size: 25px; margin: 9px 10px; }
.g-search-drop-Rpt a { display: flex; padding: 5px 10px; border-radius: 10px; align-items: center; text-align: left; }
.g-search-drop-Rpt a:hover { background-color: #f2f2f2; }
.g-search-thumb { display: inline-flex; align-items: flex-start; justify-content: center; width: 50px; min-width: 50px; height: 32px; border-radius: 5px; overflow: hidden; margin: 4px 7px 4px 0px; }
.g-search-thumb img { object-fit: cover; height: 100%; }
.g-search-heading { padding: 6px 0; line-height: 1.2; }
.g-search-drop-footer { text-align: center; padding-top: 15px; border-top: 1px solid #dfe1e5; margin-top: 20px; }
.g-search-drop-noRslt { margin: 0; font-weight: 500; padding-left: 10px; }

.google-Search .g-result:first-child { margin-top: 35px; }
.g-result { }
.g-result .mainHeading { padding: 0; margin: 0; margin-bottom: 50px; padding-bottom: 15px; border-bottom: 1px solid #ecedef; }
.g-result .mainHeading h6 { font-weight: normal; margin: 0; }
.g-result .mainHeading p { margin-top: 10px; margin-bottom: 0; }
.g-no-result .mainHeading { border: none; padding-bottom: 0; }

.g-resultRpt { margin-bottom: 30px; }
.g-resultRpt a:hover { color: var(--theme-color); text-decoration: underline; }

.g-resultRpt .element-content { display: flex; align-items: start; }

.g-resultRpt .element-logo { background-color: #f2f2f2; display: inline-flex; justify-content: center; align-items: center; width: 115px; min-width: 115px; min-height: 75px; margin-right: 15px; vertical-align: middle; border-radius: 7px; }
.g-resultRpt .element-logo[href*="/used-cars/"] { background: transparent; }
.g-resultRpt .element-logo img { border-radius: inherit; }
.g-resultRpt .element-logo img[src*="-home.jpg"] { height: 70px; background: #fff; border-radius: 0; mix-blend-mode: multiply; }
.g-resultRpt .element-logo img[src*="logo-dark.svg"] { background: #f2f2f2; padding: 10px; }



.g-resultRpt .element-head { }
.g-resultRpt .element-title { color: #202124; font-size: 14px; display: block; line-height: 20px; white-space: nowrap; font-weight: normal; }
.g-resultRpt .element-url { font-size: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4d5156; font-style: normal; display: inline-flex; align-items: center; margin-top: 5px; }
.g-resultRpt .element-url svg { height: 18px; line-height: 18px; width: 18px; color: #4d5156; fill: currentColor; margin-left: 10px; display: none; }

.g-resultRpt .element-heading { font-size: 20px; font-weight: 400; display: inline-block; line-height: 1.3; margin-bottom: 3px; vertical-align: middle; }
.g-resultRpt .element-heading a { color: inherit; display: inline; }
.g-resultRpt .element-tag { display: inline-flex; background: var(--secondary-theme-color); color: #fff; border-radius: 50px; font-size: 15px; height: 25px; padding: 0px 10px; align-items: center; white-space: nowrap; margin-left: 10px; /*margin-top: 10px;*/ }
.g-resultRpt .element-description { line-height: 1.58; text-align: left; font-size: 14px; font-weight: normal; margin-bottom: 0; opacity: 0.8; }

/*----------------------------------------------------------------------------
    MOTABILITY OFFER List
-----------------------------------------------------------------------------*/

/*.offers-model-list.motability .row { margin-left: -25px; margin-right: -25px; }
.offers-model-list.motability .row > [class*="col-"] { padding-left: 25px; padding-right: 25px; }*/
.offers-model-list.motability .offerModelListRpt .element-textblock { text-align: left; padding-left: 10px; padding-right: 10px; }
.offers-model-list.motability .offerModelListRpt .element-heading span { color: #858585; }
.offers-model-list.motability .offerModelListRpt .element-thumb img { border-radius: 0; }
.offers-model-list.motability .offerModelListRpt .element-wasprice p { font-size: 19px; color: var(--theme-color); }
.offers-model-list.motability .offerModelListRpt .button-wrap { margin-top: 25px; }
.offers-model-list.motability .offerModelListRpt .button-wrap .button { margin-left: 7px; width: 280px; }

.offers-model-list.motability .offerModelListRpt .element-wasprice p * { font-size: inherit; }
.offers-model-list.motability .offerModelListRpt .element-wasprice { margin-top: 20px; }
.offers-model-list.motability .offerModelListRpt .element-heading { margin-bottom: 10px; }

/*----------------------------------------------------------------------------
    MOTABILITY OFFER DETAIL
-----------------------------------------------------------------------------*/

.motSearchBar:not(.sidebar) .close,
.motSearchBar:not(.sidebar) .sidebar-title { display: none; }
.motSearchBar:not(.sidebar) [class*="container"] { padding: 0; }
.motSearchBar:not(.sidebar) ul { min-height: 95px; background-color: var(--theme-color-opacity-04); border-radius: 12px; list-style: none; display: flex; align-items: center; margin-top: 50px; margin-bottom: 0; padding: 0 10px; }
.motSearchBar:not(.sidebar) li { width: 100%; padding-left: 5px; padding-right: 5px; margin: 0; }
.motSearchBar:not(.sidebar) select { font-weight: 700; letter-spacing: -0.2px; border-radius: 99px; padding: 12px; color: #212121; border: solid 1px #fff; text-align: left; padding-left: 22px; position: relative; box-shadow: 0px 0px 8px 0px var(--theme-color-opacity-20); height: auto; }

.motSearchBar.sidebar .sidebar-title { opacity: 1.0; color: var(--font-color); font-size: 0.933em; margin-bottom: 14px; }
.motSearchBar.sidebar ul { list-style: none; display: flex; align-items: center; margin-bottom: 0; margin-left: -5px; margin-right: -5px; flex-wrap: wrap; justify-content: flex-end; }
.motSearchBar.sidebar li { width: 25%; padding-left: 5px; padding-right: 5px; margin: 0; }
.motSearchBar.sidebar li.button-li { width: 25%; margin-top: 15px; }
.motSearchBar.sidebar select { height: auto; }
.motSearchBar.sidebar .button { height: 40px; }


.offers-model-list.motability { margin-bottom: 50px; }
.offers-model-list.motability .mainHeading { font-size: 22px; letter-spacing: -0.26px; text-align: left; /*margin-top: 50px;*/ }
.offers-model-list.motability .h3 { font-weight: 700; }

.bigger { transition: 0.6s; }
.bigger:hover { transform: scale(1.04); }

.motabTitle .element-heading { margin-bottom: 10px; font-size: 22px; color: #000; }
.motabTitle .element-subHeading { color: #858585; font-size: 16px; font-weight: 600; line-height: 1.385; margin-bottom: 30px; }

.offerModelListRpt .element-thumb,
.ucMotabilityDetail .col-7 .bigger { position: relative; overflow: hidden; }
.offerModelListRpt .motabIcon,
.ucMotabilityDetail .motabIcon { position: absolute; z-index: 1; right: -7px; top: -7px; text-align: center; display: flex; align-items: center; justify-content: center; }

.ucMotabilityDetail .mot-content { background: #ffffff; padding: 33px; border-radius: 14px; margin-top: 2px; box-shadow: 0px 0px 43px 4px #0000001a; height: 100%; }
.ucMotabilityDetail .mot-content .element-heading { font-size: 1.266em; line-height: 1.2; font-weight: bold; }
.ucMotabilityDetail .mot-content .element-description { font-size: 1em; margin-top: 20px; opacity: 0.8; letter-spacing: 0.5px; font-weight: 500; }
.ucMotabilityDetail .mot-content .element-price { color: var(--theme-color); font-weight: 700; font-size: 1.266em; opacity: 1; margin-top: 10px; border-top: dashed 1px var(--theme-color-opacity-20); padding-top: 7px; }
.ucMotabilityDetail .mot-content .button-wrap { margin-top: 35px; }
.ucMotabilityDetail .mot-content .button { background-color: var(--success-color); }
.ucMotabilityDetail .mot-content .border-button { margin-top: 15px; background-color: #fff; color: var(--theme-color); box-shadow: none !important; border: 3px solid var(--theme-color); margin-right: 10px; }
.ucMotabilityDetail .mot-content .border-button:hover { background-color: var(--theme-color); color: #FFF; }
.ucMotabilityDetail .mot-content .border-wrap { margin-top: 15px; border-bottom: dashed 1px var(--theme-color-opacity-20); padding-bottom: 15px; }
.ucMotabilityDetail .mot-content .border-wrap + .button-wrap { margin-top: 15px; }

.ucMotabilityDetail .button-box { background: var(--theme-color-opacity-05); }
.ucMotabilityDetail .button-box .button { color: var(--theme-color); box-shadow: none !important; border: 3px solid var(--theme-color); }
.ucMotabilityDetail .button-box .button:hover { background-color: var(--theme-color); color: #FFF; }
.ucMotabilityDetail .button-box .button.enquire-btn { background-color: var(--theme-color); color: #FFF; }

.motability-table table { border-collapse: collapse; border-spacing: 0; }
.motability-table th,
.motability-table td { border-collapse: collapse; vertical-align: middle; text-align: center; padding: 18px 10px; border: 1px solid #fff; border-bottom: 1px dashed #f2f2f2; }
.motability-table th { background: #fff; color: var(--theme-color); font-weight: bold; }
.motability-table tr:nth-child(odd) { background-color: var(--theme-color-opacity-04); }
.motability-table .button { color: var(--theme-color); box-shadow: none !important; border: 3px solid var(--theme-color); background-color: #fff; }
.motability-table .button:hover { background-color: var(--theme-color); color: #FFF; }
.motability-Spec ul { text-align: left; display: flex; flex-wrap: wrap; list-style-position: unset; padding-left: 25px; }
.motability-Spec ul li { width: 50%; padding-right: 35px; }


/*service Booking Form*/
.ucServiceBooking .popup-content { border-radius: 15px; }
.ucServiceBooking .popup-content .close { top: 14px; right: 18px; }
.ucServiceBooking .popup-content .close svg { width: 22px; height: 22px; }
.ucServiceBooking .popup-content .back-link.close { position: initial; }
.ucServiceBooking .popup .panel-footer { background: #f2f2f2; text-align: center; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 15px 15px; }
.ucServiceBooking .popup .panel-footer .button { width: 230px; /*width: 300px; height: 55px; font-size: 1.2em;*/ }

.srBooking.popup .popup-header { padding: 0; margin-bottom: 2rem; display: flex; align-items: center; justify-content: flex-start; }
.srBooking.popup .popup-header > div:first-child { padding-right: 15px; border-right: 1px solid #ccc; margin-right: 15px; font-size: 0; }

.srBooking .popup-content { width: 700px; max-width: 100%; }
.srBooking .popup-body { padding: 2rem; }
.srBooking .popup-title { line-height: 1; margin-bottom: 10px; }
.srBooking .popup-header img { height: 50px; }

.srBooking .popup-body > .row { }
.srBooking .popup-body > .row:last-child { }

.srBooking .col-4 { }
.srBooking .col-8 { }
.srBooking .popup-body .form-group { }
.srBooking h3 { }
.srBooking label:not(.custom-type, .label) { display: block; margin-bottom: 8px; font-weight: 500; font-size: 1.02em; }
.srBooking select,
.srBooking .form-group select,
.srBooking input[type="text"] { }
.srBooking input[type="text"]::placeholder { }
.srBooking input[type="text"] { text-transform: uppercase; }

.srBooking select,
.srBooking .form-group select { }


.srBooking .custom-type:last-child { margin-bottom: 0; }
.srBooking .custom-type input { }
.srBooking .custom-type .checkmark { }


.srBooking .custom-type [type="radio"] { height: 21px; width: 21px; }
.srBooking .custom-type [type="radio"] + .checkmark { height: 21px; width: 21px; }
.srBooking .custom-type [type="radio"] + .checkmark:after { width: 15px; height: 15px; border: 1px solid #ccc; }
.srBooking .custom-type [type="radio"]:checked + .checkmark,
.srBooking .custom-type [type="radio"]:checked + [type="hidden"] + .checkmark { border-color: #e3e3e3; }

.sr-dateTime .custom-type { width: 100%; margin-bottom: 10px; }
.srBooking .custom-type .label { margin-bottom: 0; }
.srBooking .your-services .form-group { margin-bottom: 5px; }
.srBooking .your-services .custom-type { margin-bottom: 10px; margin-right: 15px; }

/*Dealer Select Form*/

.srDealer .popup-content { width: 725px; max-width: 100%; border-radius: initial; background: initial; }
.srDealer .popup-body { padding: 27px 22px; background: #fff; border-radius: 15px; padding-bottom: 41px; }
.srDealer .popup-body + .popup-body { margin-top: 1px; padding: 20px 25px; }
.srDealer .popup-title { opacity: 1; font-size: 18px; margin-bottom: 31px; font-weight: 700; padding-left: 13px; }

.srDealerRpt { border-radius: 5px; padding: 10px 11px; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; position: relative; }
.srDealerRpt:after { content: ""; width: 100%; position: absolute; bottom: -6px; left: 0; right: 0; height: 0; border-bottom: 1px dashed #e5e5e5; }
.srDealerRpt.active { background: #f2f2f2; }

.srDealerRpt .dlrInfo { display: flex; width: 100%; }
.srDealerRpt .custom-type { margin-right: 13px; position: initial; }
.srDealerRpt h3 { margin-bottom: 1px; font-size: 17px; letter-spacing: -0.3px; }
.srDealerRpt p { margin: 0; letter-spacing: -0.3px; font-weight: 500; }
.srDealerRpt .custom-type input { margin: auto; bottom: 0; width: 100%; height: 100%; }
.srDealerRpt .custom-type .checkmark { background: #e5e5e5; height: 22px; width: 22px; margin-right: 0; box-shadow: 0 0 0px 2px #fff !important; }
.srDealerRpt .custom-type .checkmark:after { content: "\e90b"; font-weight: 900; font-size: 20px; }

.srDealerRpt .regNumber { /*font-size: 0.83em; font-weight: 600; opacity: 0.5; display: inline-flex;*/ }
.srDealerRpt .regNumber:empty { /*display: none;*/ }

.srDealer .dropScroll { max-height: 296px; margin-right: 13px; padding-right: 36px; }
.srDealer .dropScroll::-webkit-scrollbar { width: 9px }
.srDealer .dropScroll::-webkit-scrollbar-track { background-color: #dedede; }
.srDealer .dropScroll::-webkit-scrollbar-thumb { background: #939393; }
.srDealer .dropScroll::-webkit-scrollbar-thumb:hover { background: #939393; }

.srDealer .button-wrap { display: flex; justify-content: space-between; align-items: center; }
.srDealer .back-link { font-weight: 600; margin-left: 17px; color: #000; opacity: 0.2; }
.srDealer .button-wrap .button { width: 225px; height: 53px; display: flex; justify-content: space-between; background: var(--secondary-theme-color); font-size: 1.2em; padding-left: 29px; }
.srDealer .button-wrap .button svg { width: 25px; height: 25px; margin-right: 3px; }

/*html[class*="suzuki"] header,
html[class*="nissan"] header { font-size: 14px; }*/

html[class*="suzuki"] header .logo-image,
html[class*="nissan"] header .logo-image { height: 75px; }

html[class*="suzuki"] header .head-one [class*=container],
html[class*="nissan"] header .head-one [class*=container] { padding-left: 20px; padding-right: 20px; }

html[class*="suzuki"] .head-brand,
html[class*="nissan"] .head-brand { margin-left: 30px; }

html[class*="suzuki"] .head-brand::before,
html[class*="nissan"] .head-brand::before { left: -15px; }

html[class*="suzuki"] .previously-name,
html[class*="nissan"] .previously-name { margin-left: 30px; }

html[class*="suzuki"] .previously-name:before,
html[class*="nissan"] .previously-name:before { left: -15px; }

html[class*="suzuki"] .menu-top li,
html[class*="nissan"] .menu-top li { margin-left: 15px; }

html[class*="suzuki"] .menu-top .menubar,
html[class*="nissan"] .menu-top .menubar { margin-left: 15px; }

html[class*="suzuki"] .freeTextSearch,
html[class*="nissan"] .freeTextSearch { width: 270px; }

.e_imagewithtext img[alt*="data-preferences-"] { height: 70px !important; width: auto !important; }

.copyFromElement .eleNo-3 .row,
html[class*="slugClass-book-a-service"] .eleNo-3 .row { justify-content: center; }

.copyFromElement .eleNo-3 .e_imagewithtext,
html[class*="slugClass-book-a-service"] .eleNo-3 .e_imagewithtext { flex: 0 0 20%; max-width: 20%; }

html[class*="slugClass-handpicked"] .eleNo-2 .container { max-width: 1310px; }

.no-clickable { cursor: not-allowed; pointer-events: none; }
.button.no-clickable { opacity: 0.4; }
.redFlash { text-align: center; background: var(--danger-color); color: #fff; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; font-weight: 600; align-items: center; justify-content: center; height: 50px; border-radius: 0px 0px 16px 16px; text-transform: uppercase; }

.e_onlinecarevent .eventForm { /* background-color: #f1f1f1; border-radius: 20px; padding: 39px 29px; border-radius: 16px; box-shadow: 0 0 7px -4px rgba(0,0,0,0.55); margin-bottom: 20px; */ }
.e_onlinecarevent .eventForm input, .e_onlinecarevent .eventForm select, .e_onlinecarevent .eventForm textarea { color: #000000c9; font-size: 12px; border-radius: 5px; font-weight: 600; border-color: #eaeaea; box-shadow: 0 0 0 1px rgba(41,41,41,0.6) inset, 0 3px 4px 0 rgba(41,41,41,0) inset; height: 48px; }


.worldPayThanks .panel { margin-top: 30px; margin-bottom: 30px; border-radius: 30px; text-align: center; }
.worldPayThanks .panel-body { padding: 35px 30px; }
.worldPayThanks .panel .fa { font-size: 3em; margin-bottom: 1rem; }
.successPopup .fa { color: var(--success-color); }
.errorPopup .fa { color: var(--danger-color); }
.ucMotabilityDetail .mot-content.rightSecOffer .border-button { margin-top: 10px; }

.e_onlinecarevent .formSec { background-size: cover; background-repeat: no-repeat; padding: 50px; margin: 0px 20px; }
.e_onlinecarevent .formSec .formBodyNew { padding: 30px; background: rgba(225, 225, 225, 0.5); box-shadow: 0px 0px 5px #d0d0d0; }
.e_onlinecarevent .formSec .formBodyNew .titleForm { margin-bottom: 6px; }
.e_onlinecarevent .formSec .formBodyNew .subtitleForm { margin-bottom: 20px; }


/*----------------------------------------------------------------------------
   FEEDBACK FORM (STEPS)
-----------------------------------------------------------------------------*/
.feedbackForm { width: 750px; max-width: 100%; margin: auto; background-color: #fff; padding: 20px; border-radius: 20px; position: relative; box-shadow: 0 9px 21px 19px #00000030; margin-top: 40px; margin-bottom: 40px; }
.feedbackForm label { display: block; width: 100%; }
.feedbackForm .form-group > label { font-size: .95em; font-weight: 600; margin-bottom: 10px }
.feedbackForm .custom-type { margin-right: 20px; margin-bottom: 10px; }
.feedbackForm .checkboxWrp { display: flex; flex-wrap: wrap; }
.feedbackForm .formTitle { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.feedbackForm .form-group { margin-bottom: 25px; }
.feedbackForm .customCheck { display: inline-block; position: relative; margin-right: 15px; }
.feedbackForm .customCheck input { position: absolute; opacity: 0; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.feedbackForm .customCheck label { display: block; padding: 10px 20px 10px 50px; border: 2px solid #a80000; border-radius: 40px; height: 45px; margin-bottom: 0; line-height: 1.2em; }
.feedbackForm .customCheck label:before { content: ""; display: block; width: 30px; height: 30px; border: 2px solid #a80000; border-radius: 50%; position: absolute; left: 10px; top: 8px; }
.feedbackForm .customCheck input:checked + label:after, .feedbackForm .customCheck input:hover + label:after { content: ""; display: block; width: 8px; height: 15px; border-bottom: 3px solid #fff; border-right: 2px solid #fff; position: absolute; left: 20px; top: 13px; transform: rotate(45deg); }
.feedbackForm .customCheck input:checked + label:before, .feedbackForm .customCheck input:hover + label:before { background-color: #a80000; }
.feedbackForm .formFtr { text-align: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.feedbackForm .formFtr .button { display: inline-block; width: auto; }
.feedbackForm .backBtn { display: flex; align-items: center; margin-top: 10px; }
.feedbackForm .backBtn svg { width: 30px; height: 30px; margin-right: 15px; }
.feedbackForm .custom-type.col-6 { margin-right: 0px !important; }
.feedbackForm .formFtr .col-6 { flex: 0 0 50% !important; max-width: 50% !important; }
.feedbackForm .formFtr .img-loader { margin-top: 8px; }
.feedbackForm .custom-type .label { margin-bottom: 2px; }

/*CARD View SLIDER*/
.cardViewSlider .cardItm { background-color: #a80000; color: #FFF; border-radius: 70px; padding: 40px; height: 100%; display: flex; flex-direction: column; justify-content: center; min-height: 400px; }
.cardViewSlider .swiper-button-next:after, .cardViewSlider .swiper-button-prev:after { display: none; }
.cardViewSlider .swiper-button-next, .cardViewSlider .swiper-button-prev { width: 70px; top: auto; bottom: 50px; }
.cardViewSlider .swiper-button-next svg, .cardViewSlider .swiper-button-prev svg { width: 70px; height: 40px; fill: #FFF; animation: wobble 2s ease infinite; }
.cardViewSlider .swiper-button-prev { transform: rotate(180deg); }