@import "inner-variables.css";
@import "fonts.css";
canvas{width:100%;height:100%;border-radius:8px}
.footer-wrapper{background-color:var(--primary)}
.footer-wrapper .btn-group a:hover{background:#fff;color:var(--primary)!important}
.wrapper{max-height:200px;height:200px;position:relative;text-align:right}
body{font-family:'Switzer',sans-serif;font-size:var(--fs-xs);color:var(--text)}
*{outline:none!important}
a,a:hover{text-decoration:none}
.row{margin:0}
.form-check{padding:0;margin:0}
.main-content-steps .form-control:focus{box-shadow:none}
.mb-10{margin-bottom:10px}
.mt-10{margin-top:10px}
.maincontainer.stepsigncontainer{left:0;top:0}
.previous-postcode-container #previous_postcode::placeholder{text-transform:capitalize}
.not-lived-checkbox .form-check-input:checked{background:var(--primary);border-color:var(--primary);position:relative}
.not-lived-checkbox .form-check-input:focus{border-color:var(--primary);box-shadow:none}
.not-lived-checkbox .form-check-input:checked:before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px}
.mt-8{margin-top:12px}
.mb-8{margin-bottom:12px}
.ms-8{margin-left:12px}
.me-8{margin-right:12px}
.pt-8{padding-top:12px}
.pb-8{padding-bottom:12px}
.ps-8{padding-left:12px}
.pe-8{padding-right:12px}
.p-8{padding:12px}
.gap-12{gap:12px}
.mt-7{margin-top:40px}
.mb-7{margin-bottom:40px}
.pt-7{padding-top:40px}
.pb-7{padding-bottom:40px}
.mt-6{margin-top:20px}
.mb-6{margin-bottom:20px}
.pt-6{padding-top:20px}
.pb-6{padding-bottom:20px}
.border{border:1px solid var(--border)}
.rounded-2{border-radius:var(--border-radius-s)}
.fw-1{font-weight:var(--fw-light)}
.fw-2{font-weight:var(--fw-medium)}
.fw-3{font-weight:var(--fw-bold)}
.fw-4{font-weight:var(--fw-bolder)}
.fw-5{font-weight:var(--fw-extra-bold)}
.bg-main{background-color:var(--primary)}
a:hover{color:var(--primary)}
header h3{font-size:var(--fs-m);line-height:var(--lh-m);font-weight:var(--fw-extra-bold)}
.main-content{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 158px);overflow:hidden}
.maincontainer{margin:0 auto;padding:0;max-width:570px;width:100%}
.heading{font-size:var(--fs-l);line-height:var(--lh-l);font-weight:var(--fw-bold);color:#0C1D05;letter-spacing:-1px}
.form-group-main label{font-weight:var(--fw-medium);color:var(--light-text);font-size:14px;line-height:20px}
.form-group-main .form-control{border:1px solid var(--input-border);height:48px;border-radius:8px;font-size:var(--fs-s);line-height:var(--lh-s);font-weight:var(--fw-light);background-repeat:no-repeat}
.selectedformgroup .form-control{padding-right:65px}
.postcode .search-input{padding-right:95px!important}
.form-group-main .form-select{border:1px solid var(--input-border);padding-right:33px;height:48px;border-radius:8px;font-size:var(--fs-s);line-height:var(--lh-s);font-weight:var(--fw-light);background-repeat:no-repeat}
.form-group-main .searchicon{position:absolute;right:8px;top:12px;border:none;background:transparent;font-size:14px;color:var(--border)}
.form-group-main .form-check-label{background:var(--white);border:1px solid var(--input-border);min-height:48px;color:var(--text);border-radius:8px;font-size:var(--fs-s);line-height:var(--lh-s);font-weight:var(--fw-light);width:100%;padding-left:41px}
.form-group-main .form-check .form-check-input{border-radius:50%;left:12px;margin:0;background:transparent;outline:1.75px solid var(--grey)!important;width:20px;height:20px;cursor:pointer}
.form-group-main .form-check .form-check-input:checked{background:var(--primary);border:1px solid var(--white);outline:1.75px solid var(--primary)!important}
.form-group-main .form-check .form-check-input:focus{box-shadow:none!important;border-color:var(--grey);border:1px solid #00000040}
.form-group-main .form-check .form-check-input:checked:focus{border:1px solid var(--white)}
.main-content-btn .btnmain,.main-content-btn .btnmain:hover{background:var(--secondary);border:1px solid var(--secondary);padding:12px 24px;height:48px}
.main-content-btn .prevbtn{background:transparent;border:1px solid var(--secondary);color:var(--secondary);font-weight:500;padding:12px 24px;margin-top:53px;margin-right:12px;margin-top:32px!important;height:48px}
.main-content-btn .prevbtn:hover{background:var(--secondary);border:1px solid var(--secondary);color:var(--white)}
.closebtn{right:6px;top:12px;background:transparent;font-size:16px;color:var(--primary)}
.vehicle-details h3{font-size:var(--fs-s);line-height:var(--lh-s);font-weight:var(--fw-bold)}
.vehicle-details .num{min-width:24px;width:24px;min-height:24px;height:24px;margin-right:12px;font-size:14px;background:var(--tertiary);border-radius:50%;color:var(--primary)}
.vehicle-details .numsel{color:var(--white)}
.removebtn{font-weight:500}
.searchcodebtn{background:var(--primary);padding:6px 16px;right:8px;top:8px}
.form-group-main .form-check-label h3{font-size:var(--fs-s);font-weight:var(--fw-bold);line-height:var(--lh-s)}
#vehicle_found .form-group-main .form-check-label{height:auto}
#vehicle_found .modal-dialog{max-width:650px}
.searchbtn{background:var(--secondary);height:40px;right:4px;top:4px;width:85px;font-size:16px;line-height:24px}
.code{background:var(--grey);height:40px;width:60px;top:4px;left:5px;font-size:var(--fs-s);line-height:var(--lh-s);font-weight:var(--fw-medium)}
#signature-canvas{height:176px}
.signature-container h3{font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-medium);color:var(--light-text)}
.signheremain{left:-38px;top:31%}
.signature-container .signhere{writing-mode:vertical-rl;text-align:center;height:48px;justify-content:center;align-items:center;transform:rotate(180deg);background:var(--primary);width:39px}
.signature-container .signhere .here{font-size:12px;line-height:18px}
.signheremain i{font-size:20px}
.eligibilitybox .form-check{display:flex}
.main-content-multisteps .plsnote{border:1px solid var(--primary);padding:10px 12px;color:var(--primary);font-weight:var(--fw-medium)}
.selectedvh{width:24px;margin-right:12px;height:24px;background:var(--primary);border-radius:50%;color:var(--white)}
.selectvh{width:24px;margin-right:12px;height:24px;border:1px solid var(--primary);border-radius:50%;color:var(--white)}
a{color:var(--primary)}
.form-group-main .vehicle-details .claim_checkbox_input:focus{box-shadow:none!important;border-color:var(--primary)}
.form-group-main .vehicle-details .claim_checkbox_input{width:24px;height:24px;appearance:none;background-color:var(--white);outline:none!important;border:2px solid var(--primary);border-radius:50%!important;position:relative;cursor:pointer;outline:none;transition:background-color 0.2s,border-color .2s}
.form-group-main .vehicle-details .claim_checkbox_input:checked::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}
.form-group-main .form-check-label{cursor:pointer}
.form-group-main .vehicle-details .form-check-label{padding-left:52px}
.form-group-main .prooflabel{height:156px;background:var(--white);border:1px dashed var(--border);color:var(--grey);font-weight:400}
.form-group-main .form-check .form-check-input:checked+.form-check-label{border:1px solid var(--primary)!important}
.form-group-main .form-check .form-check-label:hover{background:var(--tertiary)}
.prooflabel{position:relative;width:100%;border-radius:8px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;overflow:hidden}
.prooffilelabel img{width:50px;height:50px;margin-bottom:10px}
.prooffilelabel .filename{font-size:14px}
.prooffilelabel .delete-icon{position:absolute;top:10px;right:10px;font-size:18px;color:red;cursor:pointer}
.fldrdtl{left:-11px;font-size:9px;background:var(--red);color:var(--white);padding:2px 4px;border-radius:3px;bottom:6px}
.prooflabel p{font-weight:400}
.form-group-main .prooffiledtl{border:1px solid;cursor:unset}
.prooffiledtl.active{display:flex}
.dltbtn{right:10px;top:10px;color:var(--red)}
.checkboxinfo{width:18px!important;height:18px!important;min-width:18px;min-height:18px;display:block;appearance:none;background-color:var(--white);outline:none!important;border-radius:3px;border:2px solid var(--text);position:relative;cursor:pointer;outline:none;transition:background-color 0.2s,border-color .2s}
.checkboxinfo:checked::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}
.hide-close-icon .closebtn{display:none}
.vehicle-details .icon-img{left:8px;top:8px}
.vehicle-details .enterreg{padding-left:62px!important;padding-right:92px!important}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--primary);border:1px solid var(--red)!important}
.form-group .form-control.is-invalid{border-color:var(--red)!important}
.form-control.is-invalid+.invalid-feedback{display:block!important}
.main-content-multisteps{padding-bottom:0}
main{position:relative}
.carbg{margin-top:-95px;max-width:100%;height:auto;position:relative;z-index:-1}
.step4 .carbg{margin-top:-90px}
.step5 .carbg{margin-top:-90px}
.step6 .carbg{margin-top:-27px}
.btnmain{padding:12px 24px;color:var(--white);font-weight:500;background:var(--secondary)}
.btnmain:hover,.btnmain:active,.btnmain:focus,.btnmain:focus-visible{background-color:var(--secondary)!important;box-shadow:none!important}
.btnsecmain{background:transparent;border:1px solid var(--primary);padding:12px 24px;color:var(--primary);font-weight:500}
.btnsecmain:hover{background:var(--primary);border:1px solid var(--primary);padding:12px 24px;color:var(--white)}
.vehicle-details .modal-content{color:var(--text)}
.vehicle-details .modal-content span{color:var(--light-text)}
.form-group p{color:var(--text)}
.checkboxinfo-main{background:#f5f7f7;border-radius:8px;gap:12px}
.form-group-main p span{font-weight:500}
.form-group-main .secure{font-size:16px;line-height:24px}
.step4 p{font-size:16px;line-height:24px}
.form-select:focus{box-shadow:none!important}
.checkboxinfo-main label{font-size:16px;line-height:24px}
.sslencry{margin-top:40px;color:#0C1D05;margin-bottom:120px;width:100%;float:left}
.progress{width:11.11%;height:8px;border-radius:0}
.progress.dtlsfill{background:var(--primary)}
.progressbar{background:var(--input-border)}
.biodata_title.is-invalid+.invalid-feedback{display:block!important}
.form-group-main .biodata_title.is-invalid .form-check-label{border:1px solid var(--red)}
.footer-wrapper{width:100%;float:left;padding-top:56px;font-size:18px}
.checkboxinfo-main label a{color:var(--secondary)}
.biodata_title{grid-template-columns:repeat(4,1fr);column-gap:24px}
.checkboxinfomain.is-invalid+.invalid-feedback{display:block!important}
.checkboxinfomain.is-invalid{border:1px solid var(--red)!important}
.step6 p{font-size:16px;line-height:24px}
.error-code{padding:2px 8px;border:1px solid var(--red);color:var(--red);border-radius:8px;margin-bottom:10px;font-size:14px;line-height:20px}
.step7 .vehicle-details .num{min-width:24px;width:24px;min-height:24px;height:24px;margin-right:12px;font-size:14px;background:transparent;border-radius:50%;color:var(--primary);border:2px solid var(--primary)}
.step7 .vehicle-details .number:before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}
.step7 .vehicle-details .number{position:relative;background:var(--black)}
#re-verify{margin-bottom:162px}
.identity-match{min-height:calc(100vh - 506.66px)!important;display:flex;align-items:center;justify-content:center}
.checkagr label[for="agree"] a{text-decoration:underline}
.stepgif{width:250px;height:250px;margin:0 auto}
.stepgif img{width:100%;height:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}
.main-content-btn .btnmain{height:48px;border-radius:8px;font-size:16px;line-height:24px;font-weight:500;margin-top:32px}
.main-content-steps p{line-height:20px;color:#0C1D05}
.upload--data{font-size:14px;color:var(--light-text);line-height:20px;font-weight:500}
.confirmationdiv{margin-top:10px}
.signature-container h3,.signature-container li,.signature-container p,.signature-container label,.signature-container input,.signature-container span{font-size:16px;line-height:24px;color:#0C1D05}
ul.clientletter{list-style-type:none;padding-left:0}
.confrmsign--cta{margin-top:28px}
.confirmdocument .custom-checkbox{position:relative;display:inline-block;width:20px;height:20px}
.confirmdocument .custom-checkbox input[type="checkbox"]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.confirmdocument .custom-checkbox label{display:block;width:20px;height:20px;border:2px solid #2C2C2C;border-radius:4px;background-color:#fff;cursor:pointer;position:relative;transition:all .3s ease}
.confirmdocument .custom-checkbox input[type="checkbox"]:checked+label::after{content:'';position:absolute;top:0;left:5px;width:6px;height:12px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg)}
.confirmdocument .custom-checkbox input[type="checkbox"]:checked+label{background-color:#2C2C2C;border-color:#2C2C2C}
.claimmgmt-wrap{margin-top:56px}
.signature-container .accordion-item{border:none;padding:17.5px 20px}
.signature-container .accordion-item .accordion-header{border:1px solid #E4E7EC!important;border-radius:8px!important}
.signature-container .accordion-item .accordion-collapse{border:1px solid #E4E7EC!important;border-radius:8px!important}
.signature-container .accordion-button{padding:16px!important;color:var(--primary)!important}
.signature-container .accordion-button:not(.collapsed){box-shadow:none!important}
.signature-container .accordion-button:focus{border:0!important;box-shadow:none!important}
.signature-container .accordion-body{padding:20px}
.signature-container .accordion .accordion-body ol{padding-top:14px;padding-left:18px}
.signature-container .accordion-flush #flush-headingOne .accordion-button{padding:17.5px 20px!important}
.signature-container .accordion-flush ol{padding-left:20px!important;margin-top:28px;margin-bottom:0!important}
.signature-container .accordion-flush .accordion-body h2{padding:22.5px 0}
.signature-container .accordion-flush .accordion-body li{padding-top:0;padding-bottom:28px!important}
.signature-container .accordion-flush .accordion-button::after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:10px;font-size:20px;color:#00303E;background:none}
.signature-container .accordion-flush .accordion-button:not(.collapsed)::after{background-image:none;transform:rotate(-180deg)}
.signature-container .clientcaredtl{max-height:516px;overflow-y:scroll;padding-right:10px}
.clientcaredtl::-webkit-scrollbar-thumb{background:#E5E7EB;border-radius:10px}
.clientcaredtl::-webkit-scrollbar{width:4px}
.signature-container .accordion-body{padding:16px 3px 16px 16px !important}
.clientcaredtl ol{margin-top:0;padding:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
.clientcaredtl h2{font-size:16px;font-weight:600;line-height:24px;margin-bottom:10px}
.clientcaredtl ul{list-style-type:disc}
.signature-container .accordion-item .predocbtn{color:var(--primary);border:1px solid var(--primary);text-decoration:none;background:transparent;border-radius:5px;font-size:16px;line-height:24px;font-weight:500;height:48px;width:calc(100% - 20px);display:flex;align-items:center;justify-content:center}
.dynamic-sign span{display:block}
.clm-logo{width:267px;display:block;margin-top:10px}
.addwrap{background:#f5f7f7;padding:12px;margin:24px 0}
.codecta{border:1px solid var(--primary);color:var(--primary);padding:12px;height:48px;font-size:16px;line-height:24px;font-weight:500;border-radius:8px}
.desc{font-size:16px;color:#0C1D05;font-weight:400}
.signature-container .resettxt,.signature-container .clear-btn span{font-size:14px;font-weight:500;color:var(--light-text);line-height:20px}
.confirmation-label{margin-left:12px}
.claimmgmt-wrap span{font-weight:500}
.signature-container .greetingtxt{color:#2C2929}
.signimg{margin:10px 0;display:block}
.mb-12{margin-bottom:10px}
.step-five-container-for-client .sslencry{margin-top:56px}
.signhere span{color:var(--white)}
.sign.d-block{font-size:14px;font-weight:500;line-height:20px}
.signwrap{width:100%;height:178px;max-height:178px;overflow:hidden}
.signarrow{background:var(--tertiary);writing-mode:vertical-rl;text-align:center;height:48px;justify-content:center;align-items:center;width:24px;display:flex;position:absolute;left:39px}
.signature-container .accordion-button:not(.collapsed)::after{filter:brightness(0.5)}
.signature-container .accordion-collapse{border-top:1px solid var(--input-border)!important;border-color:#98AA91!important}
.signarrow img{width:16px;height:auto;object-fit:contain}
canvas{touch-action:none;will-change:transform;padding:5px}
.signwrap{position:relative}
.confirmdocument .custom-checkbox input[type="checkbox"]:checked+label{color:var(--white)}
.confirmdocument .custom-checkbox label{color:var(--white)}
.footer-wrapper .btn-check:checked+.btn,.footer-wrapper .btn.active,.footer-wrapper .btn.show,.btn:first-child:active,.footer-wrapper :not(.btn-check)+.btn:active,.footer-wrapper .btn:focus-visible{background-color:var(--white);color:var(--primary)!important}
.footer-wrapper .btn:focus-visible{box-shadow:unset!important}
.getstarted .started-note{background:var(--tertiary);padding:10px 12px;border:1px solid #446060;font-size:14px;line-height:20px;font-weight:500;color:#143109;border-radius:8px}
.getstarted .getstarted-inr p strong{font-weight:600}
.getstarted .getstarted-inr .getstarted-itm p{font-size:16px;line-height:24px;color:#0C1D05;font-weight:300}
.main-content-steps .forexample{color:#6B7280}
.aboutyou .form-group-main .form-check-label{color:#6B7280}
.aboutyou .form-group-main .form-select{color:#6B7280}
.sorrypage{margin-bottom:120px}
.footer-wrapper p{font-size:14px;line-height:20px;font-weight:400;margin-bottom:0!important}
.invalid-feedback{font-size:14px;line-height:20px;font-weight:400;color:#EF4444}
.withlender .lendernum{background:var(--secondary);border-radius:8px;color:#fff}
.withlender{letter-spacing:-1px}
.main-content-btn .btnmain:active{color:#fff!important;border-color:transparent}
.getstarted .started-note b{font-weight:600}
#lenderformsubmission .form-group-main .form-control{background:var(--secondary);border:1px solid var(--primary)!important}
.aboutyou p{color:var(--light-text)}
.main-content-steps .secure span{font-weight:500}
.form-group-main .vehicle-details .form-check-label:hover{box-shadow:0 0 1px #bbb}
.form-group-main .vehicle-details .form-check-input:checked+.form-check-label{background:var(--secondary);border-color:var(--secondary)!important}
.getstarted-inr p{font-size:16px;line-height:24px}
.footer-wrapper #buttonGroup a{font-size:14px;line-height:20px;padding:10px 15px;height:40px;display:flex;align-items:center;justify-content:center}
.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:0!important}
#lenderformsubmission .form-group-main .search-input{border:1px solid var(--input-border)!important}
.aboutyou .form-group-main .form-select{background-image:url(/images/chevron-down.svg);background-repeat:no-repeat;background-position:114px center}
.aboutyou p{color:var(--light-text);font-weight:400;font-size:14px;line-height:20px}
.navbar-brand h3{color:var(--primary);font-size:24px;line-height:31.68px;font-weight:800}
.clonebtn{right:28px;top:10px;background:transparent;font-size:16px;color:var(--primary)}
.signature-container .clientcaredtl ul{padding-left:6px}
.vehicle-details .form-check-label p{font-size:14px;line-height:20px;color:#4B5563}
.vehicle-details:last-child{margin-bottom:0!important}
.confirmdocument .constent-document.is-invalid{border:none}
.confirmdocument .confirm-document.is-invalid{border:none}
.selectedformgroup .form-group:last-child{margin-bottom:0!important}
.claimmgmt-wrap .navbar-brand h3{font-size:24px;line-height:31.68px;font-weight:800}
.maincontainer.signatureContainer{max-width:684px}
#sorryModal .modal-body{padding:32px 16px 16px}
#sorryModal h3{font-size:24px;line-height:32px;font-weight:600}
#sorryModal .modal-dialog{height:100%;display:flex;align-items:center;justify-content:center;max-width:448px;margin:0 auto;padding:16px}
#sorryModal .modalclosebtn{font-size:16px;padding:12px 24px;line-height:24px;font-weight:500;height:48px;background:var(--primary);border-color:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center}
.eligibilitybox .form-check:last-child{margin-bottom:0!important}
option:disabled{color:#a9a4a4}
.form-select.is-invalid+.invalid-feedback{display:block!important}
.form-group .form-select.is-invalid{border-color:var(--red)!important}
.checkboxinfo-main h4{font-size:16px;line-height:24px;font-weight:600}
header .navbar-brand .logo_img{max-height:56px}
#solicitorsModal .modal-dialog{max-width:1200px;padding:0 16px}
#solicitorsModal .downloadbtn{background:var(--primary);color:#fff;height:38px;border-radius:8px;display:flex;align-items:center;font-size:16px;line-height:24px;font-weight:500;padding:10px}
#solicitorsModal .closebtn{border:1px solid var(--primary);color:var(--primary);height:38px;border-radius:8px;display:flex;align-items:center;padding:10px;font-size:16px;line-height:24px;font-weight:500}
.plsnote{background-color:var(--secondary);color:var(--primary);padding:10px 12px}
.footer-wrapper{font-size:16px;line-height:24px}
.teamSignimg{max-width:200px}
.main-content .steps{position:absolute;width:100%;opacity:0;transform:scale(0.8) translateY(50px);transition:all .3s ease-in-out}
.main-content .steps.active{opacity:1;transform:scale(1) translateY(0);position:relative}
@keyframes fadeInDown {
from{opacity:0;transform:translateY(-30px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.fw-medium{font-weight:500}
.clientdetails .pb-40{padding-bottom:40px}
.clientdetails .clientdetailsitm h2{font-size:23px;line-height:30.36px;font-weight:600;margin-bottom:4px}
.clientdetails .clientdetailsitm{position:relative;padding-left:20px;margin-bottom:-6px}
.clientdetails .clientdetailsitm:before{content:'';width:12px;height:12px;border-radius:45px;display:block;background:#0C1D05;position:absolute;top:8px;left:0;z-index:10}
.clientdetails .clientdetailsitm:after{content:'';position:absolute;top:22px;bottom:0;left:5px;width:1px;border-left:2px dashed #0C1D05}
.clientdetails .clientdetailsitm:last-child:after{display:none}
.clientdetails .clientdetailsitm .clientstatus{font-size:12px;line-height:18px;border-radius:999px;padding:2px 8px;font-weight:600}
.clientdetails .clientdetailsitm .completed{color:#10B981;border:1px solid #10B981}
.clientdetails .clientdetailsitm .inprogress{border:1px solid #F97316;color:#F97316}
.clientdetails .clientdetaildisable::before{background:#9CA3AF}
.clientdetails .clientdetaildisable h2{color:#9CA3AF;margin-bottom:0}
#codecode{border:1px solid var(--primary);cursor:pointer;height:40px}
#codecode #codelink{white-space:nowrap;overflow:hidden;padding-right:10px;text-overflow:ellipsis}
#codecode #copyIcon{position:absolute;top:10px;right:8px;animation:none}
#codecode .tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 10px;border-radius:5px;position:absolute;top:-10px;left:50%;font-size:12px;opacity:0;transition:opacity .3s}
#codecode .tooltip.show{visibility:visible;opacity:1}
.clientdetails .clientdetailsitm .resend_sms{font-size:12px;line-height:18px;border-radius:999px;padding:2px 8px;background:transparent;font-weight:600}
.clientdetails .clientdetailsitm .clientstatus{display:inline-block}
.clientdetails .clientdetailsitm .resend_sms:hover,.clientdetails .clientdetailsitm .resend_sms:active,.clientdetails .clientdetailsitm .resend_sms:focus{background:transparent!important}
.form-group-main .form-check-label.is-invalid{border-color:#EF4444}
.signwrap.is-invalid{border-color:#EF4444!important}
.security-questions h3{font-size:16px;line-height:24px;font-weight:600}
.security-questions span{font-size:12px;line-height:18px;padding:1px 8px;border:1px solid;border-radius:50px;display:inline-block}
.security-questions .attempt1{border-color:#10B981;color:#10B981;background:#ECFDF5}
.security-questions .attempt2{border-color:#F97316;color:#F97316;background:#FFF7ED}
.security-questions p{font-size:14px;line-height:20px;font-weight:400;color:#4B5563}
#security-questions-data .form-group-main .label{font-weight:600;color:#0C1D05}
.security-questions .label{font-size:14px;line-height:20px;font-weight:500;color:#4B5563}
.securitymodal .modal-dialog{max-width:448px;display:flex;align-items:center;justify-content:center;margin:0 auto;height:100%}
.securitymodal .modal-dialog .modal-body{padding:32px 16px 16px}
.securitymodal .modal-dialog .modal-content svg{margin-bottom:12px}
.securitymodal .modal-dialog .modal-content h2{font-size:24px;line-height:32px;font-weight:600;color:#0C1D05}
.securitymodal .modal-dialog .modal-content p{font-size:16px;line-height:24px;margin-bottom:12px}
#tryagainalert .modal-dialog .modal-content .tryagain{border:1px solid #F97316;background:#FFFBF6;padding:8px;font-size:16px;line-height:24px;font-weight:400;border-radius:8px;color:#F97316}
#tryagainalert .modal-dialog .modal-content .tryagainbtn{background:var(--primary)}
.securitymodal .modal-dialog .modal-content .btn-close{position:absolute;right:16px;top:16px}
.securitymodal .modal-dialog .modal-content p b{font-weight:600}
#verify_unsuccessful .modal-dialog .modal-content .failedattempts{border:1px solid #EF4444;background:#FFF9F9;padding:8px;font-size:16px;line-height:24px;font-weight:400;border-radius:8px;color:#EF4444}
.btn-close:focus{box-shadow:none}
.discoverystep .sub-accounts{margin-top:12px!important}
.discoverystep .form-group-main .form-check .form-check-input{top:16px;left:16px;width:24px;height:24px}
.discoverystep .form-group-main .form-check .form-check-label span{padding-left:31px;font-weight:600}
.discoverystep .sub-accounts .form-check-input{width:20px!important;height:20px!important}
.discoverystep .sub-accounts .form-check-label{font-size:14px;line-height:20px;border-color:var(--border);padding-left:12px}
.discoverystep .form-group-main .form-check .form-check-input:checked{outline:none!important}
.discoverystep .form-group-main .form-check .form-check-input:checked:before{font-family:FontAwesome;content:"\f00c";color:#fff;font-size:14px;position:absolute;top:1px;left:5px}
.discoverystep .form-group-main .form-check .sub-accounts .form-check-input:checked:before{font-size:12px;top:-2px;left:4px}
.discoverystep .sub-accounts .form-check:last-child{margin-bottom:0!important}
.discoverystep .form-group-main .sub-accounts .form-check .form-check-input{top:18px}
.discoverystep .sub-accounts .form-check .form-check-input:checked+.form-check-label{background:var(--secondary);border-color:var(--border)!important}
.discoverystep .form-group-main .form-check .form-check-label:hover{background:transparent}
#step8 ul li,#step8 p{font-size:16px;line-height:24px}
#step8 h4{font-size:16px;line-height:24px}
#step8 ul li b{font-weight:600}
.sorrypage p{font-size:16px;line-height:24px}
.mainsteps .finance-search{border-color:#F97316;color:#F97316}
.error_page p{font-size:16px;line-height:24px}
.error_page h4{font-size:16px;line-height:24px;font-weight:600}
.error_page b{font-weight:600}
.error_page li{font-size:16px;line-height:24px;margin-bottom:8px}
.welcomeback .loginicon{width:150px;height:150px;background:var(--tertiary);display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:50%;margin-bottom:32px}
.detailpage{min-height:calc(100vh - 121px)}
.accessblock .accessblockicon{background:#FEF2F2;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:50%;margin-bottom:32px}
.contactdetails{background:#F9F9F9}
.detailpage p{font-size:16px;line-height:24px}
.detailpage h4{font-size:16px;line-height:24px;font-weight:600}
.discoverystep .sub-accounts .noteligible .form-check-label.noteligiblelabel{background:#D1D5DB;padding-left:12px}
.discoverystep .form-group-main .form-check .form-check-label .noteligibletxt{position:absolute;right:12px;top:16px;font-size:12px;line-height:18px;border:1px solid #EF4444;color:#EF4444;padding:3px 12px;background:#fff;border-radius:4px;width:auto}
.discoverystep .form-group-main .form-check .form-check-label .already_claim{position:absolute;right:12px;top:16px;font-size:12px;line-height:18px;border:1px solid #EF4444;color:#EF4444;padding:3px 12px;background:#fff;border-radius:4px;width:auto}
.dobgroup .form-group{position:relative}
.dobgroup .form-group:after{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f107";color:#D1D5DB;font-size:16px;position:absolute;top:12px;right:12px}
.aboutyou .form-group-main .form-select{color:#6B7280;background-image:none!important}
.crnt-address-selector.isinvalid{border-color:var(--red)!important}
.plsnote{background-color:var(--secondary);color:var(--primary);padding:10px 12px}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{opacity:.6}
#sorryModal .eligibleNote{border:1px solid #EF4444;color:#EF4444;margin-top:12px;background:#FFF9F9}
.checkboxinfomain label{font-size:14px;line-height:20px;font-weight:400}
#postcode::placeholder{text-transform:capitalize!important}
.postcode #select-address{position:relative}
.postcode .crnt-address-selector{background-image:none;background:transparent;overflow:hidden}
.postcode #select-address:empty{display:none}
.footer-inr{max-width:819px;margin:0 auto}
.aboutyou .form-group-main .form-group:has(select[name="dob_day"]),.aboutyou .form-group-main .form-group:has(select[name="dob_month"]),.aboutyou .form-group-main .form-group:has(select[name="dob_year"]){position:relative}
.aboutyou .form-group-main .form-group:has(select[name="dob_day"])::after,.aboutyou .form-group-main .form-group:has(select[name="dob_month"])::after,.aboutyou .form-group-main .form-group:has(select[name="dob_year"])::after{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f107";color:#D1D5DB;font-size:16px;position:absolute;top:12px;right:12px;z-index:-1}
.credit-wrap li,.credit-acc,.discoverystep p{font-size:16px;line-height:24px}
.lenderacc label{font-size:14px;line-height:20px;color:#4B5563;font-weight:500!important}
.lenderacc span{display:block;width:100%;color:#4B5563}
.lh-24{line-height:24px}
#profile-reference{justify-content:center;display:flex;align-items:center}
.main-content-steps .secure{line-height:24px}
.discoverystep .form-group-main .form-check .form-check-label .already_claim{font-size:12px;line-height:18px;border:1px solid #EF4444;width:auto;padding:3px 12px!important;display:inline-block;border-radius:4px;top:15px;right:10px;background:#fff;color:#EF4444;font-weight:500}
#credit-report-unmatched-result .form-check-label .unmatchedresult:before{width:24px;height:24px;content:"";position:absolute;display:block;border:1px solid #00000040;border-radius:50%}
#credit-report-unmatched-result .form-check-label .unmatchedresult{position:relative;padding-left:32px!important}
#credit-report-unmatched-result .sub-accounts .form-check-label{background:#D1D5DB}
#credit-report-unmatched-result .form-check-label{cursor:auto}
#security-questions-data .form-group-main:last-child{margin-bottom:0!important}
#security-questions-data .form-group-main .form-check:last-child{margin-bottom:0!important}
#introducerModal .modal-dialog{max-width:448px}
#introducerModal .modal-body{padding:32px 16px 24px}
#introducerModal .eligibleNote{border:1px solid #EF4444;color:#EF4444;margin-top:12px}
#introducerModal h3{font-size:24px;line-height:32px;font-weight:600}
.main-content-btn .prevbtn:active{border-color:var(--primary)}
.clientdetails .clientdetailsitm h5{font-size:16px;font-weight:600}
.clientdetails .clientdetailsitm p{font-size:16px;line-height:24px;color:#4B5563}
.step3.active,.step4.active{margin-top:20px}
@keyframes pulsateGlow {
50%{box-shadow:0 0 8px #14310999}
}
.form-group-main .form-check #comission0+.form-check-label{box-shadow:none;transition:box-shadow 2s ease-in-out}
.form-group-main .form-check #comission0+.form-check-label:hover{animation:pulsateGlow 2s infinite alternate;background:transparent}
#sorryModal p{font-size:16px;line-height:24px}
body.modal-open{padding-right:0!important}
.not-lived-checkbox{display:flex;gap:4px}
.not-lived-checkbox #not_lived_here{min-width:14px;min-height:14px}
@supports (-webkit-touch-callout: none) {
select{-webkit-appearance:none;background:url(chevron-down.svg) no-repeat right;padding-right:2rem}
}
.getstarted-inr .getstarted-itm .bg-circle{background-color:#DCFCE7;padding:12px;border-radius:40px}
.getstarted-inr .getstarted-itm .bg-circle2{background-color:#DBEAFE;padding:12px;border-radius:40px}
.getstarted-inr .getstarted-itm .bg-circle3{background-color:#F3E8FF;padding:12px;border-radius:40px}
.getstarted-inr .getstarted-itm .bg-circle4{background-color:#FEF3C7;padding:12px;border-radius:40px}
.getstarted .faq-title{font-size:24px;line-height:32px;font-weight:600;margin-top:40px;color:#0C1D05}
.getstarted .accordion-button.accbtn{color:#000;font-size:16px;line-height:24px;font-weight:500}
.faq-item .accordion-item .accbtn.collapsed::after{transform:rotate(-45deg)!important}
.faq-item .accordion-item .accbtn::after{color:#000;background-image:none!important;width:10px;height:10px;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(137deg)!important}
.faq-item .accordion-item .accbtn:focus{box-shadow:none!important}
.faq-item .accordion-item .accbtn{padding:0;margin-bottom:16px;box-shadow:none}
body{overflow-x:hidden}
.faq-item .accordion-body{font-size:16px;line-height:24px;color:#4B5563}
.accordion-flush .accordion-item:last-child{border-bottom:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.postcode #previous-select-address .form-select.is-invalid{background-repeat:no-repeat}
.footer-wrapper .footer_inr{max-width:819px;margin:0 auto;font-size:14px;line-height:20px}
#loader{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .4s ease;overflow:hidden;padding:16px}
#loader.fade-out{opacity:0;visibility:hidden}
#loader .spinner{display:flex;gap:0;align-items:center}
#loader .loader-image{display:block;animation:bounceSequence 1.6s infinite ease-in-out;opacity:1}
#loader .loader-image:nth-child(1){animation-delay:0s}
#loader .loader-image:nth-child(2){animation-delay:.2s}
#loader .loader-image:nth-child(3){animation-delay:.4s}
#loader .loader-image:nth-child(4){animation-delay:.6s}
@keyframes bounceSequence {
0%,100%{transform:translateY(0)}
25%{transform:translateY(-30px)}
50%{transform:translateY(0)}
75%{transform:translateY(10px)}
}
@keyframes fadeOut {
to{opacity:0;visibility:hidden}
}
.discoverystep .sub-accounts .form-check .form-check-input:checked+.form-check-label{color:#fff}
.discoverystep .sub-accounts .form-check .form-check-input:checked+.form-check-label span{color:#fff}
.postcode .crnt-address-selector{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:98% 50%!important;background-repeat:no-repeat;background-size:3%}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px;background-position:right .75rem center,center right 2.25rem!important}


#signature-data .btn-check:checked+.btn, 
#signature-data .btn.active, .btn.show, 
#signature-data .btn:first-child:active, 
:not(.btn-check)+.btn:active #signature-data .btn:focus-visible{
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.discovery_heading .discovery_teamname{text-transform: capitalize;}
.claimmgmt-wrap .fname {text-transform: capitalize;}
#security-questions-data .form-group-main .questionHeaderText {color: #4B5563;font-weight: 400;}

.main-content-btn .btnmain .spinner-icon-qg.hide {
    display: none;
}
/* .main-content-btn .btnmain .spinner-icon-qg.hide.show {
    display: inline-block;
    margin-right: 2px;
} */