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

body{
    font-family: 'Switzer', sans-serif;font-size: var(--fs-xs);color: var(--text);line-height: var(--lh-xs);
}
* {outline: none !important;}
a, a:hover {text-decoration: none;}
a:hover {
  color: var(--primary);
}
.row {margin: 0;}
.form-check {padding: 0;margin: 0;}
.main-content-steps .form-control:focus {box-shadow: none;}

/* margin 56px */
.mt-9{margin-top: 80px;}

/* margin 12px */
.m-8{margin: 12px;}
.mt-8{margin-top: 12px;}
.mb-8{margin-bottom: 12px;}
.ms-8{margin-left: 12px;}
.me-8{margin-right: 12px;}
/* padding 12px */
.p-8{padding: 12px;}
.pt-8{padding-top: 12px;}
.pb-8{padding-bottom: 12px;}
.pe-8{padding-right: 12px;}
.ps-8{padding-left: 12px;}
/* margin 40px */
.m-7{margin: 40px;}
.mt-7{margin-top: 40px;}
.mb-7{margin-bottom: 40px;}
.ms-7{margin-left: 40px;}
.me-7{margin-right: 40px;}
/* padding 40px */
.p-7{padding: 40px;}
.pt-7{padding-top: 40px;}
.pb-7{padding-bottom: 40px;}
.ps-7{padding-left: 40px;}
.pe-7{padding-right: 40px;}

/* margin 32px */
.m-6{margin: 32px;}
.mt-6{margin-top: 32px;}
.mb-6{margin-bottom: 32px;}
.ms-6{margin-left: 32px;}
.me-6{margin-right: 32px;}
/* padding 32px */
.p-6{padding: 32px;}
.pt-6{padding-top: 32px;}
.pb-6{padding-bottom: 32px;}
.ps-6{padding-left: 32px;}
.pe-6{padding-right: 32px;}

/* Font Size & Line Height */
.fs-light{font-size: var(--fs-light);line-height: var(--lh-light);}
.fs-xxs{font-size: var(--fs-xxs);line-height: var(--lh-xxs);}
.fs-xs{font-size: var(--fs-xs);line-height: var(--lh-xs);}
.fs-s{font-size: var(--fs-s);line-height: var(--lh-s);}
.fs-n{font-size: var(--fs-n);line-height: var(--lh-n);}
.fs-m{font-size: var(--fs-m);line-height: var(--lh-m);}
.fs-l{font-size: var(--fs-l);line-height: var(--lh-l);}
.fs-xl{font-size: var(--fs-xl);line-height: var(--lh-xl);}
.fs-xxl{font-size: var(--fs-xxl);line-height: var(--lh-xxl);}

/* gap */
.gap-7{gap:40px;}
.gap-6{gap:20px;}
.gap-89{gap:89px}

/* FOnt Weight */
.fw-l { font-weight: 400;}
.fw-m  { font-weight: 500;}
.fw-b { font-weight: 600;}
.fw-xb { font-weight: 700;}

/* border */
.border{border: 1px solid var(--border);}
/* border radius */
.rounded-2{border-radius: var(--border-radius-s);}
/* background primary color */
.bg_main{background-color: var(--secondary);}
/* background secondary color */

.bgTertiary{background-color: var(--tertiary);}

/* Text primary color */
.textPrimary{color: var(--secondary);}
/* Text  color */
.text{color: var(--text);}

.heading{font-size: var(--fs-xl);line-height: var(--lh-xl);font-weight: var(--fw-bold);letter-spacing: -2px;}
.sub-heading{font-size: var(--fs-m);line-height: var(--lh-m);font-weight: var(--fw-bold);}
.headerdes {padding-top: 24px;padding-bottom: 24px;}

/* Container */
.incontainer {max-width: 1240px !important;margin: 0 auto;}

/* header */
header #navbarcnt {position: fixed;z-index: 100000;height: 100vh;width: 260px;background:var(--white);top: 0;right: 0;}
header .closebtn {position: absolute;background: transparent;border: none;font-size: 25px;right: 15px;top: 10px;}
header .getstarted {height: 40px;font-size: 14px;line-height: 20px !important;font-weight: 500;background-color: var(--secondary)}

/* Banner */
.banner .bannermain {padding-top: 97px;padding-bottom: 126px;}
.banner .banner-inr {max-width: 1029px;margin: 0 auto;}
.banner .banner-inr .agrmntbtn {background-color: var(--secondary);padding:14px 24px; max-width: 500px;height: 56px;position: relative;z-index: 100;font-weight: 600;}
.bg-car {bottom: 56px;}

