@import url('/assets/css/reset.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=VT323&display=swap');




/* -------------------------------------------------------------------------------
			Default Layout: 1200px. 		
------------------------------------------------------------------------------- */
html, body {width: 100%; font-size: 18px; line-height: 150%; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; color: #000514; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; -webkit-text-size-adjust: 100%; height: 100%; background: #FAFBFF;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {display: block; clear: both; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; margin: 0 0 15px 0; z-index: 10; line-height: 150%; color: #000514; letter-spacing: -0.005em;}
h1, .h1 {font-size: 45px; line-height: 120%;}
h2, .h2 {font-size: 40px; line-height: 120%;}
h3, .h3 {font-size: 35px; line-height: 125%;}
h4, .h4 {font-size: 30px; line-height: 125%;}
h5, .h5 {font-size: 25px;}
h6, .h6 {font-size: 20px;}


.viewport {display: none;}
.viewport:after {content: 'Full Desktop'; color: #FFFFFF; position: fixed; bottom: 15px; right: 15px; background: red; z-index: 999; padding: 2px 15px; font-size: 8px;}


button {border: 0; outline: none; cursor: pointer; text-decoration: none; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; color: #000514; background: none; padding: 0;}
button:disabled, .button.disabled {background: #F5F5F5!important; cursor: default; -moz-animation: none!important; -o-animation: none!important; animation: none!important; color: #C2C2C2; border: 1px solid #C2C2C2;}
.button {position: relative; padding: 20px 50px; cursor: pointer; z-index: 50; text-align: center; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; text-decoration: none; background: #11A777; color: #FFFFFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 25px; overflow: hidden; transition: opacity 0.25s ease; letter-spacing: -0.005em;}
.button.sheen:before,
.a2a_button_whatsapp.sheen span:before,
form .custom-checkbox.sheen + label:after {content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; z-index: 50; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%); transform: skewX(-20deg); pointer-events: none; animation: sheen 5s infinite ease-in-out; animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);}
.button.full {width: 100%;}
.button.smaller {padding: 10px 25px; font-size: 18px;}
.button.background-white {color: #000514;}
.button .sub-text {display: block; clear: both; width: 100%; font-weight: 400; padding: 7px 0 0 0; opacity: 0.85;}
.button i,
.link i {margin: 0 0 0 5px;}
.button.reverse-icon i,
.link.reverse-icon i {margin: 0 5px 0 0;}
.a2a_button_whatsapp span {width: 100%; padding: 25px 35px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; color: #FFFFFF; display: inline-block; vertical-align: middle; overflow: hidden;}
.a2a_button_whatsapp span i {font-size: 150%; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.a2a_button_whatsapp svg {display: none;}
.a2a_buttons_other { clear: both;overflow: hidden;padding: 15px 0;}


p, .p {margin: 0 0 15px 0; display: block; clear: both; width: 100%; z-index: 10;}
p.margin-top-10 {float: left;}
a {color: #000514;}
strong {font-weight: 600;}
img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
i {margin: 0 2.5px 0 0;}
hr {margin: 10px 0 25px 0; display: block; clear: both; float: left; width: 100%; border-bottom: 1px solid #C2C2C2;}
svg {display: block; fill: #000514; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.text-color-green {color: #11A777!important;}
.text-color-mid-green {color: #58EEBF!important;}
.text-color-blue {color: #4069FB!important;}
.text-color-red {color: #EF233C!important;}
.text-color-yellow {color: #F2C94C!important;}
.text-color-black {color: #000514!important;}
.text-color-white {color: #FFFFFF!important;}
.text-size-regular,
.text-size-regular * {font-size: 18px!important; line-height: 150%;}
.text-size-smaller,
.text-size-smaller * {font-size: 16px!important; line-height: 150%;}
.text-size-smallest,
.text-size-smallest * {font-size: 13px!important; line-height: 150%;}
.text-size-pence,
.text-size-caveat,
sup {display: inline-block; vertical-align: top; font-size: 75%!important; margin: 0 0 0 1px; line-height: 150%;}
.text-size-caveat,
.text-size-smaller .text-size-caveat,
sup,
.text-size-smaller sup {font-size: 10px!important; vertical-align: top; line-height: 150%;}
.text-align-center {text-align: center;}
.text-align-right {text-align: right;}
.text-transform-uppercase {text-transform: uppercase;}
.text-capitalise-first-letter {text-transform: capitalize;}
.text-sentence-case:first-letter {text-transform: uppercase;}
.text-email-address {word-break: break-all;}
.text-break-all {white-space: nowrap;}
.text-reg {background: #4069FB; color: #000514; display: inline; padding: 5px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; text-transform: uppercase; white-space: nowrap; line-height: 100%;}
.text-highlight-figure {padding: 0 10px; display: inline; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.text-highlight-figure.border-blue {border: 2px solid #4069FB!important;}
.text-highlight-figure.border-green {border: 2px solid #11A777!important;}
.text-highlight-marker:before {width: 80%; height: 80%; background: url('/v2/assets/img/svg/text-highlight-marker.svg') no-repeat center center; background-size: contain; content: ''; position: absolute; bottom: -35%; left: 10%; z-index: 1;}
.text-decoration-underline {text-decoration: underline;}
.text-weight-900 {font-weight: 900!important;}
.text-weight-800 {font-weight: 800!important;}
.text-weight-700 {font-weight: 700!important;}
.text-weight-600 {font-weight: 600!important;}
.text-weight-500 {font-weight: 500!important;}
.text-weight-400 {font-weight: 400!important;}
.vehicle_information {padding: 25px; background: #4069FB; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #000514; display: block; clear: both; width: 100%; float: left;}
.vehicle_information .text-reg {background: #FFFFFF;}
.vehicle_information .edit_reg {position: absolute; top: 25px; right: 25px; cursor: pointer; z-index: 15;}
.vehicle_conditional_no {display: block;}
.vehicle_conditional_yes {display: none;}
.margin-50 {margin: 0 0 50px 0!important;}
.margin-35 {margin: 0 0 35px 0!important;}
.margin-30 {margin: 0 0 30px 0!important;}
.margin-25 {margin: 0 0 25px 0!important;}
.margin-20 {margin: 0 0 20px 0!important;}
.margin-15 {margin: 0 0 15px 0!important;}
.margin-10 {margin: 0 0 10px 0!important;}
.margin-5 {margin: 0 0 5px 0!important;}
.margin-left-5 {margin: 0 0 0 5px!important;}
.margin-none {margin: 0!important;}
.margin-top-5 {margin: 5px 0 0 0!important;}
.margin-top-10 {margin: 10px 0 0 0!important;}
.margin-top-15 {margin: 15px 0 0 0!important;}
.margin-top-25 {margin: 25px 0 0 0!important;}
.padding-none {padding: 0!important;}
.background-none {background: none!important;}
.background-black {background: #000514!important;}
.background-white {background: #FFFFFF!important;}
.background-blue {background: #4069FB!important;}
.background-mid-blue {background: #AFBEFF!important;}
.background-light-blue {background: #EBEFFF!important;}
.background-lightest-blue {background: #F5F7FF!important;}
.background-green {background: #11A777!important;}
.background-mid-green {background: #58EEBF!important;}
.background-dark-green {background: #063828!important;}
.background-light-green {background: #DAFBF1!important;}
.background-yellow {background: #F2C94C!important;}
.background-light-yellow {background: #FFFCEB!important;}
.background-red {background: #EF233C!important;}
.background-light-red {background: #FEECEE!important;}
.background-blue-gradient {background: linear-gradient(115deg, #EBEFFF 0%, #D8DFFF 18%, #C4CFFF 32%, #AFBEFF 46%, #9AACFF 62%, #859AFF 78%, #4069FB 100%)!important;}
.background-light-blue-gradient {background: linear-gradient(115deg, #FAFBFF 0%, #F6F7FF 18%, #F2F3FF 32%, #EEF0FF 46%, #ECEEFF 62%, #EBEFFF 78%, #EBEFFF 100%)!important;}
.background-lightest-blue-gradient {background: linear-gradient(115deg, #FAFBFF 0%, #F6F7FF 18%, #F2F3FF 32%, #F5F7FF 46%, #F5F7FF 62%, #F5F7FF 78%, #F5F7FF 100%)!important;}
.background-blue-gradient svg,
.background-light-blue-gradient svg {fill: #4069FB;}
.background-light-green-gradient {background: linear-gradient(115deg, #F6FEFB 0%, #F1FDF9 18%, #ECFCF7 32%, #E6FBF4 46%, #E0FAF1 62%, #DAFBF1 78%, #DAFBF1 100%)!important;}
.background-light-green-gradient svg {fill: #11A777;}
.border-none {border: 0!important;}
.border-blue {border: 1px solid #4069FB!important;}
.border-lighter-blue {border: 1px solid #CFD9FE!important;}
.border-yellow {border: 1px solid #F2C94C!important;}
.border-green {border: 1px solid #11A777!important;}
.border-red {border: 1px solid #EF233C!important;}
.border-black {border: 1px solid #000514!important;}
.link {cursor: pointer; text-decoration: underline; display: inline-block; width: auto; color: inherit;}
.link i {margin-left: 0;}
.link:disabled {background: none!important; border: 0!important; padding: 0!important; color: #C2C2C2!important;}
.link-block {cursor: pointer;}
.reg_edit {z-index: 60;}
.close_modal {cursor: pointer;}
.clear {display: block; clear: both;}
.hide {display: none!important;}
.disable-scroll {overflow: hidden; height: 100%;}
.width-full {width: 100%; display: block; clear: both;}
.select-none {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.ui-autocomplete {position: absolute; top: 100%; left: 0; z-index: 250; display: none; float: left; min-width: 160px; word-break: break-word; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 18px; text-align: left; background: #FFFFFF; border: 1px solid #FFFFFF!important; border-radius: 15px; background-clip: padding-box; max-height: 350px; overflow-y: scroll;}
.ui-autocomplete > li > div {display: block; padding: 5px 20px; clear: both; width: 100%; line-height: 1.42857143; color: #000514; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400;}
.ui-state-active,
.ui-state-focus {text-decoration: none; background-color: #4069FB; cursor: pointer; color: #FFFFFF!important;}
.ui-helper-hidden-accessible {display: none!important;}
.address_pull {margin: 25px 0 0 0; clear: both; float: left; padding: 5px 0 5px 25px; border-left: 1px solid #4069FB;}
.address-field {display: block; clear: both;}
.address-field.aligned {display: inline-block;}
.address-field:empty {display: none;}
.overflow-hidden {overflow: hidden;}
.button-group .button,
.button-group .link {margin: 0 5px 5px 5px;}
.terms-box {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: block; clear: both;}
.terms-box::-webkit-scrollbar {width: 7px;}
.terms-box::-webkit-scrollbar-track {background: #F1F1F1;border-radius: 15px;}
.terms-box::-webkit-scrollbar-thumb {background: #888888; border-radius: 15px;}
.terms-box::-webkit-scrollbar-thumb:hover {background: #555555;}
.image-id {display: block; clear: both; width: 100%; margin: 0 0 15px 0; padding: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.image-id img {max-width: 500px; margin: 0 auto;}
.div-generic {display: block; clear: both; width: 100%;}


.dynamic_content {display: block; clear: both; width: 100%; float: left;}


.receipt {background: #FFFFFF; padding: 35px; width: 325px; position: absolute; top: 10%; right: 35px; min-height: 500px; -webkit-box-shadow: -2px -2px 5px 0px rgba(0,5,20,0.06); box-shadow: -2px -2px 5px 0px rgba(0,5,20,0.06); font-family: "VT323", monospace!important;}
.receipt * {font-weight: 400!important; font-family: "VT323", monospace!important; text-transform: uppercase;}
.receipt .h4 {text-align: center; border-bottom: 3px dotted; padding: 0 0 5px 0;}
.receipt ul li {display: block; clear: both; width: 100%; float: left;}
.receipt ul li span {float: left; width: 65%; display: block;}
.receipt ul li span:nth-of-type(2n) {width: 35%; float: right; text-align: right;}
.receipt ul li.total {padding: 15px 0; margin: 15px 0 0 0; border-top: 3px dotted; border-bottom: 3px dotted;}
.receipt::before {content: ""; position: absolute; top: -12px; left: 0; width: 100%; height: 12px; background: linear-gradient(135deg, transparent 75%, #fff 75%) 0 0 / 12px 12px repeat-x, linear-gradient(225deg, transparent 75%, #fff 75%) 0 0 / 12px 12px repeat-x;}


.valid-8 {display: block; clear: both; width: 100%; background: #DAFBF1; border: 1px solid #11A777; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 25px;}
.valid-8 .content {width: calc(100% - 125px); float: left;}
.valid-8 .logo {margin: 0; width: 100px; float: right;}


.wrap {width: 90%; max-width: 750px; margin: 0 auto; z-index: 250; clear: both;}
.wrap.full {max-width: 90%;}
.wrap:after {content: ''; display: block; clear: both;}
.wrap.block {width: 100%; max-width: 1220px; padding: 50px 75px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; border: 1px solid #CFD9FE; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025); box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025);}
.wrap.block.background-light-green-gradient {border: 1px solid #C3E9DD;}
.wrap .wrap.block {width: 100%;}


header {height: 125px; width: 100%; z-index: 10; margin: 0;}
header .wrap {height: 100%;}
header .logo {position: absolute; top: 50%; left: 0; margin: 0; padding: 0; transform: translateY(-50%);}
header .reviews-logo {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
header .reviews-logo.stacked {display: none;}
header .secure-logo {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}


footer {display: block; clear: both; width: 100%;}
footer .logo {display: block; clear: both;}
footer nav {margin: 0;}
footer nav ul li {display: inline-block; margin: 0 5px 5px 0;}
footer nav ul li a {color: #FFFFFF;}


.logo {width: 175px; max-width: 100%; z-index: 15; display: inline-block; margin: 0 0 15px 0;}
.logo.smaller {width: 135px;}


.sra-badge {width: 185px; margin: 0 0 20px 0; border: 1px solid #C2C2C2; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden;}


.secure-logo {width: 100px; clear: both; display: block;}


.form-security {display: block; clear: both; width: 100%; padding: 25px 0 15px 0;}
.form-security.padding-top-none {padding: 0 0 25px 0;}
.form-security p {margin: 0; display: inline-block; vertical-align: middle; clear: none; width: auto;}
.form-security .secure-logo {clear: none; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}


.reviews-logo {display: inline-block; clear: both; width: 150px;}
.reviews-logo.stacked {width: 125px;}


.reviews {display: block; clear: both; width: 100%; padding: 35px 0 15px 0;}
.reviews ul {text-align: center; display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap;}
.reviews ul li {display: block; text-align: left; background: #FFFFFF; border: 1px solid #C3E9DD; padding: 25px; flex: 0 0 calc(33.333333% - 10px); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.reviews ul li .meta {display: block; clear: both; width: 100%; margin: 0 0 15px 0;}
.reviews ul li .meta .icon {width: 50px; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; font-weight: 600; background: #FFE0B9; margin: 0 10px 0 0;}
.reviews ul li .meta .name {display: inline-block; vertical-align: middle;}
.reviews ul li .stars {display: block; clear: both; width: 100px; margin: 0 0 15px 0;}
.reviews ul li:nth-of-type(2n) .meta .icon {background: #FFDEE8;}
.reviews ul li:nth-of-type(3n) .meta .icon {background: #DAFFE0;}


table {border: 0; border-collapse: collapse; margin: 0 0 25px 0; padding: 0; width: 100%; table-layout: fixed;}
table tr {background: #FFFFFF; border: 0; border: 0;}
table tr:nth-of-type(2n) {background: #EBEFFF;}
table th, table td {padding: 10px 15px; text-align: left; font-weight: 400;}
table td {font-weight: 400;}
table th {background: #EBEFFF; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600;}


.basic-list {margin: 0 0 25px 0; float: left; width: 100%; clear: both;}
.basic-list ul, .basic-list ol {display: block; clear: both;}
.basic-list ul li, .basic-list ol li {display: block; clear: both; padding: 0 0 0 35px; word-wrap: break-word; word-break: break-word; margin: 0 0 5px 0;}
.basic-list ul li:last-of-type, .basic-list ol li:last-of-type {margin: 0;}
.basic-list ul li:before {position: absolute; top: 7px; left: 0; width: 12px; height: 12px; background: #4069FB; content: ''; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} 
.basic-list.text-size-smaller ul li:before {top: 5px;} 
.basic-list.check-bullets ul li:before {content: '\f058'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; background: none; color: #11A777; width: auto; height: auto; top: 5px; z-index: 2; background: none; font-size: inherit;}
.basic-list.check-bullets ul li:after {display: none;}
.basic-list.check-bullets.alt ul li {padding: 0 0 0 20px;}
.basic-list.check-bullets.alt ul li:before {content: '\f00c';}
.basic-list.check-bullets.cross ul li:before {content: '\f057'; color: #EF233C;}
.basic-list.text-size-smallest.check-bullets ul li:before {top: 3px;}
.basic-list.text-size-smaller.check-bullets ul li:before {top: 4px;}
.basic-list ul ul, .basic-list ol ol {padding: 5px 0 5px 5px;}
.basic-list ul ul:last-of-type, .basic-list ol ol:last-of-type {padding: 5px 0 0 5px;}
.basic-list ul ul li:before {top: 13px; width: 8px; height: 8px;}
.basic-list ol {counter-reset: item;}
.basic-list ol li:before {position: absolute; top: 0; left: 0; content: counters(item, ".") " "; counter-increment: item; color: #4069FB; margin: 0;}
.basic-list ol ol li:before {font-size: 10px; line-height: 150%; top: 5px;}
.basic-list.inline {text-align: center;}
.basic-list.inline ul li {display: inline-block; margin: 0 5px;}
.basic-list.car-details {padding: 0;}
.basic-list.car-details ul li {padding: 0; margin: 0;}
.basic-list.car-details ul li:first-of-type {margin: 0 0 10px 0;}
.basic-list.car-details ul li:before {display: none;}
.basic-list.no-spacing {padding: 0;}
.basic-list ul li.lender_list {border: 1px solid #AFBEFF; padding: 15px 25px; float: left; width: 100%; margin: 0 0 10px 0; background: #F5F7FF; border-radius: 15px;}
.basic-list ul li.lender_list:before {display: none;}
.basic-list ul li.lender_list .info {width: 100%; display: block; clear: both; line-height: 150%; padding: 5px 0 0 0;}
.basic-list ul li.lender_list:last-of-type {margin: 0;}
.basic-list ul li.lender_list:after {position: absolute; top: 20px; right: 25px; content: '\f56c'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #AFBEFF;}
.basic-list.green-dot ul li:before {background: #11A777;}


#lender_list li:nth-child(n+8) {display: none;}
#lender_list.active li:nth-child(n+8) {display: block;}


.faqs {padding: 25px; background: #FFFFFF; display: block; clear: both; float: left; width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #C2C2C2; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025); box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025);}
.faq {display: block; clear: both; padding: 15px 0 15px 25px; border: 0; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; background: #FFFFFF; margin: 0; float: left; width: 100%;}
.faq:first-of-type {-webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-top: 1px solid #C2C2C2;}
.faq:last-of-type {-webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
.faq:after {content: '\2b'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #000514; position: absolute; top: 20px; right: 25px; color: #4069FB;}
.faq .heading {margin: 0; font-weight: 500; padding: 0 75px 0 0; cursor: pointer;}
.faq .content {display: none; margin: 0; padding: 15px 25px 0 0;}
.faq .content p:last-of-type {margin: 0;}
.faq.active {border-left: 1px solid #4069FB;}
.faq.active:after {content: '\f077';}
.faq.active .content {display: block;}
.faq:last-of-type {margin: 0;}


.accordion-item {display: block; clear: both; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #FCFDFF; margin: 0 0 5px 0; float: left; width: 100%;}
.accordion-item:after {content: '\f078'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #000514; position: absolute; top: 15px; right: 20px; z-index: 1;}
.accordion-item .accordion-title {margin: 0; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; color: #000514; cursor: pointer; padding: 15px 20px 15px 50px; z-index: 2;}
.accordion-item .accordion-content {display: none; margin: 0; padding: 0 20px 20px 20px; clear: both; float: left; width: 100%;}
.accordion-item.active:after {content: '\f077';}
.accordion-item.active .content {display: block;}
.accordion-item .link {margin: 15px 0 0 0;}
.accordion-item:before {content: '\f044'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 20px; top: 16px; color: #000514;}
.accordion-item.complete:before {content: '\f058'; color: #4069FB;}
.accordion-item.complete .accordion-title,
.accordion-item.complete:after {color: #4069FB;}


.selected-lenders-section {float: left; width: 100%;}
.vehicle-info-content {border: 1px solid #4069FB; padding: 15px 20px; background: #DAFBF1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0 0 15px 0;}
.vehicle-info-content p {display: block; clear: both; margin: 0; color: #000514;}
.vehicle-info-content p:last-of-type {margin: 0; border: 0;}
.vehicle-info-content p .text-reg {margin: 0 0 5px 0; float: left; left: -10px;}
.vehicle-info-content .delete-current-vehicle {position: absolute; top: 15px; right: 15px; background: none;}
.vehicle-info-content .delete-current-vehicle:before {content: '\f2ed'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased;}


.loading-step,
.loading-version {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 550; display: none;}
.loading-step:before,
.loading-version:before {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FCFDFF; opacity: 0.90; content: ''; z-index: -1;}
.loading-step .contents,
.loading-version .contents {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}


.loading-version:before {opacity: 1;}


.loading-active .loading-step {display: block;}
.loading-version-active {overflow: hidden; height: 100%;}
.loading-version-active .loading-version {display: block;}


.loader {width: 75px; height: 75px; border: 10px dotted #4069FB; border-radius: 50%; display: block; animation: rotation 2s linear infinite;}


.confetti-pop {width: 100%; height: 100vh; position: absolute; top: -50vh; left: 50%; transform: translateX(-50%); z-index: 1;}
.confetti-pop #thank_you_confetti {width: 100%; height: 100%;}


.flex-container {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; z-index: 40; clear: both; width: 100%;}
.flex-container .column {padding: 0; z-index: 40; flex-basis: calc(100% / 1);}
.flex-container.center-vertically {align-items: center;}
.flex-container.center-vertically .column {align-self: center;}
.flex-container.two-col .column {flex-basis: calc(100% / 2);}
.flex-container.three-col .column {flex-basis: calc(100% / 3);}
.flex-container .column .image,
.flex-container .column .content {padding: 0 15px 0 0;}


.cards {display: block; clear: both; width: 100%; float: left;}
.cards ul li {float: left; padding: 25px 50px 25px 25px; border: 1px solid #C2C2C2; background: #FFFFFF; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025); box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0 15px 15px 0; width: calc(50% - 15px);}
.cards ul li:nth-of-type(2n) {margin: 0 0 15px 0;}
.cards ul li p {margin: 0 0 10px 0;}
.cards ul li p:last-of-type {margin: 0;}
.cards ul li .icon {width: 35px; height: 35px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 10px; right: 10px; text-align: center; line-height: 35px; font-size: 85%;}
.cards ul li .icon i {margin: 0;}
.cards ul li:nth-child(n+3) {margin: 0 15px 0 0;}
.cards ul li.outbrain_show {width: calc(100% - 15px); margin: 15px 0 0 0;}


.usps {float: left; padding: 25px; border: 1px solid #11A777; background: #DAFBF1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0; width: 100%;}
.usps ul {padding: 0;}


.modal {position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.modal .wrap {width: 100%;}
.modal:before {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000514; content: ''; opacity: 0.75;}
.modal .flex-container {min-height: 100vh; width: 100%; clear: both; justify-content: center; align-items: center; padding: 0;}
.modal .flex-container .column {padding: 50px; background: #FFFFFF; border: 0; float: left; width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.15); box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.15);}
.modal .flex-container .column:last-of-type {margin: 0;}
.modal .flex-container .column .close {width: 35px; height: 35px; position: sticky; top: 10px; clear: both; display: block; float: right; background: none; font-weight: 600; text-transform: uppercase; text-align: center; cursor: pointer; z-index: 150; color: #000514; border: 1px solid #000514; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.modal .flex-container .column .close i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; color: #000514;}
.modal .flex-container .column .close-text {display: inline-block; vertical-align: middle; margin: 0 0 20px 0; padding: 0 0 0 25px;}
.modal .flex-container .column .image {display: block; clear: both; margin: 0 0 20px 0;}
.modal .flex-container .column .iframe-container {position: relative; overflow: hidden; width: 100%; padding-top: 100%; min-height: 84vh; -webkit-overflow-scrolling: touch; margin: 0 0 30px 0;}
.modal .flex-container .column .iframe-container iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch;}
.modal .flex-container .column .flex-container {min-height: auto; margin: 0; align-items: flex-start;}
.modal .flex-container .column .flex-container .column {padding: 0; border: 0; margin: 0; background: none; -webkit-box-shadow: none; box-shadow: none;}
.modal .flex-container .column .flex-container .column video,
.modal .flex-container .column .flex-container .column canvas {width: 100%; max-height: 100%; height: auto; display: block; border: 1px solid #000514;}
.modal form input {border: 1px solid #000514;}


.form-content {padding: 25px; border: 1px solid #C2C2C2; background: #FFFFFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float: left; width: 100%; margin: 0; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025); box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025);}
.form-content .annotation {position: absolute; top: -12px; right: 35px; background: #4069FB; padding: 5px 10px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; color: #FFFFFF;}


form {display: block; width: 100%; clear: both;}
form input, form select, form textarea, .select {width: 100%; float: left; outline: none; -webkit-appearance: none; appearance: none; padding: 0 15px; height: 55px; font-size: 18px; color: #000514; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; border: 1px solid #C2C2C2; background: #FFFFFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
form input:disabled {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.50;}
form input.capitalised-input {text-transform: capitalize;}
form input.capitalised-input:placeholder-shown {text-transform: none;}
form textarea {padding: 15px; height: 100px; resize: none;}
form select, .select {background: none; padding: 0 35px 0 15px; background: #FFFFFF url('/assets/img/webp/select.webp') no-repeat right 20px top 50%; -webkit-background-size: 15px; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px;}
form select::-ms-expand {display: none;}
form input:focus, 
form select:focus,
form .custom-checkbox + label:active,
form .custom-file + label:active {-webkit-box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #4069FB!important; box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #4069FB!important;}
form label {display: block; clear: both; margin: 0 0 10px 0; font-weight: 600; color: #000514; font-size: 16px;}
form .field-icon {display: block; clear: both; float: left; width: 100%;}
form .field-icon input {padding: 0 15px 0 45px;}
form .field-icon:before {position: absolute; top: 0; left: 15px; color: #4069FB; width: auto; content: '\f007'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #000514; opacity: 0.25; text-align: center; line-height: 55px; font-size: 18px; z-index: 5; pointer-events: none;}
form .field-icon.date:before {content: '\f073';}
form .field-icon.address:before {content: '\f3c5';}
form .field-icon.company:before {content: '\f1ad';}
form .field-icon.question-mark:before {content: '\f059';}
form .field-icon.reg-number:before {content: '\23';}
form .field-icon.email:before {content: '\40';}
form .field-icon.telephone:before {content: '\f095';}
form .field-icon.currency:before {content: '\f154';}
form .field-icon.car-make:before {content: '\f5e4';}
form .field-icon.car-model:before {content: '\f02a';}
form .field-icon.otp:before {content: '\23';}
form .field-icon.secure:after {position: absolute; top: 50%; right: 15px; width: 61px; height: 25px; transform: translateY(-50%); background: url('/assets/img/webp/secure-hybrid.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; content: '';}
form .field-icon.secure input {padding: 0 95px 0 45px;}
form .field {display: block; clear: both; margin: 0 0 15px 0; width: 100%; float: left;}
form .field.three .field {width: calc(30% - 5px); clear: none; margin: 0 5px 0 0;}
form .field.three .field:last-of-type {width: 40%; margin: 0;}
form .field.disabled:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 55;}
form .field.disabled * {opacity: 0.75;}
form .field-reg {float: left; width: 100%; margin: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
form .field-reg:before {position: absolute; top: 8px; left: 8px; color: #000514; background: #4069FB url('/assets/img/svg/gb.svg') no-repeat center center; -webkit-background-size: 20px 25px; -moz-background-size: 20px 25px; -o-background-size: 20px 25px; background-size: 20px 25px; border: 1px solid #FFFFFF; -webkit-box-shadow: 0px 0px 0px 2px #4069FB; -moz-box-shadow: 0px 0px 0px 2px #4069FB; box-shadow: 0px 0px 0px 2px #4069FB; width: 40px; height: 52px; content: ''; z-index: 6; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: 50;}
form .field-reg input {background: #4069FB; font-weight: 600; font-size: 35px; text-transform: uppercase; text-align: center; margin: 0 0 5px 0; height: 72px;}
form .field-reg input::placeholder {text-transform: uppercase;}
form .field.skip .disable {opacity: 0.25;}
form .field.margin-top-bottom-10 {margin: 10px 0;}
form .field-scroll {height: 230px; overflow-y: scroll;}
form .field-scroll ul {z-index: 1;}
form .field.title-field select {width: calc(25% - 5px);}
form .terms-box {height: 105px; overflow-y: scroll; padding: 5px 15px 5px 10px; border: 1px solid #C2C2C2;}
form .terms-box.fixed {height: auto; overflow: visible; background: #EBEFFF; border: 1px solid #4069FB; padding: 15px 20px;}
form .terms-box p:last-of-type {margin: 0;}
form .address_lookup {float: left; width: 100%; display: block; clear: both;}
form .idpc-input {text-transform: uppercase; padding: 0 230px 0 45px!important;}
form .idpc-input:placeholder-shown {text-transform: none;}
form .idpc-select {margin: 10px 0 0 0; animation: animation-blue-flash 1.25s linear 5 normal; clear: both; padding: 0 15px!important;}
form .idpc-select.activated {animation: none;}
form .idpc-find-address {position: absolute; top: 0; right: -1px; height: 55px; padding: 0!important; line-height: 55px; width: 215px; background: #000514; font-size: 16px; min-height: auto;}
form .error, form .idpc-error {background: #FEECEE; display: none; clear: both; float: left; position: relative; font-weight: 400; color: #EF233C!important; padding: 5px 20px; z-index: 50; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 150%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 5px 0 0 0;}
form .idpc-error {display: block;}
form .idpc-error b {text-transform: uppercase;}
form .idpc-error a {color: #EF233C; font-weight: 600;}
form .error:before, form .idpc-error:before {content: '\f071'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; margin: 0 5px 0 0; color: #EF233C;}
form .error:after, form .idpc-error:after, form label.error:after {display: block; clear: both; width: 100%; content: '';}
form .field-error input, form .field-error textarea, form .field-error select, form .field-error .custom-checkbox + label, form .field-error .custom-file + label, form .field-error .signature-pad .signature-pad--body .signature-wrap {border: 1px solid #EF233C!important;}
form .field-error .custom-checkbox.standard-style + label {border: 0!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important;}
form .field-error .field-reg input {color: #EF233C;}
form .suggested_fix_conditional {display: none;}
form .suggested_fix_apply:before {display: block; clear: both; width: 100%; content: '';}
form .suggested_fix_apply {margin: 5px 0; clear: both; background: #FFFFFF; color: #000514; border: 1px solid #000514; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5px 10px; display: table; cursor: pointer;}
form .suggested_fix_apply:after {background: none!important;}
form input::placeholder {color: #000514; text-transform: none; opacity: 0.35;}
form ::placeholder {color: #000514; text-transform: none; opacity: 0.35;}
form :-ms-input-placeholder {color: #000514; text-transform: none; opacity: 0.35;}
form ::-ms-input-placeholder {color: #000514; text-transform: none; opacity: 0.35;}
form .options {display: block; clear: both; padding: 0; float: left; width: 100%; font-size: 0;}
form .options li {width: auto; margin: 0 10px 10px 0; display: inline-block; font-size: inherit;}
form .options li:last-of-type {margin: 0 0 10px 0;}
form .options.two li {width: calc(50% - 5px); margin: 0 10px 10px 0;}
form .options.two li:nth-of-type(2n) {margin: 0 0 10px 0;}
form .options.full li {width: 100%; clear: both; margin: 0 0 10px 0;}
form .options.full li:last-of-type {margin: 0;}
form .options.underline li {border-bottom: 1px solid; margin: 0; padding: 5px 0;}
form .options.underline li:last-of-type {border-bottom: 0;}
form .options.disabled:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50;}
form .options.disabled * {opacity: 0.65; cursor: default;}
form .custom-checkbox {display: none;}
form .custom-checkbox.larger + label {font-size: 25px; padding: 17px 25px 0 25px; min-height: 75px; text-align: center; overflow: hidden;}
form .custom-checkbox.larger + label:before {display: none;}
form .custom-checkbox + label {position: relative; cursor: pointer; outline: none; margin: 0; width: auto; color: #000514; background: #FFFFFF; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; padding: 13px 25px 0 55px; min-height: 55px; text-align: left; display: block; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #C2C2C2;}
form .custom-checkbox + label:before {width: 20px; height: 20px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); content: ''; background: #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #C2C2C2;}
form .custom-checkbox:checked + label {background: #EBEFFF; -webkit-animation: none; animation: none; border: 1px solid #4069FB;}
form .custom-checkbox:checked + label:before {border: 1px solid #4069FB; background: #4069FB; content: '\f00c'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; line-height: 20px; color: #FFFFFF; font-size: 65%;}
form .custom-checkbox:disabled + label {cursor: default;}
form .custom-checkbox:disabled + label * {opacity: 0.50;}
form .custom-checkbox.standard-style + label {width: 100%; border: 0; background: none; padding: 2px 0 0 35px; min-height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 150%; color: #000514;}
form .custom-checkbox.standard-style + label:before {top: 7px; left: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form .custom-checkbox.standard-style:checked + label {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; background: none;}
form .custom-file {display: none;}
form .custom-file + label {position: relative; cursor: pointer; outline: none; color: #000514; background: rgba(64,105,251,0.05); font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; padding: 15px 20px 15px 55px; text-align: left; display: block; font-size: 18px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius:  15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #C2C2C2; margin: 0;}
form .custom-file:disabled + label {cursor: default;}
form .custom-file + label:before {position: absolute; top: 15px; left: 15px; content: '\e590'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; font-size: 25px;}
form .custom-file.camera + label:before {content: '\f030';}
form .custom-file + label span {display: block; clear: both; font-weight: 400; padding: 2px 0 0 0;}
form .custom-file:disabled + label {opacity: 0.35;}
form .custom-file.complete + label {border: 1px solid #000514; background: #000514; color: #FFFFFF;}
form .custom-file.complete + label:before {-webkit-box-shadow: inset 0px 0px 0px 3px #000514; box-shadow: inset 0px 0px 0px 3px #000514; border: 1px solid #FFFFFF; background: #FFFFFF;}
form .step {display: none; width: 100%; margin: 0;}
form .step.start {display: block;}
form .step.permanent {display: block!important;}
form .signature-pad {display: block; clear: both; width: 100%; float: left;}
form .signature-pad .signature-pad--body h4 {margin: 0;}
form .signature-pad .signature-pad--body p {padding: 0; margin: 0 0 15px 0;}
form .signature-pad .signature-pad--body .signature-wrap {height: 215px; width: 100%; background: #FFFFFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px dashed #4069FB; -webkit-box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 0px 6px #4069FB!important; box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 0px 6px #4069FB;}
form .signature-pad .signature-pad--body .signature-wrap:before {content: ''; width: 75px; height: 53px; background: url('/assets/img/webp/sign-here.webp') no-repeat center center; position: absolute; top: 43%; left: -50px; transform: translateY(-50%); background-size: contain; z-index: 10; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
form .signature-pad .signature-pad--body .signature-wrap canvas {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
form .signature-pad .signature-pad--footer {display: block; clear: both; width: auto; padding: 0; float: left; position: absolute; bottom: 10px; right: 10px;}
form .signature-pad .signature-pad--footer .signature-pad--actions * {vertical-align: middle; display: inline-block;}
form .signature-pad .signature-pad--footer .signature-pad--actions .secure-logo {margin: 0 0 0 15px;}
form .signature-pad .signature-pad--footer .signature-pad--actions .button {padding: 5px 10px;}
form nav {display: block; clear: both; width: 100%; padding: 10px 0 0 0; float: left; z-index: 51;}
form nav.fixed {position: sticky; bottom: 0; z-index: 300; padding: 25px 0;}
form nav.fixed:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF;}
form .edit {margin: 10px 0;}
form #upload_success {margin: 0; display: none;}
form input:-webkit-autofill,
form input:-webkit-autofill:hover, 
form input:-webkit-autofill:focus, 
form input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset!important;}


.progress-wrapper {width: 100%; margin: 0 auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 10px 0 25px 0;}
.progress-wrapper .progress-bar {position: relative; width: 100%; height: 5px; background: #EBEFFF;}
.progress-wrapper .progress-fill {height: 100%; width: 5%; background: linear-gradient(135deg, rgba(64,105,251, 0.8) 25%, rgba(64,105,251, 1) 25%, rgba(64,105,251, 1) 50%, rgba(64,105,251, 0.8) 50%, rgba(64,105,251, 0.8) 75%, rgba(64,105,251, 1) 75%, rgba(64,105,251, 1)); background-size: 40px 40px; animation: moveStripes 1s linear infinite; transition: width 0.5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.progress-wrapper .progress-fill .step_back {width: 25px; height: 25px; background: #4069FB; color: #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center; font-size: 12px; line-height: 25px; cursor: pointer; z-index: 5;}
.progress-wrapper .progress-fill .step_back:after {content: '\f060'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased;}


section,
footer {padding: 25px 0; background: #FAFBFF;}
footer {padding: 25px 0 35px 0;}
section.form {padding: 0 0 25px 0;}


.progressed_show {display: none!important;}
.progressed .progressed_hide,
.vehicle_found .vehicle_conditional_no {display: none;}
.progressed .progressed_show,
.vehicle_found .vehicle_conditional_yes {display: block!important;}
.progressed section.form {min-height: calc(100vh - 110px);}
.progressed section.form.height_auto {min-height: auto;}
.progressed section.form.retain {min-height: auto;}


.outbrain_show,
.outbrain_campaign .outbrain_hide {display: none!important;}
.outbrain_campaign .outbrain_show {display: inline-block!important;}


.partial_step .form-security {padding: 25px 0;}


.version {display: none;}
.version.control {display: block;}
.version_v1 .version.control,
.version_v2 .version.control {display: none;}
.version_v1 .version.v1 {display: block;}
.version_v2 .version.v2 {display: block;}


@media (hover: hover) and (pointer: fine) {
.button:hover {opacity: 0.85;}
.modal:before {width: calc(100% - 0.75em);}
.traveller {position: -webkit-sticky!important; position: sticky!important; top: 20px!important;}
form .signature-pad .signature-pad--body .signature-wrap:hover:before {left: -75px;}
form .custom-checkbox:disabled + label:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
form .custom-checkbox.standard-style + label:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0;}
}





/* -------------------------------------------------------------------------------
			Desktop wide
------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
span.viewport:after {content: 'Wide Desktop'; background: green;}


.wrap.block {width: 90%;}
}





/* -------------------------------------------------------------------------------
			Tablet landscape: 960px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
span.viewport:after {content: 'Tablet Landscape 960px - 1200px'; background: skyblue;}


.wrap.block {width: 90%;}


.receipt {max-width: 300px; padding: 35px;}


.reviews ul li {flex: 0 0 calc(50% - 5px);}
.reviews ul li:nth-of-type(3n) {flex: 0 0 100%;}
}





/* -------------------------------------------------------------------------------
			Tablet portrait: 640px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 960px) {
span.viewport:after {content: 'Tablet Portrait'; background: blue;}


.wrap.block {width: 90%;}


.receipt {padding: 35px; width: 100%; position: relative; top: 0; right: 0; min-height: auto; margin: 35px 0 -35px 0; float: left;}


.form-content .annotation {right: auto; left: 35px;}


.reviews {padding: 35px 0 0 0;}
.reviews ul.reviews-ticker {display: block; position: relative; overflow: hidden;}
.reviews ul.reviews-ticker li {flex: none; width: 100%; margin: 0 auto;}
.reviews ul li {flex: 0 0 100%;}


form .signature-pad .signature-pad--body .signature-wrap:before {transform: rotate(125deg); left: auto; top: -25px; right: -15px;}
form .signature-pad .signature-pad--body .signature-wrap:hover:before {left: auto; right: -15px;}
}





/* -------------------------------------------------------------------------------
			Mobile: 320px.
------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
span.viewport:after {content: 'Mobile Portrait'; background: pink;}


html, body,
.ui-autocomplete {font-size: 16px; line-height: 150%;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 125%; letter-spacing: -0.015em;}
h1, .h1 {font-size: 25px; letter-spacing: -0.025em;}
h2, .h2 {font-size: 23px; letter-spacing: -0.025em;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 20px;}
h5, .h5 {font-size: 18px;}
h6, .h6 {font-size: 16px;}


.button {font-size: 20px; padding: 20px 15px; letter-spacing: -0.015em;}
.button.smaller {padding: 10px 15px; font-size: 16px;}
.button .sub-text {padding: 5px 0 0 0; font-size: 13px!important; line-height: 150%; letter-spacing: 0;}
.id_methods .mobile_hide {display: none;}
.mobile_margin_none {margin: 0!important;}
.mobile_margin_reduced {margin: 0 0 10px 0!important;}
.mobile_margin_25 {margin: 0 0 20px 0!important;}
.mobile_padding_top_none {padding-top: 0!important;}


.text-size-regular,
.text-size-regular * {font-size: 16px!important; line-height: 150%;}
.text-size-smaller,
.text-size-smaller * {font-size: 12px!important; line-height: 150%;}
.text-size-smallest,
.text-size-smallest *,
.text-size-smaller-mobile,
.text-size-smaller-mobile * {font-size: 9.5px!important; line-height: 150%;}
.text-highlight-figure {padding: 0 7px;}


table {margin: 0 0 15px 0;}
table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
table tr {border: 0; display: block; margin: 0; background: #FCFDFF; padding: 0; border-bottom: 5px solid #FFFFFF;}
table tr:nth-of-type(2n) {background: #FFFFFF;}
table td {border: 0; display: block; padding: 0; margin: 0;}
table td span {padding: 5px 10px 5px 15px; display: block;}
table td:before {content: attr(data-label); width: 50%; float: left; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; margin: 0 5px 0 0; padding: 5px; background: #EBEFFF;}
table td:last-child {border-bottom: 0;}


.wrap.block {width: 100%;}
.full_width_mobile {width: 100%; max-width: 100%!important;}


.receipt {padding: 35px; width: 100%; position: relative; top: 0; right: 0; min-height: auto; margin: 35px 0 -35px 0; float: left;}


.basic-list ul li, .basic-list ol li {padding: 0 0 0 25px;}
.basic-list ul li:before {top: 6px;} 
.basic-list.text-size-smaller ul li:before {top: 3px;}
.basic-list.check-bullets ul li:before {top: 3px;}


header {height: 85px;}
header .reviews-logo {display: none;}
header .reviews-logo.stacked {display: block;}


.logo {width: 135px;}
.logo.smaller {width: 100px;}


.secure-logo {width: 85px;}


.accordion-item {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.accordion-item:after {right: 5%;}
.accordion-item:before {left: 5%;}
.accordion-item .accordion-title {padding: 15px 15% 15px 5%; padding-left: calc(5% + 25px)}
.accordion-item .accordion-content {padding: 0 5% 20px 5%;}


.flex-container.two-col .column,
.flex-container.three-col .column {flex-basis: calc(100% / 1);}


.cards ul li {padding: 15px 50px 15px 15px; width: 100%; margin: 0 0 10px 0;}
.cards ul li:nth-of-type(2n),
.cards ul li:nth-child(n+3) {margin: 0 0 10px 0;}


.faqs,
.usps {padding: 15px;}
.faqs {padding: 0; background: none; border: 0;}
.faq {padding: 15px 0 15px 15px;}
.faq .heading {padding: 0 50px 0 0;}


.reviews {padding: 25px 0 0 0;}
.reviews ul.reviews-ticker {display: block; position: relative; overflow: hidden;}
.reviews ul.reviews-ticker li {flex: none; width: 100%; margin: 0 auto;}
.reviews ul li {flex: 0 0 100%;}


.vehicle_information,
ul#selected_lenders {padding: 15px;}


.valid-8 {width: 100%; margin: 0; max-width: 100%!important;}
.valid-8 .content {width: 100%;}
.valid-8 .logo {position: relative; width: 65px; float: left; margin-top: -10px; margin-bottom: 10px;}


.form-content {padding: 0 5%; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; -webkit-box-shadow: none; box-shadow: none;}
.form-content .annotation {top: -18px; right: auto; left: 15px; padding: 5px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.form-content .annotation.text-size-smallest,
.form-content .annotation.text-size-smallest * {font-size: 10px!important;}
.form-content.retain {background: #FFFFFF; padding: 25px 5%; border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025); box-shadow: 0px 5px 10px 0px rgba(0,5,20,0.025);}


form input, form select, form textarea, .select {font-size: 16px;}
form .custom-checkbox + label {font-size: 16px;}
form .custom-checkbox.larger + label {font-size: 20px; padding: 15px 25px 0 25px; min-height: 60px;}
form .custom-checkbox.larger + label:before {display: none;}
form .signature-pad .signature-pad--body .signature-wrap:before {transform: rotate(125deg); left: auto; top: -20px; right: -15px; width: 50px; height: 35px;}
form .signature-pad .signature-pad--body .signature-wrap:hover:before {left: auto; right: 0;}
form .idpc-input,
form .input-button input {padding: 0 125px 0 40px!important;}
form .idpc-find-address { width: 115px; font-size: 14px;}
form .field-icon:before {font-size: 16px;}
form .field-icon.secure:after {width: 45px; height: 18px; background: url('/assets/img/webp/secure-hybrid.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
form .field-icon.secure input {padding: 0 75px 0 40px;}
form .field-reg:before {height: 45px;}
form .field-reg input {height: 65px; font-size: 25px;}
form .field.title-field select {width: 100%;}
form .terms-box {height: 65px;}
form .field-scroll {height: 190px; overflow-y: scroll;}


.modal {padding: 5%;}
.modal .flex-container .column {padding: 25px;}


.progress-wrapper {margin: 5px 0 15px 0;}


section {padding: 15px 0;}
section.form {padding: 0;}


.progressed section.form {padding: 0; min-height: calc(100vh - 85px);}
.progressed header {background: #FFFFFF; margin: 0 0 20px 0; border-bottom: 1px solid #C2C2C2;}
.progressed header .reviews-logo.stacked {display: block;}
.progressed .progress-wrapper {margin: 25px 0;}


.partial_step h1,
.partial_step .h1 {margin: 0 0 10px 0!important;}
.partial_step nav {padding: 5px 0 0 0!important;}
}





/* -------------------------------------------------------------------------------
			Animations
------------------------------------------------------------------------------- */
.animation-green-flash-infinite {-webkit-animation: animation-green-flash 1.5s linear infinite normal; animation: animation-green-flash 1.5s linear infinite normal;}
.animation-blue-flash-infinite {-webkit-animation: animation-blue-flash 1.5s linear infinite normal; animation: animation-blue-flash 1.5s linear infinite normal;}
.animation-black-flash-infinite {-webkit-animation: animation-black-flash 1.5s linear infinite normal; animation: animation-black-flash 1.5s linear infinite normal;}
.animation-grow-shrink-green-flash-infinite {-webkit-animation: animation-green-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite; animation: animation-green-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite;}
.animation-grow-shrink-blue-flash-infinite {-webkit-animation: animation-blue-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite; animation: animation-blue-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite;}
.animation-grow-shrink-infinite {animation: growShrink 1.5s ease-in-out infinite;}
.animation-grow-shrink-logo-infinite {animation: growShrinkLogo 1.5s ease-in-out infinite;}
@-webkit-keyframes animation-green-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(17,167,119,1);}
	70%  {-webkit-box-shadow: 0 0 0 10px rgba(17,167,119,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(17,167,119,0);}
}
@keyframes animation-green-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(17,167,119,1); box-shadow: 0 0 0 0 rgba(17,167,119,1);}
	70%  {-moz-box-shadow: 0 0 0 10px rgba(17,167,119,0); box-shadow: 0 0 0 10px rgba(17,167,119,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(17,167,119,0); box-shadow: 0 0 0 0 rgba(17,167,119,0);}
}
@-webkit-keyframes animation-blue-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(64,105,251,1);}
	70%  {-webkit-box-shadow: 0 0 0 15px rgba(64,105,251,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(64,105,251,0);}
}
@keyframes animation-blue-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(64,105,251,1); box-shadow: 0 0 0 0 rgba(64,105,251,1);}
	70%  {-moz-box-shadow: 0 0 0 15px rgba(64,105,251,0); box-shadow: 0 0 0 15px rgba(64,105,251,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(64,105,251,0); box-shadow: 0 0 0 0 rgba(64,105,251,0);}
}
@-webkit-keyframes animation-black-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(0,5,20,1);}
	70%  {-webkit-box-shadow: 0 0 0 15px rgba(0,5,20,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(0,5,20,0);}
}
@keyframes animation-black-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(0,5,20,1); box-shadow: 0 0 0 0 rgba(0,5,20,1);}
	70%  {-moz-box-shadow: 0 0 0 15px rgba(0,5,20,0); box-shadow: 0 0 0 15px rgba(0,5,20,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(0,5,20,0); box-shadow: 0 0 0 0 rgba(0,5,20,0);}
}
@keyframes rotation {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
} 
@keyframes moveStripes {
	0% {background-position: 0 0;}
	100% {background-position: 40px 0;}
}
@keyframes growShrink {
	0%, 100% {transform: scale(0.97);}
	50% {transform: scale(1);}
}
@keyframes growShrinkLogo {
	0%, 100% {transform: scale(0.97);}
	50% {transform: scale(1.25);}
}
@keyframes sheen {
  0% {
    left: -150%;
  }
  20% { /* ≈ 1 second of motion */
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
  @keyframes rsPop{
    0%   { transform: translateY(0) scale(1);      filter: blur(0);     opacity: 1; }
    18%  { transform: translateY(-4px) scale(1.08); filter: blur(.2px); opacity: 1; }
    40%  { transform: translateY(1px)  scale(0.99); filter: blur(0);     opacity: 1; }
    70%  { transform: translateY(-1px) scale(1.02); filter: blur(0);     opacity: 1; }
    100% { transform: translateY(0) scale(1);      filter: blur(0);     opacity: 1; }
  }