@import url('inner-variables.css');
@import url('fonts.css');

canvas {width: 100%;height: 100%;border-radius: 8px;}
.footer-wrapper{background-color: var(--primary);}
.footer-wrapper .btn-group a:hover {background: white;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 */
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 */
.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{/*background: var(--white);*/ 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 rgba(0, 0, 0, .25);}
.form-group-main .form-check .form-check-input:checked:focus {border: 1px solid var(--white);}
/* slider */

.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;}

/* popup */
.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;}
/* .form-select {background: url(../images/arrow.svg) no-repeat right 10px center;background-size: 12px;} */
.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);}
/* .phoneno{padding-left: 75px;} */
#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;
   /* font-size: var(--fs-xs);
   line-height: var(--lh-xs);
   font-weight: var(--fw-medium); */
  }
.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);}

/* .vehicle-details {cursor: pointer;} */
.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 0.2s;}
/* .form-group-main .vehicle-details .claim_checkbox_input:checked {background-color: var(--black);border-color: var(--black);} */

.form-group-main .vehicle-details .claim_checkbox_input:checked::before {content: '\f00c'; /* Font Awesome check icon */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; /* Adjust size as needed */}
.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 {/*background: var(--secondary);*/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{display:none} */

.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 0.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(--primary);}
.btnmain:hover, .btnmain:active, .btnmain:focus{background-color: var(--secondary) !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);}
/* New 14-10-2024 */
.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 {padding-top: 56px; font-size: 18px;}
.checkboxinfo-main label a {color: #405936;}
.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; /* For high-quality rendering */image-rendering: crisp-edges; /* Prevents blurriness */
  image-rendering: pixelated; /* Alternative for ensuring sharp rendering */}
.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;}

/* Custom Checkbox Container */
.confirmdocument .custom-checkbox {position: relative;display: inline-block;width: 20px;height: 20px;}
/* Hide default checkbox */
.confirmdocument .custom-checkbox input[type="checkbox"] {display: none;-webkit-appearance: none; /* Remove default checkbox appearance on iOS Safari */-moz-appearance: none; /* Remove default checkbox appearance on Firefox */appearance: none; /* Remove default checkbox appearance on modern browsers */}
/* Custom Checkbox Style */
.confirmdocument .custom-checkbox label {display: block;width: 20px;height: 20px;border: 2px solid #2C2C2C;border-radius: 4px;background-color: white;cursor: pointer;position: relative;transition: all 0.3s ease;}
/* Show tickmark on checked */
.confirmdocument .custom-checkbox input[type="checkbox"]:checked + label::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Change background when checked */
.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;
}
/* New */
.signature-container .accordion-flush #flush-headingOne .accordion-button{
  padding: 17.5px 20px !important
}
/* .accordion-flush #flush-collapseOne {padding: 20px;} */

.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: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.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; /* Prevent touch gestures like scrolling */will-change: transform; /* Optimize rendering */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;}

/* New 25-11-2024 */
.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: #6C8263; */ ; color: #fff}
.withlender{letter-spacing: -1px;}

/* 06-12-2024 */
.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 #bbbbbb;}
.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;}

/* 07-12-2024 */
.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;}

/* 10-12-2024 */
.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;margin-top: 0;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 0.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;}
/* step11 */
.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 0.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;}
/* step6 */
.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 .label {font-size: 14px;line-height: 20px;font-weight: 500;color: #4B5563;}
/* Try Again Modal */
.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;}

/* Discovery Step */
.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(--secondary);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{background: var(--primary);opacity: 0.6;}
#sorryModal .eligibleNote{border: 1px solid #EF4444;color: #EF4444;margin-top: 12px;background: #FFF9F9;}
/* #sorryModal .modal-content {border-radius: 16px;} */
.checkboxinfomain label {font-size: 14px;line-height: 20px;font-weight: 400;}
#postcode::placeholder {text-transform: capitalize !important;}
.postcode #select-address {position: relative;}
.postcode #select-address: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;}
.postcode .crnt-address-selector {background-image: none;background: transparent;overflow: hidden;}
.postcode #select-address:empty {display: none;}
.footer-inr {width: 60%;}
.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 rgba(0, 0, 0, .25);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 rgba(20, 49, 9, 0.6);}
}
.form-group-main .form-check #comission0 + .form-check-label {box-shadow: none; /* Hide box-shadow by default */transition: box-shadow 2s ease-in-out; /* Smooth transition */}
.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: #000000;
  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: black;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 #select-address .form-select.is-invalid {
    background-repeat: no-repeat;
}
.postcode #previous-select-address .form-select.is-invalid {
    background-repeat: no-repeat;
}

.footer-wrapper .footer_inr {
  max-width: 819px;
  margin: 0 auto;
}





/* Loader Container */
        #loader {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        animation: fadeOut 5s ease 7s forwards;
        overflow: hidden;
        padding: 16px;
        }
        
         #loader .spinner {
        display: flex;
        gap: 0;
        }

        /* Image Bouncing Style */
        #loader .loader-image {
        max-height: 50px;
        display: inline-block;
        animation: bounceSequence 1.6s infinite ease-in-out;
        opacity: 1;
        }
        /* Different Delays for Sequential Bouncing */
        #loader .loader-image:nth-child(1) { animation-delay: 0s; }
        #loader .loader-image:nth-child(2) { animation-delay: 0.2s; }
        #loader .loader-image:nth-child(3) { animation-delay: 0.4s; }
        #loader .loader-image:nth-child(4) { animation-delay: 0.6s; }

        /* Bounce Keyframes */
        @keyframes bounceSequence {
        0%, 100% {
            transform: translateY(0);
        }
        25% {
            transform: translateY(-30px);
        }
        50% {
            transform: translateY(0);
        }
        75% {
            transform: translateY(10px);
        }
        }

        /* Fade Out Animation */
        @keyframes fadeOut {
        to {
            opacity: 0;
            visibility: hidden;
        }
        }


#security-questions-data .form-group-main .label {
    font-weight: 600;
    color: #0C1D05;
}
#security-questions-data .form-group-main .label.questionHeaderText {
    color: #4B5563;
    font-weight: 500;
}
#previous-select-address: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;
}
#previous-select-address {
    position: relative;
}
.discoverystep .sub-accounts .form-check .form-check-input:checked + .form-check-label, .discoverystep .sub-accounts .form-check .form-check-input:checked + .form-check-label * {
          color: #fff;
}
.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;}