@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: linear-gradient(to right, var(--primary), var(--secondary));}
/* Text primary color */
.textPrimary{  background: linear-gradient(to right, var(--primary), var(--secondary));-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent;}
/* 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;background: #F9FAFB;}
/* 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: 820px;}
.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;}
.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;text-decoration: underline;}
/* 15-01-2025 */
.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 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 a {word-break: break-all;color: var(--text);font-weight: 500;}
footer .footer-inr {font-size: 14px;line-height: 20px;}
footer .footer-inr a {font-size: 16px; line-height: 24px;}
.footer-inr {max-width: 819px;}
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 .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;min-width: 16px;min-height: 16px;}
#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;}
#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;padding-top: 260px;transition: max-height 0.8s ease-in-out;position: relative;}
.lender-list-claim {overflow: hidden;transition: height 0.6s ease;}
.lender-list-claim.collapsing,
.lender-list-claim.expanding {transition: height 0.6s ease;}
.blur-bg {position: absolute;bottom: 0;width: 100%;height: 80px;z-index: 1;}
#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:linear-gradient(to right, var(--primary), var(--secondary));padding: 14px 24px;border-radius: 8px;font-weight: 600;color: #fff;}
.readytostart .complaintLender {font-size: 14px;line-height: 20px;font-weight: 500;color: #4B5563;}
#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.webp);background-repeat: no-repeat;z-index: 9999;background-size: contain;background-position-x: 66%;}
.header_btm svg {margin-right: 5px;}
.stertyouclaim .findyourclaim b {font-weight: 600;}
.issues-claim .claiming p {color: #4B5563;}
#howtoclaim .heading img {margin-left: 5px;margin-right: 5px;}
.header_btm svg #paint0_linear_18425_38737 {fill: linear-gradient(to right, var(--primary), var(--secondary));}
.issues-claim .claiming p {color: #4B5563;}
.privacy-policy .policy-content h5 {font-weight: 600;  font-size: 16px;}
.privacy-policy .policy-content h4 {font-size: 18px;margin-top: 20px !important;}