/* Joindiv  */
.Joindiv {padding-top: 96px;padding-bottom: 96px;}

/* vehicle-process  */
.vehicle-process {padding-top: 120px;padding-bottom: 120px;}

/* bought-finance */
.bought-finance {padding-top:120px;padding-bottom: 240px;}
/* .bought-inr {max-width: 1021px;margin: 0 auto;} */
.bought-inr .complaint_finance {color: #4B5563;max-width: 608px;margin: 0 auto; font-size: 14px;line-height: 20px;font-weight: 500;}


/* estimate */
.estimate {position: absolute;top: -140px;z-index: 1;left: 0;padding: 0 16px;}
.estimate-main {padding: 80px 56px;background: var(--bg-light);border-radius: var(--border-radius-l);}

/* issues-claim */
.issues-claim .agreenmentbtn {margin-top: 35px;height: 56px;font-weight:500;background: var(--secondary);}
/* whyclaim */
.whyclaim {padding-top: 80px;padding-bottom: 80px;    background: var(--light);}
/* footer */
footer{padding-top: 64px;padding-bottom: 24px;}
.footer-inr li {list-style: none;    margin-right: 48px;}
.footer-inr {max-width: 819px;}
.footer-inr .logo-footer {background: #D9D9D9;width: 187px;height: 61px;}

footer {padding-top: 64px !important;padding-bottom: 24px !important;}
/* privacy-policy */
.privacy-policy-inr{margin-top: 56px;}
.privacy-policy .sidebar {width: 312px;}
.privacy-policy .policy-content {width: calc(100% - 413px);}
.privacy-policy {padding-top: 64px;}
.privacy-policy .sidebar li {list-style: none;}
.privacy-policy .sidebar a {font-size: var( --fs-xs );line-height: 28px;font-weight: var( --fw-medium);}
.privacy-policy .sidebar li:before {content: "";position: absolute;left: 0;width: 5px;opacity: 0;height: 100%;background: var(--primary);}
.privacy-policy .sidebar li {list-style: none;position: relative;padding-left: 20px;}
.privacy-policy .sidebar li:hover:before {opacity: 1;}
.privacy-policy .sidebar li.active:before {opacity: 1;}
.privacy-policy .policy-content h3 {font-size: var( --fs-s);line-height: var(--lh-xs);font-weight: var(--fw-bold);}

.underline:before {position: absolute;content: "";width: 100%;height: 1px;background: #000;bottom: 2px;}
.underline {position: relative;}
.estimate-inr{gap:46px}
.loader-container {display: flex;justify-content: center;align-items: center;height: 100vh;}
.loader {display: flex;justify-content: space-between;width: 80px;}
.loader div {width: 16px;height: 16px;background-color: #777;border-radius: 50%;animation: grow-shrink 1s infinite;}
.loader div:nth-child(1) {animation-delay: 0s;}
.loader div:nth-child(2) {animation-delay: 0.3s;}
.loader div:nth-child(3) {animation-delay: 0.6s;}
@keyframes grow-shrink {
0%, 100% {
  transform: scale(1);
}
50% {
  transform: scale(1.5);
}
}
header .navbar-brand {object-fit: contain; display: block;}
.privacy-policy .sidebar {height: 100%;position: -webkit-sticky;position: sticky;top: 50px;margin-bottom: 26px;}
section.privacy-policy {min-height: calc(100vh - 499px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* New 06-12-2024 */
.navbarcnt .navbar-nav .nav-item a {color: var(--text);line-height: 21.12px;}
.solicitors-itm p {max-width: 292px;margin: 0 auto;}
.whyclaim ol {padding-left: 22px !important;}
.bought-finance .bought-inr p {max-width: 817px;margin: 0 auto;}
.issuesleft .issuesleftinr {max-width: 397px;}
/* .issues-claim .issuesleft span{color: var(--tertiary);} */
.issuesleft p {font-size: 18px;line-height: 28px;}
.bought-finance .agreenmentbtn {height: 56px;font-weight:600;background: var(--secondary);}
.whyclaim p b {font-weight: 600;}
.chooseimg img {height: 48px;}
.chooseimg svg path {stroke: var(--primary);}
.footer-inr p {margin-bottom: 0 !important;}
.header_btm {font-weight: 500;}
.bought-finance .bought-inr p a {color: #0C1D05;}

/* 15-01-2025 */
.privacy-policy .policy-content p, .privacy-policy .policy-content ul {margin-bottom: 15px;}

.privacy-policy .policy-content p + br {display: none;}
.privacy-policy .policy-content  br {display: none;}
.issuesleft .issuesleftinr span {font-size: 18px;line-height: 28px;font-weight: 500;color: #4B5563;}

/* .privacy-policy .policy-content img {
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 359px;
} */

.privacy-policy .policy-content a {
  word-break: break-all;
}

footer .footer-inr {font-size: 14px;line-height: 20px;}
footer .footer-inr a {font-size: 16px; line-height: 24px;}

.footer-inr {
  max-width: 819px;
}

@media (max-width: 767px) {
  .footer-inr {
    width: 100%;
}
}


footer .footer-inr a:hover {
  color: #ffffff !important;
  text-decoration: none;
}

#howtoclaim{position: relative;}


.estimate .estimate-inr p {
  max-width: 435px;
}
.estimate .estimate-inr .heading {
  max-width: 633px;
}

.Joindiv .heading {
  letter-spacing: -1px;
}

.footer-inr p {
  margin-bottom: 0 !important;
  font-family: 'Switzer', sans-serif;
}

.stertyouclaim .claim-process-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stertyouclaim .claim-process{border: 1px solid #E4E7EC;}
.stertyouclaim .findyourclaim{border-top-left-radius: 24px;border-bottom-left-radius: 24px;border-right: none;}

.stertyouclaim .payout{border-top-right-radius: 24px;border-bottom-right-radius: 24px;border-left: none;}

#lenderlist {padding-top: 260px;position: relative;}
#lenderlist .lender-claim{
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
#lenderlist .lender-claim .lender-list li {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
  list-style: none;display: flex;
      align-items: center;
      font-weight: 500;
}
#lenderlist .lender-claim .lender-list ul {
    padding-left: 0;
}

#lenderlist .lender-claim .lender-list h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-weight: 600;
}
#lenderlist .lender-claim .lender-list li svg {
    margin-right: 12px;
}
#lenderlist .viewall_lenderbtn {
    border: none;
    background: #fff;
    margin: 0 auto;
    color: var(--primary) !important; 
    padding: 14px 24px;border-radius: 8px;font-size: 18px;line-height: 28px;font-weight: 600;}
#lenderlist .viewall_lender {height: 208px;position: absolute;width: 100%;bottom: 0;left: 0;display: flex;align-items: center;background-color: transparent;z-index: 1; /* So content stays above pseudo */}
#lenderlist .viewall_lenderbtn {z-index: 3;pointer-events: auto;position: relative;}
/* Blur background box */
#lenderlist .viewall_lender .blur-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;backdrop-filter: blur(4px);z-index: 1;}
.lender-list-claim.expanded {max-height: 9999px;}
.lender-list-claim {max-height: 996px;overflow: hidden;transition: max-height 0.8s ease-in-out;position: relative;padding-top: 260px;}
#lenderlist .viewall_lender.active {position: relative;}
#lenderlist .viewall_lender.active .blur-bg {display: none;}
.issues-claim .claiming{grid-template-columns: repeat(2, 1fr);gap: 24px;}
.readytostart {padding: 120px 0;}
.readytostart .findagreementbtn{border: none;background: var(--secondary);padding: 14px 24px;border-radius: 8px;font-weight: 600;color: #fff;}
.readytostart .complaintLender {font-size: 14px;line-height: 20px;font-weight: 500;}
#lenderlist .lender-claim .lender-list li:last-child {margin-bottom: 0 !important;}
#lenderlist .lender-claim .lender-list ul{margin-bottom: 0 !important;}
.estimate-main {position: relative;background-image: url(../images/estimate_bg.png);background-repeat: no-repeat;z-index: 9999;background-size: contain;background-position-x: 66%;}
.estimate-main:after {background-image: url(../images/estimate_bg.png);position: absolute;left: 0;width: 100%;height: 100%;}
.header_btm svg {margin-right: 8px;}
.stertyouclaim .findyourclaim b {font-weight: 600;}
.issues-claim .claiming p {color: #4B5563;}
#howtoclaim .heading img {margin-left: 5px;margin-right: 5px;}
#howtoclaim, #lenderlist {background: var(--primary);}
footer.bg_main {background-color: var(--primary);}
.privacy-policy .policy-content p, .privacy-policy .policy-content ul {margin-bottom: 15px;font-size: var(--fs-xxs);line-height: var(--lh-xxs);}
.privacy-policy .policy-content table tr td {padding: 4px 8px;border: 1px solid #ddd;font-size: var(--fs-light);line-height: var(--lh-light);}
.privacy-policy .policy-content a {word-break: break-all;color: var(--text);font-weight: 500;}