/*---------------------------------------------
/////  Loanlift HTML  /////
----------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
* Variable
--------------------------------------------------------------*/
/***********************
* Variable
* Common
* Button style 
* header
* search-popup
* mobile-nav
* preloader
* banner
* services
* features 
* why-choose 
* partner
* process
* case
* team 
* testimonial
* blog
* cta
* inquiry
* footer
* about
* benefits
* about us page
* Services page
* animation
***********************/
:root {
    --loanlift-primary-bg: #061525;
    --loanlift-secondary-bg: #F2F4F8;
    --loanlift-light-bg: #E7E7E7;
    --loanlift-blue-light-bg: #D5DFED;
    --loanlift-text-black: #0F1011;
    --loanlift-text-grey: #BEBEBE;
    --loanlift-text-dark-grey: #5A5A5A;
    --loanlift-text-light-grey: #C2C2C2;
    --loanlift-text-light: #ffffff;
    --loanlift-border-dark: #5E5E5E;
    --loanlift-border-light: #EBEBEB;
    --loanlift-gradient-primary: radial-gradient(53% 38.84% at 72% 50%, #BE5518 0%, #061525 100%);
    --loanlift-gradient-primary: linear-gradient(69.32deg, #061525 20.87%, #BE5518 101.05%);
    --loanlift-body-font: "DM Sans", system-ui;
    --loanlift-heading-font: "Wix Madefor Display", system-ui;
}
html {
    scroll-behavior: smooth;
}
/***********************
* Common
***********************/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
    font-family: var(--loanlift-body-font);
    font-size: 16px;
    font-weight: 400;
    line-height:1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: var(--loanlift-text-dark-grey);
    text-transform: none;
    font-style: normal;
}
img {
    max-width: 100%;
}
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    line-height: 30px;
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   position: relative;
   margin: 0px;
   font-family:var(--loanlift-heading-font) ;
   color: var(--loanlift-text-black);
}
h1 {
    font-size: 65px;
    font-weight: 600;
    line-height: 80px;
    letter-spacing: -0.03em;
    margin-bottom: 24px;
}
h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 24px;
}
h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 24px;
}
h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 16px;
}
h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
}
p {
    color: var(--loanlift-text-dark-grey);
    margin: 0 0 16px;
}
input:focus,
select:focus,
textarea:focus {
   box-shadow: none !important;
}
textarea:focus-visible {
    outline: 0;
}
input:-webkit-autofill {
   -webkit-background-clip: text;
}
[type=search]{
    outline-offset: 0;
}
input:focus-visible, 
button:focus-visible{
    outline: 0;
}
.white-font, .white-font a{
    color: var(--loanlift-text-light);
}
.gutter-y-10 {
    --bs-gutter-y: 10px;
}
.gutter-y-15 {
    --bs-gutter-y: 15px;
}
.gutter-y-20 {
    --bs-gutter-y: 20px;
}
.gutter-y-30 {
    --bs-gutter-y: 30px;
}
.gutter-y-40 {
    --bs-gutter-y: 40px;
}
.gutter-y-60 {
    --bs-gutter-y: 60px;
}
.gutter-x-15{
    --bs-gutter-x: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
/***********************
* Button style 
***********************/
.btn-primary {
    background: transparent;
    column-gap: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    border: 1px solid var(--loanlift-text-light);
    line-height: 30px;
    padding: 8px 30px;
    border-radius: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 1;
}
.btn-secondary{
    background: var(--loanlift-text-black);
    column-gap: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    border: 1px solid var(--loanlift-text-black);
    line-height: 30px;
    padding: 8px 30px;
    border-radius: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 1;
}
.btn-outline-secondary {
    column-gap: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    line-height: 30px;
    border-radius: 30px;
    padding: 8px 30px;
    background-color: transparent;
    border: 1px solid var(--loanlift-text-black);
    color: var(--loanlift-text-black);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 1;
}
.btn-outline-primary {
    column-gap: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    line-height: 30px;
    border-radius: 30px;
    padding: 8px 30px;
    background-color: transparent;
    border: 1px solid var(--loanlift-text-light);
    color: var(--loanlift-text-light);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 1;
}
.btn-light {
    background-color: #2563eb;
    column-gap: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 16px;
	color: #ffffff;
    overflow: hidden;
    border: 1px solid var(--loanlift-text-light);
    line-height: 30px;
    padding: 8px 30px;
    border-radius: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 1;
}
.btn-primary i, 
.btn-secondary i,
.btn-outline-secondary i,
.btn-outline-primary i,
.btn-light i{
    display: flex;
}
.btn-primary::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--loanlift-text-light);
    color: var(--loanlift-text-black);
    z-index: -1;
    height: 140px;
    width: 230px;
    transform: translate(-167px, -110px) rotate(-34deg);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.btn-secondary::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--loanlift-text-light);
    color: var(--loanlift-text-black);
    z-index: -1;
    height: 140px;
    width: 230px;
    transform: translate(-167px, -110px) rotate(-34deg);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.btn-outline-secondary::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #2681ff;
    color: var(--loanlift-text-light);
    z-index: -1;
    height: 140px;
    width: 230px;
    transform: translate(-167px, -110px) rotate(-34deg);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.btn-outline-primary::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #197bd1;
    color: var(--loanlift-text-black);
    z-index: -1;
    height: 140px;
    width: 230px;
    transform: translate(-167px, -110px) rotate(-34deg);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.btn-light::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--loanlift-text-black);
    color: var(--loanlift-text-black);
    z-index: -1;
    height: 140px;
    width: 230px;
    transform: translate(-167px, -110px) rotate(-34deg);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease; 
}
.btn-primary:hover{
    background-color: transparent;
    border-color: transparent;
    color: var(--loanlift-text-black);
}
.btn-secondary:hover{
    background-color: var(--loanlift-text-light);
    border-color: var(--loanlift-text-black);
    color: var(--loanlift-text-black);
}
.btn-outline-secondary:hover{
     background-color: var(--loanlift-text-black);
     color: var(--loanlift-text-light);
}
.btn-outline-primary:hover{
    background-color: var(--loanlift-text-light);
    color: var(--loanlift-text-black);
    border-color: var(--loanlift-text-light);
}
.btn-light:hover{
    background-color: var(--loanlift-text-black);
    color:  var(--loanlift-text-light);
    border-color: var(--loanlift-text-black);
}
.btn-primary i, 
.btn-secondary i,
.btn-outline-secondary i,
.btn-outline-primary i,
.btn-light i{
    transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -ms-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
}
.btn-primary:hover i,
.btn-secondary:hover i,
.btn-outline-secondary:hover i,
.btn-outline-primary:hover i,
.btn-light:hover i{
    transform: rotateZ(-45deg);
}
.btn-primary:hover::after,
.btn-secondary:hover::after,
.btn-outline-secondary:hover::after,
.btn-outline-primary:hover::after ,
.btn-light:hover::after{
    transform: translate(-0px, -60px) rotate(-34deg);
}
.btn-small{
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
}
.more-btn {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border-radius: 100%;
    border: none;
    background-color: rgba(255, 255, 255, 0.2);
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
         background-color: transparent; 
     border-color: var(--loanlift-text-light); 
     color: inherit;
}

/***********************
 * scroll to top 
***********************/
.scroll-to-top {
    display: flex;
    align-items: center;
    width: auto;
    height: 35px;
    background: transparent;
    position: fixed;
    bottom: 60px;
    right: -12px;
    z-index: 99;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: rotate(-90deg);
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .scroll-to-top-text {
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-right: 8px;
    color: var(--loanlift-text-dark-grey);
  }
  .scroll-to-top-wrapper {
    display: inline-block;
    width: 30px;
    height: 4px;
    background-color: var(--loanlift-secondary-bg);
    position: relative;
    overflow: hidden;
  }
  .scroll-to-top-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--loanlift-primary-bg);
  }
  .scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    bottom: 70px;
  }
/***********************
 * header one
***********************/
.topbar-one {
    background-color: var(--loanlift-primary-bg);
    color: #ffffff;
    margin-left: 303px;
    position: absolute;
    z-index: 2;
    width: -webkit-fill-available;
    top: 0;
}
.topbar-one-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 40px;
}
ul.topbar-one-info {
    display: flex;
    align-items: center;
    column-gap: 23px;
}
ul.topbar-one-info li{
    display: flex;
    align-items: center;
    column-gap: 14px;
}
ul.topbar-one-info li i{
    display: flex;
    font-size: 20px;
}
ul.topbar-one-info li p{
    margin-bottom: 0;
}
ul.topbar-one-info li p, 
ul.topbar-one-info li a{
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
}
.topbar-one-right {
    display: flex;
    align-items: center;
    column-gap: 40px;
}
.topbar-one-right ul{
    display: flex;
    align-items: center;
    column-gap: 25px;
}
.topbar-one-right ul li {
    line-height: 0;
}
.topbar-one-right ul li a{
    color: rgba(255, 255, 255, 0.8);
    line-height: 20px;
    font-size: 14px;
}
.main-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #fff3;
}
nav.main-menu {
    display: flex;
    align-items: center;
}
.main-menu-logo {
    max-width: 290px;
    width: 100%;
    position: relative;
    text-align: center;
}
.main-menu-inner {
    display: flex;
    width: 100%;
    padding-top: 50px;
}
ul.main-menu-list {
    display: flex;
    align-items: center;
    column-gap: 44px;
    padding: 0px 30px;
    padding-left: 56px;
}
ul.main-menu-list li{
    display: flex;
    column-gap: 8px;
    align-items: center;
    color: var(--loanlift-text-light);
    position: relative;
    padding: 27px 0;
}
ul.main-menu-list li a, 
ul.main-menu-list li{
    color: var(--loanlift-text-light);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
ul.main-menu-list li {
    position: relative;
}

ul.main-menu-list li ul {
    position: absolute;
    width: 230px;
    padding: 10px 0;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0);
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    z-index: 999999;
    background-color: var(--loanlift-text-light);
    border-bottom: 2px solid var(--loanlift-primary-bg);
    box-shadow: 0 0 60px 0 rgb(53 57 69 / 15%);
    margin-top: 0;
}
ul.main-menu-list li:hover ul {
    opacity: 1;
    transform: scaleY(1) translateZ(0px);
    visibility: visible;
}
ul.main-menu-list li ul li {
    padding: 10px 25px;
}
ul.main-menu-list li ul li a{
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--loanlift-text-black);
    position: relative;
}
ul.main-menu-list li ul li a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 0px;
    background-color: var(--loanlift-text-black);
    transition: all 0.5s;
}
ul.main-menu-list li ul li:hover a::after{
   width: 100%;
}
.main-menu-right {
    margin-left: auto;
    margin-right: 40px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.search-btn {
    border: none;
    background: none;
    color: var(--loanlift-text-light);
    font-size: 20px;
    line-height: 20px;
    transition: all 0.5s;
}
.main-menu-logo::after {
    content: "";
    position: absolute;
    bottom: -51px;
    right: -1px;
    height: 144px;
    width: 1px;
    background-color: #fff3;
}
.search-filed.search-active {
    max-width: 1000px;
    opacity: 1;
}
.search-btn.search-active {
    font-size: 20px;
    line-height: 20px;
}
.header-right-end {
    position: relative;
    width: 28px;
    height: 21px;
    margin-left: auto;
    cursor: pointer;
    margin-right: 30px;
    display: none;
}
.header-right-end span:nth-child(1) {
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: var(--loanlift-text-light);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.header-right-end span:nth-child(2) {
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: var(--loanlift-text-light);
    border-radius: 10px;
    right: 0;
    bottom: 9px;
}
.header-right-end span:nth-child(3) {
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: var(--loanlift-text-light);
    border-radius: 10px;
    left: 0;
    bottom: 0;
}
.sticky-header--cloned.sticky-fixed .main-menu-inner {
    padding-top: 0;
}
.sticky-header--cloned.sticky-fixed .main-menu-logo::after {
    height: 84px;
    bottom: -26px;
}
/***********************
 * main-header-two
***********************/
.topbar-two {
    background-color: #00070F;
    padding: 21px 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
}
.topbar-two p{
    margin-bottom: 0;
    line-height: 18px;
    color: var(--loanlift-text-light);
}
ul.topbar-two-social-media {
    display: flex;
    column-gap: 30px;
    align-items: center;
    justify-content: end;
}
ul.topbar-two-social-media li{
    display: flex;
}
ul.topbar-two-social-media li a {
    color: rgba(255,255,255,0.8);
    line-height: 18px;
    font-size: 15px;
}
ul.topbar-two-social-media li a:hover{
    color: #979795;
}
.main-header-two {
    border-bottom: 1px solid var(--loanlift-text-light-grey);
    background-color: transparent;
    padding-top: 60px;
}
.main-header-two .main-menu-inner {
    padding: 0;
    justify-content: center;
}
.main-header-two .main-menu-logo::after {
    display: none;
}
.main-header-two .main-menu-right {
    margin-right: 0;
    flex-shrink: 0;
}
.main-header-two .search-btn {
    font-size: 25px;
    line-height: 17px;
}
.menu-phone{
    display: flex;
    align-items: center;
    column-gap: 14px;
    color: var(--loanlift-text-light);
    font-size: 18px;
    line-height: 35px;
    letter-spacing: -0.02em;
    font-family: var(--loanlift-heading-font);
}
.menu-phone i{
    font-size: 25px;
    line-height: 17px;
}
.main-header-two ul.main-menu-list>li{
    padding: 30px 0;
}
.main-header-two.sticky-header--cloned.sticky-fixed {
    padding-top: 0;
}
.main-header-two .main-menu-right span {
    width: 1px;
    height: 51px;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
}
/***********************
 * main-header-three
***********************/
.main-header-three{
    backdrop-filter: blur(0px);
    box-shadow: none;
}
.main-header-three  nav.main-menu{
    margin: 0 68px;
}
.main-header-three .main-menu-inner {
    padding-top: 0;
    justify-content: center;
}
.main-header-three .main-menu-logo::after{
    display: none;
}
.main-header-three ul.main-menu-list>li{
    padding: 35px 0;
}
.main-header-three .main-menu-right{
    margin-right: 30px;
    flex-shrink: 0;
    column-gap: 40px;
}
ul.contact-info {
    display: flex;
    align-items: center;
    column-gap: 14px;
}
ul.contact-info li {
    display: flex;
    align-items: center;
    color: var(--loanlift-text-light);
    column-gap: 14px;
}
ul.contact-info li i {
    display: flex;
    font-size: 27px;
}
ul.contact-info li a {
    color: var(--loanlift-text-light);
}
.menu-right-end {
    display: flex;
    column-gap: 18px;
    align-items: center;
}
.menu-right-end>span {
    display: inline-block;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.8);
}
.header-side-menu {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: end;
    cursor: pointer;
}
.header-side-menu span {
    width: 38px;
    display: inline-block;
    height: 2px;
    background-color: #fff;
}
.header-side-menu span:nth-child(2){
    width: 32px;
}
.header-side-menu span:nth-child(3){
    width: 16px;
}
.main-header-four.sticky-header--cloned.sticky-fixed .header-right-end span {
    background-color: #ffffff;
}
.main-header-three ul.main-menu-list {
    column-gap: 30px;
}
ul.topbar-three-social-media li a:hover {
    color: #ffffff;
}
/***********************
 * main-header-four
***********************/
.main-header-four {
    position: relative;
    backdrop-filter: none;
    box-shadow: none;
    background-color: #010a1a;
}
.main-header-four .main-menu-logo::after{
    display: none;
}
.main-header-four ul.main-menu-list>li>a, .main-header-four ul.main-menu-list>li{
    color: #ffffff;
}
.topbar-three{
    background-color: #000000;
    padding: 15px 0;
}
.topbar-three p {
    margin-bottom: 0;
    line-height: 18px;
    color: rgba(255,255,255, 0.8);
    font-size: 15px;
}
ul.topbar-three-social-media {
    display: flex;
    column-gap: 20px;
    align-items: center;
    justify-content: end;
}
ul.topbar-three-social-media li{
    display: flex;
}
ul.topbar-three-social-media li a{
    color: rgba(255,255,255,0.8);
    line-height: 18px;
}
ul.topbar-three-social-media li a:hover {
    color: #ffffff;
}
.main-header-four .main-menu-logo{
    text-align: left;
    max-width: 260px;
}
.main-header-four .main-menu-inner{
    padding-top: 0px;
    justify-content: center;
}
.main-header-four .main-menu-right{
    margin-right: 0;
    flex-shrink: 0;
}
.main-header-four .menu-phone, 
.main-header-four  .search-btn{
    color: #ffffff;
}
.main-header-four  .search-btn{
    font-size: 25px;
    line-height: 0;
}
.main-header-four .main-menu-right span {
    width: 1px;
    height: 51px;
    background-color: rgba(15, 16, 17, 0.3);
    display: inline-block;
}
.main-header-four .header-right-end span{
    background-color: #ffffff;
}
.sticky-header--cloned.sticky-fixed {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.5s;
    visibility: visible;
    backdrop-filter: blur(10px);
    background-color: rgb(11 19 27 / 65%);
 }
 .sticky-fixed {
    box-shadow: 0 7px 50px 0 rgba(0, 0, 0, .1);
    position: fixed ;
    transform: translateY(0);
    z-index: 999;
    transition: all 1.5s;
 }
 .sticky-header--cloned {
    position: fixed ;
    z-index: 991;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    transform: translateY(-120%);
 }
 .main-header-four.sticky-header--cloned.sticky-fixed ul.main-menu-list>li>a,
 .main-header-four.sticky-header--cloned.sticky-fixed ul.main-menu-list>li,
 .main-header-four.sticky-header--cloned.sticky-fixed .search-btn ,
 .main-header-four.sticky-header--cloned.sticky-fixed .menu-phone {
    color: var(--loanlift-text-light);
}
/* .main-header-four.sticky-header--cloned.sticky-fixed .main-menu-logo img{
    filter: brightness(21.5);
} */
/***********************
 * search-popup
***********************/
.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    transform: scale(0.5, 0.5);
    background-color: rgba(0, 0, 0, 0.70);
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
 }
 .search-active .search-popup {
    transform: translateY(0%);
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
 }
 .close-search {
    position: absolute;
    left: 0;
    right: 0;
    border: transparent;
    top: 20%;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    background-color: var(--loanlift-text-light);
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
 }
 .search-active .close-search {
    visibility: visible;
    opacity: 1;
 }
 .close-search:before,
 .close-search:after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: var(--loanlift-text-black);
    width: 25px;
    top: 24px;
    right: 13px;
    transform: rotate(45deg);
 }
 .close-search:after {
    transform: rotate(-45deg);
 }
 .search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: 0 auto 0;
    transform-origin: center;
    background-color: var(--loanlift-text-light);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
 }
 .search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
 }
 .search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: var(--loanlift-text-black);
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: var(--loanlift-text-light);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
    border: none;
 }
 .search-popup .form-group input[type="submit"],
 .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 3px;
    height: 70px;
    line-height: 30px;
    background: transparent;
    text-align: center;
    font-size: 30px;
    color: var(--loanlift-text-black);
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
 }
/***********************
 * mobile-nav
***********************/
 .mobile-nav-wrapper {
    position: fixed;
    z-index: 991;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transform-origin: left center;
    transition: all 0.5s;
    visibility: hidden;
    z-index: 999999;
 }
 .mobile-nav-wrapper.expanded {
    opacity: 1;
    transform: translateX(0%);
    visibility: visible;
    transition: all 0.5s;
 }
 .mobile-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000090;
    opacity: 0.9;
 }
 .mobile-nav-content {
    width: 100%;
    max-width: 300px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    background-color: var(--loanlift-text-black);
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 30px 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: all 0.5s;
 }
 .mobile-nav-wrapper.expanded .mobile-nav-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all 0.5s;
 }
 .mobile-nav-close {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 42px;
    right: 15px;
 }
 .mobile-nav-close span {
    width: 3px;
    height: 100%;
    display: block;
    position: absolute;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    background-color: var(--loanlift-text-light);
    transform: translate(-50%, -50%) rotate(45deg);
 }
 .mobile-nav-close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
 }
 ul.mobile-menu-list {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 10px;
 }
 ul.mobile-menu-list li {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
 }
 ul.mobile-menu-list li:last-child {
    border: none;
 }
 .locked {
    position: fixed;
    width: 100%;
    top: 0;
 }
 ul.mobile-menu-list li a {
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
    color: #ffffff;
    transition: all 0.5s;
    padding: 0 25px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 ul.mobile-menu-list .dropdown ul {
    margin: 0;
    padding: 0;
    display: none;
    border-top: 1px solid #d5cdcd;
 }
 ul.mobile-menu-list .dropdown ul li a {
    padding-left: 35px;
 }
 .mobile-menu-list .menu-item-has-children button.expanded {
    transform: translateY(-50%)rotate(90deg);
 }
 .mobile-menu-list .menu-item-has-children button {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)rotate(-0deg);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    outline: none;
    float: right;
    transition: all 0.3s;
    line-height: 0px;
 }
 /***********************
 * preloader
***********************/
 .preloader {
    background: var(--loanlift-text-black);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9999999999999;
    height: 100%;
    width: 100%;
}
.loading-container {
    width: 100%;
    max-width: 520px;
    text-align: center;
    color: #fff;
    position: relative;
    margin: 40vh auto;
  }
  .loading-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #fff;
    bottom: -15px;
    left: 0;
    border-radius: 10px;
    animation: movingLine 2.4s infinite ease-in-out;
  }
  .loading-text {
    font-size: 5vw;
    line-height: 64px;
    letter-spacing: 10px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-evenly;
  }
  
  .loading-text span {
    animation: moveLetters 2.4s infinite ease-in-out;
    transform: translateX(0);
    position: relative;
    display: inline-block;
    opacity: 0;
    text-shadow: 0px 2px 10px rgba(46, 74, 81, 0.3);
  }
  .loading-text span:nth-child(1) { animation-delay: 0.1s; }
  .loading-text span:nth-child(2) { animation-delay: 0.2s; }
  .loading-text span:nth-child(3) { animation-delay: 0.3s; }
  .loading-text span:nth-child(4) { animation-delay: 0.4s; }
  .loading-text span:nth-child(5) { animation-delay: 0.5s; }
  .loading-text span:nth-child(6) { animation-delay: 0.6s; }
  .loading-text span:nth-child(7) { animation-delay: 0.7s; }
  .loading-text span:nth-child(8) { animation-delay: 0.8s; }
/***********************
 * banner one
***********************/
.banner-one {
    position: relative;
    overflow: hidden;
}
.banner-one-info {
    padding: 120px 0 150px;
    padding-right: 100px;
}
.banner-one-info h1 {
    margin-bottom: 20px;
    color: var(--loanlift-text-light);
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff3b;
}
.banner-one-info .section-details p {
    font-size: 18px;
    margin-bottom: 54px;
    color: var(--loanlift-text-light);
}
.banner-one-happy-client {
    font-family: var(--loanlift-heading-font);
    font-size: 65px;
    font-weight: 700;
    line-height: 90px;
    display: block;
    color: var(--loanlift-text-light);
}
.banner-one-text {
    font-family:  var(--loanlift-heading-font);
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 14px;
    display: block;
    color: var(--loanlift-text-light);
}
.banner-one-review-inner {
    display: flex;
    column-gap: 13px;
    align-items: center;
    color: var(--loanlift-text-light);
    line-height: 30px;
}
.banner-one-review-inner p{
    color: var(--loanlift-text-light);
    margin: 0;
}
.banner-one-ratting {
    display: flex;
    column-gap: 4px;
    font-size: 24px;
    color: #D79254;
}
.banner-one-slider-item-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transform: scale(1);
    transition: all 15s linear;
}
.banner-one-slider-item-image::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 21, 37, 0.9) 60%);
}
.banner-one-slider-item-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.slick-slide.slick-current.slick-active .banner-one-slider-item-image{
    transform: scale(1.25);
}
.banner-one-review {
    margin-bottom: 40px;
}
.banner-one ul.slick-dots {
    position: absolute;
    top: calc(50% + 73px);
    right: 148px;
    transform: translateY(-50%);
}
.banner-one ul.slick-dots li{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.banner-one ul.slick-dots li+li {
    margin-top: 8px;
}
.banner-one ul.slick-dots li.slick-active{
    border: 1px solid var(--loanlift-text-light);
}
.banner-one ul.slick-dots li button {
    background-color: var(--loanlift-text-light);
    font-size: 0;
    height: 10px;
    width: 10px;
    border: none;
    border-radius: 100%;
}
.banner-one-box {
    position: absolute;
    bottom: 0px;
    right: 302px;
    width: 425px;
    padding: 40px;
    color: var(--loanlift-text-light);
    backdrop-filter: blur(20px);
    box-shadow: 2px 2px 100px 0px rgba(255, 255, 255, 0.1) inset;
    transition: all 0.5s;
}
.banner-one-box p, 
.banner-one-box h2{
    color: var(--loanlift-text-light);
    margin: 0;
}
.banner-one-box-inner {
    display: flex;
    column-gap: 26px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 0.5px solid rgba(158, 158, 158, 1);
}
.banner-one-box-inner i {
    font-size: 45px;
    line-height: 30px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
}
.fade-left{
    opacity: 0;
    transform: translateX(-200px);
    transition: all 1s linear;
}
.slick-slide.slick-current.slick-active .fade-left{
    opacity: 1;
    transform: translateX(0px);
}
/***********************
 * banner two
***********************/
.banner-two {
    position: relative;
    overflow: hidden;
}
.banner-two-info {
    padding: 100px 0 100px 0;
}
.banner-two-info p {
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 17px;
    color: var(--loanlift-text-light);
    /* letter-spacing: 0.30em; */
}
.banner-two-info h1{
    font-size: 50px;
    line-height: 60px;
    /* letter-spacing: -0.03em; */
    font-weight: 700;
    color: var(--loanlift-text-light);
    margin-bottom: 20px;
}
.banner-two-slider-item-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transform: scale(1);
    transition: all 15s linear;
}
.banner-two-slider-item-image::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(6, 21, 37, 0.5);
}
.banner-two-slider-item-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.slick-slide.slick-current.slick-active .banner-two-slider-item-image {
    transform: scale(1.25);
}
.banner-two ul.slick-dots {
    position: absolute;
    left: 50%;
    bottom: 42px;
    display: flex;
    transform: translateX(-50%);
}
.banner-two ul.slick-dots::before{
    content: "01";
    position: absolute;
    top: -30px;
    left: -30px;
    color: var(--loanlift-text-light);
}
.banner-two ul.slick-dots li {
    width: 300px;
    height: 2px;
    cursor: pointer;
    position: relative;
}
.banner-two ul.slick-dots::after {
    content: "03";
    position: absolute;
    color: var(--loanlift-text-light);
    right: -30px;
    top: -30px;
}
.banner-two ul.slick-dots li button {
    border: none;
    position: relative;
    width: 100%;
    height: 2px;
    display: flex;
    background-color: rgb(194 194 194 / 36%);
    transition: all 6s linear;
}
.banner-two ul.slick-dots li button::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.banner-two-btn {
    display: flex;
    justify-content: center;
    column-gap: 40px;
    align-items: center;
}
span.dot-text {
    color: var(--loanlift-text-light);
    width: 100%;
    position: absolute;
    top: -40px;
    transition: all 0.5s;
    text-align: center;
}
.banner-two ul.slick-dots li.slick-active ::after{
    background-color: var(--loanlift-text-light);
    width: 100%;
    animation: swipe 6s linear;
}
.curved-circle {
    color: #ffff;
    width: 185px;
    height: 185px;
    border: 1px solid;
    border-radius: 100%;
    position: relative;
    animation: textRotate 15s linear 0s forwards infinite alternate;
}
.curved-circle::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    height: 120px;
    width: 120px;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    border: 1px solid;
}
.banner-two-icon {
    font-size: 56px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
}
.banner-two__circle {
    position: absolute;
    right: 130px;
    bottom: 210px;
}
.curved-circle--item {
    width: 181px;
    height: 181px !important;
}
/***********************
 * banner three
***********************/
.banner-three {
     background-color: var(--loanlift-primary-bg);
     position: relative;
     padding: 140px 0 40px;
}
.banner-three-shape-1 {
    position: absolute;
    top: 158px;
    right: 50px;
}
.banner-three-shape-2{
    position: absolute;
    left: 50px;
    bottom: 265px;
}
.banner-three-video {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    overflow: hidden;
    height: 394px;
}
.banner-three-video img {
    object-fit: cover;
    top: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    object-fit: cover;
    transform: scale(1.5);
}
.banner-three-video::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(6, 21, 37, 0.25);
}
.about-three-video-btn{
    color: var(--loanlift-text-light);
    height: 56px;
    width: 56px;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    border-radius: 100%;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    background: linear-gradient(247.52deg, rgba(0, 0, 0, 0.034) 1.52%, rgba(255, 255, 255, 0) 96.99%);
    background: -webkit-linear-gradient(247.52deg, rgba(0, 0, 0, 0.034) 1.52%, rgba(255, 255, 255, 0) 96.99%);
    backdrop-filter: blur(10px);
}
.banner-three .heading-title{
    margin-bottom: 40px;
}
.banner-three .banner-details p{
    color: var(--loanlift-text-light-grey);
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(228, 228, 228, 0.1);
}
.banner-three-contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
}
.banner-three-contact a.btn-link{
    color: var(--loanlift-text-light);
    font-size: 22px;
}
.partner-slider-two-item {
    height: 120px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.partner-slider-two-item img{
    transition: all 0.5s;
}
.partner-slider-two-item img:hover{
    filter: brightness(180.5);
}
/***********************
 * services one
***********************/
.services-section-one {
    padding: 130px 0;
    position: relative;
}
.service-one-shape-1 {
    position: absolute;
    top: 56px;
    right: 46px;
    animation: zoom-in-out 10s linear infinite;
}
.service-one-shape-2 {
    position: absolute;
    bottom: 57px;
    left: 46px;
    animation: fade-up-in 10s linear infinite;
}
.services-section-one .heading-title {
    margin-bottom: 40px;
}
.heading-subtitle {
    border: 1px solid rgba(9, 36, 76, 1);
    border-radius: 30px;
    padding: 4px 20px;
    display: inline-block;
    font-family: var(--loanlift-body-font);
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.30em;
    /* margin-bottom: 18px; */
    display: inline-block;
}
.service-one-inner {
    display: flex;
    margin: 0 6px;
    flex-wrap: wrap;
    border: 1px solid #EBEBEB;
    position: relative;
    margin-bottom: 50px;
}
.service-one-box {
    padding: 40px;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 32px;
    width: 50%;
    cursor: pointer;
    overflow: hidden;
}
.service-one-box-image {
    position: absolute;
    top: 0;
    left: -670px;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s ;
}
.service-one-box-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.service-one-box-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(6, 21, 37, 0.6);
}
.service-one-info h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
    transition: all 0.5s;
}
.service-one-info p{
    margin: 0;
    transition: all 0.5s;
}
.service-one-box:hover .service-one-info h4, .service-one-box:hover .service-one-info p, .service-one-box:hover a, .service-one-box:hover .service-one-icon-box{
    color: var(--loanlift-text-light);
}
.service-one-box:hover .service-one-box-image {
    left: 0;
}
.service-one-box:hover a{
    transform: rotate(0deg);
}
.service-one-box:hover .service-one-box-image {
    opacity: 1;
}
.service-one-box a {
    color: var(--loanlift-text-black);
    font-size: 24px;
    transition: all 0.5s;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    line-height: 0;
    flex-shrink: 0;
    background-color: #F2F4F8;
    transition: all 0.5s;
}
.service-one-box:hover a{
    background-color: rgba(255, 255, 255, 0.2);
}
.service-one-box a i{
   transition: all 0.5s;
}
.service-one-box:hover a i{
    transform: rotate(-45deg);
    color: var(--loanlift-text-light);
}
.service-one-icon-box {
    font-size: 60px;
    line-height: 60px;
    transition: all 0.5s;
    transform: scaleX(1);
}
.service-one-box:hover .service-one-icon-box{
    transform: scaleX(-1);
}
.service-one-box+.service-one-box {
    border-top: 1px solid #EBEBEB;
}
.service-one-box:nth-child(2) {
    border: none;
}
.service-one-inner::before {
    content: "";
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    position: absolute;
    transform: translateX(-50%);
    background-color: #EBEBEB;
}
/***********************
 * services two
***********************/
.services-two {
    position: relative;
    padding-bottom: 40px;
    overflow: hidden;
}
.services-two-shape-one-1{
  position: absolute;
  top: 50px;
  right: 50px;
}
.services-two-shape-one-2{
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.services-two-inner-bg {
    background-color: var(--loanlift-secondary-bg);
    padding-top: 100px;
    border-bottom: 1px solid rgba(235, 235, 235, 1)
}
.services-two .heading-title {
    margin-bottom: 40px;
}
ul#services-tab .nav-link {
    display: flex;
    column-gap: 14px;
    align-items: center;
    background: transparent;
    padding: 15px 30px;
    border: none;
}
ul#services-tab .nav-link span {
    margin-bottom: 0;
    font-family: 'Wix Madefor Display';
    font-weight: 600;
    font-size: 22px;
    line-height: 35px;
    color: var(--loanlift-text-black);
}
.services-two .nav-tabs .nav-item.show .nav-link, 
.services-two .nav-tabs .nav-link.active{
    border-bottom: 1px solid var(--loanlift-primary-bg) !important;
}
ul#services-tab .nav-link:focus, ul#services-tab .nav-link:hover{
    border-color: transparent;
}
ul#services-tab .nav-link i {
    font-size: 34px;
    line-height: 23px;
    color: var(--loanlift-text-black);
}
#services-tab-content {
    padding-top: 40px;
}
.tab-pane.active .services-two-image{
    animation: fale-left-two 0.8s linear;
}
.services-two-image{
    position: relative;
    overflow: hidden;
}
.tab-pane.active .services-two-info{
    animation: fale-right-two 0.8s linear;
    margin-left: 60px;
}
.services-two-tagline p {
    padding: 7px 20px;
    background-color: #2681ff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1.5px;
    margin-bottom: 40px;
    display: inline-block;
    color: var(--loanlift-text-light);
    text-transform: uppercase;
}
.services-two-details p {
    margin-bottom: 40px;
}
ul.services-two-features {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    margin-bottom: 40px;
}
ul.services-two-features li{
    position: relative;
    width: 50%;
    padding-left: 24px;
}
ul.services-two-features li a{
    color: var(--loanlift-text-dark-grey);
}
ul.services-two-features li::after {
    content: url(../images/shape/star-shape.svg);
    position: absolute;
    top: 5px;
    left: 0px;
    line-height: 15px;
}
/***********************
 * features three
***********************/
.services-three {
     padding: 100px 0;
     position: relative;
}
.services-three-shape-one-1 {
    position: absolute;
    top: 50px;
    right: 50px;
}
.services-three-shape-one-2 {
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.services-three .heading-title{
    margin-bottom: 40px;
}
.services-three-box {
    padding: 40px;
    border: 1px solid #CBCBCB;
    position: relative;
    transition: all 0.5s linear;
    overflow: hidden;
}
.services-three-box-icon {
    font-size: 60px;
    padding: 12px 13px;
    width: fit-content;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
    transition: all 0.5s linear;
    line-height: 0;
}
.services-three-box-icon i {
    transition: all 0.5s;
    transform: scaleX(1);
    display: inline-flex;
}
.services-three-box:hover .services-three-box-icon i{
    transform: scaleX(-1);
}
.services-three-box span{
    position: absolute;
    top: 40px;
    right: 36px;
    transition: all 0.5s linear;
}
.services-three-box hr {
    margin: 20px 0;
    opacity: 1;
    transition: all 0.5s linear;
    height: 1px;
    color: #CBCBCB;
}
.services-three-box-title h3 {
    font-weight: 700;
    margin-bottom: 24px;
    transition: all 0.5s linear;
}
.services-three-box-info p {
    margin-bottom: 30px;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    transition: all 0.5s linear;
}
.services-three-box a , .services-three-box a:hover{
    color: var(--loanlift-text-black);
    transition: all 0.5s linear;
}
.services-three-box::after {
    background-color: var(--loanlift-primary-bg);
    content: "";
    position: absolute;
    top: 0;
    left: -560px;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all 0.8s;
}
.services-three-box:hover::after {
    left: 0px;
}
.services-three-box:hover .services-three-box-icon{
    background-color: rgba(255, 255, 255, 0.15);
    color: var(--loanlift-text-light);
}
.services-three-box:hover span, 
.services-three-box:hover a, 
.services-three-box:hover .services-three-box-title h3{
    color: var(--loanlift-text-light);
}
.services-three-box:hover hr{
    border-color: rgba(194, 194, 194, 0.3);
}
.services-three-box:hover .services-three-box-info p{
    color: var(--loanlift-text-light-grey);
}
/***********************
 * features one
***********************/
.features-section-one {
    background-color: #F2F4F8;
}
.features-one-image {
    margin-left: -12px;
    overflow: hidden;
    height: 750px;
    margin-right: 20px;
    position: relative;
}
.features-one-image img {
    width: 100%;
    transition: all 0.8s;
    height: 100%;
    object-fit: cover;
}
.features-one-info {
    margin-left: 39px;
    margin-right: 39px;
}
.features-one-info p{
    margin-bottom: 40px;
}
.features-one-list-block{
    margin-bottom: 40px;
}
ul.features-one-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
ul.features-one-list li {
    position: relative;
    width: 45%;
    margin-left: 24px;
}
ul.features-one-list li::after {
    content: url(../images/shape/star-shape.svg);
    position: absolute;
    top: 5px;
    left: -24px;
    line-height: 15px;
}
.features-one-form {
    box-shadow: 0px 0px 28px 0px #0000002E;
    margin-left: 17px;
    margin-right: 20px;
}
.features-one-form h3 {
    padding: 27px 0;
    color: #E7E7E7;
    background-color:var(--loanlift-text-black) ;
    text-align: center;
    margin-bottom: 0;
}
.features-one-form-content {
    padding: 30px;
    background-color: var(--loanlift-text-light);
}
.features-one-form-content .input-box__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: var(--loanlift-text-black);
    margin-bottom: 10px;
}
.features-one-form-content .input-box {
    margin-bottom: 45px;
}
.features-one-form-content .noUi-horizontal {
    height: 16px;
    border-radius: 70px;
    background-color: #f6f6f6;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px;
}
.features-one-form-content .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    border: 4px solid var(--loanlift-text-black);
    background:#f6f6f6 ;
    border-radius: 50%;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.features-one-form-content .noUi-tooltip {
    border: none;
    padding: 0;
    color: var(--loanlift-text-black);
    background-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.features-one-form-content .noUi-horizontal .noUi-tooltip {
    top: 213%;
    background-color: var(--loanlift-text-light);
    padding: 0 8px;
}
.features-one-form-content .noUi-handle:after, .noUi-handle:before{
    display: none;
}
.features-one-form-content .noUi-connect {
    background-color: var(--loanlift-text-black);
    border-radius: 70px;
    overflow: hidden;
    height: 8px;
}
.features-one-form-content p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.features-one-form-content p b {
    font-weight: 400;
    color: var(--loanlift-text-black);
    line-height: 1;
    display: block;
}
.features-one-form-content p i {
    font-style: normal;
}
.features-one-form-content p+p {
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px solid  rgba(235, 235, 235, 1);
}
.features-one-form-content button {
    border-color: var(--loanlift-text-black);
    margin-top: 28px;
    color: var(--loanlift-text-black);
}
.features-one-form-content button:hover{
    border-color: var(--loanlift-text-black);
    color: var(--loanlift-text-light);
    background-color: var(--loanlift-text-black);
}
.features-one-form-content button::after{
    display: none;
}
.btn-block {
    width: 100%;
    justify-content: center;
}
/***********************
 * features two
***********************/
.features-two{
    overflow: hidden;
    padding: 30px 0;
}
.features-slider-two{
    transform: rotate(178deg);
    padding: 49px 0;
}
.features-two-slider-item {
    padding-right: 37px;
    transform: rotateZ(180deg);
}
.features-slider-two .slick-track{
    background-color: var(--loanlift-primary-bg);
}
.features-two-slider-item h2 {
    padding: 10px 0;
    color: var(--loanlift-text-light);
    margin-bottom: 0;
}
.features-three-slider-item {
    padding-right: 20px;
}
.features-three-slider-item h3{
    padding: 15px 30px;
    border: 1px solid var(--loanlift-text-black);
    border-radius: 40px;
}
/***********************
 * features three 
***********************/
.features-three {
    padding: 100px 0;
}
.features-box-three {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    height: 100%;
    background-size: cover;
    padding: 40px 30px;
}
.features-box-three h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 20px;
}
.features-video-info {
    display: flex;
    align-items: center;
    column-gap: 35px;
}
.features-video-btn-one {
    color: var(--loanlift-text-light);
    font-size: 27px;
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--loanlift-text-dark-grey);
    position: relative;
}
.features-video-btn-one::after {
    content: "";
    position: absolute;
    height: 56px;
    width: 56px;
    border-radius: 100%;
    background-color: var(--loanlift-text-dark-grey);
    z-index: -1;
    animation: pulse-ring 1.25s linear infinite;
}
.features-video-info p {
    margin-bottom: 0;
    text-align: left;
    color: var(--loanlift-text-light);
}
.features-box-three-middel{
    align-items: flex-start;
    justify-content: end;
    position: relative;
    z-index: 1;
}
.features-box-three-middel::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 71.44%, rgba(0, 0, 0, 0.6) 81.49%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 71.44%, rgba(0, 0, 0, 0.6) 81.49%);
    z-index: -1;
}
.features-three-form {
    padding: 40px 30px;
    background-color: var(--loanlift-secondary-bg);
    text-align: center;
}
.features-three-form h3{
    padding-bottom: 18px;
    border-bottom: 1px solid #5A5A5A33;
    font-size: 28px;
    line-height: 50px;
    font-weight: 700;
    text-align: center;
}
.features-three-form-content .input-box__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: var(--loanlift-text-black);
    margin-bottom: 10px;
    margin-top: 30px;
}
.features-three-form-content .input-box.first {
    margin-bottom: 52px;
    padding-bottom: 34px;
}
.features-three-form-content .input-box.last{
    margin-bottom: 30px;
    padding-bottom: 34px;
}
.features-three-form-content .noUi-horizontal {
    height: 8px;
    border-radius: 70px;
    background-color: #f6f6f6;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px;
}
.features-three-form-content .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    border: 5px solid var(--loanlift-text-black);
    background:#f6f6f6 ;
    border-radius: 50%;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: -2px;
}
.features-three-form-content .noUi-tooltip {
    border: none;
    padding: 0;
    color: var(--loanlift-text-black);
    background-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.features-three-form-content .noUi-horizontal .noUi-tooltip {
    top: 140%;
    background-color: var(--loanlift-text-light);
    padding: 0 8px;
}
.features-three-form-content .noUi-handle:after, .noUi-handle:before{
    display: none;
}
.features-three-form-content .noUi-connect {
    background-color: var(--loanlift-text-black);
    border-radius: 70px;
    overflow: hidden;
    height: 8px;
}
.features-three-form-content p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.features-three-form-content p b {
    font-weight: 700;
    color: var(--loanlift-text-black);
    display: block;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
    font-family: var(--loanlift-heading-font);
}
.features-three-form-content p i {
    font-style: normal;
}
.features-three-pay-back {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--loanlift-border-dark);
}
.features-three-pay-back::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    height: calc(100% - 36px);
    width: 2px;
    border-left: 1px solid var(--loanlift-border-dark);
}
.features-three-pay-back p {
    flex-direction: column;
    row-gap: 5px;
    align-items: flex-start;
}
.features-three.features .features-three-form-content .noUi-horizontal {
    background-color: #ffffff;
}
.features-three.features .features-three-form-content .input-box.first {
    margin-bottom: 35px;
    padding-bottom: 40px;
}
/***********************
 * why-choose one
***********************/
.why-choose-section-one {
    padding: 60px 0;
    background: var(--loanlift-primary-bg);
    position: relative;
}
.heading-white span {
    border-color: var(--loanlift-text-light);
    color:var(--loanlift-text-light) ;
}
.why-choose-section-one .heading-title{
    margin-bottom: 40px;
}
.heading-white h2{
    color: var(--loanlift-text-light);
}
.why-choose-one-image {
    height: 311px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.why-choose-one-image-2 {
    height: 430px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.why-choose-one-image img {
    object-fit: cover;
    top: -170px;
    position: absolute;
    z-index: 0;
    transform: scale(1.5);
}
.why-choose-one-image-2 img {
    object-fit: cover;
    top: -90px;
    position: absolute;
    z-index: 0;
    transform: scale(1.5);
}
.why-choose-box-one-title {
    display: flex;
    column-gap: 8px;
    align-items: center;
    margin-bottom: 24px;
    color: var(--loanlift-text-light);
}
.why-choose-one-box {
    margin-top: 40px;
}
.why-choose-box-one-title i {
    font-size: 60px;
    line-height: 50px;
    transition: all 0.5s;
    transform: scaleX(1);
}
.why-choose-one-box:hover .why-choose-box-one-title i {
    transform: scaleX(-1);
}
.why-choose-box-one-title h4 {
    color: var(--loanlift-text-light);
    margin-bottom: 0;
}
.why-choose-one-box p{
     color: #c2c2c2b3;
}
.why-choose-left-one {
    padding-right: 60px;
}
ul.counter-box-one {
    margin-left: 16px;
    padding-left: 20px;
    border-left: 1px solid #162331;
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    justify-content: center;
}
ul.counter-box-one li h6 {
    font-size: 75px;
    font-weight: 800;
    line-height: 85px;
    letter-spacing: 0.02em;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.9);
    -webkit-text-fill-color: transparent;
    margin-bottom: 4px;
    font-family: sans-serif;
}
ul.counter-box-one li span{
    font-size: 14px;
    line-height: 20px;
    margin-left: auto;
    display: block;
    width: fit-content;
    margin-bottom: 3px;
    color: rgba(242, 244, 248, 0.6);
}
ul.counter-box-one li p{
   font-size: 16px;
   line-height: 30px;
   color: rgba(242, 244, 248, 0.6);
   border-top: 1px solid rgba(242, 244, 248, 0.6);
   margin: 0;
}
.why-choose-shape-one-1 {
    position: absolute;
    bottom: 50px;
    right: 50px;
    animation: zoom-in-out 10s linear infinite;
}
.why-choose-shape-one-2 {
    position: absolute;
    top: 50px;
    left: 50px;
    animation: fade-up-in 10s linear infinite;
}
/***********************
 * why-choose two
***********************/
.why-choose-two {
    padding: 60px 0 ;
    position: relative;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
}
.why-choose-two-shape-1 {
    position: absolute;
    top: 50px;
    right: 50px;
}
.why-choose-two-shape-2 {
    position: absolute;
    left: 50px;
    bottom: 50px;
}
.why-choose-right-two p{
    margin-bottom: 30px;
    color: #ffffff;
}
.why-choose-two-list {
    margin-bottom: 40px;
}
.why-choose-two-list li{
    color: #ffffff;
    display: flex;
    column-gap: 14px;
    align-items: center;
    margin-bottom: 5px;
}
.why-choose-two-list li i{
    display: flex;
    color: var(--loanlift-text-light);
}
.why-choose-two-box {
    padding: 30px 30px;
    background-color:rgb(9 24 40);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    column-gap: 21px;
    transition: all 0.5s linear;
}
.why-choose-two-box:hover{
    transform: translateY(10px);
}
.why-choose-two-box i {
    font-size: 50px;
    transition: all 0.5s;
    transform: scaleX(1);
}
.why-choose-two-box:hover i{
    transform: scaleX(-1);
}
.why-choose-two-box-info h4{
    margin-bottom: 18px;
    color: var(--loanlift-text-light);
}
.why-choose-two-box-info p{
    color: var(--loanlift-text-light-grey);
}
.why-choose-two-image {
    position: relative;
}
.image-shape{
    position: absolute;
    height: 200px;
    width: 200px;
    transition: all 0.8s 1.5s linear; 
    right: -100px;
    bottom: -100px;
}
.image-shape.active{
    right: 0px;
    bottom: 0px;
    transition: all 0.8s 1.5s linear; 
}
/* .image-shape span{
    position: absolute;
   height: 100px; 
   width: 100px;
   display: inline-block;
   backdrop-filter: blur(15px);
   box-shadow: 2px 2px 100px 0px #4242421A inset;
   transition: all 0.8s 1.8s linear;
} */
.image-shape span:first-child{
    top: 0;
    right: 0px;
}
.image-shape span:last-child{
    bottom: 0px;
    left: 0;
}
/***********************
 * why-choose three
***********************/
.why-choose-three {
    position: relative;
    background-color: var(--loanlift-primary-bg);
    overflow: hidden;
}
.why-choose-three .custom-container {
    width: 85%;
    padding: 100px 0;
    background-color: #061525;
    position: relative;
}
.why-choose-three .heading-subtitle span{
    color: var(--loanlift-text-light);
    border-color: var(--loanlift-text-light);
}
.why-choose-three .heading-title h2 {
    color: var(--loanlift-text-light);
    margin-bottom: 30px;
}
.why-choose-three .section-details p,
.why-choose-three-list{
    color: var(--loanlift-text-light-grey);
    margin-bottom: 40px;
}
ul.why-choose-three-counter {
    padding-right: 40px;
}
.why-choose-three-list{
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    margin-bottom: 40px;
    padding-left: 24px;
}
.why-choose-three-list li{
    width: 50%;
    position: relative;
}
.why-choose-three-list li::after {
    content: url(../images/shape/start-whait.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -24px;
    line-height: 15px;
}
.why-choose-three-counter li {
    display: flex;
    column-gap: 40px;
    align-items: center;
    padding: 25px 0;
}
.why-choose-three-counter li+li{
    padding-top: 49px;
    border-top: 1px solid rgba(194, 194, 194, 0.3);
}
.why-choose-three-counter li h6{
    color: var(--loanlift-text-light);
   font-family: var(--loanlift-heading-font);
   font-size: 65px;
   font-weight: 700;
   line-height: 90px;
   letter-spacing: -0.03em;
   min-width: 124px;
}
.why-choose-three-counter li p{
    color: var(--loanlift-text-light);
    line-height: 1.5;
    margin-bottom: 0;
}
.why-choose-logo-shape {
    transform: rotate(270deg) translateY(-50%);
    font-size: 100px;
    line-height: 85px;
    letter-spacing: -0.03em;
    font-weight: 600;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.6);
    -webkit-text-fill-color: rgba(31, 44, 59, 0.1);
    opacity: 0.08;
    color: rgba(31, 44, 59, 0.1);
    position: absolute;
    left: 0;
    top: 43%;
}
.why-choose-logo-shape p{
    margin-bottom: 0;
    letter-spacing: 5px;
}
.why-choose-three-image {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.why-choose-three-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.why-choose-three-left {
    padding-right: 40px;
}
/***********************
 * partner one
***********************/
.partner-one {
    padding: 30px 0;
}
.partner-slider-logo {
    width: 240px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/***********************
 * process one
***********************/
.process-one {
    padding: 130px 0;
    background-color: var(--loanlift-secondary-bg);
}
.process-one .heading-title {
    margin-bottom: 18px;
}
.process-one-video {
    position: relative;
}
.process-one-video-btn {
    color: var(--loanlift-text-light);
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 27px;
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    backdrop-filter: blur(60px);
    box-shadow: 2px 2px 100px 0px #4242421A inset;
}
.process-one-image {
    position: relative;
}
.process-one-image::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(6, 21, 37, 0.5);
}
.process-item-one {
    display: flex;
    column-gap: 40px;
    row-gap: 40px;
    padding-left: 16px;
}
.process-one-box-icon i{
    font-size: 50px;
    transition: all 0.5s;
    transform: scaleX(1);
    display: inline-flex;
    margin-bottom: 16px;
}
.process-one-box:hover .process-one-box-icon i{
    transform: scaleX(-1);
}
.process-one-box-title {
    margin-bottom: 30px;
}
.process-one-box-details p {
    margin-top: 40px;
    margin-bottom: 0;
}
.process-one-box-devider {
    position: relative;
    height: 18px;
}
.process-one-box-devider::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: calc(100% + 40px);
    background-color: var(--loanlift-border-dark);
    transform: translateY(-50%);
}
.process-one-box-devider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    background-color: var(--loanlift-text-black);
    height: 100%;
    z-index: 1;
}
.process-one-box:last-child .process-one-box-devider::after{
    width: 100%;
}
.process-one-box {
    min-width: 245px;
}
.process-one-image {
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    overflow: hidden;
    transition: 2s 0.5s cubic-bezier(.5,.5,0,1);
}
.process-one-image.active{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.process-one-image img {
    transform: scale(1.5) translate(0, -100px);
    transform-origin: 50% 50%;
    transition: 2s 0.5s cubic-bezier(.5,.5,0,1);
}
.process-one-image.active img{
    transform: scale(1) translate(0, 0);
}
/***********************
 * process secound
***********************/
.process-secound-section{
    padding: 130px 0;
    background-color: rgb(6 21 37 / 90%);
    color: var(--loanlift-text-light);
    background-image: url(../images/Background_shape.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0% 60%;
    background-size: 20%;
}
.process-secound-section span{
    border-color: var(--loanlift-text-light);
}
.process-secound-section .heading-title .heading{
    color: var(--loanlift-text-light);
}
.process-secound-section .heading-title {
    margin-bottom: 60px;
}
.process-secound-info {
    padding: 135px 140px 135px 100px;
}
.process-secound-info h2 {
    font-size: 130px;
    line-height: 130px;
    margin-bottom: 60px;
    font-weight: 800;
    font-family: sans-serif;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--loanlift-text-light);
}
.process-secound-hedding h4{
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
    color: var(--loanlift-text-light);
}
.process-secound-details p{
    color: var(--loanlift-text-light);
}
.process-secound-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.process-secound-image {
    height: 624px;
    position: relative;
    overflow: hidden;
}
.process-secound-image img {
    transition: opacity 0.5s ease; 
}
.process-secound-box {
    position: absolute;
    top: 50%;
    left: -130px;
    transform: translateY(-50%);
    padding: 40px 50px;
    width: 410px;
    background-color: var(--loanlift-text-light);
    transition: all 0.5s;
    z-index: 2;
}
.process-secound-icon {
    border-bottom: 1px solid var(--loanlift-text-grey);
    font-size: 50px;
    color: var(--loanlift-text-black);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.process-secound-box-details p {
    color: var(--loanlift-text-black);
}
.process-secound-sticy {
    position: sticky;
    top: 130px;
}
.case-studies-details-one-inner p {
    padding: 10px 20px;
    width: fit-content;
    margin: auto;
    background-color: var(--loanlift-primary-bg);
    letter-spacing: 3px;
    font-size: 14px;
}
/***********************
 * process two
***********************/
.process-two {
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}
.process-two::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/background/process-bg-two.png);
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.process-two-slider {
    width: 1600px;
}
.process-two-slider .slick-list{
    padding-top: 145px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.process-two-slider .slick-track{
    border-top: 1px solid var(--loanlift-border-light);
}
.process-two-box {
    width: 390px;
    padding: 30px;
    display: flex;
    column-gap: 15px;
    position: relative;
    transition: all 0.5s ease;
}
.process-two-box-outer {
    position: relative;
    padding-bottom: 1px;
}
.process-two-box-outer::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 1px;
    background-color: var(--loanlift-border-light);
    transition: all 1s;
}
.process-two-box-outer::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0%;
    background-color: var(--loanlift-border-light);
    transition: all 1s;
}
.process-two-box::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 0;
    width: 1px;
    background-color: var(--loanlift-border-light);
    transition: all 1s;
}
.process-two-slider-item:hover .process-two-box-outer::after{
    height: 100%;
}
.process-two-slider-item:hover .process-two-box-outer::before{
    width: 100%;
}
.process-two-slider-item:hover .process-two-box::after{
    height: 100%;
}
.process-two-slider-item:hover .process-two-box{
    background-color: var(--loanlift-text-light);
}
.process-two-box-icon {
    font-size: 50px;
    transition: all 0.5s;
    transform: scaleX(1);
}
.process-two-slider-item:hover .process-two-box-icon{
    transform: scaleX(-1);
}
.process-two-box-title h3{
    margin-bottom: 30px;
}
.process-two-box-title p{
    margin-bottom: 0;
}
.process-two-slider-item{
    position: relative;
    padding-right: 57px;
}
.process-two-slider-item .step-no{
    position: absolute;
    top: -105px;
    left: 13px;
   font-family: var(--loanlift-heading-font);
   font-size: 70px;
   font-weight: 600;
   line-height: 85px;
   letter-spacing: -0.03em;
   -webkit-text-stroke-color: var(--loanlift-text-black);
   -webkit-text-stroke-width: 1px;
   -webkit-text-fill-color: transparent;
   transition: all 1s;
}
.process-two-slider-item:hover .step-no{
    -webkit-text-fill-color: var(--loanlift-text-black);
}
.process-two .slick-slide{
    opacity: 0.1;
}
.process-two .slick-slide.slick-active{
    opacity: 1;
}
.process-two ul.slick-dots {
    position: absolute;
    top: -106px;
    right: 293px;
    display: flex;
    column-gap: 14px;
    align-items: center;
}
.process-two ul.slick-dots li button {
    border: 1px solid var(--loanlift-primary-bg);
    background-color: transparent;
    font-size: 0;
    height: 15px;
    width: 15px;
    border-radius: 100%;
}
.process-two ul.slick-dots li.slick-active button{
   border: none;
   background-color: var(--loanlift-primary-bg);
}
/***********************
 * process three
***********************/
.process-three {
    padding: 100px 70px;
    background-color: var(--loanlift-secondary-bg);
}
.process-three .heading-title{
    margin-bottom: 40px;
}
.process-three-box{
    text-align: center;
}
.process-three-box span{
font-family: var(--loanlift-heading-font);
font-size: 70px;
font-weight: 600;
line-height: 85px;
letter-spacing: -0.03em;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--loanlift-text-black);
-webkit-text-fill-color: transparent;
margin-bottom: 24px;
}
.process-three-box h3{
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D3D3D3;
}
.process-three-box p{
    margin-bottom: 0;
    text-transform: capitalize;
}
/***********************
 * case one
***********************/
.case-studies-one {
    padding-top: 100px ;
    overflow: hidden;
}
.case-studies-one .heading-title {
    margin-bottom: 40px;
}
.case-studies-one-details {
    position: absolute;
    bottom: 0px;
    padding: 70px 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    text-align: center;
    row-gap: 10px;
}
.case-studies-one-details h4{
    color: var(--loanlift-text-light);
    margin-bottom: 20px;
}
.case-studies-one-details p{
    color: var(--loanlift-text-light);
    margin-bottom: 30px;
}
.case-studies-slider-one-item {
    height: 700px;
    border-left: 1px solid rgb(213 223 237 / 46%);
    position: relative;
    overflow: hidden;
    background-color: transparent;
    margin-bottom: -10px;
}
.case-studies-one-details a {
   color: var(--loanlift-text-light);
   transform: rotate(-45deg);
   flex-shrink: 0;
}
.case-studies-one ul.slick-dots {
    position: absolute;
    right: 10%;
    top: -123px;
    transform: translateX(-50%);
    display: flex;
    column-gap: 14px;
    align-items: center;
    justify-content: center;
}
.case-studies-one ul.slick-dots li{
    line-height: 0;
}
.case-studies-one ul.slick-dots li button{
    border: none;
    background-color: var(--loanlift-primary-bg);
    font-size: 0;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    opacity: 0.1;
}
.case-studies-one ul.slick-dots li.slick-active button{
    opacity: 1;
    height: 15px;
    width: 15px;
}
.case-studies-one-image img{
    opacity: 0;
    visibility: hidden;
}
.case-studies-slider-one {
    position: relative;
}
.case-studies-slider-one::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(6, 21, 37, 0) 0.47%, #0615258c 100%);
}
.case-studies-slider-inner-one {
    position: relative;
}
.case-studies-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background-image: url(../images/case-study/case-study-1.jpg);
    background-size: cover;
    background-position: center;
    transition: all 0.8s;
}
.case-studies-slider-one-item:hover .case-studies-one-details {
    background-color: var(--loanlift-primary-bg);
    padding-bottom: 70px;
}
.case-studies-one__details{
    transition: all 01s;
}
.case-studies-slider-one-item:hover .case-studies-one__details{
    margin-bottom: 0 !important;
}
.case-studies-one__details .tagline {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000000;
    padding: 5px 15px;
    background-color: #fff;
    margin-bottom: 20px;
    display: inline-block;
    letter-spacing: 2px;
}
/***********************
 * case studies two
***********************/
.case-studies-two {
    position: relative;
    padding: 100px 0 120px;
    background-color:var(--loanlift-secondary-bg);
}
.case-studies-two-shape-one-1 {
    position: absolute;
    top: 50px;
    right: 50px;
}
.case-studies-two .heading-title {
    margin-bottom: 40px;
}
.case-studies-two-outer {
    display: flex;
    transition: all .5s ease;
}
.case-studies-two-item {
    cursor: pointer;
    display: flex;
    position: relative;
    justify-content: center;
    padding-left: 41px;
    padding-right: 85px;
}
.case-studies-two-item+.case-studies-two-item{
    border-left: 1px solid rgba(95, 105, 115, .4);
}
.case-studies-two-item-outer {
    width: 100%;
    min-width: 85px;
    height: 100%;
    flex-direction: column;
    gap: 101px;
    display: flex;
    transition: all .5s;
}
.case-studies-two-item-outer .btn-link i{
    transform: rotate(-30deg);
    color: var(--loanlift-text-black);
}
.case-studies-two-item-outer h3 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    max-height: 425px;
}
.case-studies-two-item-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 82px;
    gap: 25px;
    display: flex;
    transition: all .5s;
    scale: 0;
    opacity: 0;
}
.case-studies-two-item-image {
    width: 50%;
    overflow: hidden;
}
.case-studies-two-item-info {
    max-width: 100%;
    flex-direction: column;
    padding-top: 15px;
    padding-right: 100px;
    padding-bottom: 15px;
    padding-left: 50px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case-studies-two-item.active {
    flex-grow: 1;
    cursor: unset;
}
.case-studies-two-item.active .case-studies-two-item-outer {
    position: absolute;
    width: 0;
    opacity: 0;
    scale: 0;
}
.case-studies-two-item.active .case-studies-two-item-inner {
    scale: 1;
    opacity: 1;
}
.case-studies-two-item-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.case-studies-two-category {
    padding: 10px 15px;
    display: inline-block;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
    letter-spacing: 3px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}
.case-studies-two-item-info-inner h4 {
    font-size: 28px;
    margin-bottom: 20px;
}
.case-studies-two-item-info-inner h4 a {
    color: var(--loanlift-text-black);
}
.case-studies-two-item-info-inner p {
    margin-bottom: 30px;
}
.case-studies-two-btn {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--loanlift-primary-bg);
    border-radius: 100%;
    color: var(--loanlift-text-light);
    transition: all 0.5s 0.5s;
}
.case-studies-two-btn i{
    line-height: 0;
    transform: rotate(-45deg);
}
/***********************
 * team one
***********************/
.team-one {
    padding: 100px 0;
    background-color: var(--loanlift-secondary-bg);
    position: relative;
}
.team-shape-one-1 {
    position: absolute;
    top: 50px;
    right: 50px;
    animation: zoom-in-out 10s linear infinite;
}
.team-shape-one-2 {
    position: absolute;
    bottom: 50px;
    left: 50px;
    animation: rotet 10s linear infinite;
}
.team-one .heading-title {
    margin-bottom: 40px;
}
.team-one-box {
    position: relative;
    overflow: hidden;
}
.team-one-details {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
}
.team-one-details-inner {
    padding: 30px;
    text-align: center;
    background-color: var(--loanlift-primary-bg);
}
.team-one-details h5{
    color: var(--loanlift-text-light);
    margin-bottom: 6px;
}
.team-one-details p{
    color: var(--loanlift-text-light);
    margin-bottom: 0;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
}
.team-one-social-media {
    font-size: 18px;
    background-color: var(--loanlift-primary-bg);
    opacity: 0;
    visibility: hidden;
    transform-origin: bottom;
    transform: scaleY(0) translateZ(100px);
    transition: all 0.7s ease;
    border-top: 0.3px solid #404040;
    max-height: 0px;
}
.team-one-social-media i {
    height: 32px;
    width: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.05);
    color: var(--loanlift-text-light);
}
.team-one-social-media ul {
    display: flex;
    column-gap: 8px;
    justify-content: center;
}
.team-one-box:hover .team-one-social-media {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateZ(0px);
    max-height: 100px;
    margin-top: 10px;
    padding-top: 10px;
}
.team-one-image {
    position: relative;
    display: block;
}
.team-one-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all .4s ease;
}
.team-one-box:hover .team-one-image::after {
    backdrop-filter: blur(4px);
    box-shadow: 2px 2px 100px 0px rgba(0, 0, 0, 0.1) inset;
}
/***********************
 * faq page
***********************/
.faq-section {
    padding: 100px 0;
}
.fqa-block {
    margin-bottom: 40px;
}
.fqa-block h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 24px;
}
.accordion-button {
    border-bottom: 1px solid var(--loanlift-border-light);
}
.accordion-button.collapsed {
    border-bottom: none;
}
/***********************
 * testimonial one 
***********************/
.testimonial-one {
    padding: 100px 0;
    background-color: var(--loanlift-primary-bg);
    background-image: url(../images/background/testimonial-bg.png);
    background-position: center;
    background-size: cover;
}
.testimonial-video-one {
    position: relative;
}
.testimonial-video-btn-one {
    color: var(--loanlift-text-light);
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 27px;
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    backdrop-filter: blur(60px);
    box-shadow: 2px 2px 100px 0px rgba(66, 66, 66, 0.1) inset;
}
.testimonial-one-right {
    margin-left: 50px;
    margin-bottom: 30px;
}
.testimonial-one .heading-subtitle span {
    border-color: var(--loanlift-text-light);
}
.testimonial-one .heading-title {
    width: 85%;
}
.testimonial-one-item {
    padding-right: 20px;
}
.testimonial-one-item p {
    font-size: 20px;
    line-height: 30px;
    color: rgba(194, 194, 194, 0.7);
    margin-bottom: 30px;
    text-transform: capitalize;
}
.testimonial-one-details-inner {
    padding-top: 20px;
    border-top: 0.5px solid var(--loanlift-border-dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.testimonial-one-details {
    display: flex;
    column-gap: 22px;
    align-items: center;
    padding-left: 2px;
}
.testimonial-one-details p{
    font-size: 16px;
}
.testimonial-one-details-inner i {
    font-size: 70px;
    transform: scaleX(-1);
}
.testimonial-slider-one button.slick-arrow {
    position: absolute;
    bottom: -40px;
    left: 0px;
    border: none;
    background: none;
    color: #ffffff;
    font-size: 24px;
    line-height: 0;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #fff;
}
.testimonial-slider-one button.slick-next.slick-arrow {
    left: 90px;
}
.testimonial-slider-one 
 button.slick-prev.slick-arrow {
    transform: rotate(180deg);
}
.testimonial-slider-one ul.slick-dots {
    position: absolute;
    bottom: -20px;
    display: flex;
    column-gap: 14px;
    align-items: center;
    justify-content: center;
}
.testimonial-slider-one ul.slick-dots li {
    line-height: 0;
}
.testimonial-slider-one ul.slick-dots li button {
    border: none;
    background-color: #ffffff;
    font-size: 0;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    opacity: 0.5;
}
.testimonial-slider-one ul.slick-dots li.slick-active button{
    opacity: 1;
}
/***********************
 * testimonial two
***********************/
.testimonial-two {
    padding: 100px 0 150px;
    position: relative;
    background-color: var(--loanlift-secondary-bg);
}
.testimonial-shape-one-1 {
    position: absolute;
    top: 50px;
    right: 50px;
}
.testimonial-two .heading-title {
    margin-bottom: 40px;
}
.testimonial-two .slick-track {
    margin-left: -15px;
}
.testimonial-slider-two-item {
    padding: 0 15px;
}
.testimonial-slider-two-box {
    background-color: var(--loanlift-text-light);
    padding: 20px 20px;
    position: relative;
}
.last-quote {
    font-size: 50px;
    opacity: 0.8;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.last-quote i {
    transform: scaleX(-1);
    display: inline-block;
}
.testimonial-two-box-meta {
    display: flex;
    column-gap: 20px;
    align-items: center;
    margin-bottom: 15px;
}
.testimonial-two-box-meta img {
    max-height: 60px;
    max-width: 60px;
}
.testimonial-two-membar p {
    margin-bottom: 0;
    color: var(--loanlift-text-black);
    line-height: 18px;
}
.testimonial-two-membar span {
    font-size: 14px;
    line-height: 20px;
    color: var(--loanlift-border-dark);
}
.testimonial-slider-two-box>p {
    margin-bottom: 30px;
}
.testimonial-slider-two-box .tagline {
    background-color: #2681ff;
    color: var(--loanlift-text-light);
    padding:7px 20px;
    letter-spacing:1.5px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    display: inline-block;
}
.testimonial-two button.slick-arrow {
    position: absolute;
    bottom: -80px;
    left: 47%;
    transform: translateX(-50%);
    border: 1px solid;
    background-color: transparent;
    font-size: 24px;
    border-radius: 100%;
    height: 50px;
    width: 50px;
}
.testimonial-two button.slick-next.slick-arrow {
    left: 53% !important;
}
.testimonial-two ul.slick-dots {
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
    display: flex;
    column-gap: 14px;
    align-items: center;
    justify-content: center;
}
.testimonial-two ul.slick-dots li{
    line-height: 0;
}
.testimonial-two ul.slick-dots li button{
    border: none;
    background-color: var(--loanlift-primary-bg);
    font-size: 0;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    opacity: 0.1;
}
.testimonial-two ul.slick-dots li.slick-active button {
    opacity: 1;
}
/***********************
 * testimonial three
***********************/
.testimonial-three {
    position: relative;
    overflow: hidden;
    padding-top: 369px;
}
.testimonial-three-background-image {
    position: absolute;
    top: -360px;
    left: 0;
    object-fit: cover;
    transform: scale(1.2);
    height: 100%;
    width: 100%;
}
.testimonial-three-background-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.testimonial-three-block {
    padding: 40px;
    background-color: rgb(255 255 255 / 95%);
    position: relative;
}
.testimonial-three .heading-title{
    margin-bottom: 18px;
}
.testimonial-slider-three{
    position: relative;
}
.testimonial-member-details h5{
     letter-spacing: -0.02em;
     font-weight: 500;
}
.testimonial-three-item>p{
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(90, 90, 90, 0.3);
}
.testimonial-three-details {
    display: flex;
    align-items: center;
    column-gap: 22px;
}
.testimonial-member-details p{
    font-family: var(--loanlift-heading-font);
    font-size: 16px;
    line-height: 35px;
    letter-spacing: -0.02em;
    color: var(--loanlift-text-black);
    margin-bottom: 0;
}
.testimonial-three button.slick-arrow {
    position: absolute;
    bottom: 20px;
    right: 0;
    border: none;
    background-color: transparent;
    font-size: 54px;
    line-height: 0;
}
.testimonial-three button.slick-prev.slick-arrow {
    right: 75px;
    transform: rotate(180deg);
    z-index: 1;
}
/***********************
 * blog one
***********************/
.blog-one {
    padding: 100px 0;
    position: relative;
}
.blog-shape-one-1 {
    position: absolute;
    top: 50px;
    left: 50px;
}
.blog-one .heading-title{
    margin-bottom: 18px;
}
.blog-one .heading-details{
    margin-bottom: 40px;
}
.blog-one-box {
    border: 1px solid var(--loanlift-border-light);
}
.blog-one-meta {
    display: flex;
    justify-content: space-between;
    padding: 15px 18px;
    background-color: var(--loanlift-primary-bg);
}
.blog-one-image {
    position: relative;
    overflow: hidden;
    margin-bottom: -1px;
}
.blog-one-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: all 0.5s linear;
}
.blog-one-box:hover .blog-one-image img{
    transform: scale(1);
}
.blog-one-tag {
    position: absolute;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 20px;
    top: 30px;
    left: 20px;
    z-index: 1;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(25px);
    color: var(--loanlift-text-light);
    box-shadow: 2px 2px 100px 0px rgba(66, 66, 66, 0.1) inset;
}
.blog-one-meta p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}
.blog-one-meta p a {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    color: var(--loanlift-text-light);
    text-transform: uppercase;
}
.blog-one-details {
    padding: 35px 20px;
}
.blog-one-details h5{
    margin-bottom: 18px;
}
.btn-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.btn-link i {
    line-height: 0;
    font-size: 20px;
}
.blog-one-details a{
    color: var(--loanlift-text-black);
    letter-spacing: -0.02em;
}

.blog-one-details h5 a {
    background-image: linear-gradient(transparent calc(100% - 1px), #20282d 1px);
    background-repeat: no-repeat;
    background-position-y: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: 1s cubic-bezier(.215,.61,.355,1) underline forwards;
}
.blog-one-details h5 a:hover {
    animation: 1s cubic-bezier(.215,.61,.355,1) underline-hover forwards;
}
.blog-one-details a:hover{
     color: var(--loanlift-text-black);
}
.blog-two-details a,
.blog-two-details a:hover{
    color: var(--loanlift-text-black);
}
.blog-one-details a.btn-link , .blog-two-details a.btn-link{
    border: 1px solid black;
    padding: 12px;
    border-radius: 38px;
    width: auto;
    column-gap: 0px;
    font-size: 14px;
    line-height: 1;
    transition: all .8s ease 0s;
    display: inline-flex;
}
.blog-one-details a.btn-link span, .blog-two-details a.btn-link span{
    transition: all .8s ease 0s;
    overflow: hidden;
    max-width: 0;
    text-wrap: nowrap;
    display: inline-block;
}
.blog-one-details a.btn-link i, .blog-two-details a.btn-link i{
    transform: rotate(-45deg);
    transition: all .5s ease 0s;
}
.blog-one-details a.btn-link:hover, .blog-two-details a.btn-link:hover{
    column-gap: 7px;
    width: auto;
    padding: 12px 24px;
}
.blog-one-details a.btn-link:hover span, .blog-two-details a.btn-link:hover span{
    max-width: 100%;
    line-height: normal;
}
.blog-one-details a.btn-link:hover i, .blog-two-details a.btn-link:hover i{
    transform: rotate(0deg);
}
/***********************
 * blog two
***********************/
.blog-two {
    position: relative;
    padding: 100px 0;
}
.blog-two-shape-1 {
   position: absolute;
   top: 50px;
   right: 50px;
}
.blog-two-shape-2 {
   position: absolute;
   bottom: 50px;
   left: 50px;
   z-index: -1;
}
.blog-two .heading-title{
    margin-bottom: 40px;
}
.blog-two-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.blog-two-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
}
.blog-two-image img{
    width: 100%;
    object-fit: cover;
    transition: all 0.5s linear;
}
.blog-two-box:hover .blog-two-image img{
    transform: scale(1.1);
}
.blog-two-image::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(14, 31, 48, 0.4);
}
.blog-two-details {
    padding: 20px 30px 30px;
    border: 1px solid var(--loanlift-border-light);
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    background-color: var(--loanlift-text-light);
}
.blog-two-meta{
    display: flex;
    align-items: center;
    column-gap: 24px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.blog-two-meta span a{
    color: var(--loanlift-text-dark-grey);
}
.blog-two-meta .tagline {
    padding: 5px 20px;
    border-radius: 25px;
    line-height: 20px;
    background-color: var(--loanlift-primary-bg);
    letter-spacing: 2px;
    color: var(--loanlift-text-light);
}
.blog-two-meta .tagline:hover {
    color: var(--loanlift-text-light);
}
.blog-two-details h5 {
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    height: 100%;
}
.blog-two-details p{
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(90, 90, 90, 0.2);
    margin-bottom: 24px;
}
.blog-two-details h5 a {
    background-image: linear-gradient(transparent calc(100% - 1px), #20282d 1px);
    background-repeat: no-repeat;
    background-position-y: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: 1s cubic-bezier(.215,.61,.355,1) underline forwards;
}
.blog-two-details h5 a:hover {
    animation: 1s cubic-bezier(.215,.61,.355,1) underline-hover forwards;
}
/***********************
 * blog three
***********************/
.blog-three {
    padding: 100px 0;
}
.blog-three .heading-title {
    margin-bottom: 40px;
}
.blog-three-box {
    position: relative;
}
.blog-three-box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: var(--loanlift-primary-bg);
    transition: all 0.8s;
}
.blog-three-box-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 30px;
    background-color: var(--loanlift-primary-bg);
    position: absolute;
    width: 100%;
    z-index: 1;
}
.blog-three-box-meta p{
    margin-bottom: 0;
    color: var(--loanlift-text-light);
}
.blog-three-box-meta p a{
    color: var(--loanlift-text-light);
}
.blog-three-box-image::after{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.27%, #061525 100%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 53.27%, #061525 100%);
}
.blog-three-box-details {
    position: absolute;
    bottom: 50px;
    padding: 0 28px;
    max-height: 70px;
    overflow: hidden;
    transition: all 3s linear;
}
.blog-three-box-details h5 a , 
.blog-three-box-details p,
.blog-three-box-details .btn-link{
    color: var(--loanlift-text-light);
}
.blog-three-box-details h5 {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(194, 194, 194, 0.2);
}
.blog-three-box-details p{
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.8);
}
.blog-three-box:hover::before{
    opacity: 1;
}
.blog-three-box:hover .blog-three-box-details{
    padding: 50px 28px;
    bottom: 0px;
    max-height: 1000px;
}
/***********************
 * cta one
***********************/
.cta-one {
    padding: 100px 0;
    background-color: var(--loanlift-secondary-bg);
}
.cta-one .heading-title{
    margin-bottom: 30px;
}
/***********************
 * cta two
***********************/
.cta-two {
    padding: 80px 0;
    background-color: var(--loanlift-primary-bg);
    overflow: hidden;
}
.cta-two h2{
    color: var(--loanlift-text-light);
    font-size: 80px;
    line-height: 50px;
    letter-spacing: -3px;
    font-weight: 400;
}
.cta-hedding-two {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}
.cta-hedding-two img {
    margin: 0 24px;
}
.cta-two-category-box span{
    position: relative;
    display: inline-block;
}
.cta-two-category-box span::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(6, 21, 37, 0.3);
}
.cta-two-category-box {
    display: inline-flex;
    align-items: center;
    column-gap: 24px;
}
.cta-two-category-img {
    width: 180px;
    height: 84px;
}
.cta-two-box-one {
    margin: auto;
    margin-bottom: 40px;
    width: fit-content;
    transition: transform 0.5s linear; 
}
.cta-two-box-two {
    width: fit-content;
    margin: auto;
    transition: transform 0.5s linear; 
}
/***********************
 * cta three
***********************/
.cta-three {
    padding: 75px 0;
    position: relative;
    background-image: url(../images/background/cta-three-bg.jpg);
}
.cta-three::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(6, 21, 37, 0.95);
}
.cta-three-shape-one-1 {
    position: absolute;
    top: 0;
    left: 0;
}
.cta-three-shape-one-2 {
    position: absolute;
    bottom: 0;
    right: 0;
}
.cta-three .heading-title h2{
    color: var(--loanlift-text-light);
    margin-bottom: 20px;
}
.cta-three .section-details p{
    color: var(--loanlift-text-light-grey);
}
.cta-three-btn {
    display: flex;
    justify-content: end;
    column-gap: 30px;
    flex-wrap: wrap;
    row-gap: 10px;
}
.cta-three-btn .btn-link{
    color: var(--loanlift-text-light);
}
ul.cta-details-three {
    margin-top: 65px;
    border-top: 1px solid rgba(90, 90, 90, 0.3);
    padding-top: 24px;
    display: flex;
    align-items: center;
    color: var(--loanlift-text-light);
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 20px;
}
ul.cta-details-three li a, 
ul.cta-details-three li{
    color: var(--loanlift-text-light);
     display: flex;
    column-gap: 14px;
    align-items: center;
}
ul.cta-details-three li i{
   line-height: 0;
   font-size: 24px;
}
/***********************
 * inquiry one
***********************/
.inquiry-one {
    position: relative;
    padding: 100px 0;
    background-color: var(--loanlift-secondary-bg);
    background-image: url(../images/Maps.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
.inquiry-shape-one-1{
    position: absolute;
    bottom: 50px;
    right: 50px;
}
.inquiry-one .heading-title {
    margin-bottom: 40px;
}
.inquiry-form-group-one {
    display: flex;
    column-gap: 30px;
    margin-bottom: 40px;
    position: relative;
}
.inquiry-form-group-one-inner {
    width: 100%;
    position: relative;
}
.inquiry-form-group-one-inner label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.inquiry-form-group-one>label {
    position: absolute;
    top: 15px;
    line-height: 32px;
}
.inquiry-form-one {
    padding: 50px;
    background-color: #fff;
    box-shadow: 0px 0px 40px #d1d1d1e3;
}
.inquiry-form-group-one .form-control {
    padding: 15px;
    padding-left: 30px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--loanlift-text-light-grey);
    line-height: 30px;
    color: var(--loanlift-text-dark-grey);
    background: transparent;
}
.inquiry-form-group-one textarea {
    width: 100%;
    padding: 15px;
    border-radius: 0;
    border: none;
    line-height: 30px;
}
/***********************
 * footer one
***********************/
.footer-one {
    background-color: rgba(4, 16, 33, 0.95);
    background-image: url(../images/Footer.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.footer-one::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(4, 16, 33, 0.98);
}
.footer-about {
    position: relative;
}
.footer-about::after {
    content: "";
    position: absolute;
    top: -150px;
    right: -20px;
    height: 190%;
    width: 500%;
    background-color: #0E1C31;
    z-index: -1;
}
.footer-main-one {
    position: relative;
    z-index: 1;
}
.footer-one-inner {
    padding: 75px 0;
}
.footer-one-about-details p {
    margin: 43px 0;
    color: rgba(255,255,255,0.8);
}
footer h3, footer h4{
    color: var(--loanlift-text-light);
}
footer h3{
    margin-bottom: 20px;
}
.footer-one-about-contact ul {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 23px;
}
.footer-one-about-contact ul li a{
    display: flex;
    column-gap: 14px;
    align-items: center;
    color: rgba(255,255,255,0.8);
}
.footer-one-about-contact ul li a:hover{
    color: #979795;
}
.footer-one-about-contact ul li a i{
    display: flex;
    font-size: 30px;
}
.footer-one-link ul li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    background-color: var(--loanlift-border-dark);
    transition: all 0.5s;
}
.footer-one-link ul li:hover a::after{
    width: 100%;
}
.footer-one-link {
    width: fit-content;
    margin: auto;
}
.footer-one-link ul li+li{
    margin-top: 18px;
}
.footer-one-link ul li{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.footer-one-link ul li i{
    line-height: 0;
    color: rgba(255,255,255,0.8);
    font-size: 12px;
}
.footer-one-link ul li a{
    color:rgba(255,255,255,0.8);
    text-transform: capitalize;
    position: relative;
}
.footer-one-link ul li a i{
    display: flex;
    font-size: 15px;
}
.footer-One-subscribe p{
    color: rgba(255,255,255,0.8);
}
.footer-One-subscribe-form {
    margin-top: 28px;
    padding-bottom: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    position: relative;
}
.footer-One-subscribe-form button {
    position: absolute;
    top: 0;
    right: 0;
}
.footer-One-subscribe-form input{
    border: none;
    background: none;
    color: var(--loanlift-text-light);
    height: 42px;
    padding-left: 15px;
    width: 65%;
}
.footer-One-subscribe-form input::placeholder{
    color: #C2C2C2;
}
.footer-one-social-media {
    margin-top: 28px;
}
.footer-one-social-media ul{
    margin-top: 24px;
    display: flex;
    column-gap: 24px;
}
.footer-one-social-media ul li a{
    color: rgba(255,255,255,0.8);
    font-size: 25px;
}
.footer-lower {
    position: relative;
    z-index: 1;
    background-color: #0B192E;
    padding: 35px 0;
}
.footer-copy-right-one p{
    color: rgba(255,255,255,0.8);
    margin-bottom: 0;
}
.footer-buttom-link ul{
    display: flex;
    column-gap: 40px;
    justify-content: end;
}
.footer-buttom-link ul li{
    position: relative;
}
.footer-buttom-link ul li+li::before{
    content: "|";
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    color: var(--loanlift-text-dark-grey);
}
.footer-buttom-link ul li a{
    color: rgba(255,255,255,0.8);
}
.footer-buttom-link ul li a:hover{
    color: #979795;
}
.footer-copy-right-one a {
    font-weight: 700;
    color: var(--loanlift-text-light);
}
/***********************
 * footer two
***********************/
.footer-two {
    position: relative;
    background-color: #010a1a;
    overflow: hidden;
}
.logo-shape {
    position: absolute;
    top: 152px;
    right: -60px;
    transform: rotate(90deg);
    font-size: 90px;
    line-height: 108px;
    letter-spacing: -0.03em;
    font-weight: 600;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--loanlift-text-light);
    -webkit-text-fill-color: transparent;
    opacity: 0.08;
}
.footer-two-contact {
    padding-top: 40px;
    /* border-right: 1px solid rgba(255, 255, 255, 0.15); */
    height: 100%;
}
.footer-two-contact-inner {
    margin-bottom: 0px;
}
.footer-two-contact .footer-two-contact-inner+.footer-two-contact-inner {
    /* border-top: 1px solid rgba(255, 255, 255, 0.15); */
    padding-top: 12px;
}
.footer-two-contact-inner span{
    color: var(--loanlift-text-light-grey);
}
.footer-two-contact-inner h4{
    font-size: 32px;
    line-height: 50px;
    display: flex;
    column-gap: 14px;
    align-items: center;
}
.footer-two-contact-inner h4 i{
    display: flex;
}
.footer-two-contact-inner h5 a, .footer-two-contact-inner h5{
    letter-spacing: -0.02em;
    color: var(--loanlift-text-light);
}
.footer-two-link {
    padding-top: 40px;
    width: fit-content;
    margin: auto;
}
.footer-two-link ul li{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.footer-two-link ul li+li {
    margin-top: 6px;
}
.footer-two-link ul li a {
    color: rgba(255, 255, 255, 0.8);
    text-transform: capitalize;
    position: relative;
}
.footer-two-link ul li a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    background-color: var(--loanlift-border-dark);
    transition: all 0.5s;
}
.footer-two-link ul li:hover a::after{
    width: 100%;
}
.footer-two-link ul li i {
    display: flex;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}
.footer-two-subscribe{
    padding-top: 40px;
}
.footer-two-logo {
    margin-bottom: 15px;
}
.footer-two-subscribe p{
    margin: 14px 0 20px;
    color: rgba(255, 255, 255, 0.8);
}
.footer-two-subscribe-form {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--loanlift-text-light-grey);
    margin-bottom: 70px;
}
.footer-two-subscribe-form input{
    border: none;
    background: none;
    color: var(--loanlift-text-light-grey);
    height: 40px;
    width: 100%;
    padding-right: 50px;
}
.footer-two-subscribe-form input::placeholder{
    color: var(--loanlift-text-light-grey);
}
button.subscribe-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #09244C;
    border: none;
    color: var(--loanlift-text-light);
    border-radius: 100%;
    font-size: 18px;
    line-height: 0;
}
.footer-lower-two{
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    position: relative;
    z-index: 1;
    background-color: var(--loanlift-primary-bg);
    padding: 15px 0;
}
/***********************
 * about one
***********************/
.about-one {
    padding: 60px 0;
    position: relative;
    padding-bottom: 0px;
}
.about-one .heading-title {
    margin-bottom: 40px;
}
#loan-chart {
    padding: 40px 30px 0;
}
.about-one-shape-1 {
    position: absolute;
    top: 80px;
    right: 50px;
}
.about-one-shape-2 {
    position: absolute;
    bottom: 10px;
    left: 50px;
}
.about-one-image{
    height: 100%;
}
.about-one-image, .why-choose-two-image{
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    overflow: hidden;
    transition: 2s 0.5s cubic-bezier(.5,.5,0,1);
}
.about-one-image img{
    height: 100%;
}
.about-one-image img, .why-choose-two-image img{
    transform: scale(1.5) translate(0, -100px);
    transform-origin: 50% 50%;
    transition: 2s 0.5s cubic-bezier(.5,.5,0,1);
}
.about-one-image.active , .why-choose-two-image.active{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.about-one-image.active img, .why-choose-two-image.active img{
    transform: scale(1) translate(0, 0);
}
.about-one_image{
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    overflow: hidden;
    transition: 2s 0.5s cubic-bezier(.5,.5,0,1);
    position: relative;
}
.about-one_image.active{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.about-one_image img{
    transform: scale(1.5) translate(0, 100px);
    transform-origin: 50% 50%;
    transition: 2s 0.5s cubic-bezier(.5,.5,0,1);
}
.about-one_image.active img{
    transform: scale(1) translate(0, 0);
}
text.highcharts-credits {
    display: none;
}
/***********************
 * about two
***********************/
.about-two {
    padding: 100px 0;
}
.about-two .heading-title{
    margin-bottom: 30px;
}
.about-two .heading-details {
    margin-bottom: 20px;
}
ul.about-two-list {
    color: var(--loanlift-text-dark-grey);
    margin-bottom: 30px;
}
ul.about-two-list li{
    display: flex;
    column-gap: 14px;
    align-items: center;
    margin-bottom: 5px;
}
ul.about-two-list li i{
    line-height: 0;
}
.about-two-box-icon {
    margin-bottom: 24px;
}
.about-two-box-title {
    margin-bottom: 16px;
}
.about-two-info {
    background-color: rgba(231, 231, 231, 0.3);
    display: flex;
    height: 100%;
}
.ratting-star {
    display: flex;
    column-gap: 10px;
    color: #fff;
    margin-bottom: 10px;
}
.ratting-star img {
    width: 150px;
}
span.tagline-retting {
    padding: 5px;
    background-color: #00b67a;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
}
.about-two-info-left h6 {
    margin-bottom: 20px;
}
.about-two-info-left p{
    margin-bottom: 0;
}
.about-two-box-info p {
    margin-bottom: 0;
    text-transform: capitalize;
}
.about-two-image {
    overflow: hidden;
    transition: 2s cubic-bezier(.5,.5,0,1);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    position: relative;
    height: 100%;
}
.about-two-image.active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.about-two-image img{
    transform-origin: 50% 50%;
    transition: 2s cubic-bezier(.5,.5,0,1);
    transform: scale(1.5) translate(-100px, 0);
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.about-two-image.active img{
    transform: scale(1) translate(0, 0);
}
ul.client-list {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
ul.client-list li+li {
    margin-top: -15px;
}
ul.client-list li img {
    height: 60px;
    width: 60px;
}
.about-two-cta-box {
    position: absolute;
    bottom: -45px;
    padding: 30px 40px;
    width: calc(100% - 220px);
    background-color: var(--loanlift-secondary-bg);
    display: flex;
    column-gap: 40px;
    overflow: hidden;
    left: -35px;
}
.about-two-info-right h5 {
    margin-bottom: 10px;
}
.about-two-info-inner h4{
    flex-shrink: 0;
    font-size: 28px;
}
.about-two-info-inner{
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.about-two-info-inner p{
    margin-bottom: 0;
}
ul.client-list li {
    border: 1px solid #fff;
    border-radius: 100%;
}
.about-two-cta-box-icon {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.about-two-cta-box-icon img {
    filter: contrast(0.1);
}
.client-list {
    flex-shrink: 0;
}
.about-two-left {
    position: relative;
    padding-right: 70px;
}
/***********************
 * about three
***********************/
.about-three {
     background-color: var(--loanlift-primary-bg);
     padding: 100px;
     position: relative;
}
.about-three-image {
    margin-top: 28px;
    transform: translateX(-60px);
    position: absolute;
    top: -20px;
}
.about-three h4, .about-three-points h4{
    color: var(--loanlift-text-light);
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 50px;
    font-weight: 400;
 }
 .about-three .section-details p{
    color: var(--loanlift-text-light-grey);
    margin-bottom: 24px;
 }
 .about-three-ceo {
    display: flex;
    column-gap: 14px;
    align-items: center;
    margin-bottom: 22px;
}
.about-three-ceo img{
    flex-shrink: 0;
}
.about-three-details p{
    color: var(--loanlift-text-light);
    margin-bottom: 0;
}
.about-three-details span{
    color: var(--loanlift-text-light-grey);
}
.about-three-points ul {
padding-left: 24px;
}
.about-three-points ul li+li{
   margin-top: 15px;
}
.about-three-points ul li{
    position: relative;
    color: var(--loanlift-text-light);
}
.about-three-points ul li::after{
    content: url(../images/shape/start-whait.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -24px;
    line-height: 15px;
}
.about-three-points {
    margin-left: 40px;
    padding-left: 40px;
    position: relative;
}
.about-three-points::after{
    content: "";
    position: absolute;
    top: -44px;
    left: 0;
    width: 1px;
    height: calc(100% + 44px + 40px);
    border-left: 1px solid rgba(194, 194, 194, 0.2);
}
/***********************
 * benefits one
***********************/
.benefits-one {
    padding: 100px 0;
    position: relative;
    background-color: var(--loanlift-secondary-bg);
}
.benefits-one-shape-one-1 {
    position: absolute;
    top: 50px;
    left: 50px;
}
.benefits-one-shape-one-2 {
    position: absolute;
    bottom: 50px;
    right: 50px;
}
.benefits-one-box {
    display: flex;
    flex-direction: column;
    
}
.benefits-one-box.middle-box{
    flex-direction: column-reverse;
}
.benefits-one-box-image {
    position: relative;
    overflow: hidden;
}
.benefits-one-box-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(14, 31, 48, 0.4);
}
.benefits-one .heading-title{
    margin-bottom: 40px;
}
.benefits-one-box-details {
    padding: 56px 30px;
    background-color: var(--loanlift-text-light);
}
.benefits-one-box-icon {
    font-size: 60px;
    margin-bottom: 24px;
    line-height: 0;
}
.benefits-one-box-icon i {
    transition: all 0.5s;
    display: inline-flex;
    transform: scaleX(1);
}
.benefits-one-box:hover .benefits-one-box-icon i {
    transform: scaleX(-1);
}
.benefits-one-box-title h3 {
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: capitalize;
}
.benefits-one-box-dic p{
    margin-bottom: 10px;
}
.benefits-one-box-image img {
    width: 100%;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.25,.1,.29,.93);
}
.benefits-one-box:hover img{
    transform: scale(1.2);
}
/***********************
 * faq one
***********************/
.faq-one {
    padding: 100px 0;
}
.accordion-item ,
.accordion-item:first-of-type, .accordion-item:last-of-type{
   border: 1px solid var(--loanlift-border-light) !important;
   border-radius: 0;
}
.accordion-item:first-of-type>.accordion-header .accordion-button,
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-radius: 0;
}
.accordion-button:not(.collapsed){
    background-color: var(--loanlift-secondary-bg);
    color: var(--loanlift-text-black);
    box-shadow: none;
}
.accordion-button:focus{
    box-shadow:none ;
}
.accordion-item+.accordion-item {
    margin-top: 18px;
}
.accordion-button{
    padding: 25px;
    background-color: var(--loanlift-secondary-bg);
    color: var(--loanlift-text-black);
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.02em;
}
.accordion-body{
    padding: 25px 55px;
}
.accordion-body p{
    margin-bottom: 0;
}
.fqa-block.stcky{
    position: sticky;
    top: 100px;
}
.accordion-button::after{
    background-image: url(../images/background/arrow-up.png);
}
.accordion-button:not(.collapsed)::after{
    background-image: url(../images/background/arrow-up.png);
}
.faq-right {
    background-image: url(../images/background/faq-block-bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.faq-right::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color:rgb(6 21 37 / 95%) ;
}
.faq-right-inner {
    position: relative;
    padding: 45px;
}
.faq-right-inner h4{
    color: var(--loanlift-text-light);
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 14px;
}
.faq-right-inner>p{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
}
.faq-right-inner .faq-details {
    margin: 14px 0 30px;
}
.faq-details p{
    margin-bottom: 14px;
    color: rgba(255, 255, 255, 0.8);
}
.faq-right-inner a:hover{
    background-color: var(--loanlift-text-light);
    color: var(--loanlift-text-black);
}
.faq-right-inner a::after{
    display: none;
}
/***********************
 * blog Standard page
***********************/
.blog-list-section {
    padding: 100px 0;
}
.blog-list-item {
    position: relative;
}
.blog-item-tagline {
    position: absolute;
    top: 40px;
    left: 40px;
    padding: 5px 20px;
    border-radius: 25px;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
}
.blog-image img {
    width: 100%;
    object-fit: cover;
}
.blog-item-tagline a {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--loanlift-text-light);
    letter-spacing: 2px;
}
.blog-item-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background-color: var(--loanlift-primary-bg);
}
.blog-item-meta p{
   margin-bottom: 0;
   color: var(--loanlift-text-light);
   font-size: 14px;
   line-height: 20px;
}
.blog-item-meta p a{
    color: var(--loanlift-text-light);
}
.blog-item-details {
    padding: 30px 20px;
}
.blog-item-details h3 a, .blog-item-details h5 a, .single-blog-pagination .single-blog-pagination-link ,.recent-blog-widget-item-title a {
    color: var(--loanlift-text-black);
    background-image: linear-gradient(transparent calc(100% - 1px), #20282d 1px);
    background-repeat: no-repeat;
    background-position-y: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: 1s cubic-bezier(.215,.61,.355,1) underline forwards;
}
.blog-item-details h3 a:hover, .blog-item-details h5 a:hover, .single-blog-pagination .single-blog-pagination-link:hover,.recent-blog-widget-item-title a:hover{
    animation: 1s cubic-bezier(.215,.61,.355,1) underline-hover forwards;
}
.blog-item-details h5 {
    margin-bottom: 18px;
}
.blog-item-details h3, .blog-item-details p{
    margin-bottom: 18px;
}
.blog-item-details .btn-link{
    color: var(--loanlift-text-black);
    column-gap: 0px;
    display: inline-flex;
}
.blog-item-details .btn-link:hover{
    column-gap: 10px;
}
.blog-item-details {
    border: 1px solid #F2F4F8;
    border-top: none;
}
.blog-block {
    margin-bottom: 40px;
}
ul.pagination {
    justify-content: center;
    column-gap: 15px;
}
ul.pagination li a{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--loanlift-text-black);
    border: 1px solid #5E5E5E1A
}
ul.pagination li.active a , ul.pagination li a:hover{
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
}
.blog-sidebar {
    padding: 30px;
    background-color: var(--loanlift-secondary-bg);
}
.blog-serch-widget {
    position: relative;
    background-color: var(--loanlift-primary-bg);
    padding: 18px 20px;
}
.blog-serch-widget button {
    position: absolute;
    right: 20px;
    border: none;
    background: none;
    color: var(--loanlift-text-light);
}
.blog-serch-widget input {
    width: 100%;
    border: none;
    background: transparent;
    color: var(--loanlift-text-light);
    padding-right: 40px;
}
.blog-serch-widget input::placeholder{
    color: var(--loanlift-text-light);
}
.blog-block h4{
    margin-bottom: 16px;
    font-weight: 700;
}
.category-widget ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s;
    padding: 10px 20px;
    background-color: var(--loanlift-text-light);
    position: relative;
}
.category-widget ul li+li{
    margin-top: 16px;
}
.category-widget ul li.active{
    background-color: var(--loanlift-primary-bg);
}
.category-widget ul li span{
    transition: all 0.5s;
}
.category-widget ul li.active a,
.category-widget ul li.active span, 
.category-widget ul li:hover a, 
.category-widget ul li:hover span{
    color: var(--loanlift-text-light);
}
.category-widget ul li::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  transition: all 0.5s linear;
  background-color: var(--loanlift-primary-bg);
}
.category-widget ul li:hover::after{
    width: 100%;
}
.category-widget ul li a, 
.category-widget ul li span{
    color: var(--loanlift-text-black);
}
.category-widget ul li span{
    font-size: 14px;
    line-height: 20px;
    position: relative;
    z-index: 1;
}
.recent-blog-widget-item {
    display: flex;
    column-gap: 12px;
    align-items: center;
}
.recent-blog-widget-item+.recent-blog-widget-item {
    margin-top: 14px;
}
.recent-blog-widget-item-title span {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 20px;
    color: var(--loanlift-text-dark-grey);
    display: block;
}
.recent-blog-widget-item-title a{
    color: var(--loanlift-text-black);
    margin-bottom: 0;
    line-height: 24px;
    font-weight: 500;
}
.bolg-cta-widget {
     background-image: url(../images/blog/blog-standard-image-bg.jpg);
     position: relative;
     background-size: cover;
     background-position: center;
     padding: 58px 15px;
}
.bolg-cta-widget::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(6, 21, 37, 0.7);
}
.bolg-cta-widget-inner{
    position: relative;
    text-align: center;
}
.bolg-cta-widget-inner img{
    margin-bottom: 24px;
}
.bolg-cta-widget-inner h3{
    font-weight: 600;
    color: var(--loanlift-text-light);
    margin-bottom: 24px;
}
.bolg-cta-widget-inner p a{
    color: var(--loanlift-text-light);
    line-height: 35px;
    letter-spacing: -0.02em;
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    margin-bottom: 24px;
}
.bolg-cta-widget-inner p a i{
    font-size: 24px;
    line-height: 0;
}
.tag-widget ul{
    display: flex;
    align-items: center;
    column-gap: 13px;
    row-gap: 16px;
    flex-wrap: wrap;
}
.tag-widget ul li a{
    padding: 10px 20px;
    color: var(--loanlift-text-black);
    background-color: var(--loanlift-text-light);
    display: inline-block;
}
.tag-widget ul li.active a, 
.tag-widget ul li:hover a{
    color: var(--loanlift-text-light);
    background-color: var(--loanlift-primary-bg);
}
.stcky {
    position: sticky;
    top: 100px;
}
/***********************
 * blog grid page
***********************/
.blog-list-item-two {
     background-color: var(--loanlift-secondary-bg);
}
.btn-link-two{
    border: 1px solid var(--loanlift-text-black);
    width: 50px;
    height: 50px;
    display: flex;
    color: var(--loanlift-text-black);
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}
.btn-link-two i{
    line-height: 0;
    font-size: 20px;
    transition: all 0.5s;
}
.blog-list-item-two:hover .btn-link-two i{
    transform: rotate(-45deg);
}
.blog-item-details h5 a {
    color: #000;
    font-weight: 500;
}
.blog-item-details .btn-link{
    transition: all 0.8s ;
}
.blog-item-details .btn-link span{
    max-width: 0;
    overflow: hidden;
    text-wrap: nowrap;
    display: inline-block;
    transition: max-width 4s linear;
}
.blog-item-details .btn-link:hover span{
    max-width: 1000px;
}
/***********************
 * blog single page
***********************/
.single-blog-details h3 {
    font-weight: 600;
    margin-bottom: 20px;
}
.single-blog-details p{
    margin: 0;
}
.single-blog-details p+p{
    margin-top: 20px;
}
.single-blog-image-two {
    display: flex;
    column-gap: 30px;
    overflow: hidden;
}
.single-blog-image-two img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-blog-quoght {
    background-color: var(--loanlift-secondary-bg);
    padding: 30px;
}
.single-blog-quoght p{
    color: var(--loanlift-text-black);
    font-size: 18px;
    line-height: 35px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--loanlift-primary-bg);
    margin-bottom: 24px;
}
.single-blog-quoght-author,
.single-blog-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    row-gap: 20px;
}
.single-blog-quoght-author::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 2px;
    width: 21px;
    background-color: var(--loanlift-primary-bg);
}
.single-blog-quoght-author span{
    padding-left: 35px;
    color: var(--loanlift-primary-bg);
}
.single-blog-quoght-author i{
    transform: rotate(180deg) scaleX(-1);
    line-height: 0;
    font-size: 30px;
}
ul.single-blog-tag,
ul.single-blog-social-media {
    display: flex;
    align-items: center;
    column-gap: 14px;
}
ul.single-blog-tag li:first-child, 
ul.single-blog-social-media li:first-child{
    font-size: 18px;
    line-height: 35px;
}
ul.single-blog-tag li+li a{
    padding: 5px 8px;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
}
ul.single-blog-social-media li+li a{
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--loanlift-secondary-bg);
    color: var(--loanlift-text-black);
    border-radius: 100%;
}
ul.single-blog-social-media li+li a:hover{
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
}
.single-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 29px 0;
    border: 1px solid rgba(94, 94, 94, 0.1);
    border-left: none;
    border-right: none;
}
.single-blog-pagination a {
    color: var(--loanlift-text-black);
}
.single-blog-pagination .btn-link-two:hover {
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
}
.single-blog-pagination-pre,
.single-blog-pagination-next {
    display: flex;
    align-items: center;
    column-gap: 38px;
}
.single-blog-pagination-next {
    text-align: end;
}
.comment-widget h3 {
    font-weight: 600;
    margin-bottom: 18px;
}
.comment-widget-item {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.comment-meta {
    display: flex;
    align-items: center;
    column-gap: 14px;
}
.comment-meta p{
    font-weight: 700;
    color: var(--loanlift-text-black);
    margin-bottom: 0;
}
.comment-meta span{
    font-size: 12px;
    line-height: 20px;
    color: var(--loanlift-text-dark-grey);
}
.comment-widget-item-details {
    display: flex;
    flex-direction: column;
    row-gap: 9px;
}
.comment-text p{
    margin-bottom: 0;
}
a.comment-reply {
    color: var(--loanlift-text-black);
    padding: 7px 0;
    display: flex;
    column-gap: 10px;
    align-items: center;
    font-weight: 700;
}
a.comment-reply i {
    line-height: 0;
}
.comment-widget-item+.comment-widget-item{
    margin-top: 24px;
}
.comment-widget-item.reply {
    padding-left: 80px;
}
.comment-form-widget {
    background-color: rgba(231, 231, 231, 0.3);
    padding: 47px 57px;
}
.comment-form-widget h3{
    font-weight: 600;
    margin-bottom: 18px;
}
.comment-form-group-one{
    display: flex;
    column-gap: 30px;
    margin-bottom: 40px;
    position: relative;
}
.comment-form-group-one-inner{
    width: 100%;
    position: relative;
}
.comment-form-group-one-inner label{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.comment-form-group-one .form-control {
    padding: 15px;
    padding-left: 30px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--loanlift-text-light-grey);
    line-height: 30px;
    color: var(--loanlift-text-dark-grey);
    background-color: transparent;
}
.comment-form-group-one>label {
    position: absolute;
    top: 15px;
    line-height: 32px;
}
/***********************
 * Services 1
***********************/
.inner-page-hero {
    padding: 100px 0;
    position: relative;
    background-image: url(../images/background/service-1-bg.jpg);
    background-size: cover;
    background-position: center;
}
.inner-page-hero::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 21, 37, 0.9) 80%);
}
.inner-page-hero h2{
    color: var(--loanlift-text-light);
    margin-bottom: 20px;
}
ul.bradcrumb {
    position: relative;
    display: flex;
    column-gap: 45px;
}
ul.bradcrumb li{
    position: relative;
}
ul.bradcrumb li::before {
    content: ">";
    position: absolute;
    top: 46%;
    right: -28px;
    color: var(--loanlift-text-light);
    transform: translateY(-50%);
    font-size: 23px;
}
ul.bradcrumb li:last-child:before{
    display: none;
}
ul.bradcrumb li a{
    color: var(--loanlift-text-light);
    font-size: 18px;
}
.benefits-two {
    padding: 100px 0;
}
.benefits-two .heading-title h2{
    margin-bottom: 40px;
}
.benefits-two-box {
    padding: 30px 24px;
    border: 1px solid rgba(194, 194, 194, 1);
}
.benefits-two-icon {
    font-size: 60px;
    margin-bottom: 24px;
}
.benefits-two-title h3 {
    margin-bottom: 24px;
    font-weight: 700;
    text-transform: capitalize;
}
.benefits-two-dis p{
    margin-bottom: 0;
}
/***********************
 * about us page
***********************/
.about-four {
    padding: 60px 0;
    position: relative;
}
.about-four-shape-one-1 {
    position: absolute;
    top: 50px;
    left: 50px;
}
.about-four-shape-one-2{
    position: absolute;
    bottom: 50px;
    right: 50px;
}
.about-four-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
    align-items: flex-start;
    justify-content: center;
}
.about-four-info .section-details p {
    margin-bottom: 0;
}
.about-four-info .heading-title{
    margin-bottom: 0;
}
ul.about-details-four {
    display: flex;
    align-items: center;
    column-gap: 40px;
    flex-wrap: wrap;
    row-gap: 20px;
}
ul.about-details-four li {
    display: flex;
    align-items: center;
    column-gap: 18px;
    flex-wrap: wrap;
}
ul.about-details-four li i{
    height: 58px;
    width: 58px;
    font-size: 24px;
    border: 1px solid var(--loanlift-text-black);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-contact-four p {
    margin-bottom: 0;
    color: var(--loanlift-text-black);
}
.about-contact-four h6{
    letter-spacing: -0.02em;
    color: var(--loanlift-text-dark-grey);
    margin-bottom: 0;
    line-height: 30px;
}
.about-four-image {
    height: 100%;
}
.about-four-image img, .about-four-images img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.about-four-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.about-experiences-box {
    width: 100%;
    height: 204px;
    background-color: var(--loanlift-primary-bg);
    padding: 20px 17px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    overflow: hidden;
    margin-top: 24px;
}
.about-four-shape{
    position: absolute;
    top: -50px;
    right: -50px;
    height: 128px;
    width: 128px;
    background-color: rgb(62 72 82);
    border-radius: 100%;
}
.about-four-shape::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 128px;
    width: 128px;
    transform: translate(-50% , -50%);
   background-color: rgb(62 72 82);
   border-radius: 100%;
   animation: pulse-ring-2 1.25s linear infinite;
}
.about-experiences-box h2, .about-experiences-box p{
    color: var(--loanlift-text-light);
    margin-bottom: 0;
}
.about-four-box {
    display: flex;
    column-gap: 20px;
    background-color: var(--loanlift-secondary-bg);
    border: 1px solid var(--loanlift-light-bg);
    padding: 30px;
    transition: all 0.5s;
}
.about-four-box:hover {
    transform: translateY(10px);
}
.about-four-icon {
    font-size: 50px;
    transition: all 0.5s;
    transform: scaleX(1);
}
.about-four-box:hover .about-four-icon {
    transform: scaleX(-1);
}
.about-four-details h4 {
    margin-bottom: 18px;
}
.about-four-details p{
    margin-bottom: 0;
}
/***********************
 * contact page
***********************/
.contact-section {
    padding-top: 100px;
}
/* .contact-section .heading-title {
    margin-bottom: 80px;
} */
.contact-location {
    display: flex;
    column-gap: 20px;
    margin-bottom: 18px;
    align-items: center;
}
.contact-form {
    padding: 100px 0;
}
.contact-form-inner {
    padding: 40px;
    background-color: var(--loanlift-secondary-bg);
}
.contact-form-inner .from-group+.from-group{
    margin-top: 40px;
}
.contact-form-inner .form-group select{
    width: 100%;
    padding: 20px;
    border: none;
    font-size: 14px;
    line-height: 20px;
}
.contact-form .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
    height: 100%;
}
.contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    color: var(--loanlift-text-dark-grey);
    background: #f2f4f8;
    border-bottom: 1px solid var(--loanlift-text-light-grey);
    margin-bottom: 40px;
    padding-left: 30px;
}
.contact-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}
.contact-form-right {
    padding: 40px;
    background-color: #051327;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    height: 100%;
    justify-content: center;
}
.contact-form .form-group {
    position: relative;
}
.contact-form .form-group label {
    position: absolute;
    z-index: 1;
    top: 15px;
    line-height: 32px;
}
.contact-form-right h3,
.contact-form-right h4,
.contact-form-right p{
    color: var(--loanlift-text-light);
    margin-bottom: 0;
}
.contact-details {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.contact-details p{
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
}
ul.contact-social-media {
    display: flex;
    column-gap: 20px;
}
ul.contact-social-media li a{
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--loanlift-text-black);
    background-color: #ffffff;
}
/***********************
 * team-details
***********************/
.team-one.inner-page .heading-title {
    margin-bottom: 24px;
}
.team-one.inner-page .heading-details {
    margin-bottom: 40px;
}
.team-details-section {
    padding: 100px 0;
}
.team-details-block {
    margin-bottom: 40px;
}
.team-social-media>h3 {
    font-weight: 700;
    margin-bottom: 18px;
}
.team-social-media ul li{
    padding: 18px 0;
    border-top: 1px solid var(--loanlift-text-light-grey);
}
.team-social-media ul li h4 {
    font-size: 16px;
    margin-bottom: 0;
}
.team-social-media ul li h3{
    font-weight: 700;
    margin-bottom: 14px;
}
.team-social-media ul li a{
    color: var(--loanlift-text-dark-grey);
}
.team-social-media ul li ul {
    display: flex;
    column-gap: 15px;
}
.team-social-media ul li ul li {
    padding: 0;
    border: none;
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}
.team-social-media ul li ul li a {
    font-size: 20px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
    position: relative;
    transition: all 0.5s;
    border: 1px solid var(--loanlift-primary-bg);
}
.team-social-media ul li ul li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    height: 0%;
    width: 0%;
    border-radius: 100%;
    background-color: var(--loanlift-text-light);
    transition: all 0.5s;
    z-index: -0;
}
.team-social-media ul li ul li a:hover::before {
    height: 100%;
    width: 100%;
}
.team-social-media ul li ul li a:hover {
    color: var(--loanlift-primary-bg);
}
.team-social-media ul li ul li a i{
    position: relative;
}
.team-details-block h3{
    font-weight: 700;
    margin-bottom: 14px;
}
ul.team-details-list{
    display: flex;
    row-gap: 14px;
    padding-left: 26px;
    flex-wrap: wrap;
}
ul.team-details-list li{
    position: relative;
    width: 100%;
}
ul.team-details-list li::after{
    content: url(../images/shape/star-gradiant-shape.png);
    position: absolute;
    top: 6px;
    left: -24px;
    line-height: 15px;
}
.team-details-block form {
    padding: 30px;
    background-color: var(--loanlift-secondary-bg);
}
.team-details-block form h4 {
    margin-bottom: 20px;
}
.team-details-block .from-group{
    margin-bottom: 30px;
    display: flex;
    column-gap: 30px;
}
.team-details-block .from-group input, 
.team-details-block .from-group textarea{
    width: 100%;
    padding: 20px;
    border: none;
    font-size: 14px;
    line-height: 20px;
    color: var(--loanlift-text-black);
}
.team-details-block .from-group input::placeholder,
.team-details-block .from-group textarea::placeholder{
    color: var(--loanlift-text-black);
}
.left-side-sticy{
    position: sticky;
    top: 100px;
}
.loan-process-line {
    width: 100%;
    height: 23px;
    background-color: var(--loanlift-secondary-bg);
    display: flex;
    align-items: center;
    padding: 0 4px;
}
.loan-process-inner {
    width: 0;
    height: 10px;
    background-color: var(--loanlift-primary-bg);
    position: relative;
    transition: all 1500ms ease;
}
p.loan-process-percentage {
    position: absolute;
    margin: 0;
    right: 0;
    top: -35px;
}
.process-group+.process-group {
    margin-top: 24px;
}
/***********************
 * protfolio page
***********************/
.portfolio-section{
    padding: 100px 0;
    position: relative;
}
.portfolio-section.standrad .heading-title {
    margin-bottom: 50px;
}
.portfolio-section.standrad::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 374px;
    border-bottom: 1px solid var(--loanlift-border-light);
    background-color: var(--loanlift-secondary-bg);
    z-index: -1;
}
.portfolio-details {
    position: absolute;
    bottom: 25px;
    right: 435px;
    width: calc(100% - 50px);
    background-color: var(--loanlift-primary-bg);
    display: flex;
    align-items: center;
    column-gap: 26px;
    padding: 20px;
    opacity: 0;
    transition: all 1s ease;
}
.portfolio-item {
    position: relative;
    overflow: hidden;
}
.portfolio-image img {
    width: 100%;
    object-fit: cover;
}
.portfolio-details-inner h4{
   font-weight: 500;
   color: var(--loanlift-text-light);
   margin-bottom: 4px;
}
.portfolio-details-inner p{
    font-size: 16px;
    line-height: 30px;
    color: var(--loanlift-text-light-grey);
    font-family: var(--loanlift-heading-font);
    margin-bottom: 0;
}
a.portfolio-btn {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--loanlift-text-light);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    flex-shrink: 0;
}
a.portfolio-btn i{
    line-height: 0;
    transition: all 0.5s 0.5s linear;
}
.portfolio-item:hover .portfolio-details{
    right: 25px;
    opacity: 1;
}
.portfolio-item:hover a.portfolio-btn i{
    transform: rotate(-45deg);
}
.portfolio-tab-links {
    display: flex;
    cursor: pointer;
    margin-bottom: 60px;
}
.portfolio-tab-link {
    flex: auto;
    padding: 10px;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    color: var(--loanlift-text-black);
    font-size: 22px;
    line-height: 35px;
    font-weight: 500;
    font-family: var(--loanlift-heading-font);
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.portfolio-tab-link .item-count, .careers-tab-link .count-items {
    background-color: black;
    color: #fff;
    padding: 5px 10px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 17px;
}
.portfolio-tab-link.active {
    border-bottom: 1px solid var(--loanlift-text-black);
}
.portfolio-tab-content {
    display: none;
}
.portfolio-tab-content.active {
    display: block;
}
.portfolio-tab-content .case-studies-item-inner-two {
    height: auto;
    width: auto;
}
.portfolio-one-item-inner {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.portfolio-one-details {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 120px);
    left: -530px;
    z-index: 1;
    transition: all 1s;
    background-color: var(--loanlift-text-light);
    padding: 30px;
}
.portfolio-one-item-inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #06152561;
    transition: all 0.5s;
}
.portfolio-one-tagline {
    color: #ffffff;
    margin-bottom: 10px;
    width: fit-content;
    padding: 10px 20px;
    background-color: var(--loanlift-primary-bg);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 18px;
}
.portfolio-one-details h4 {
    color: var(--loanlift-text-black);
    margin-bottom: 8px;
}
.portfolio-one-category p {
    color: var(--loanlift-border-dark);
}
.portfolio-one-item-inner:hover .portfolio-one-details{
   left: 20px;
}
.portfolio-one-item-image img {
    transition: all 1s;
}
.portfolio-one-item-inner:hover .portfolio-one-item-image img {
    transform: scale(1.1) translateX(25px);
}
.portfolio-one-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.portfolio-one-details-lower {
    padding-bottom: 20px;
    transition: all 0.5s;
}
.portfolio-one-item-inner:hover .portfolio-one-details-lower{
    margin-bottom: 0 !important;
}
/***********************
 * portfolio detail
***********************/
.portfolio-detail-section {
    padding-top: 100px ;
}
.portfolio-block {
    margin-bottom: 40px;
}
.portfolio-details-video {
    position: relative;
}
.portfolio-details-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50% , -50%);
    border-radius: 100%;
    backdrop-filter: blur(60px);
    box-shadow: 2px 2px 100px 0px rgba(255, 255, 255, 0.1) inset;
    color: var(--loanlift-text-light);
}
.protfolio-details-two h3 {
    font-weight: 600;
    margin-bottom: 15px;
}
ul.portfolio-details-list {
    padding: 30px 50px;
    border-top: 2px solid var(--loanlift-primary-bg);
    background-color: var(--loanlift-secondary-bg);
}
ul.portfolio-details-list>li{
    display: flex;
    border-bottom: 1px solid var(--loanlift-border-light);
    padding: 12px 0;
    flex-direction: column;
    row-gap: 10px;
}
ul.portfolio-details-list>li:last-child {
    border: none;
}
ul.portfolio-details-list>li p{
    margin-bottom: 0;
    color: var(--loanlift-text-black);
    font-size: 18px;
    line-height: 35px;
    font-family: var(--loanlift-heading-font);
    font-weight: 500;
}
ul.portfolio-details-list li span{
    color: var(--loanlift-text-dark-grey);
}
ul.portfolio-social-media {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
ul.portfolio-social-media li a{
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--loanlift-text-light);
    background-color: var(--loanlift-primary-bg);
    border-radius: 100%;
    position: relative;
    border: 1px solid var(--loanlift-primary-bg);
}
ul.portfolio-social-media li a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0%;
    width: 0%;
    border-radius: 100%;
    background-color: var(--loanlift-text-light);
    transition: all 0.5s;
    z-index: 0;
}
ul.portfolio-social-media li a:hover::before{
    height: 100%;
    width: 100%;
}
ul.portfolio-social-media li a:hover{
    color: var(--loanlift-text-black);
}
ul.portfolio-social-media li a i{
    position: relative;
}
.portfolio-image-two {
    display: flex;
    align-items: center;
    column-gap: 30px;
    overflow: hidden;
}
.portfolio-image-two img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.portfolio-image-two-inner {
    box-shadow: 0px 10px 15px 0px #0918271A;
}
.protfolio-details-two ul {
    padding-left: 24px;
    list-style: disc;
}
.protfolio-details-two ul li{
    color: var(--loanlift-text-dark-grey);
}
.protfolio-details-two ul li strong{
    color: var(--loanlift-text-black);
    font-weight: 700;
}
/***********************
 * apply loan page
***********************/
.apply-loan-section {
    padding: 100px 0;
    background-color: var(--loanlift-secondary-bg);
}
.apply-loan-section .heading-title {
    margin-bottom: 40px;
}
.apply-loan-section .form-group{
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    margin-bottom: 35px;
}
.apply-loan-widget {
    margin-bottom: 20px;
}
.apply-loan-section .form-group label{
    font-size: 18px;
    line-height: 35px;
    color: var(--loanlift-text-black);
}
.apply-loan-section .form-group input {
    border: none;
    border-bottom: 1px solid var(--loanlift-text-light-grey);
    padding: 20px 18px;
    font-size: 14px;
    line-height: 20px;
    color: var(--loanlift-text-dark-grey);
    background: transparent;
}
.apply-loan-section .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
    height: 100%;
}
.apply-loan-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: none;
    border-bottom: 1px solid var(--loanlift-text-light-grey);
    padding: 20px 18px;
    font-size: 14px;
    line-height: 20px;
    color: var(--loanlift-text-dark-grey);
    background: #f2f4f8;
}
.apply-loan-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}
.apply-loan-section .form-group .btn.btn-secondary {
    justify-content: center;
    width: fit-content;
}
/***********************
 * careers
***********************/
.careers-section {
    padding: 100px 0;
    position: relative;
}
.careers-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 386.5px;
    background-color: var(--loanlift-secondary-bg);
    border-bottom: 1px solid var(--loanlift-border-light);
}
.careers-section .heading-title {
    margin-bottom: 70px;
}
.careers-tab-links {
    margin-bottom: 60px;
    display: flex;
    column-gap: 24px;
}
.careers-tab-item {
    padding: 40px 0;
    border: 1px solid var(--loanlift-text-light-grey);
    border-left: none;
    border-right: none;
    border-top: none;
}
.careers-tab-item+.careers-tab-item{
    border-top: none;
}
.careers-tab-link {
    background-color: transparent;
    padding: 10px 20px;
    border: none;
    color: var(--loanlift-text-black);
    position: relative;
    display: flex;
    column-gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    flex: auto;
}
.careers-tab-link i{
    line-height: 0;
    font-size: 24px;
}
.careers-tab-link::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    background-color: var(--loanlift-text-black);
    transition: all 0.5s linear;
}
.careers-tab-link.active::after , .careers-tab-link:hover::after{
width: 100%;
}
.job-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.job-type {
    display: flex;
    align-items: center;
    column-gap: 24px;
}
.job-title h3{
    margin-bottom: 0;
}
.job-title h3 a{
    color: var(--loanlift-text-black);
}
a.job-apply-btn {
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 10px 37px;
    border-radius: 12px;
    border: 1px solid transparent;
}
a.job-apply-btn i {
    line-height: 0;
    transition: transform 0.5s;
}
a.job-apply-btn:hover{
    color: var(--loanlift-text-black);
    border-color: var(--loanlift-text-black);
    background-color: var(--loanlift-text-light);
}
a.job-apply-btn:hover i{
    transform: rotate(-45deg);
}
.job-type-inner {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 5px 20px;
    border-radius: 30px;
    border: 1px solid var(--loanlift-text-black);
    color: var(--loanlift-text-black);
}
.job-type-inner p{
    color: var(--loanlift-text-black);
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
}
.job-type-inner i{
    line-height: 0;
    font-size: 20px;
    color: var(--loanlift-text-black);
}
.job-details {
    width: 60%;
}
.careers-tab-content {
    display: none;
}
.careers-tab-content.active {
    display: block;
}
.careers-cta-section {
    padding: 60px 0;
    background-color: var(--loanlift-secondary-bg);
}
.careers-cta-section .heading-title{
    margin-bottom: 24px;
}
.ceo-details {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    align-items: center;
}
.ceo-details-inner p{
    margin-bottom: 0;
    font-size: 18px;
    line-height: 35px;
    color: var(--loanlift-text-black);
}
.ceo-details-inner span{
    color: var(--loanlift-text-dark-grey);
    font-size: 14px;
    line-height: 20px;
}
/***********************
 * 404
***********************/
.section-404 {
    padding: 140px 0;
}
.section-404 img{
    margin-bottom: 40px;
}
.section-404 .heading-title {
    margin-bottom: 18px;
}
.section-404 .section-details{
    margin-bottom: 40px;
}
/***********************
 * services page
***********************/
.pricing-one {
    padding: 100px 0;
}
.pricing-one .heading-title {
    margin-bottom: 48px;
}
.pricing-one-item {
    text-align: center;
    padding-top: 59px;
    position: relative;
    border: 1px solid rgba(235, 235, 235, 0.7);
}
.pricing-one-item.first {
    border-right: none;
}
.pricing-one-item.last {
    border-left: none;
}
.pricing-one-item  .hedding {
    padding: 24px;
}
.pricing-one-item  .hedding i{
    font-size: 55px;
    line-height: 0;
    margin-bottom: 20px;
}
.pricing-one-item  .hedding h3{
    font-weight: 600;
    margin-bottom: 18px;
}
ul.services-list{
    border-bottom: 1px solid rgba(235, 235, 235, 0.7);
}
ul.services-list li{
    font-size: 18px;
    line-height: 35px;
    color: var(--loanlift-text-dark-grey);
    padding: 9px 0;
    padding: 9px 0;
    border-top: 1px solid rgba(235, 235, 235, 0.7);
}
ul.services-list li i {
    margin-right: 10px;
}
ul.services-list li .fa-xmark {
    color: red;
}
ul.services-list li .fa-check{
    color: green;
}
.pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 18px;
    margin-bottom: 25px;
}
.pricing h2{
    font-weight: 700;
    margin-bottom: 0;
}
.pricing p{
    margin-bottom: 0;
}
.pricing-box-lower {
    padding: 32px 0 32px;
    text-align: center;
}
.pricing-box-lower span {
    display: block;
    font-size: 10px;
    line-height: 20px;
    color: #000000;
}
.popular-tag {
     background-color: var(--loanlift-primary-bg);
     padding: 12px 0;
     position: absolute;
     top: 0;
     width: 100%;
}
.popular-tag h6{
    color: var(--loanlift-text-light);
    letter-spacing: -0.02em;
    font-weight: 700;
}
.popular .pricing-box-lower{
    background-color: var(--loanlift-primary-bg);
}
.popular .pricing-box-lower h2 ,
.popular .pricing-box-lower p ,
.popular .pricing-box-lower span{
    color: var(--loanlift-text-light);
}
.popular .pricing-box-lower p{
    color: rgba(255,255,255,0.8);
}
.pricing-one-item.popular {
    border: 1px solid rgba(235, 235, 235, 0.7); 
    background-color: var(--loanlift-secondary-bg);
}
.pricing-lower {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.pricing-lower-inner {
    flex: auto;
    display: flex;
    justify-content: center;
    column-gap: 14px;
}
.pricing-lower-inner h5{
    font-weight: 500;
}
.pricing-lower-inner i{
    line-height: 0;
    font-size: 35px;
}
.services-testimonial {
    background-color: transparent;
}
.services-testimonial .testimonial-slider-two-box {
    background-color: var(--loanlift-secondary-bg);
}
/***********************
 * services details
***********************/
.services-details-section {
    padding: 100px 0;
}
.services-block {
    margin-bottom: 40px;
}
.services-details-image {
    column-gap: 30px;
}
ul.services-details-list {
    padding-left: 24px;
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}
ul.services-details-list li {
    width: 50%;
    position: relative;
    padding: 12px 0;
}
ul.services-details-list li::after {
    content: url(../images/shape/star-gradiant-shape.png);
    position: absolute;
    top: 50%;
    left: -24px;
    line-height: 15px;
    transform: translateY(-50%);
}
.services-block  .accordion-body {
    padding: 24px 50px  24px 24px;
}
.services-sidebar {
    background-color: var(--loanlift-secondary-bg);
    padding: 30px;
    position: sticky;
    top: 110px;
}
.services-block h4{
    margin-bottom: 16px;
    font-weight: 700;
}
.category-widget ul li a {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}
.category-widget ul li a i{
    line-height: 0;
}
a.download-pdf {
    display: flex;
    justify-content: space-between;
    padding: 15px 18px;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
    text-transform: uppercase;
    align-items: center;
}
a.download-pdf i{
    line-height: 0;
    font-size: 30px;
}
a.download-pdf i:last-child{
    font-size: 20px;
}
/***********************
 * animation
***********************/
.zoom-in{
    animation: zoom 15s linear;
}
.fade-left{
    animation: fade-left 1s linear ;
}
@keyframes fade-left {
    0%{
        opacity: 0;
        transform: translateX(-200px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes fade-in-up {
    0%{
        opacity: 0;
        transform: translateY(200px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes zoom {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.25);
    }
}
@keyframes zoom-in-out {
    0%{
        transform: scale(0.5);
    }
    50%{
        transform: scale(1);
    }
    100%{
        transform: scale(0.5);
    }
}
@keyframes fade-up-in {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-70px);
    }
    100%{
        transform: translateY(0px);
    }
}
@keyframes pulse-ring {
    0% {
        width: 62px;
        height: 62px;
        opacity: 1;
    }
    100% {
        width: 90px;
        height: 90px;
       opacity: 0;
    }
}
@keyframes pulse-ring-2 {
    0% {
        width: 128px;
        height: 128px;
        opacity: 1;
    }
    100% {
        width: 190px;
        height: 190px;
       opacity: 0;
    }
}
@keyframes swipe {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
@keyframes textRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotet {
    from{
     transform: rotate(0);
    }
    to{
        transform: rotate(306deg);
    }
}
@keyframes fale-left-two {
    0%{
        opacity: 0;
        transform: translateX(-150px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes fale-right-two {
    0%{
        opacity: 0;
        transform: translateX(150px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes underline {
    0% {
        background-size: 100% 100%;
        background-position-x: 100%
    }

    100% {
        background-size: 0 100%;
        background-position-x: 100%
    }
}
@keyframes underline-hover {
    0% {
        background-position-x: 0;
        background-size: 0 100%
    }

    100% {
        background-position-x: 0;
        background-size: 100% 100%
    }
}
@keyframes moveLetters {
    0% {
      transform: translateX(-15vw);
      opacity: 0;
    }
    33.3%, 66% {
      transform: translateX(0);
      opacity: 1;
    }
    100% {
      transform: translateX(15vw);
      opacity: 0;
    }
  }
  @keyframes movingLine {
    0% {
      opacity: 0;
      width: 0;
    }
    33.3%, 66% {
      opacity: 0.8;
      width: 100%;
    }
    85% {
      width: 0;
      left: initial;
      right: 0;
      opacity: 1;
    }
    100% {
      opacity: 0;
      width: 0;
    }
  }
/***********************
 * side menu
***********************/
.side-menu-wrapper {
    position: fixed;
    z-index: 991;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transform-origin: left center;
    transition: all 0.5s;
    visibility: hidden;
    z-index: 999999;
}
.side-menu-wrapper.expanded{
    opacity: 1;
    transform: translateX(0%);
    visibility: visible;
    transition: all 0.5s;
}
.side-menu-overlay.side-menu-toggler {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000090;
    opacity: 0.9;
    height: 100%;
    width: 100%;
}
.side-menu-content {
    width: 100%;
    max-width: 420px;
    background-color: var(--loanlift-text-light);
    text-align: center;
    padding: 120px 30px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: all 0.5s;
    height: 100vh;
    margin-left: auto;
}
.side-menu-wrapper.expanded .side-menu-content{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all 0.5s;
}
.side-menu-logo-box {
    margin-bottom: 50px;
}
.side-menu-container p {
    margin-bottom: 30px;
}
.side-menu-container h4{
    margin-bottom: 20px;
}
.side-menu-container ul{
    margin-bottom: 40px;
}
.side-menu-container ul li {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}
.side-menu-container ul li i{
    line-height: 0;
    font-size: 20px;
    position: relative;
}
.side-menu-container ul li a{
    color: var(--loanlift-text-dark-grey);
}
ul.side-menu-social-media {
    display: flex;
    justify-content: center;
    column-gap: 15px;
}
ul.side-menu-social-media li a {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--loanlift-primary-bg);
    color: var(--loanlift-text-light);
    position: relative;
    transition: all 0.5s;
    border: 1px solid var(--loanlift-primary-bg);
}
ul.side-menu-social-media li a::before{
    content: "";
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50% ,-50%);
    height: 0%;
    width: 0%;
    border-radius: 100%;
    background-color: var(--loanlift-text-light);
    transition: all 0.5s;
    z-index: 0;
}
ul.side-menu-social-media li a:hover::before{
    height: 100%;
    width: 100%;
}
ul.side-menu-social-media li a:hover{
    color: var(--loanlift-primary-bg);
}
.side-menu-toggler {
    position: absolute;
    right: 20px;
    height: 40px;
    width: 40px;
    top: 40px;
}
.side-menu-toggler span {
    height: 1px;
    display: inline-block;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.5s;
}
.side-menu-toggler span:last-child {
    transform: translateY(-50%) rotate(-45deg);
}
.side-menu-toggler:hover span {
    transform: translateY(-50%) rotate(0deg);
}










/* .main-header.main-header-four{
    background-color: rgb(11 19 27 / 65%);
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 7px 50px 0 rgba(0, 0, 0, .1);
    transition: all 0.5s;
}

.main-header.main-header-four ul.main-menu-list>li>a,
.main-header.main-header-four ul.main-menu-list>li,
.main-header.main-header-four .search-btn,
.main-header.main-header-four .menu-phone{
    color: var(--loanlift-text-light);
} */

/* .main-header.main-header-four .main-menu-logo img{
    filter: brightness(21.5);
} */



/* Unique Section Main Background & Wrapper */
#loan-steps-unique-section {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    padding: 40px 20px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    border-radius: 24px;
    box-sizing: border-box;
}

#loan-steps-unique-section * {
    box-sizing: border-box;
}

.unq-loan-container {
    width: 100%;
    text-align: center;
}

/* Header Text Styling */
.unq-loan-header {
    margin-bottom: 60px;
}

.unq-main-title {
    font-size: 32px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 10px;
}

.unq-sub-title {
    font-size: 16px;
    color: #718096;
    font-weight: 400;
}

/* Steps Outer Flex Container */
#unq-steps-progress-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    z-index: 1;
}

/* Connecting Line Background Effect */
.unq-progress-line-bg {
    position: absolute;
    top: 55px;
    left: 5%;
    width: 90%;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #eab308, #f97316, #06b6d4);
    background-size: 300% 300%;
    animation: unqGradientMove 6s ease infinite;
    z-index: -1;
}

@keyframes unqGradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Individual Cards & Floating Hover Effect */
.unq-step-card {
    flex: 1;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    position: relative;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

.unq-step-card:hover {
    transform: translateY(-10px);
}

/* Icon Circles Design */
.unq-icon-circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    font-size: 36px;
    margin-bottom: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border: 4px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

/* Colored Borders */
.unq-circle-blue { border-color: #3b82f6; color: #3b82f6; }
.unq-circle-yellow { border-color: #eab308; color: #eab308; }
.unq-circle-orange { border-color: #f97316; color: #f97316; }
.unq-circle-cyan { border-color: #06b6d4; color: #06b6d4; }

/* Dynamic Glow and Filling Effect on Hover */
.unq-step-card:hover .unq-icon-circle {
    transform: scale(1.1);
    color: #ffffff;
}

.unq-step-card:hover .unq-circle-blue { background: #3b82f6; box-shadow: 0 15px 30px rgba(59, 130, 246, 0.4); }
.unq-step-card:hover .unq-circle-yellow { background: #eab308; box-shadow: 0 15px 30px rgba(234, 179, 8, 0.4); }
.unq-step-card:hover .unq-circle-orange { background: #f97316; box-shadow: 0 15px 30px rgba(249, 115, 22, 0.4); }
.unq-step-card:hover .unq-circle-cyan { background: #06b6d4; box-shadow: 0 15px 30px rgba(6, 182, 212, 0.4); }

/* Number Counter Badges */
.unq-step-badge {
    position: absolute;
    top: 5px;
    right: 35%;
    background: #1a202c;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Descriptive Text Styles */
.unq-step-text {
    font-size: 15px;
    color: #4a5568;
    font-weight: 600;
    max-width: 180px;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.unq-step-card:hover .unq-step-text {
    color: #1a202c;
}

/* Fully Responsive Breakdown for Tablets & Mobile Screens */
@media (max-width: 768px) {
    #unq-steps-progress-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .unq-progress-line-bg {
        width: 4px;
        height: 80%;
        left: 50%;
        top: 40px;
        transform: translateX(-50%);
    }
    .unq-step-badge {
        right: 25%;
    }
}











/* Unique CSS Wrapper for Minimal Modern Layout Concept */
.prm-slider-section-container {
    width: 100%;
    max-width: 1220px;
    margin: 30px auto;
    position: relative;
    font-family: 'Poppins', -apple-system, sans-serif;
}

.prm-slider-viewport {
    position: relative;
    width: 100%;
    height: 380px; /* Enhanced height for cleaner white-space breathing */
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 24px;
    box-shadow: 0 15px 40px -15px rgba(0,0,0,0.06);
    overflow: hidden;
}

/* Individual Slide Panels */
.prm-slide-card {
    position: absolute;
    inset: 0;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.99);
    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), 
                visibility 0.6s;
    z-index: 1;
}

.prm-slide-card.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 2;
}

/* Abstract Background Layout Details */
.prm-accent-glow {
    position: absolute;
    top: -20%;
    left: -10%;
    width: 50%;
    height: 140%;
    background: radial-gradient(circle, rgba(59,130,246,0.12) 0%, rgba(255,255,255,0) 70%);
    pointer-events: none;
    z-index: 1;
}

.prm-geometric-shape {
    position: absolute;
    bottom: -60px;
    right: -60px;
    width: 160px;
    height: 160px;
    background: #3b82f6;
    border-radius: 50%;
    opacity: 0.04;
    pointer-events: none;
    z-index: 1;
}

/* Left Graphic Column Wrapper */
.prm-grid-left-visual {
    width: 45%;
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 3;
}

.prm-img-composite-box {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 400px;
}

.prm-hero-avatar {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(0.95);
    height: 94%;
    object-fit: contain;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Slide Triggered Animation effect on avatar scaling */
.prm-slide-card.active .prm-hero-avatar {
    transform: translateX(-50%) scale(1);
}

/* Sophisticated Frosted Glass Pill Badges */
.prm-glass-badge {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 5;
    transition: transform 0.5s ease;
}

.prm-badge-info {
    display: flex;
    flex-direction: column;
}

.prm-val {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}

.prm-lbl {
    font-size: 9px;
    color: #64748b;
    font-weight: 500;
}

.prm-icon-g {
    background: #4285F4;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
}

/* Modern Offset Placement coordinates */
.badge-pos-g { top: 40%; left: 0px; }
.badge-pos-cust { top: 15%; right: 20px; }
.badge-pos-vol { bottom: 22%; right: -10px; }

/* Right Text & CTA Grid Panel */
.prm-grid-right-content {
    width: 55%;
    padding: 40px 60px 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    z-index: 3;
}

/* Typography elements slide-up effect animations */
.prm-text-composite {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.prm-mini-tag {
    align-self: flex-start;
    background: rgba(59, 130, 246, 0.08);
    color: #3b82f6;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.prm-display-title {
    font-size: 36px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.prm-gradient-text {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prm-display-sub {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    max-width: 480px;
}

/* Clean Professional Action Control Button */
.prm-primary-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: #2681ff;
    color: #ffffff;
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15);
    transition: background 0.25s, transform 0.2s, box-shadow 0.25s;
}

.prm-primary-btn:hover {
    background: #1e293b;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.25);
}

.prm-arrow-circle {
    background: rgba(255,255,255,0.15);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.prm-primary-btn:hover .prm-arrow-circle {
    transform: translateX(3px);
}

/* Fallback card alignment structure for simple text slides */
.prm-slide-fallback-msg {
    width: 100%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
}

/* Minimalist Navigation Line Bars Indicator System */
.prm-slider-nav-bars {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.prm-bar-indicator {
    width: 36px;
    height: 4px;
    background: #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: background-color 0.3s;
}

.prm-bar-indicator.active {
    background: #3b82f6;
}


/* --- Responsive layout breakpoints --- */
@media (max-width: 992px) {
    .prm-slider-viewport { height: auto; min-height: 400px; }
    .prm-slide-card { flex-direction: column; height: auto; position: relative; opacity: 0; display: none; }
    .prm-slide-card.active { opacity: 1; display: flex; }
    .prm-grid-left-visual { width: 100%; height: 250px; margin-top: 20px; }
    .prm-grid-right-content { width: 100%; padding: 20px; text-align: center; align-items: center; }
    .prm-mini-tag { align-self: center; }
    .prm-display-sub { margin: 0 auto; }
    .badge-pos-g { left: 15px; }
    .badge-pos-vol { right: 15px; }
}


.services-two-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.services-two-image img {
    width: 100%;
    display: block;
    border-radius: 20px;
    transition: all 0.5s ease;
    transform: scale(1);
    filter: brightness(0.95);
}

/* Hover Effect */
.services-two-image:hover img {
    transform: scale(1.08) rotate(1deg);
    filter: brightness(1.05);
}

/* Optional Glow Shadow */
.services-two-image::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.15),
        rgba(255,255,255,0)
    );
    opacity: 0;
    transition: 0.5s ease;
    z-index: 1;
}

.services-two-image:hover::before {
    opacity: 1;
}



.about-one-image.active img {
    border-radius: 20px;
}

.about-one_image.active img {
    border-radius: 20px;
	margin-top: 95px;
}

.why-choose-two-image.active img {
    border-radius: 20px;
}


.footer-two-contact-inner h5 {
    font-size: 14px;
}











/* =========================
   LOAN PRODUCTS SECTION
========================= */

#ljLoanProductsSection{
    padding:40px 20px;
    background:#f8faff;
    overflow:hidden;
}

.ljLoanContainer{
    max-width:1280px;
    margin:auto;
}

.ljLoanHeading{
    text-align:center;
    margin-bottom:30px;
}

.ljLoanHeading h2{
    font-size:35px;
    font-weight:700;
    color:#111827;
    margin-bottom:12px;
}

.ljLoanHeading p{
    max-width:700px;
    margin:auto;
    color:#000000;
    line-height:1.7;
}

/* Tabs */

.ljLoanTabs{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:50px;
}

.ljLoanTab{
    border:none;
    cursor:pointer;
    padding:15px 40px;
    border-radius:12px;
    font-size:17px;
    font-weight:600;
    background:#fff;
    color:#444;
    border:1px solid #dbe2ea;
    transition:.4s ease;
}

.ljLoanTab:hover{
    transform:translateY(-3px);
}

.ljLoanTab.active{
    background:linear-gradient(135deg,#2563eb,#3b82f6);
    color:#fff;
    box-shadow:0 12px 30px rgba(37,99,235,.25);
}

/* Content */

.ljLoanContent{
    display:none;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    animation:ljFade .5s ease;
}

.ljLoanContent.active{
    display:grid;
}

@keyframes ljFade{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Card */

.ljLoanCard{
    background:#fff;
    border:1px solid #dde5ef;
    border-radius:24px;
    padding:25px;
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

.ljLoanCard::before{
    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(59,130,246,.08),
        transparent
    );
    transition:.8s;
}

.ljLoanCard:hover::before{
    left:100%;
}

.ljLoanCard:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.ljLoanIcon{
    width:55px;
    height:55px;
    border-radius:16px;
    background:rgb(182 209 255);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    margin-bottom:15px;
}

.ljLoanCard h3{
    font-size:28px;
    margin-bottom:20px;
    color:#111827;
}

.ljLoanCard ul{
    list-style:none;
    padding:0;
    margin:0 0 30px;
}

.ljLoanCard ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    color:#555;
}

.ljLoanCard ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#16a34a;
    font-weight:700;
}

.ljApplyBtn{
    display:block;
    text-align:center;
    text-decoration:none;
    border:2px solid #2563eb;
    color:#2563eb;
    font-weight:700;
    padding:5px;
    border-radius:50px;
    transition:.4s ease;
}

.ljApplyBtn:hover{
    background:#2563eb;
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

    .ljLoanContent{
        grid-template-columns:repeat(2,1fr);
    }

    .ljLoanHeading h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    .ljLoanContent{
        grid-template-columns:1fr;
    }

    .ljLoanTab{
        width:100%;
        max-width:300px;
    }

    .ljLoanHeading h2{
        font-size:30px;
    }

    .ljLoanCard{
        padding:25px;
    }

    .ljLoanCard h3{
        font-size:24px;
    }
}




ul.why-choose-two-list p {
    margin-bottom: 15px;
}











/* ==========================
   MODERN TESTIMONIAL SECTION
========================== */

#ff-testimonial-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.ff-testimonial-slider {
    margin-top: 50px;
}

.ff-testimonial-card {
    background: #fff;
    border-radius: 25px;
    padding: 30px;
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all .4s ease;
    border: 1px solid rgba(0,0,0,0.05);
    position: relative;
    overflow: hidden;
}

.ff-testimonial-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background: linear-gradient(90deg,#0d6efd,#00c6ff);
}

.ff-testimonial-card:hover{
    transform: translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
}

.ff-client-info{
    display:flex;
    align-items:center;
    gap:15px;
}

.ff-client-info img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #0d6efd;
}

.ff-client-name{
    font-size:20px;
    font-weight:700;
    margin-bottom:4px;
}

.ff-review-text{
    font-size:15px;
    line-height:1.8;
    color:#666;
    margin:20px 0;
    overflow:hidden;

    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
}

.ff-loan-tag{
    display:inline-block;
    background:#f1f7ff;
    color:#0d6efd;
    font-size:13px;
    font-weight:700;
    padding:8px 18px;
    border-radius:50px;
    text-transform:uppercase;
}

.ff-quote-icon{
    position:absolute;
    bottom:20px;
    right:25px;
    font-size:45px;
    color:#0d6efd20;
}

.ff-testimonial-card:hover .ff-quote-icon{
    color:#0d6efd40;
}

@media(max-width:991px){

    .ff-testimonial-card{
        height:400px;
    }
}

@media(max-width:767px){

    #ff-testimonial-section{
        padding:70px 0;
    }

    .ff-testimonial-card{
        height:420px;
        padding:25px;
    }

    .ff-client-name{
        font-size:18px;
    }
}













/* ===============================
   LOAN PROCESS SECTION
=================================*/

#loanwave_process{
    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
}

/* #loanwave_process::before{
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(13,110,253,.08);
    border-radius: 50%;
    top: -100px;
    left: -100px;
} */

#loanwave_process::after{
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(255,193,7,.08);
    border-radius: 50%;
    bottom: -80px;
    right: -80px;
}

.loanwave_container{
    max-width: 1300px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Heading */

.loanwave_heading{
    text-align: center;
    margin-bottom: 90px;
}

.loanwave_heading h2{
    font-size: 35px;
    font-weight: 700;
    color: #1b1b1b;
    margin-bottom: 15px;
    line-height: 1.2;
}

.loanwave_heading p{
    font-size: 18px;
    color: #666;
    margin: 0;
}

/* Timeline */

.loanwave_timeline{
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    align-items: center;
}

/* Center Line */

.loanwave_timeline::before{
    content: "";
    position: absolute;
    top: 90px;
    left: 5%;
    width: 90%;
    height: 6px;
    border-radius: 20px;
    background: linear-gradient(
        90deg,
        #0d6efd,
        #00c3ff,
        #00c853,
        #ffc107
    );
}

/* Card */

.loanwave_step{
    position: relative;
    text-align: center;
    z-index: 3;
}

/* Wave Effect */

.loanwave_up{
    transform: translateY(-45px);
}

.loanwave_down{
    transform: translateY(45px);
}

/* Step Number */

.loanwave_no{
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

/* Circle */

.loanwave_circle{
    width: 125px;
    height: 125px;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .4s;
    box-shadow: 0 20px 40px rgba(0,0,0,.12);
}

/* Outer Ring */

.loanwave_circle::before{
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 3px dashed rgba(255,255,255,.6);
}

/* Hover */

.loanwave_step:hover .loanwave_circle{
    transform: translateY(-12px) scale(1.08);
}

.loanwave_step:hover .loanwave_circle i{
    transform: rotate(12deg);
}

/* Icons */

.loanwave_circle i{
    font-size: 55px;
    color: #fff;
    transition: .4s;
}

/* Titles */

.loanwave_step h4{
    margin-top: 25px;
    font-size: 22px;
    line-height: 1.5;
    color: #222;
    font-weight: 600;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

/* Colors */

.loanwave_circle.blue{
    background: linear-gradient(
        135deg,
        #0066ff,
        #00b7ff
    );
}

.loanwave_circle.orange{
    background: linear-gradient(
        135deg,
        #ff7a00,
        #ffbf00
    );
}

.loanwave_circle.green{
    background: linear-gradient(
        135deg,
        #00b894,
        #6ddf5b
    );
}

.loanwave_circle.purple{
    background: linear-gradient(
        135deg,
        #7f00ff,
        #d946ef
    );
}

/* Floating Animation */

@keyframes loanwaveFloat{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

.loanwave_circle{
    animation: loanwaveFloat 4s ease-in-out infinite;
}

/* Tablet */

@media(max-width:991px){

    .loanwave_heading h2{
        font-size: 38px;
    }

    .loanwave_timeline{
        grid-template-columns: repeat(2,1fr);
        gap: 60px 30px;
    }

    .loanwave_timeline::before{
        display: none;
    }

    .loanwave_up,
    .loanwave_down{
        transform: none;
    }
}

/* Mobile */

@media(max-width:767px){

    #loanwave_process{
        padding: 70px 15px;
    }

    .loanwave_heading{
        margin-bottom: 50px;
    }

    .loanwave_heading h2{
        font-size: 30px;
    }

    .loanwave_heading p{
        font-size: 16px;
    }

    .loanwave_timeline{
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .loanwave_circle{
        width: 120px;
        height: 120px;
    }

    .loanwave_circle i{
        font-size: 42px;
    }

    .loanwave_step h4{
        font-size: 18px;
    }

    .loanwave_no{
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
}







.loan-problems-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.loan-problems-list li{
    position: relative;
    padding-left: 32px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 1.6;
}

.loan-problems-list li::before{
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}









#simple-process-flow{
    padding:50px 20px;
    background:#fff;
}

.process-container{
    max-width:1300px;
    margin:auto;
}

.process-heading{
    text-align:center;
    margin-bottom:60px;
}

.process-heading span{
    color:#0d6efd;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
}

.process-heading h2{
    font-size:42px;
    color:#222;
    margin-top:10px;
    font-weight:700;
}

.process-flow{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

.process-step{
    flex:1;
    min-width:220px;
    text-align:center;
    position:relative;
}

.process-number{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    font-size:24px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(13,110,253,.20);
}

.process-step h4{
    font-size:22px;
    color:#222;
    margin-bottom:10px;
}

.process-step p{
    color:#666;
    line-height:1.7;
    margin:0;
}

.process-arrow{
    font-size:28px;
    color:#0d6efd;
    margin-top:20px;
}

@media(max-width:991px){

    .process-flow{
        flex-direction:column;
        align-items:center;
    }

    .process-arrow{
        transform:rotate(90deg);
        margin:0;
    }

    .process-step{
        max-width:400px;
    }

    .process-heading h2{
        font-size:32px;
    }
}









#emi-popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
    padding:20px;
}

.emi-popup{
    width:480px;
    max-width:95%;
    background:#fff;
    border-radius:20px;
    padding:28px;
    text-align:center;
    position:relative;
    box-shadow:0 15px 50px rgba(0,0,0,.18);
    animation:popupScale .35s ease;
}

@keyframes popupScale{
    from{
        opacity:0;
        transform:scale(.85);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

.emi-close{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border: none;
    background: #ede8e8;
	border-radius: 50%;
    font-size: 32px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    padding: 0;
}

.emi-popup h2{
    font-size:30px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:10px;
}

.emi-popup p{
    color:#64748b;
    font-size:15px;
    line-height:1.5;
    margin-bottom:22px;
}

.emi-boxes{
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:22px;
}

.emi-card{
    flex:1;
    padding:15px;
    border-radius:14px;
}

.emi-card span{
    display:block;
    font-size:12px;
    margin-bottom:5px;
    color:#64748b;
}

.emi-card h3{
    margin:0;
    font-size:24px;
    font-weight:800;
}

.current{
    background:#fff1f2;
    border:1px solid #fecdd3;
}

.current h3{
    color:#e11d48;
}

.new{
    background:#ecfdf5;
    border:1px solid #bbf7d0;
}

.new h3{
    color:#16a34a;
}

.emi-middle{
    min-width:95px;
    background:linear-gradient(135deg,#0f172a,#2563eb);
    color:#fff;
    border-radius:14px;
    padding:12px 10px;
}

.emi-middle span{
    display:block;
    font-size:11px;
    opacity:.8;
}

.emi-middle strong{
    font-size:22px;
    display:block;
    margin-top:3px;
}

.emi-btns{
    display:flex;
    gap:10px;
}

.emi-btns a{
    flex:1;
    text-decoration:none;
    padding:13px;
    border-radius:10px;
    font-weight:600;
    transition:.3s;
}

.show-emi-btn{
    background:#2563eb;
    color:#fff;
}

.apply-btn{
    background:#0f172a;
    color:#fff;
}

.show-emi-btn:hover,
.apply-btn:hover{
    transform:translateY(-2px);
}

@media(max-width:576px){

    .emi-popup{
        padding:22px 18px;
    }

    .emi-popup h2{
        font-size:24px;
    }

    .emi-boxes{
        flex-direction:column;
    }

    .emi-middle{
        width:100%;
    }

    .emi-btns{
        flex-direction:column;
    }
}
















.banner-two {
    position: relative;
    overflow: hidden;
    background: #020814;
    min-height: 550px;
    display: flex;
    align-items: center;
}

/* Background Image Hide */
.banner-two-slider-item-image {
    display: none;
}

/* Main Blue Glow */
.banner-two::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 900px;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        circle,
        rgba(0, 102, 255, 0.45) 0%,
        rgba(0, 102, 255, 0.18) 35%,
        rgba(0, 102, 255, 0.08) 55%,
        transparent 80%
    );
    filter: blur(40px);
    z-index: 1;
}

/* Curved Lines */
.banner-two::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at center,
        transparent 38%,
        rgba(255,255,255,0.08) 38.2%,
        transparent 38.5%),

        radial-gradient(circle at center,
        transparent 48%,
        rgba(255,255,255,0.08) 48.2%,
        transparent 48.5%),

        radial-gradient(circle at center,
        transparent 58%,
        rgba(255,255,255,0.07) 58.2%,
        transparent 58.5%),

        radial-gradient(circle at center,
        transparent 68%,
        rgba(255,255,255,0.06) 68.2%,
        transparent 68.5%);
    z-index: 1;
    pointer-events: none;
}

/* Content Above Background */
.banner-two .container,
.banner-two-info,
.banner-two-slider {
    position: relative;
    z-index: 5;
}

/* Optional Blue Spotlight */
.banner-title h1,
.section-details p {
    position: relative;
    z-index: 5;
}

/* Premium Overlay */
.banner-two .banner-two-slider-item {
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.95) 0%,
            rgba(0,35,90,0.55) 50%,
            rgba(0,0,0,0.95) 100%
        );
    min-height: 550px;
    display: flex;
    align-items: center;
}




.whatsapp-float{
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg,#25D366,#128C7E);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 34px;
    z-index: 99999;
    box-shadow: 0 10px 25px rgba(37,211,102,.4);
    transition: all .3s ease;
    animation: whatsappBounce 2s infinite;
}

.whatsapp-float::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(37,211,102,.5);
    z-index: -1;
    animation: whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    color: #fff;
    transform: scale(1.12);
    box-shadow: 0 15px 35px rgba(37,211,102,.6);
}

@keyframes whatsappPulse{
    0%{
        transform: scale(1);
        opacity: .8;
    }
    70%{
        transform: scale(1.8);
        opacity: 0;
    }
    100%{
        transform: scale(1.8);
        opacity: 0;
    }
}

@keyframes whatsappBounce{
    0%,20%,50%,80%,100%{
        transform: translateY(0);
    }
    40%{
        transform: translateY(-8px);
    }
    60%{
        transform: translateY(-4px);
    }
}

/* Mobile */
@media (max-width: 768px){
    .whatsapp-float{
        width: 58px;
        height: 58px;
        font-size: 30px;
        left: 15px;
        bottom: 15px;
    }
}


.banner-two__circle {
    z-index: 9999;
}

/* Header above banner */
.main-header,
.header-area {
    z-index: 9999;
}

/* Keep existing dropdown logic */
ul.main-menu-list li {
    position: relative;
}

ul.main-menu-list li ul {
    z-index: 99999 !important;
}

/* Banner below menu */
.banner-two {
    z-index: 1 !important;
}



.loan-features{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.loan-features span{
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    line-height:1.4;
}

.loan-features i{
    color:#0057dd;
    font-size:14px;
}

@media (max-width:768px){
    .loan-features{
        gap:10px;
    }

    .loan-features span{
        font-size:13px;
    }
}





.features-three-slider-item{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

.features-three-slider-item img{
    width: 150px;
    height: 60px;
    object-fit: contain;
    display: block;
}











/* ===== ENQUIRY POPUP ===== */

#enquiryModal{
    z-index: 99999;
}

.modal-backdrop{
    z-index: 99998;
    opacity: 0.7 !important;
}

#enquiryModal .modal-dialog{
    max-width: 380px;
    margin: 80px auto;
}

.enquiry-modal{
    border: none;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 60px rgba(37, 99, 235, 0.20);
}

.enquiry-modal .modal-header{
    background: #2563eb;
    padding: 15px 20px;
    border: none;
}

.enquiry-modal .modal-title{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.enquiry-modal .btn-close{
    filter: brightness(0) invert(1);
    opacity: 1;
}

.enquiry-modal .modal-body{
    padding: 25px;
}

.enquiry-text{
    text-align: center;
    color: #666;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.enquiry-modal .form-control{
    height: 48px;
    border-radius: 10px;
    border: 1px solid #dbe2ea;
    box-shadow: none;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 12px;
}

.enquiry-modal .form-control:focus{
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.enquiry-btn{
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 10px;
    background: #2563eb;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.enquiry-btn:hover{
    background: #1d4ed8;
    color: #fff;
}

/* Mobile Responsive */

@media (max-width: 575px){

    #enquiryModal .modal-dialog{
        max-width: 92%;
        margin: 60px auto;
    }

    .enquiry-modal .modal-body{
        padding: 20px;
    }

    .enquiry-modal .modal-title{
        font-size: 18px;
    }
}




#loan-pan-india-strip{
    width:100%;
    background:linear-gradient(90deg,#2563eb,#1d4ed8);
    padding:14px 20px;
    position:relative;
    overflow:hidden;
}

#loan-pan-india-strip::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.15),
        transparent
    );
    animation:loanShine 4s linear infinite;
}

@keyframes loanShine{
    100%{
        left:100%;
    }
}

#loan-pan-india-strip .lpis-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    text-align:center;
    position:relative;
    z-index:1;
}

#loan-pan-india-strip .lpis-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:rgba(255,255,255,0.15);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    flex-shrink:0;
}

#loan-pan-india-strip .lpis-content strong{
    display:block;
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin-bottom:3px;
}

#loan-pan-india-strip .lpis-content span{
    color:rgba(255,255,255,0.9);
    font-size:14px;
    display:block;
}

@media(max-width:768px){

    #loan-pan-india-strip{
        padding:12px 15px;
    }

    #loan-pan-india-strip .lpis-container{
        flex-direction:column;
        gap:10px;
    }

    #loan-pan-india-strip .lpis-icon{
        width:42px;
        height:42px;
        font-size:18px;
    }

    #loan-pan-india-strip .lpis-content strong{
        font-size:18px;
    }

    #loan-pan-india-strip .lpis-content span{
        font-size:13px;
        line-height:1.5;
    }
}




/* Floating Enquiry Button */
.uxr-enquiry-btn {
    position: fixed;
    right: 20px;
    bottom: 10px;
    background: #0d6efd;
    color: #fff;
    padding: 14px 24px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 0 25px rgba(13, 110, 253, 0.5);
    animation: uxrPulse 2s infinite;
    transition: all 0.3s ease;
}

.uxr-enquiry-btn:hover {
    transform: translateY(-3px);
    background: #0b5ed7;
}

/* Pulse Animation */
@keyframes uxrPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(13, 110, 253, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
    }
}

/* Popup Background */
.uxr-popup-form {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    justify-content: center;
    align-items: center;
}

/* Form Box */
.uxr-form-box {
    background: #fff;
    width: 350px;
    max-width: 95%;
    padding: 25px;
    border-radius: 12px;
    position: relative;
    animation: popupZoom 0.3s ease;
}

@keyframes popupZoom {
    from {
        transform: scale(0.7);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.uxr-form-box h3 {
    margin-bottom: 20px;
    text-align: center;
    color: #222;
}

.uxr-form-box input,
.uxr-form-box textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    outline: none;
    font-size: 14px;
}

.uxr-form-box textarea {
    height: 100px;
    resize: none;
}

.uxr-submit-btn {
    width: 100%;
    padding: 12px;
    background: #0d6efd;
    border: none;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.uxr-submit-btn:hover {
    background: #0b5ed7;
}

.uxr-close-btn {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #333;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .uxr-enquiry-btn {
        right: 15px;
        bottom: 25px;
        padding: 12px 18px;
        font-size: 13px;
    }
}


/* Hover Lift Effect */
.about-details-four li{
    transition: all 0.4s ease;
}

.about-details-four li:hover{
    transform: translateY(-8px);
}

/* Floating Phone Icon */
.about-details-four i{
    animation: floatIcon 2s ease-in-out infinite;
}

@keyframes floatIcon{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-8px);
    }
}

/* Phone Ring Pulse Effect */
.about-details-four i::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid currentColor;
    animation: pulseRing 1.8s infinite;
}

@keyframes pulseRing{
    0%{
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(1.8);
        opacity: 0;
    }
}

/* Number Color Change on Hover */
.about-details-four li:hover .about-contact-four p{
    transition: all 0.3s ease;
    color: #0b5ed7;
}







.simple-cta{
    background: linear-gradient(135deg, rgb(0 88 219), rgb(0 87 220));
    padding: 35px 40px;
    border-radius: 20px;
    margin: 40px;
}

.cta-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.simple-cta h2{
    color:#fff;
    font-size:32px;
    font-weight:700;
    margin:0;
}

.cta-btn{
    background:#fff;
    color:#2563eb;
    text-decoration:none;
    padding:14px 28px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.cta-btn:hover{
    transform:translateY(-3px);
}

@media(max-width:768px){
    .cta-content{
        flex-direction:column;
        text-align:center;
    }

    .simple-cta h2{
        font-size:24px;
    }
}







/* ===============================
   CONTACT PAGE DESIGN
================================== */

.contact-section {
    padding: 50px 0;
    background: #f8fafc;
}

/* .heading-box {
    max-width: 700px;
    margin: 0 auto 60px;
} */

.heading-subtitle {
    display: inline-block;
    padding: 8px 18px;
    /* background: rgba(255, 183, 0, 0.12); */
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
    letter-spacing: 1px;
}

.heading-title {
    font-size: 34px;
    font-weight: 800;
    color: #111827;
    margin: 10px 0;
}

.heading-box p {
    color: #6b7280;
    font-size: 16px;
    line-height: 28px;
}

/* Contact Info */

.contact-info-box {
    background: #fff;
    padding: 40px 30px;
    border-radius: 25px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    height: 100%;
    transition: .4s;
}

.contact-info-box:hover {
    transform: translateY(-5px);
}

.contact-info-box h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.contact-item i {
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg,#0158de, #0159dd);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    flex-shrink: 0;
}

.contact-item h5 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #111827;
}

.contact-item p {
    margin: 0;
    color: #6b7280;
    line-height: 26px;
}

/* Social */

.contact-social-media {
    display: flex;
    gap: 12px;
    /* margin: 20px 0 0; */
    padding: 0;
    list-style: none;
}

.contact-social-media li a {
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3f4f6;
    color: #111827;
    transition: .4s;
}

.contact-social-media li a:hover {
    background: linear-gradient(135deg,#0158de, #0159dd);
    color: #fff;
    transform: translateY(-5px);
}

/* Contact Form */

.contact-form-inner {
    background: #fff;
    padding: 45px;
    border-radius: 25px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

.section-title span {
    color: #0158de;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-title h3 {
    font-size: 34px;
    font-weight: 800;
    margin: 10px 0;
    color: #111827;
}

.section-title p {
    color: #6b7280;
}

.inquiry-form-group-one,
.form-group {
    position: relative;
    margin-bottom: 20px;
}

.inquiry-form-group-one label,
.form-group label {
    position: absolute;
    top: 17px;
    left: 18px;
    color: #9ca3af;
    z-index: 2;
}

.inquiry-form-group-one .form-control,
.loan-type {
    width: 100%;
    height: 60px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding-left: 50px;
    background: #fff;
    font-size: 15px;
    transition: .3s;
}

textarea.form-control {
    height: 150px !important;
    padding-top: 15px;
    resize: none;
}

.form-control:focus,
.loan-type:focus {
    border-color: #0158de;
    box-shadow: 0 0 0 4px rgba(255,183,0,.15);
    outline: none;
}

/* Button */

.btn-primary {
    border: none;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    background: linear-gradient(135deg,#0158de, #0159dd);
    color: #fff;
    transition: .4s;
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(245,158,11,.35);
}

/* Google Map */

.map-section {
    margin-top: 60px;
}

.map-section iframe {
    width: 100%;
    border-radius: 25px;
    box-shadow: 0 15px 45px rgba(0,0,0,.08);
}

/* Responsive */

@media (max-width:991px) {

    .heading-title {
        font-size: 34px;
    }

    .contact-form-inner {
        padding: 30px;
    }

    .contact-info-box {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {

    .contact-section {
        padding: 80px 0;
    }

    .heading-title {
        font-size: 28px;
    }

    .contact-form-inner,
    .contact-info-box {
        padding: 25px;
    }

    .section-title h3 {
        font-size: 28px;
    }
}

.custom-select-box{
    position: relative;
    margin-bottom: 20px;
}

.custom-loan-select{
    width: 100%;
    height: 65px;
    border: 2px solid #ececec;
    border-radius: 18px;
    background: #fff;
    padding: 0 55px 0 60px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    appearance: none;
    cursor: pointer;
    transition: all .35s ease;
    box-shadow: 0 5px 20px rgba(0,0,0,.04);
}

.custom-loan-select:hover{
    border-color: #0158de;
}

.custom-loan-select:focus{
    outline: none;
    border-color: #0158de;
    box-shadow: 0 0 0 5px rgba(247,181,0,.15);
}

.select-icon{
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #0158de;
    font-size: 18px;
    pointer-events: none;
}

.select-arrow{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #0158de;
    pointer-events: none;
    font-size: 14px;
    transition: .3s;
}

.custom-select-box:hover .select-arrow{
    transform: translateY(-50%) rotate(180deg);
}






#loanHeroPro{
    padding:70px 20px;
    background:#f7faff;
    font-family:'Poppins',sans-serif;
}

.loanHeroContainer{
    max-width:1250px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

/* LEFT */

.loanHeroContent{
    flex:1;
}

.loanHeroTag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#eaf2ff;
    color:#2563eb;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.loanHeroContent h1{
    font-size:55px;
    line-height:1.2;
    font-weight:800;
    color:#111;
    max-width:650px;
}

.loanHeroContent h1 span{
    color:#2563eb;
}

.loanHeroContent h1 strong{
    display:block;
    color:#2563eb;
    font-size:60px;
}

/* STATS */

.loanStats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:40px;
}

.loanStatCard{
    background:#fff;
    border-radius:20px;
    padding:20px 15px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.4s;
}

.loanStatCard:hover{
    transform:translateY(-8px);
}

.loanStatIcon{
    width:65px;
    height:65px;
    margin:auto;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.users{
    background:linear-gradient(135deg,#4f8cff,#2563eb);
}

.award{
    background:linear-gradient(135deg,#ff9800,#ff5722);
}

.location{
    background:linear-gradient(135deg,#9c27b0,#673ab7);
}

.money{
    background:linear-gradient(135deg,#00c853,#00e676);
}

.loanStatCard h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:5px;
}

.loanStatCard p{
    font-size:13px;
    color:#666;
}

/* FORM */

.loanFormBox{
    width:380px;
    background:#fff;
    padding:30px;
    border-radius:28px;
    box-shadow:
    0 25px 60px rgba(37,99,235,.12),
    0 10px 20px rgba(0,0,0,.05);
}

.loanFormBox h3{
    font-size:24px;
    margin-bottom:20px;
    color:#111;
}

.loanFormBox h3 span{
    color:#2563eb;
}

.loanInput{
    position:relative;
    margin-bottom:14px;
}

.loanInput i{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:#2563eb;
}

.loanInput input{
    width:100%;
    height:52px;
    border:1px solid #dbe3f0;
    border-radius:14px;
    padding-left:48px;
    font-size:14px;
    transition:.3s;
}

.loanInput input:focus{
    outline:none;
    border-color:#2563eb;
    box-shadow:0 0 15px rgba(37,99,235,.15);
}

.loanApplyBtn{
    width:100%;
    height:55px;
    border:none;
    border-radius:50px;
    background:linear-gradient(135deg,#2563eb,#4f8cff);
    color:#fff;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    margin-top:5px;
    box-shadow:0 15px 30px rgba(37,99,235,.30);
}

.loanWhatsapp{
    text-align:center;
    margin-top:15px;
    color:#25D366;
    font-size:14px;
    font-weight:600;
}

/* RESPONSIVE */

@media(max-width:991px){

    .loanHeroContainer{
        flex-direction:column;
    }

    .loanHeroContent h1{
        font-size:42px;
        text-align:center;
        max-width:100%;
    }

    .loanHeroContent h1 strong{
        font-size:46px;
    }

    .loanHeroContent{
        text-align:center;
    }

    .loanFormBox{
        width:100%;
        max-width:420px;
    }
}

@media(max-width:768px){

    .loanStats{
        grid-template-columns:repeat(2,1fr);
    }

    .loanHeroContent h1{
        font-size:34px;
    }

    .loanHeroContent h1 strong{
        font-size:38px;
    }
}

@media(max-width:480px){

    .loanStats{
        grid-template-columns:1fr;
    }

    .loanFormBox{
        padding:22px;
    }

    .loanHeroContent h1{
        font-size:28px;
    }
}



/* ==========================
   Fresh Personal Loan Section
========================== */

#lpFreshLoanSection{
    padding:50px 0;
    background:#fff;
}

.lpFreshLoanContainer{
    max-width:1200px;
    margin:auto;
    padding:0 15px;
}

.lpFreshLoanHeader{
    /* display:grid; */
    grid-template-columns:1fr 1.5fr;
    gap:40px;
    align-items:center;
    margin-bottom:50px;
}

.lpFreshLoanTitle h2{
    margin:0;
    font-size:42px;
    font-weight:700;
    color:#111;
    line-height:1.3;
}

.lpFreshLoanTitle h2 span{
    color:#2f7cf6;
}

.lpFreshLoanDescription p{
    margin:0;
    color:#666;
    font-size:16px;
    line-height:1.8;
}

.lpFreshLoanGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.lpLoanFeatureCard{
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:18px;
    padding:35px 25px;
    transition:all .3s ease;
    min-height:220px;
}

.lpLoanFeatureCard:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.lpLoanFeatureIcon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#2f7cf6,#5e9dff);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.lpLoanFeatureIcon i{
    font-size:30px;
    color:#fff;
}

.lpLoanFeatureCard:hover .lpLoanFeatureIcon{
    transform:scale(1.08);
    transition:.3s;
}

.lpLoanFeatureCard h4{
    margin:0;
    font-size:18px;
    font-weight:600;
    line-height:1.6;
    color:#111;
}

/* Tablet */

@media(max-width:991px){

    .lpFreshLoanHeader{
        grid-template-columns:1fr;
        gap:20px;
        text-align:center;
    }

    .lpFreshLoanTitle h2{
        font-size:34px;
    }

    .lpFreshLoanGrid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */

@media(max-width:767px){

    #lpFreshLoanSection{
        padding:60px 0;
    }

    .lpFreshLoanTitle h2{
        font-size:28px;
    }

    .lpFreshLoanGrid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .lpLoanFeatureCard{
        min-height:auto;
        padding:30px 20px;
        text-align:center;
    }

    .lpLoanFeatureIcon{
        margin:0 auto 20px;
    }

    .lpLoanFeatureCard h4{
        font-size:16px;
    }
}






/*==============================
 Personal Loan Eligibility
==============================*/

#ploan_eligibility_sec{
    padding:50px 15px;
    background:#f7f8fb;
    overflow:hidden;
}

#ploan_eligibility_sec .ploan_container{
    max-width:1200px;
    margin:0 auto;
}

#ploan_eligibility_sec .ploan_heading_wrap{
    text-align:center;
    margin-bottom:60px;
}

#ploan_eligibility_sec .ploan_heading_wrap h2{
    font-size:42px;
    font-weight:700;
    color:#111827;
    margin:0;
    line-height:1.3;
}

#ploan_eligibility_sec .ploan_heading_wrap h2 span{
    color:#2f6df6;
    position:relative;
}

#ploan_eligibility_sec .ploan_heading_wrap h2 span::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:100%;
    height:3px;
    background:#2f6df6;
    border-radius:10px;
}

#ploan_eligibility_sec .ploan_eligibility_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

#ploan_eligibility_sec .ploan_eligibility_card{
    text-align:center;
    padding:30px 20px;
    background:#fff;
    border-radius:18px;
    transition:all .4s ease;
    position:relative;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

#ploan_eligibility_sec .ploan_eligibility_card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#2f6df6;
    transform:scaleX(0);
    transition:.4s;
}

#ploan_eligibility_sec .ploan_eligibility_card:hover::before{
    transform:scaleX(1);
}

#ploan_eligibility_sec .ploan_eligibility_card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(47,109,246,.15);
}

#ploan_eligibility_sec .ploan_icon_box{
    width:85px;
    height:85px;
    margin:0 auto 20px;
    border-radius:50%;
    background:rgba(47,109,246,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.4s;
}

#ploan_eligibility_sec .ploan_eligibility_card:hover .ploan_icon_box{
    transform:rotateY(180deg);
    background:#2f6df6;
}

#ploan_eligibility_sec .ploan_icon_box i{
    font-size:34px;
    color:#2f6df6;
    transition:.4s;
}

#ploan_eligibility_sec .ploan_eligibility_card:hover .ploan_icon_box i{
    color:#fff;
    transform:rotateY(180deg);
}

#ploan_eligibility_sec .ploan_eligibility_card h4{
    font-size:18px;
    font-weight:600;
    color:#374151;
    line-height:1.6;
    margin:0;
}

/* Floating Animation */
@keyframes ploanFloat{
    0%{transform:translateY(0);}
    50%{transform:translateY(-8px);}
    100%{transform:translateY(0);}
}

#ploan_eligibility_sec .ploan_icon_box{
    animation:ploanFloat 3s infinite ease-in-out;
}

/* Tablet */
@media(max-width:991px){

    #ploan_eligibility_sec{
        padding:70px 15px;
    }

    #ploan_eligibility_sec .ploan_heading_wrap h2{
        font-size:34px;
    }

    #ploan_eligibility_sec .ploan_eligibility_grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media(max-width:575px){

    #ploan_eligibility_sec{
        padding:60px 15px;
    }

    #ploan_eligibility_sec .ploan_heading_wrap{
        margin-bottom:40px;
    }

    #ploan_eligibility_sec .ploan_heading_wrap h2{
        font-size:28px;
    }

    #ploan_eligibility_sec .ploan_eligibility_grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    #ploan_eligibility_sec .ploan_eligibility_card{
        padding:25px 15px;
    }

    #ploan_eligibility_sec .ploan_eligibility_card h4{
        font-size:16px;
    }
}



/*==============================
  Personal Loan Documents Section
==============================*/

#pl-documents-section{
    padding:50px 15px;
    background:#f8fafc;
}

.pl-documents-container{
    max-width:1300px;
    margin:auto;
}

.pl-documents-heading{
    text-align:center;
    margin-bottom:50px;
}

.pl-documents-heading h2{
    font-size:40px;
    font-weight:700;
    color:#111827;
    margin:0;
}

.pl-documents-heading h2 span{
    color:#2f7dfc;
}

.pl-documents-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.pl-doc-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    overflow:hidden;
    transition:all .4s ease;
    box-shadow:0 5px 20px rgba(0,0,0,0.04);
}

.pl-doc-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(47,125,252,0.12);
}

.pl-doc-card-header{
    display:flex;
    align-items:center;
    gap:15px;
    padding:15px;
    border-bottom:1px solid #ececec;
}

.pl-doc-icon{
    width:55px;
    height:55px;
    background:#edf4ff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pl-doc-icon i{
    font-size:24px;
    color:#2f7dfc;
}

.pl-doc-card-header h3{
    margin:0;
    font-size:26px;
    font-weight:700;
    color:#111827;
}

.pl-doc-card-body{
    padding:25px;
}

.pl-doc-card-body h4{
    margin-bottom:22px;
    color:#111827;
    font-size:24px;
    font-weight:600;
}

.pl-doc-card-body ul{
    list-style:none;
    padding:0;
    margin:0;
}

.pl-doc-card-body ul li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:10px;
    color:#374151;
    font-size:18px;
    line-height:1.6;
}

.pl-doc-card-body ul li i{
    color:#2f7dfc;
    margin-top:4px;
    font-size:16px;
}

/* Tablet */
@media (max-width:991px){

    .pl-documents-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .pl-documents-heading h2{
        font-size:32px;
    }

    .pl-doc-card-header h3{
        font-size:22px;
    }

    .pl-doc-card-body h4{
        font-size:20px;
    }
}

/* Mobile */
@media (max-width:767px){

    #pl-documents-section{
        padding:50px 15px;
    }

    .pl-documents-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .pl-documents-heading{
        margin-bottom:35px;
    }

    .pl-documents-heading h2{
        font-size:26px;
        line-height:1.4;
    }

    .pl-doc-card-header{
        padding:18px;
    }

    .pl-doc-icon{
        width:48px;
        height:48px;
    }

    .pl-doc-card-header h3{
        font-size:20px;
    }

    .pl-doc-card-body{
        padding:20px;
    }

    .pl-doc-card-body ul li{
        font-size:16px;
    }
}




#pl-example-section{
    padding:50px 15px;
    background:#f8fafc;
}

.pl-example-container{
    max-width:1200px;
    margin:auto;
}

.pl-example-heading{
    text-align:center;
    margin-bottom:35px;
}

.pl-example-heading h2{
    font-size:40px;
    font-weight:700;
    color:#1a1a1a;
    margin:0;
    line-height:1.2;
}

.pl-example-heading h2 span{
    color:#2563eb;
}

/* Content Box */

.pl-example-box{
    background:#fff;
    border:1px solid #dbe3eb;
    border-radius:18px;
    padding:35px;
    margin-bottom:35px;
}

.pl-example-box p{
    font-size:16px;
    line-height:1.9;
    color:#444;
    margin-bottom:20px;
}

.pl-example-box p:last-child{
    margin-bottom:0;
}

/* Table */

.pl-loan-table-wrapper{
    overflow-x:auto;
    margin-bottom:30px;
}

.pl-loan-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    background:#fff;
    border:1px solid #dbe3eb;
    border-radius:18px;
    overflow:hidden;
}

.pl-loan-table tr:nth-child(even){
    background:#eef4fa;
}

.pl-loan-table td{
    padding:22px 30px;
    font-size:16px;
    color:#222;
    border-bottom:1px solid #e5e7eb;
}

.pl-loan-table tr:last-child td{
    border-bottom:none;
}

.pl-loan-table td:first-child{
    width:50%;
    font-weight:600;
}

/* Disclaimer */

.pl-disclaimer{
    font-size:15px;
    line-height:1.8;
    color:#555;
}

.pl-disclaimer strong{
    color:#111;
}

/* Responsive */

@media (max-width:991px){

    .pl-example-heading h2{
        font-size:34px;
    }

    .pl-example-box{
        padding:25px;
    }

    .pl-loan-table td{
        padding:18px 20px;
    }
}

@media (max-width:767px){

    #pl-example-section{
        padding:50px 15px;
    }

    .pl-example-heading h2{
        font-size:28px;
    }

    .pl-example-box{
        padding:20px;
        border-radius:14px;
    }

    .pl-example-box p{
        font-size:15px;
        line-height:1.8;
    }

    .pl-loan-table td{
        padding:15px;
        font-size:14px;
    }

    .pl-disclaimer{
        font-size:14px;
    }
}








/* =========================
   UNIQUE FAQ SECTION
========================= */

#smartfaq_section{
    padding:50px 20px;
    background:#f5f8ff;
}

.smartfaq_container{
    max-width:1200px;
    margin:auto;
}

.smartfaq_title{
    text-align:center;
    margin-bottom:50px;
}

.smartfaq_title span{
    display:inline-block;
    color:#2563eb;
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.smartfaq_title h2{
    font-size:42px;
    font-weight:700;
    color:#111827;
    margin-bottom:15px;
}

.smartfaq_title p{
    max-width:650px;
    margin:auto;
    color:#6b7280;
    line-height:1.7;
}

.smartfaq_list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.smartfaq_card{
    background:#fff;
    border-radius:18px;
    border:1px solid #e5e7eb;
    overflow:hidden;
    transition:0.3s;
}

.smartfaq_card[open]{
    border-color:#2563eb;
    box-shadow:0 10px 30px rgba(37,99,235,0.10);
}

.smartfaq_card summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:25px;
    padding:15px;
    position:relative;
    padding-right:80px;
}

.smartfaq_card summary::-webkit-details-marker{
    display:none;
}

.smartfaq_number{
    width:60px;
    height:60px;
    min-width:70px;
    border-radius:15px;
    background:#2563eb;
    color:#fff;
    font-size:24px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.smartfaq_question{
    font-size:20px;
    font-weight:600;
    color:#111827;
    line-height:1.5;
}

/* Arrow */

.smartfaq_card summary::after{
    content:"+";
    position:absolute;
    right:25px;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:#2563eb;
    color:#fff;
    font-size:28px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.3s;
}

.smartfaq_card[open] summary::after{
    transform:translateY(-50%) rotate(45deg);
}

.smartfaq_answer{
    padding:0 25px 25px 120px;
    color:#6b7280;
    line-height:1.8;
    font-size:16px;
}

/* Tablet */

@media (max-width:991px){

    .smartfaq_title h2{
        font-size:34px;
    }

    .smartfaq_question{
        font-size:18px;
    }
}

/* Mobile */

@media (max-width:767px){

    #smartfaq_section{
        padding:60px 15px;
    }

    .smartfaq_title h2{
        font-size:28px;
    }

    .smartfaq_card summary{
        gap:15px;
        padding:18px;
        padding-right:65px;
    }

    .smartfaq_number{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:18px;
    }

    .smartfaq_question{
        font-size:16px;
    }

    .smartfaq_answer{
        padding:0 18px 20px 18px;
        font-size:14px;
    }

    .smartfaq_card summary::after{
        width:35px;
        height:35px;
        font-size:22px;
        right:15px;
    }
}



/* Contact Info */
.ff-contact-box h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
}

.ff-contact-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
}

.ff-contact-item i{
    color:#0d6efd;
    font-size:15px;
    margin-top:5px;
    flex-shrink:0;
    transition:0.3s ease;
}

.ff-contact-item:hover i{
    transform:translateX(3px);
}

.ff-contact-item h5{
    margin:0;
    color:#d9d9d9;
    font-size:14px;
    line-height:1.8;
    font-weight:400;
}

.ff-contact-item a{
    color:#d9d9d9;
    text-decoration:none;
    transition:0.3s ease;
}

.ff-contact-item a:hover{
    color:#0d6efd;
}

/* Responsive */
@media (max-width:767px){

    .ff-contact-box h3{
        font-size:22px;
        margin-bottom:20px;
    }

    .ff-contact-item{
        gap:10px;
        margin-bottom:15px;
    }

    .ff-contact-item h5{
        font-size:13px;
        line-height:1.7;
    }

    .ff-contact-item i{
        font-size:14px;
    }
}


.ff-contact-box {
    padding-top: 40px;
}







/* ==============================
   Loan Details Section
============================== */

#dls-loan-details-section{
    padding:30px 15px;
    background:#f7f9fc;
}

.dls-loan-details-wrapper{
    max-width:1200px;
    margin:auto;
    background:#fff;
    border:1px solid #dfe5ec;
    border-radius:20px;
    overflow:hidden;
}

.dls-table-header{
    padding:15px 30px;
    background:#ffffff;
}

.dls-table-header h2{
    margin:0;
    font-size:26px;
    font-weight:700;
    color:#111827;
}

.dls-responsive-table{
    overflow-x:auto;
}

.dls-loan-table{
    width:100%;
    border-collapse:collapse;
    min-width:900px;
}

.dls-loan-table thead{
    background:#f1f4f8;
}

.dls-loan-table th{
    padding:18px 22px;
    text-align:left;
    font-size:15px;
    font-weight:700;
    color:#1f2937;
    border-bottom:1px solid #e5e7eb;
}

.dls-loan-table td{
    padding:22px;
    font-size:15px;
    color:#4b5563;
    border-bottom:1px solid #e5e7eb;
}

.dls-loan-table td:not(:first-child),
.dls-loan-table th:not(:first-child){
    text-align:center;
}

.dls-loan-table tbody tr:hover{
    background:#fafcff;
}

.dls-loan-table tfoot{
    background:#eef5ff;
}

.dls-loan-table tfoot td{
    font-size:18px;
    font-weight:700;
    color:#2563eb;
    border-bottom:none;
    padding:20px 22px;
}

/* ==============================
   Mobile Responsive
============================== */

@media (max-width: 768px){

    .dls-loan-table,
    .dls-loan-table thead,
    .dls-loan-table tbody,
    .dls-loan-table th,
    .dls-loan-table td,
    .dls-loan-table tr,
    .dls-loan-table tfoot{
        display:block;
        width:100%;
    }

    .dls-loan-table{
        min-width:100%;
    }

    .dls-loan-table thead{
        display:none;
    }

    .dls-loan-table tr{
        background:#fff;
        margin:0 0 15px;
        border:1px solid #e5e7eb;
        border-radius:12px;
        overflow:hidden;
    }

    .dls-loan-table td{
        text-align:right !important;
        padding:14px 16px;
        position:relative;
        border-bottom:1px solid #f1f1f1;
    }

    .dls-loan-table td:last-child{
        border-bottom:none;
    }

    .dls-loan-table td::before{
        content:attr(data-label);
        position:absolute;
        left:16px;
        font-weight:600;
        color:#111827;
        text-align:left;
    }

    .dls-loan-table tfoot tr{
        background:#eef5ff;
    }

    .dls-loan-table tfoot td{
        text-align:right !important;
        color:#2563eb;
    }

    .dls-table-header{
        padding:20px;
    }

    .dls-table-header h2{
        font-size:22px;
    }
}







/* --- WRAPPER SECTION --- */
#uq-comparison-section {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

#uq-comparison-section * {
    box-sizing: border-box;
}

.uq-container {
    width: 100%;
}

/* --- THE COMPARISON GRID --- */
.uq-comparison-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 40px;
}

.uq-comparison-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* --- TITLES (Before / After) --- */
.uq-column-title {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 25px 0;
}

.uq-title-before {
    color: #475569;
}

.uq-title-after {
    color: #2563eb;
}

/* --- CENTRAL VS SEPARATOR --- */
.uq-vs-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin-top: 65px; /* Aligns horizontally with the card body centers */
}

.uq-vs-text {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -1px;
    background: #e2e8f0;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* --- CARD HOVER & SHAPE SETUP --- */
.uq-card {
    border-radius: 24px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 360px; /* Synchronizes card heights */
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

.uq-card-heading {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 35px 0;
}

.uq-data-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.05rem;
}

/* Bottom Footer / Total Dividers */
.uq-card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 25px;
    margin-top: auto;
}

.uq-total-row {
    margin-bottom: 0;
}

.uq-total-label {
    font-weight: 700;
    font-size: 1.2rem;
}

.uq-total-value {
    font-weight: 800;
    font-size: 1.75rem;
}

/* --- UNIQUE STYLE: LEFT CARD (Before) --- */
.uq-card-before {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

.uq-card-before .uq-card-heading {
    color: #1e293b;
}

.uq-card-before .uq-label {
    color: #64748b;
    font-weight: 500;
}

.uq-card-before .uq-value {
    color: #334155;
    font-weight: 600;
}

.uq-card-before .uq-highlight-text {
    color: #475569;
}

.uq-card-before .uq-total-label {
    color: #1e293b;
}

.uq-card-before .uq-total-value {
    color: #0f172a;
}

/* --- UNIQUE STYLE: RIGHT CARD (After) --- */
.uq-card-after {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.45);
}

.uq-card-after .uq-card-heading {
    color: #ffffff;
}

.uq-card-after .uq-label {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
}

.uq-card-after .uq-value {
    color: #ffffff;
    font-weight: 600;
}

.uq-card-after .uq-card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.uq-card-after .uq-total-label {
    color: #ffffff;
}

.uq-card-after .uq-total-value {
    color: #ffffff;
}

/* --- HOVER TRANSITIONS --- */
.uq-card-before:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.uq-card-after:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 60px -10px rgba(37, 99, 235, 0.55);
}


/* --- RESPONSIVE ADJUSTMENTS --- */

@media (max-width: 960px) {
    .uq-comparison-grid {
        gap: 20px;
    }
    .uq-card {
        padding: 30px;
    }
    .uq-vs-text {
        width: 60px;
        height: 60px;
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .uq-comparison-grid {
        grid-template-columns: 1fr; /* Stack layout vertically on mobile */
        gap: 20px;
    }

    .uq-vs-divider {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .uq-column-title {
        margin-bottom: 15px;
    }

    .uq-card {
        min-height: auto; /* Fluid heights for mobile screens */
    }
}









/* --- SAVINGS SECTION CONTAINER --- */
#uq-savings-summary-section {
    width: 100%;
    max-width: 1140px;
    margin: 40px auto;
    padding: 30px 20px;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

#uq-savings-summary-section * {
    box-sizing: border-box;
}

/* --- THE GRID ENGINE (No Borders, No Box Shapes) --- */
.uq-savings-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    align-items: center;
    justify-content: center;
}

/* --- INDIVIDUAL ITEM (Minimal Clean Layout) --- */
.uq-savings-item {
    text-align: center;
    padding: 20px 10px;
    background: transparent; /* कोई बॉक्स नहीं */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: transform 0.3s ease;
}

.uq-savings-item:hover {
    transform: translateY(-5px); /* हल्का सा होवर इफ़ेक्ट बिना डिब्बा दिखे */
}

/* --- LABELS (Headings) --- */
.uq-savings-label {
    font-size: 1.1rem;
    font-weight: 700;
    color: #475569;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- VALUES (Big Bold Numbers) --- */
.uq-savings-value {
    font-size: 2.3rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.uq-sub-text {
    font-size: 1.2rem;
    font-weight: 500;
    color: #64748b;
}

/* --- FLEX FOR THE ARROW ROW --- */
.uq-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.uq-arrow {
    color: #94a3b8;
    font-size: 1.8rem;
    font-weight: 400;
}

/* --- COLOR VARIATIONS --- */
.uq-txt-blue { color: #2563eb; }
.uq-txt-blue-bright { color: #06b6d4; }
.uq-txt-red { color: #ef4444; }
.uq-txt-green { color: #22c55e; }

/* --- UNIQUE DECORATIVE BOTTOM LINES (Alternative to boxes) --- */
.uq-deco-line {
    width: 60px;
    height: 4px;
    border-radius: 10px;
    opacity: 0.8;
}

.uq-bg-blue { background-color: #2563eb; }
.uq-bg-green { background-color: #22c55e; }
.uq-bg-blue-bright { background-color: #06b6d4; }


/* --- RESPONSIVE MEDIA QUERIES --- */

/* For Tablets */
@media (max-width: 900px) {
    .uq-savings-container {
        gap: 20px;
    }
    .uq-savings-value {
        font-size: 1.8rem;
    }
    .uq-arrow {
        font-size: 1.4rem;
    }
}

/* For Mobile Phones */
@media (max-width: 768px) {
    .uq-savings-container {
        grid-template-columns: 1fr; /* मोबाइल में एक के नीचे एक दिखेगा */
        gap: 35px;
    }

    .uq-savings-item {
        padding: 10px 0;
    }
    
    /* मोबाइल में नीचे एक बहुत हल्की सेपरेटिंग लाइन */
    .uq-savings-item:not(:last-child)::after {
        content: '';
        position: absolute;
        bottom: -20px;
        width: 40%;
        height: 1px;
        background-color: #e2e8f0;
    }
}






#terms-conditions-page{
    padding:80px 0;
    background:#ffffff;
}

.terms-container{
    max-width:1100px;
    margin:0 auto;
    padding:0 15px;
}

.terms-title{
    margin-bottom:40px;
    border-bottom:1px solid #e5e7eb;
    padding-bottom:20px;
}

.terms-title h1{
    font-size:38px;
    font-weight:700;
    color:#111827;
    margin:0 0 10px;
}

.terms-title p{
    margin:0;
    color:#6b7280;
    font-size:14px;
}

.terms-content h3{
    font-size:22px;
    color:#111827;
    margin:35px 0 12px;
    font-weight:600;
}

.terms-content p{
    font-size:16px;
    line-height:1.9;
    color:#4b5563;
    margin:0;
}

@media (max-width:768px){

    #terms-conditions-page{
        padding:60px 0;
    }

    .terms-title h1{
        font-size:30px;
    }

    .terms-content h3{
        font-size:20px;
    }

    .terms-content p{
        font-size:15px;
        line-height:1.8;
    }
}



#ff-disclaimer-section{
    padding:80px 0;
    background:#ffffff;
}

.ff-disclaimer-wrapper{
    max-width:1100px;
    margin:0 auto;
    padding:0 15px;
}

.ff-disclaimer-heading{
    margin-bottom:40px;
    padding-bottom:20px;
    border-bottom:1px solid #e5e7eb;
}

.ff-disclaimer-heading h1{
    margin:0 0 10px;
    font-size:38px;
    font-weight:700;
    color:#111827;
}

.ff-disclaimer-heading p{
    margin:0;
    font-size:14px;
    color:#6b7280;
}

.ff-disclaimer-content h3{
    margin:35px 0 12px;
    font-size:22px;
    font-weight:600;
    color:#111827;
}

.ff-disclaimer-content p{
    margin:0;
    font-size:16px;
    line-height:1.9;
    color:#4b5563;
}

@media (max-width:768px){

    #ff-disclaimer-section{
        padding:60px 0;
    }

    .ff-disclaimer-heading h1{
        font-size:30px;
    }

    .ff-disclaimer-content h3{
        font-size:20px;
    }

    .ff-disclaimer-content p{
        font-size:15px;
        line-height:1.8;
    }

}


#ff-privacy-policy-section{
    padding:80px 0;
    background:#ffffff;
}

.ff-privacy-policy-container{
    max-width:1100px;
    margin:0 auto;
    padding:0 15px;
}

.ff-privacy-policy-header{
    margin-bottom:40px;
    padding-bottom:20px;
    border-bottom:1px solid #e5e7eb;
}

.ff-privacy-policy-header h1{
    margin:0 0 10px;
    font-size:38px;
    font-weight:700;
    color:#111827;
}

.ff-privacy-policy-header p{
    margin:0;
    font-size:14px;
    color:#6b7280;
}

.ff-privacy-policy-content h3{
    margin:35px 0 12px;
    font-size:22px;
    font-weight:600;
    color:#111827;
}

.ff-privacy-policy-content p{
    margin:0;
    font-size:16px;
    line-height:1.9;
    color:#4b5563;
}

@media (max-width:768px){

    #ff-privacy-policy-section{
        padding:60px 0;
    }

    .ff-privacy-policy-header h1{
        font-size:30px;
    }

    .ff-privacy-policy-content h3{
        font-size:20px;
    }

    .ff-privacy-policy-content p{
        font-size:15px;
        line-height:1.8;
    }

}





#ff-loan-banner-sec{
    padding:50px 15px;
    background:#f8f9fc;
}

.ff-loan-banner-wrap{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.ff-loan-banner-content{
    flex:1;
}

.ff-loan-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#eaf2ff;
    color:#2563eb;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.ff-loan-banner-content h1{
    font-size:41px;
    line-height:1.2;
    margin:20px 0;
    color:#111827;
    font-weight:700;
}

.ff-loan-banner-content h1 span{
    display:block;
    color:#2563eb;
}

.ff-loan-banner-content p{
    color:#666;
    font-size:17px;
    max-width:710px;
    margin-bottom:30px;
}

.ff-loan-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    max-width:730px;
}

.ff-loan-feature-box{
    background:#fff;
    padding:18px;
    border-radius:14px;
    display:flex;
    align-items:center;
    gap:12px;
    box-shadow:0 5px 18px rgba(0,0,0,.06);
}

.ff-loan-feature-box i{
    width:45px;
    height:45px;
    border-radius:50%;
    background:linear-gradient(135deg,#2563eb,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ff-loan-feature-box span{
    font-weight:600;
    color:#222;
}

.ff-loan-form-card{
    width:400px;
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.ff-loan-form-card h3{
    text-align:center;
    margin-bottom:25px;
    color:#111827;
}

.ff-form-field{
    margin-bottom:15px;
}

.ff-form-field input{
    width:100%;
    height:45px;
    border:1px solid #ddd;
    border-radius:10px;
    padding:0 15px;
    outline:none;
}

.ff-form-field input:focus{
    border-color:#2563eb;
}

.ff-loan-submit-btn{
    width:100%;
    height:45px;
    border:none;
    border-radius:10px;
    background:linear-gradient(135deg,#2563eb,#2563eb);
    color:#fff;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}

@media(max-width:991px){

    .ff-loan-banner-wrap{
        flex-direction:column;
    }

    .ff-loan-banner-content{
        text-align:center;
    }

    .ff-loan-feature-grid{
        margin:auto;
    }

    .ff-loan-form-card{
        width:100%;
        max-width:500px;
    }

    .ff-loan-banner-content h1{
        font-size:42px;
    }
}

@media(max-width:576px){

    .ff-loan-banner-content h1{
        font-size:32px;
    }

    .ff-loan-feature-grid{
        grid-template-columns:1fr;
    }

    .ff-loan-form-card{
        padding:25px;
    }
}









/* Container ko button ke niche center karne ke liye */
.wa-custom-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 10px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Label inline settings */
.wa-custom-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
}

/* Bada white box chhota karne ke liye main fix */
.wa-custom-input {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    display: inline-block !important;
    width: 15px !important;       /* Bada box chhota karne ke liye width */
    height: 15px !important;      /* Bada box chhota karne ke liye height */
    min-height: 15px !important;  /* Purani CSS ka fix */
    min-width: 15px !important;   /* Purani CSS ka fix */
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    border: 1px solid #a0aab5 !important;
    border-radius: 3px !important;
    box-shadow: none !important;  /* Purani CSS ka shadow hatane ke liye */
}

/* Text ek hi line me lane ke liye */
.wa-custom-text {
    font-size: 13px !important;
    color: #7e8b9b !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    white-space: nowrap !important; /* Text ko break hone se rokega */
    margin-right: 6px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* WhatsApp Icon */
.wa-custom-icon {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
}


/* Container jo sabko center karega */
.wa-custom-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 12px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Label row settings */
.wa-custom-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
}

/* Checkbox size fix */
.wa-custom-input {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    min-width: 14px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

/* Text ek line me lane ke liye */
.wa-custom-text {
    font-size: 13px !important;
    color: #7e8b9b !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    white-space: nowrap !important;
    margin-right: 6px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* WhatsApp Icon Fix (Yeh logo ko bilkul perfect dikhayega) */
.wa-custom-fa-icon {
    color: #25D366 !important;       /* WhatsApp Green Color */
    font-size: 16px !important;      /* Chhota perfect size */
    width: auto !important;          /* Purani CSS override karne ke liye */
    height: auto !important;         /* Purani CSS override karne ke liye */
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}








/* ==========================================
   PERSONAL LOAN EMI CALCULATOR - FINAL CSS
   UNIQUE CLASSES & IDS
========================================== */

/* Hero Section Fix */
.inner-page-hero{
    position: relative;
    overflow: visible;
}

/* ==========================================
   EMI BUTTON
========================================== */

.pl_emi_btn_wrap_2026{
    position: relative;
    /* z-index: 9999; */
    /* text-align: center; */
    margin-top: 25px;
    margin-bottom: 15px;
}

.pl_emi_cta_btn_2026{
    display: inline-block;
    padding: 8px 30px;
    background: linear-gradient(135deg,#2563eb,#2563eb);
    color: #ffffff !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    border-radius: 50px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.20);
    transition: all .3s ease;
    position: relative;
    /* z-index: 9999; */
}

.pl_emi_cta_btn_2026:hover{
    transform: translateY(-4px);
    color:#fff !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.20);
}

/* ==========================================
   EMI SECTION
========================================== */

.pl_emi_section_2026{
    display:none;
    padding:50px 20px;
    background:#f6f8fc;
}

.pl_emi_container_2026{
    max-width:1200px;
    margin:0 auto;
}

.pl_emi_header_2026{
    text-align:center;
    margin-bottom:50px;
}

.pl_emi_header_2026 h2{
    font-size:42px;
    font-weight:700;
    color:#2563eb;
    margin-bottom:12px;
}

.pl_emi_header_2026 p{
    color:#666;
    font-size:16px;
    margin:0;
}

/* ==========================================
   GRID
========================================== */

.pl_emi_grid_2026{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
    align-items:start;
}

/* ==========================================
   LEFT FORM
========================================== */

.pl_emi_form_2026{
    background:#ffffff;
    padding: 30px 35px;
    border-radius:24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.20);
}

.pl_emi_field_2026{
    margin-bottom:22px;
}

.pl_emi_field_2026 label{
    display:block;
    font-size:15px;
    font-weight:600;
    margin-bottom:8px;
    color:#333;
}

.pl_emi_field_2026 input{
    width:100%;
    height:45px;
    border:1px solid #ddd;
    border-radius:14px;
    padding:0 18px;
    font-size:16px;
    outline:none;
    transition:.3s;
    background:#fff;
}

.pl_emi_field_2026 input:focus{
    border-color:#ff6b00;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.20);
}

.pl_calculate_btn_2026{
    width:100%;
    height:45px;
    border:none;
    border-radius:14px;
    cursor:pointer;
    background:linear-gradient(135deg,#2563eb,#2563eb);
    color:#fff;
    font-size:17px;
    font-weight:700;
    transition:.3s;
}

.pl_calculate_btn_2026:hover{
    transform:translateY(-2px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.20);
}

/* ==========================================
   RIGHT RESULT
========================================== */

.pl_emi_result_2026{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.pl_result_card_2026{
    padding: 15px 30px;
    border-radius:22px;
    background:linear-gradient(135deg,#2563eb,#2563eb);
    color:#fff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.20);
}

.pl_result_card_2026 h4{
    margin:0 0 10px;
    font-size:16px;
    font-weight:500;
    opacity:.95;
}

.pl_result_card_2026 h3{
    margin:0;
    font-size:34px;
    font-weight:700;
    line-height:1.2;
}

/* ==========================================
   ANIMATION
========================================== */

.pl_emi_section_2026{
    animation:plFadeIn2026 .5s ease;
}

@keyframes plFadeIn2026{

    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:991px){

    .pl_emi_grid_2026{
        grid-template-columns:1fr;
    }

}

@media (max-width:767px){

    .pl_emi_section_2026{
        padding:60px 15px;
    }

    .pl_emi_header_2026 h2{
        font-size:28px;
    }

    .pl_emi_form_2026{
        padding:25px;
    }

    .pl_result_card_2026{
        padding:25px;
    }

    .pl_result_card_2026 h3{
        font-size:28px;
    }

    .pl_emi_cta_btn_2026{
        width:100%;
        max-width:330px;
        font-size:15px;
        padding:14px 20px;
    }

}




















.main-menu-list ul li {
    position: relative;
}

.main-menu-list ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;
    display: none;
    background: #fff;
    z-index: 999;
}

.main-menu-list ul li:hover > ul {
    display: block;
}

.main-menu-list ul li .fa-chevron-right {
    float: right;
    margin-top: 5px;
    font-size: 12px;
    color: #000;
}

















/* ===========================
   Loan Consolidation Benefits
=========================== */

#plc_loan_consolidation_adv_wrap_2026{
    padding:35px 20px;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

/* #plc_loan_consolidation_adv_wrap_2026::before{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(255,107,0,.05);
    border-radius:50%;
    top:-180px;
    right:-120px;
} */

/* #plc_loan_consolidation_adv_wrap_2026::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(0,0,0,.03);
    border-radius:50%;
    bottom:-150px;
    left:-100px;
} */

.plc_loan_consolidation_container_2026{
    max-width:1250px;
    margin:auto;
    position:relative;
    z-index:2;
}

.plc_section_heading_2026{
    text-align:center;
    max-width:930px;
    margin:0 auto 55px;
}

.plc_badge_2026{
    display:inline-block;
    padding:8px 18px;
    background:#ff6b00;
    color:#fff;
    font-size:14px;
    font-weight:600;
    border-radius:50px;
    margin-bottom:15px;
}

.plc_section_heading_2026 h2{
    margin:0 0 15px;
    font-size:42px;
    font-weight:700;
    color:#111827;
    line-height:1.2;
}

.plc_section_heading_2026 p{
    margin:0;
    color:#64748b;
    font-size:17px;
    line-height:1.7;
}

.plc_advantages_grid_2026{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.plc_advantage_card_2026{
    background:#fff;
    padding: 20px 30px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.plc_advantage_card_2026::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#2563eb;
    transform:scaleX(0);
    transition:.35s;
}

.plc_advantage_card_2026:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.plc_advantage_card_2026:hover::before{
    transform:scaleX(1);
}

.plc_icon_2026{
    width:55px;
    height:55px;
    border-radius:16px;
    background:rgb(173 170 167 / 12%);
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    font-weight:700;
    margin-bottom:20px;
}

.plc_advantage_card_2026 h3{
    margin:0 0 12px;
    color:#111827;
    font-size:22px;
    font-weight:700;
}

.plc_advantage_card_2026 p{
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.8;
}

.plc_highlight_card_2026{
    background:linear-gradient(135deg,#2563eb,#2563eb);
}

.plc_highlight_card_2026 .plc_icon_2026{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.plc_highlight_card_2026 h3,
.plc_highlight_card_2026 p,
.plc_highlight_card_2026 strong{
    color:#fff;
}

/* ===========================
   Responsive
=========================== */

@media(max-width:991px){

    .plc_advantages_grid_2026{
        grid-template-columns:repeat(2,1fr);
    }

    .plc_section_heading_2026 h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    #plc_loan_consolidation_adv_wrap_2026{
        padding:60px 15px;
    }

    .plc_advantages_grid_2026{
        grid-template-columns:1fr;
        gap:18px;
    }

    .plc_section_heading_2026 h2{
        font-size:28px;
    }

    .plc_section_heading_2026 p{
        font-size:15px;
    }

    .plc_advantage_card_2026{
        padding:25px;
    }

    .plc_advantage_card_2026 h3{
        font-size:20px;
    }
}








/* ==========================
   HOW IT WORKS SECTION
========================== */

#ff-loan-process-sec{
    padding:50px 20px;
    background:#f8fbff;
}

#ff-loan-process-sec .ff-loan-process-container{
    max-width:1200px;
    margin:0 auto;
}

#ff-loan-process-sec .ff-loan-process-heading{
    text-align:center;
    margin-bottom:60px;
}

#ff-loan-process-sec .ff-loan-process-heading h2{
    font-size:38px;
    font-weight:700;
    color:#111827;
    margin:0;
}

/* #ff-loan-process-sec .ff-loan-process-line{
    width:90px;
    height:4px;
    background:#2563eb;
    margin:15px auto 0;
    border-radius:50px;
} */

#ff-loan-process-sec .ff-loan-process-wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    position:relative;
}

#ff-loan-process-sec .ff-loan-process-card{
    background:#ffffff;
    padding:35px 25px;
    border-radius:16px;
    text-align:center;
    position:relative;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:all .3s ease;
    border-top:4px solid #2563eb;
}

#ff-loan-process-sec .ff-loan-process-card:hover{
    transform:translateY(-8px);
}

#ff-loan-process-sec .ff-loan-process-number{
    width:70px;
    height:70px;
    line-height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#2563eb;
    color:#fff;
    font-size:24px;
    font-weight:700;
}

#ff-loan-process-sec .ff-loan-process-card h3{
    font-size:18px;
    line-height:1.6;
    font-weight:600;
    color:#1f2937;
    margin:0;
}

/* Connecting Line */
#ff-loan-process-sec .ff-loan-process-wrapper::before{
    content:"";
    position:absolute;
    top:35px;
    left:12%;
    width:76%;
    height:3px;
    background:#2563eb;
    z-index:0;
}

#ff-loan-process-sec .ff-loan-process-card{
    z-index:1;
}

/* Tablet */
@media (max-width:991px){

    #ff-loan-process-sec .ff-loan-process-wrapper{
        grid-template-columns:repeat(2,1fr);
    }

    #ff-loan-process-sec .ff-loan-process-wrapper::before{
        display:none;
    }

    #ff-loan-process-sec .ff-loan-process-heading h2{
        font-size:32px;
    }
}

/* Mobile */
@media (max-width:767px){

    #ff-loan-process-sec{
        padding:60px 15px;
    }

    #ff-loan-process-sec .ff-loan-process-wrapper{
        grid-template-columns:1fr;
        gap:20px;
    }

    #ff-loan-process-sec .ff-loan-process-heading{
        margin-bottom:40px;
    }

    #ff-loan-process-sec .ff-loan-process-heading h2{
        font-size:28px;
    }

    #ff-loan-process-sec .ff-loan-process-card{
        padding:30px 20px;
    }

    #ff-loan-process-sec .ff-loan-process-number{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:20px;
    }

    #ff-loan-process-sec .ff-loan-process-card h3{
        font-size:16px;
    }
}




/*=============================
 WHO SHOULD CONSIDER SECTION
==============================*/

#ff-loan-eligibility-sec{
    padding:50px 20px;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
    overflow:hidden;
}

#ff-loan-eligibility-sec .ff-loan-eligibility-container{
    max-width:1200px;
    margin:auto;
}

#ff-loan-eligibility-sec .ff-loan-eligibility-heading{
    text-align:center;
    margin-bottom:60px;
}

#ff-loan-eligibility-sec .ff-loan-eligibility-heading h2{
    font-size:38px;
    font-weight:700;
    color:#111827;
    margin-bottom:15px;
}

/* #ff-loan-eligibility-sec .ff-loan-eligibility-line{
    width:90px;
    height:4px;
    background:#2563eb;
    margin:auto;
    border-radius:50px;
} */

#ff-loan-eligibility-sec .ff-loan-eligibility-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

#ff-loan-eligibility-sec .ff-loan-eligibility-card{
    background:#fff;
    border-radius:22px;
    padding:20px 28px;
    text-align:center;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(37,99,235,.12);
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.4s ease;
}

#ff-loan-eligibility-sec .ff-loan-eligibility-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#2563eb;
    transform:scaleX(0);
    transition:.4s;
    transform-origin:left;
}

#ff-loan-eligibility-sec .ff-loan-eligibility-card:hover::before{
    transform:scaleX(1);
}

#ff-loan-eligibility-sec .ff-loan-eligibility-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(37,99,235,.18);
}

#ff-loan-eligibility-sec .ff-loan-eligibility-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(37,99,235,.10);
    color:#2563eb;
    font-size:32px;
    transition:.4s ease;
}

#ff-loan-eligibility-sec .ff-loan-eligibility-card:hover .ff-loan-eligibility-icon{
    background:#2563eb;
    color:#fff;
    transform:rotateY(180deg);
}

#ff-loan-eligibility-sec .ff-loan-eligibility-card h3{
    font-size:18px;
    font-weight:600;
    line-height:1.7;
    color:#1f2937;
    margin:0;
}

/* Tablet */

@media(max-width:991px){

    #ff-loan-eligibility-sec .ff-loan-eligibility-grid{
        grid-template-columns:repeat(2,1fr);
    }

    #ff-loan-eligibility-sec .ff-loan-eligibility-heading h2{
        font-size:32px;
    }
}

/* Mobile */

@media(max-width:767px){

    #ff-loan-eligibility-sec{
        padding:70px 15px;
    }

    #ff-loan-eligibility-sec .ff-loan-eligibility-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    #ff-loan-eligibility-sec .ff-loan-eligibility-heading h2{
        font-size:28px;
    }

    #ff-loan-eligibility-sec .ff-loan-eligibility-card{
        padding:30px 22px;
    }

    #ff-loan-eligibility-sec .ff-loan-eligibility-icon{
        width:70px;
        height:70px;
        font-size:28px;
    }

    #ff-loan-eligibility-sec .ff-loan-eligibility-card h3{
        font-size:16px;
    }
}








/* ===========================
   LOAN CONSOLIDATION EXAMPLE
=========================== */

#ff-loan-example-sec{
    padding:50px 20px;
    background:#f8fbff;
}

#ff-loan-example-sec .ff-loan-example-container{
    max-width:1300px;
    margin:auto;
}

#ff-loan-example-sec .ff-loan-example-heading{
    text-align:center;
    margin-bottom:45px;
}

#ff-loan-example-sec .ff-loan-example-heading h2{
    font-size:40px;
    font-weight:700;
    color:#111827;
    margin-bottom:10px;
}

#ff-loan-example-sec .ff-loan-example-heading p{
    color:#2563eb;
    font-size:18px;
    font-weight:600;
}

/* Summary Cards */

#ff-loan-example-sec .ff-loan-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-bottom:40px;
}

#ff-loan-example-sec .ff-loan-summary-card{
    background:#2563eb;
    color:#fff;
    padding:30px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 15px 40px rgba(37,99,235,.25);
}

#ff-loan-example-sec .ff-loan-summary-card span{
    display:block;
    font-size:15px;
    opacity:.9;
    margin-bottom:10px;
}

#ff-loan-example-sec .ff-loan-summary-card h3{
    font-size:32px;
    margin:0;
    font-weight:700;
}

/* Table */

#ff-loan-example-sec .ff-loan-table-wrap{
    background:#fff;
    border-radius:20px;
    overflow-x:auto;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

#ff-loan-example-sec .ff-loan-table{
    width:100%;
    border-collapse:collapse;
    min-width:950px;
}

#ff-loan-example-sec .ff-loan-table thead{
    background:#2563eb;
}

#ff-loan-example-sec .ff-loan-table th{
    color:#fff;
    padding:18px;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

#ff-loan-example-sec .ff-loan-table td{
    padding:18px;
    border-bottom:1px solid #edf2f7;
    font-size:15px;
}

#ff-loan-example-sec .ff-loan-table tbody tr:hover{
    background:#f4f8ff;
}

#ff-loan-example-sec .ff-loan-table tfoot{
    background:#eff6ff;
}

#ff-loan-example-sec .ff-loan-table tfoot td{
    color:#2563eb;
    font-size:16px;
}

/* Notes */

#ff-loan-example-sec .ff-loan-notes-box{
    margin-top:35px;
    background:#ffffff;
    border-left:5px solid #2563eb;
    padding:30px;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

#ff-loan-example-sec .ff-loan-notes-box h3{
    margin:0 0 15px;
    color:#111827;
}

#ff-loan-example-sec .ff-loan-notes-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

#ff-loan-example-sec .ff-loan-notes-box li{
    padding:10px 0;
    font-size:16px;
    color:#374151;
    position:relative;
    padding-left:28px;
}

#ff-loan-example-sec .ff-loan-notes-box li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#2563eb;
    font-weight:700;
}

/* Tablet */

@media(max-width:991px){

    #ff-loan-example-sec .ff-loan-summary-grid{
        grid-template-columns:1fr;
    }

    #ff-loan-example-sec .ff-loan-example-heading h2{
        font-size:32px;
    }
}

/* Mobile */

@media(max-width:767px){

    #ff-loan-example-sec{
        padding:70px 15px;
    }

    #ff-loan-example-sec .ff-loan-example-heading h2{
        font-size:28px;
    }

    #ff-loan-example-sec .ff-loan-summary-card{
        padding:25px;
    }

    #ff-loan-example-sec .ff-loan-summary-card h3{
        font-size:26px;
    }

    #ff-loan-example-sec .ff-loan-notes-box{
        padding:22px;
    }
}







/* ===========================
   AFTER LOAN CONSOLIDATION
=========================== */

#ff-loan-success-sec{
    padding:50px 20px;
    background:
    radial-gradient(circle at top left,#dbeafe 0%,transparent 30%),
    radial-gradient(circle at bottom right,#bfdbfe 0%,transparent 30%),
    #f8fbff;
}

#ff-loan-success-sec .ff-loan-success-wrap{
    max-width:1200px;
    margin:auto;
}

#ff-loan-success-sec .ff-loan-success-header{
    text-align:center;
    margin-bottom:60px;
}

#ff-loan-success-sec .ff-loan-success-tag{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:#dcfce7;
    color:#15803d;
    font-weight:600;
    margin-bottom:20px;
}

#ff-loan-success-sec .ff-loan-success-header h2{
    font-size:42px;
    margin-bottom:15px;
    color:#111827;
}

#ff-loan-success-sec .ff-loan-success-header p{
    max-width:850px;
    margin:auto;
    line-height:1.8;
    color:#4b5563;
    font-size:17px;
}

/* Grid */

#ff-loan-success-sec .ff-loan-success-grid{
    display:grid;
    grid-template-columns:1fr 1.2fr 1fr;
    gap:30px;
    align-items:center;
}

/* Side Cards */

#ff-loan-success-sec .ff-loan-info-card{
    background:#ffffff;
    border-radius:24px;
    padding: 30px 35px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

#ff-loan-success-sec .ff-loan-info-card:hover{
    transform:translateY(-10px);
}

#ff-loan-success-sec .ff-loan-info-icon{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#eff6ff;
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

#ff-loan-success-sec .ff-loan-info-card span{
    display:block;
    color:#6b7280;
    margin-bottom:10px;
}

#ff-loan-success-sec .ff-loan-info-card h3{
    font-size:34px;
    color:#111827;
    margin:0;
}

/* Center EMI Highlight */

#ff-loan-success-sec .ff-loan-emi-highlight{
    display:flex;
    justify-content:center;
}

#ff-loan-success-sec .ff-loan-emi-circle{
    width:300px;
    height:300px;
    border-radius:50%;
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    box-shadow:0 25px 60px rgba(37,99,235,.35);
}

#ff-loan-success-sec .ff-loan-emi-circle::before{
    content:"";
    position:absolute;
    inset:-15px;
    border-radius:50%;
    border:2px dashed rgba(37,99,235,.3);
}

#ff-loan-success-sec .ff-loan-emi-circle span{
    font-size:18px;
    opacity:.9;
}

#ff-loan-success-sec .ff-loan-emi-circle h2{
    font-size:54px;
    margin:15px 0;
    line-height:1;
}

#ff-loan-success-sec .ff-loan-emi-circle small{
    font-size:16px;
    opacity:.85;
}

/* Responsive */

@media(max-width:991px){

    #ff-loan-success-sec .ff-loan-success-grid{
        grid-template-columns:1fr;
    }

    #ff-loan-success-sec .ff-loan-emi-circle{
        width:280px;
        height:280px;
    }

    #ff-loan-success-sec .ff-loan-emi-circle h2{
        font-size:44px;
    }
}

@media(max-width:767px){

    #ff-loan-success-sec{
        padding:70px 15px;
    }

    #ff-loan-success-sec .ff-loan-success-header h2{
        font-size:30px;
    }

    #ff-loan-success-sec .ff-loan-success-header p{
        font-size:15px;
    }

    #ff-loan-success-sec .ff-loan-info-card{
        padding:25px;
    }

    #ff-loan-success-sec .ff-loan-info-card h3{
        font-size:28px;
    }

    #ff-loan-success-sec .ff-loan-emi-circle{
        width:240px;
        height:240px;
    }

    #ff-loan-success-sec .ff-loan-emi-circle h2{
        font-size:38px;
    }
}










/* ==========================
   EMI RESULT SECTION
========================== */

#ff-emi-result-section{
    padding:50px 20px;
    background:#f8fbff;
}

#ff-emi-result-section .ff-emi-result-container{
    max-width:1200px;
    margin:auto;
}

#ff-emi-result-section .ff-emi-result-heading{
    text-align:center;
    margin-bottom:50px;
}

#ff-emi-result-section .ff-emi-result-heading h2{
    font-size:42px;
    font-weight:700;
    color:#111827;
    margin-bottom:10px;
}

#ff-emi-result-section .ff-emi-result-heading p{
    color:#6b7280;
    font-size:17px;
}

/* Cards */

#ff-emi-result-section .ff-emi-result-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

#ff-emi-result-section .ff-emi-result-card{
    position:relative;
    border-radius:24px;
    padding:20px 30px;
    text-align:center;
    overflow:hidden;
    color:#fff;
    transition:.4s ease;
}

#ff-emi-result-section .ff-emi-result-card:hover{
    transform:translateY(-12px);
}

#ff-emi-result-section .ff-emi-result-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    /* background:rgba(255,255,255,.12); */
    top:-60px;
    right:-60px;
}

/* Icons */

#ff-emi-result-section .ff-emi-result-icon{
    width:65px;
    height:65px;
    margin:0 auto 20px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

#ff-emi-result-section .ff-emi-result-card h3{
    font-size:28px;
    margin-bottom:5px;
    font-weight:700;
}

#ff-emi-result-section .ff-emi-result-amount{
    font-size:35px;
    font-weight:800;
    margin-bottom:10px;
}

#ff-emi-result-section .ff-emi-result-card span{
    font-size:15px;
    opacity:.95;
}

/* Individual Colors */

#ff-emi-result-section .ff-before-card{
    background:linear-gradient(135deg,#ef4444,#dc2626);
    box-shadow:0 20px 45px rgba(239,68,68,.25);
}

#ff-emi-result-section .ff-after-card{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    box-shadow:0 20px 45px rgba(37,99,235,.25);
}

#ff-emi-result-section .ff-saving-card{
    background:linear-gradient(135deg,#10b981,#059669);
    box-shadow:0 20px 45px rgba(16,185,129,.25);
}

/* Tablet */

@media(max-width:991px){

    #ff-emi-result-section .ff-emi-result-tabs{
        grid-template-columns:1fr;
    }

    #ff-emi-result-section .ff-emi-result-heading h2{
        font-size:34px;
    }
}

/* Mobile */

@media(max-width:767px){

    #ff-emi-result-section{
        padding:70px 15px;
    }

    #ff-emi-result-section .ff-emi-result-heading h2{
        font-size:28px;
    }

    #ff-emi-result-section .ff-emi-result-card{
        padding:35px 20px;
    }

    #ff-emi-result-section .ff-emi-result-amount{
        font-size:34px;
    }

    #ff-emi-result-section .ff-emi-result-card h3{
        font-size:24px;
    }
}









/* ====================================
   PERSONAL LOAN OD KEY FEATURES
==================================== */

#plod-key-features-section{
    padding:50px 20px;
    background:#f8fbff;
}

#plod-key-features-section .plod-key-features-container{
    max-width:1300px;
    margin:auto;
}

#plod-key-features-section .plod-key-features-heading{
    text-align:center;
    margin-bottom:65px;
}

#plod-key-features-section .plod-key-features-heading h2{
    font-size:40px;
    font-weight:700;
    color:#111827;
    margin-bottom:15px;
}

/* #plod-key-features-section .plod-heading-line{
    width:100px;
    height:4px;
    background:#2563eb;
    margin:auto;
    border-radius:50px;
} */

/* Grid */

#plod-key-features-section .plod-features-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    position:relative;
}

/* Top Connecting Line */

#plod-key-features-section .plod-features-grid::before{
    content:"";
    position:absolute;
    top:38px;
    left:10%;
    width:80%;
    height:3px;
    background:#2563eb;
    z-index:0;
}

/* Card */

#plod-key-features-section .plod-feature-card{
    background:#ffffff;
    padding:25px 25px;
    border-radius:20px;
    text-align:center;
    position:relative;
    z-index:2;
    box-shadow:0 12px 35px rgba(0,0,0,.07);
    transition:.35s ease;
}

#plod-key-features-section .plod-feature-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(37,99,235,.15);
}

#plod-key-features-section .plod-feature-number{
    width:75px;
    height:75px;
    line-height:75px;
    margin:0 auto 10px;
    border-radius:50%;
    background:#2563eb;
    color:#fff;
    font-size:24px;
    font-weight:700;
    box-shadow:0 10px 25px rgba(37,99,235,.25);
}

#plod-key-features-section .plod-feature-card h3{
    font-size:20px;
    color:#111827;
    margin-bottom:5px;
    font-weight:700;
    min-height:40px;
}

#plod-key-features-section .plod-feature-card p{
    color:#6b7280;
    /* line-height:1.8; */
    font-size:15px;
    margin:0;
}

/* Tablet */

@media(max-width:991px){

    #plod-key-features-section .plod-features-grid{
        grid-template-columns:repeat(2,1fr);
    }

    #plod-key-features-section .plod-features-grid::before{
        display:none;
    }

    #plod-key-features-section .plod-key-features-heading h2{
        font-size:32px;
    }
}

/* Mobile */

@media(max-width:767px){

    #plod-key-features-section{
        padding:70px 15px;
    }

    #plod-key-features-section .plod-features-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    #plod-key-features-section .plod-key-features-heading h2{
        font-size:28px;
    }

    #plod-key-features-section .plod-feature-card{
        padding:30px 20px;
    }

    #plod-key-features-section .plod-feature-number{
        width:65px;
        height:65px;
        line-height:65px;
        font-size:20px;
    }

    #plod-key-features-section .plod-feature-card h3{
        font-size:18px;
        min-height:auto;
    }
}








/* =====================================
   PERSONAL LOAN OD EXAMPLE COMPARISON
====================================== */

#plod-example-comparison-sec{
    padding:50px 20px;
    background:#f8fbff;
}

#plod-example-comparison-sec .plod-example-comparison-container{
    max-width:1300px;
    margin:auto;
}

#plod-example-comparison-sec .plod-example-heading{
    text-align:center;
    margin-bottom:55px;
}

#plod-example-comparison-sec .plod-example-heading h2{
    font-size:40px;
    color:#111827;
    margin-bottom:12px;
    font-weight:700;
}

#plod-example-comparison-sec .plod-example-heading p{
    color:#6b7280;
    font-size:17px;
}

/* Grid */

#plod-example-comparison-sec .plod-example-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
}

/* Cards */

#plod-example-comparison-sec .plod-example-card{
    background:#fff;
    border-radius:24px;
    padding: 25px 35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

#plod-example-comparison-sec .plod-example-card:hover{
    transform:translateY(-8px);
}

/* Regular Loan */

#plod-example-comparison-sec .plod-regular-loan-card{
    border-top:6px solid #ef4444;
}

/* Overdraft */

#plod-example-comparison-sec .plod-overdraft-card{
    border-top:6px solid #2563eb;
}

/* Badge */

#plod-example-comparison-sec .plod-card-badge{
    display:inline-block;
    padding:5px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    margin-bottom:5px;
}

#plod-example-comparison-sec .plod-regular-loan-card .plod-card-badge{
    background:#fee2e2;
    color:#dc2626;
}

#plod-example-comparison-sec .plod-overdraft-card .plod-card-badge{
    background:#dbeafe;
    color:#2563eb;
}

/* Amount */

#plod-example-comparison-sec .plod-loan-amount{
    font-size:35px;
    font-weight:700;
    margin-bottom:10px;
    color:#111827;
}

/* Warning Box */

#plod-example-comparison-sec .plod-warning-box{
    margin-top:25px;
    background:#fff1f2;
    border-left:4px solid #ef4444;
    padding:18px;
    border-radius:12px;
    color:#7f1d1d;
    line-height:1.7;
}

#plod-example-comparison-sec .plod-warning-box i{
    margin-right:8px;
}

/* Month Box */

#plod-example-comparison-sec .plod-month-box{
    background:#eff6ff;
    padding:10px;
    border-radius:14px;
    margin-top:10px;
}

#plod-example-comparison-sec .plod-month-box h4{
    margin:0 0 0px;
    color:#2563eb;
    font-size:15px;
}

#plod-example-comparison-sec .plod-month-box ul{
    margin:0;
    padding-left:18px;
}

#plod-example-comparison-sec .plod-month-box li{
    margin-bottom:2px;
    color:#374151;
}

/* Benefit */

#plod-example-comparison-sec .plod-benefit-highlight{
    margin-top:35px;
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    border-radius:18px;
    padding:22px 30px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    font-size:18px;
    font-weight:500;
    text-align:center;
}

#plod-example-comparison-sec .plod-benefit-highlight i{
    font-size:28px;
}

/* Tablet */

@media(max-width:991px){

    #plod-example-comparison-sec .plod-example-grid{
        grid-template-columns:1fr;
    }

    #plod-example-comparison-sec .plod-example-heading h2{
        font-size:32px;
    }
}

/* Mobile */

@media(max-width:767px){

    #plod-example-comparison-sec{
        padding:70px 15px;
    }

    #plod-example-comparison-sec .plod-example-heading h2{
        font-size:28px;
    }

    #plod-example-comparison-sec .plod-example-card{
        padding:25px;
    }

    #plod-example-comparison-sec .plod-loan-amount{
        font-size:32px;
    }

    #plod-example-comparison-sec .plod-benefit-highlight{
        flex-direction:column;
        font-size:16px;
        padding:20px;
    }
}




/* =====================================
   PERSONAL LOAN OD ADVANTAGES
===================================== */

#plod-advantage-sec-v28{
    padding:50px 20px;
    background:#f8fbff;
}

#plod-advantage-sec-v28 .plod-advantage-container-v28{
    max-width:1300px;
    margin:auto;
}

#plod-advantage-sec-v28 .plod-advantage-heading-v28{
    text-align:center;
    margin-bottom:50px;
}

#plod-advantage-sec-v28 .plod-advantage-heading-v28 h2{
    font-size:40px;
    font-weight:700;
    color:#111827;
    margin-bottom:15px;
}

/* #plod-advantage-sec-v28 .plod-advantage-line-v28{
    width:100px;
    height:4px;
    background:#2563eb;
    margin:auto;
    border-radius:50px;
} */

/* Tabs */

#plod-advantage-sec-v28 .plod-advantage-tabs-v28{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

#plod-advantage-sec-v28 .plod-advantage-tab-v28{
    display:flex;
    align-items:center;
    gap:12px;
    background:#ffffff;
    padding:18px 22px;
    border-radius:60px;
    border:1px solid #dbeafe;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
    transition:.35s ease;
    min-height:70px;
}

#plod-advantage-sec-v28 .plod-advantage-tab-v28:hover{
    background:#2563eb;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(37,99,235,.20);
}

#plod-advantage-sec-v28 .plod-advantage-icon-v28{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    background:#eff6ff;
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    transition:.3s;
}

#plod-advantage-sec-v28 .plod-advantage-tab-v28:hover .plod-advantage-icon-v28{
    background:#ffffff;
    color:#2563eb;
}

#plod-advantage-sec-v28 .plod-advantage-tab-v28 p{
    margin:0;
    font-size:15px;
    font-weight:600;
    color:#374151;
    transition:.3s;
}

#plod-advantage-sec-v28 .plod-advantage-tab-v28:hover p{
    color:#ffffff;
}

/* Tablet */

@media(max-width:991px){

    #plod-advantage-sec-v28 .plod-advantage-heading-v28 h2{
        font-size:32px;
    }

    #plod-advantage-sec-v28 .plod-advantage-tab-v28{
        width:calc(50% - 10px);
        border-radius:16px;
    }
}

/* Mobile */

@media(max-width:767px){

    #plod-advantage-sec-v28{
        padding:70px 15px;
    }

    #plod-advantage-sec-v28 .plod-advantage-heading-v28 h2{
        font-size:28px;
    }

    #plod-advantage-sec-v28 .plod-advantage-tab-v28{
        width:100%;
        border-radius:14px;
        padding:16px 18px;
    }

    #plod-advantage-sec-v28 .plod-advantage-tab-v28 p{
        font-size:14px;
    }
}




/* =====================================
   PERSONAL LOAN ELIGIBILITY SECTION
===================================== */

#pl-eligibility-sec-ux91{
    padding:50px 20px;
    background:#f3f3f3;
}

#pl-eligibility-sec-ux91 .pl-eligibility-container-ux91{
    max-width:1280px;
    margin:auto;
}

#pl-eligibility-sec-ux91 .pl-eligibility-heading-ux91{
    text-align:center;
    margin-bottom:60px;
}

#pl-eligibility-sec-ux91 .pl-eligibility-heading-ux91 h2{
    font-size:42px;
    font-weight:700;
    color:#111827;
    margin:0;
}

#pl-eligibility-sec-ux91 .pl-eligibility-heading-ux91 span{
    color:#2563eb;
}

/* Grid */

#pl-eligibility-sec-ux91 .pl-eligibility-grid-ux91{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

/* Item */

#pl-eligibility-sec-ux91 .pl-eligibility-item-ux91{
    text-align:center;
    padding:10px;
}

#pl-eligibility-sec-ux91 .pl-eligibility-icon-ux91{
    width:90px;
    height:90px;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
    color:#2563eb;
    transition:.3s ease;
}

#pl-eligibility-sec-ux91 .pl-eligibility-item-ux91:hover .pl-eligibility-icon-ux91{
    transform:translateY(-8px);
}

#pl-eligibility-sec-ux91 .pl-eligibility-item-ux91 p{
    margin:0;
    color:#4b5563;
    font-size:16px;
    line-height:1.4;
    font-weight:500;
}

/* Tablet */

@media(max-width:991px){

    #pl-eligibility-sec-ux91 .pl-eligibility-grid-ux91{
        grid-template-columns:repeat(2,1fr);
        gap:35px;
    }

    #pl-eligibility-sec-ux91 .pl-eligibility-heading-ux91 h2{
        font-size:34px;
    }
}

/* Mobile */

@media(max-width:767px){

    #pl-eligibility-sec-ux91{
        padding:60px 15px;
    }

    #pl-eligibility-sec-ux91 .pl-eligibility-grid-ux91{
        grid-template-columns:1fr;
        gap:30px;
    }

    #pl-eligibility-sec-ux91 .pl-eligibility-heading-ux91 h2{
        font-size:28px;
        line-height:1.4;
    }

    #pl-eligibility-sec-ux91 .pl-eligibility-icon-ux91{
        width:70px;
        height:70px;
        font-size:38px;
        margin-bottom:15px;
    }

    #pl-eligibility-sec-ux91 .pl-eligibility-item-ux91 p{
        font-size:15px;
    }
}












/* ===== UNIQUE SECTION ===== */

#ffx-trust-wrapper{
    padding:50px 20px;
    background:
    radial-gradient(circle at top right,#0d6efd15,#ffffff 40%),
    linear-gradient(135deg,#f8fbff,#eef5ff);
    font-family: Arial, sans-serif;
}

#ffx-trust-container{
    max-width:1200px;
    margin:auto;
}

#ffx-trust-heading{
    text-align:center;
    font-size:42px;
    font-weight:800;
    color:#111827;
    margin-bottom:15px;
}

#ffx-trust-sub{
    text-align:center;
    max-width:650px;
    margin:auto;
    color:#6b7280;
    font-size:17px;
    margin-bottom:60px;
    line-height:1.7;
}

/* GRID */

.ffx-grid-layout{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* CARD */

.ffx-feature-card{
    position:relative;
    padding:35px;
    border-radius:24px;
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,0.9);
    box-shadow:0 12px 35px rgba(0,0,0,0.06);
    display:flex;
    gap:25px;
    align-items:flex-start;
    transition:0.4s ease;
    overflow:hidden;
}

/* GLOW EFFECT */


.ffx-feature-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(13,110,253,0.12);
}

/* ICON */

.ffx-icon-wrap{
    min-width:75px;
    width:75px;
    height:75px;
    border-radius:18px;
    background:linear-gradient(135deg,#005bea,#00c6fb);
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:30px;
    box-shadow:0 8px 20px rgba(0,91,234,0.25);
}

/* TEXT */

.ffx-content h3{
    margin:0 0 10px;
    font-size:24px;
    color:#111827;
    font-weight:700;
}

.ffx-content p{
    margin:0;
    font-size:15px;
    line-height:1.8;
    color:#6b7280;
}

/* MOBILE */

@media(max-width:768px){

.ffx-grid-layout{
    grid-template-columns:1fr;
}

#ffx-trust-heading{
    font-size:30px;
}

.ffx-feature-card{
    padding:28px;
}

.ffx-content h3{
    font-size:20px;
}

}









/* Section Reset & Base Styling */
#cs-success-section-unique {
    font-family: 'Inter', sans-serif;
    background: #f4f7fa;
    padding: 60px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2d3748;
}

.cs-success-wrapper {
    width: 100%;
    /* max-width: 1000px; */
    /* background: #ffffff; */
    border-radius: 24px;
    /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05); */
    overflow: hidden;
    padding: 40px;
}

/* 1. Profile Card / Header styling */
.cs-profile-card {
    background: linear-gradient(135deg, rgb(0, 91, 234), rgb(0, 198, 251));
    color: #ffffff;
    padding: 35px;
    border-radius: 18px;
    position: relative;
    margin-bottom: 30px;
}

.cs-badge {
    background: #000;
    color: #fff;
    padding: 6px 14px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 12px;
}

.cs-business-name {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.cs-business-location {
    font-size: 0.95rem;
    color: #cbd5e0;
    margin: 0 0 25px 0;
}

.cs-business-location i {
    color: #e63946;
    margin-right: 5px;
}

.cs-meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 20px;
}

.cs-meta-label {
    display: block;
    font-size: 0.8rem;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

.cs-meta-value {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
}

/* 2. Content Grid Section */
.cs-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 40px;
}

.cs-info-block {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px;
}

/* Requirement styling */
.cs-requirement-block .cs-block-icon {
    background: #fef3c7;
    color: #d97706;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 15px;
}

.cs-requirement-block h3 {
    font-size: 1.3rem;
    margin: 0 0 12px 0;
    color: #1a202c;
}

.cs-requirement-block p {
    font-size: 0.98rem;
    line-height: 1.6;
    color: #4a5568;
    margin: 0;
}

/* Loan block styling */
.cs-loan-block {
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
    border-color: #bbf7d0;
}

.cs-loan-header {
    margin-bottom: 20px;
}

.cs-loan-title {
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #16a34a;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.cs-loan-amount {
    font-size: 25px;
    font-weight: 800;
    color: #14532d;
    margin-top: 5px;
}

.cs-loan-details-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cs-detail-row {
    display: flex;
    justify-content: space-between;
    font-size: 0.95rem;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e2e8f0;
    color: #4a5568;
}

.cs-detail-row i {
    margin-right: 8px;
    color: #718096;
}

.cs-emi-row {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 5px;
    font-size: 1.05rem;
}
.cs-emi-row strong {
    color: #16a34a;
    font-size: 1.2rem;
}

/* 3. Results Section styling */
.cs-results-section {
    background: #f8fafc;
    border-radius: 18px;
    padding: 30px;
    border: 1px solid #e2e8f0;
}

.cs-results-heading {
    text-align: center;
    font-size: 1.4rem;
    margin: 0 0 25px 0;
    color: #1a202c;
    font-weight: 700;
}

.cs-results-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.cs-result-card {
    background: #ffffff;
    border: 1px solid #edf2f7;
    padding: 20px 15px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cs-result-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.cs-res-icon {
    font-size: 1.5rem;
    color: #3182ce;
    margin-bottom: 10px;
}

.cs-res-stats {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2b6cb0;
    margin-bottom: 5px;
}

.cs-res-text {
    font-size: 0.88rem;
    color: #4a5568;
    margin: 0;
    font-weight: 500;
}


/* --- Responsive Media Queries --- */

@media (max-width: 850px) {
    .cs-results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .cs-content-grid {
        grid-template-columns: 1fr;
    }
    .cs-success-wrapper {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    #cs-success-section-unique {
        padding: 20px 10px;
    }
    .cs-business-name {
        font-size: 1.6rem;
    }
    .cs-loan-amount {
        font-size: 1.8rem;
    }
    .cs-results-grid {
        grid-template-columns: 1fr;
    }
    .cs-meta-grid {
        grid-template-columns: 1fr;
    }
}










#ffBusinessOverdraftSection{
    padding:50px 20px;
    background: linear-gradient(135deg,#f8fbff,#eef4ff);
    font-family: Arial, sans-serif;
}

.ffBusinessOverdraftContainer{
    max-width:1300px;
    margin:auto;
}

.ffBusinessOverdraftHeading{
    text-align:center;
    margin-bottom:50px;
}

.ffBusinessOverdraftHeading h2{
    font-size:38px;
    font-weight:700;
    color:#111;
}

.ffBusinessOverdraftHeading span{
    color:#0057ff;
}

.ffBusinessOverdraftTabs{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:20px;
}

.ffOverdraftTabCard{
    background:#fff;
    padding:28px 18px;
    border-radius:18px;
    text-align:center;
    transition:all 0.4s ease;
    box-shadow:0 8px 20px rgba(0,0,0,0.05);
    border:1px solid #edf1f7;
    position:relative;
    overflow:hidden;
    min-height:190px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ffOverdraftTabCard::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#0057ff,#46a2ff);
    transform:scaleX(0);
    transition:0.4s ease;
}

.ffOverdraftTabCard:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 30px rgba(0,87,255,0.15);
}

.ffOverdraftTabCard:hover::after{
    transform:scaleX(1);
}

.ffOverdraftTabIcon{
    width:65px;
    height:65px;
    margin:auto;
    margin-bottom:18px;
    border-radius:15px;
    background:linear-gradient(135deg,#0057ff,#3d8dff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:25px;
}

.ffOverdraftTabContent h4{
    font-size:16px;
    line-height:1.5;
    color:#222;
    font-weight:600;
    margin:0;
}

/* Tablet */
@media(max-width:992px){
    .ffBusinessOverdraftTabs{
        grid-template-columns: repeat(3,1fr);
    }
}

/* Mobile */
@media(max-width:768px){
    .ffBusinessOverdraftHeading h2{
        font-size:28px;
    }

    .ffBusinessOverdraftTabs{
        grid-template-columns: repeat(2,1fr);
    }
}

/* Small Mobile */
@media(max-width:480px){
    .ffBusinessOverdraftTabs{
        grid-template-columns: 1fr;
    }
}


















#premiumLoanCompare{
    padding:50px 20px;
    background:linear-gradient(180deg,#f8fbff,#edf4ff);
    font-family:Arial, sans-serif;
}

.premiumCompareContainer{
    max-width:1050px;
    margin:auto;
}

/* Heading */
.premiumCompareHeading{
    text-align:center;
    margin-bottom:40px;
}

.premiumCompareHeading h2{
    font-size:34px;
    color:#0f172a;
    margin-bottom:10px;
    font-weight:700;
}

.premiumCompareHeading p{
    color:#64748b;
    font-size:16px;
}

/* Cards Grid */
.premiumCompareGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

/* Card */
.premiumCompareCard{
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(10px);
    border-radius:22px;
    padding:28px;
    box-shadow:0 10px 30px rgba(0,0,0,0.07);
    text-align:center;
    position:relative;
    min-height:360px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    transition:.35s ease;
}

.premiumCompareCard:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

/* Highlight Card */
.overdraftCard{
    border:2px solid #2563eb;
    box-shadow:0 0 25px rgba(37,99,235,.18);
}

/* Best Option */
.bestChoice{
    position:absolute;
    top:-12px;
    right:20px;
    background:#2563eb;
    color:#fff;
    font-size:12px;
    padding:6px 14px;
    border-radius:20px;
    font-weight:600;
}

/* Icon */
.premiumIconWrap{
    width:75px;
    height:75px;
    margin:0 auto 18px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    transition:.3s;
}

.premiumCompareCard:hover .premiumIconWrap{
    transform:rotate(10deg) scale(1.08);
}

.regularIcon{
    background:linear-gradient(135deg,#ef4444,#dc2626);
    color:#fff;
    box-shadow:0 8px 20px rgba(239,68,68,.25);
}

.overdraftIcon{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    box-shadow:0 8px 20px rgba(37,99,235,.25);
}

/* Title */
.premiumCompareCard h3{
    margin-bottom:20px;
    font-size:22px;
    color:#111827;
}

/* Rows */
.premiumData{
    margin-bottom:20px;
}

.premiumRow{
    display:flex;
    justify-content:space-between;
    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
    text-align:left;
}

.premiumRow span{
    color:#64748b;
    font-size:15px;
}

.premiumRow strong{
    color:#111827;
    font-size:16px;
}

/* Bottom Tag */
.premiumTag{
    margin-top:auto;
    padding:14px;
    border-radius:14px;
    font-weight:600;
    font-size:15px;
}

.regularTag{
    background:#fee2e2;
    color:#b91c1c;
}

.overdraftTag{
    background:#dbeafe;
    color:#1d4ed8;
}

/* Benefits */
.premiumBenefits{
    margin-top:30px;
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.benefitPill{
    background:#fff;
    padding:12px 20px;
    border-radius:40px;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.benefitPill:hover{
    transform:translateY(-4px);
}

.benefitPill i{
    color:#2563eb;
    margin-right:8px;
}

/* Responsive */
@media(max-width:768px){

    .premiumCompareGrid{
        grid-template-columns:1fr;
    }

    .premiumCompareCard{
        min-height:auto;
    }

    .premiumCompareHeading h2{
        font-size:28px;
    }
}











#odScenarioCompareSec{
    padding:50px 20px;
    background:linear-gradient(180deg,#f9fbff,#eef5ff);
    font-family:Arial,sans-serif;
}

.odScenarioContainer{
    max-width:1100px;
    margin:auto;
}

/* Heading */
.odScenarioHeading{
    text-align:center;
    margin-bottom:40px;
}

.odScenarioHeading h2{
    font-size:34px;
    color:#0f172a;
    margin-bottom:10px;
}

.odScenarioHeading p{
    color:#64748b;
    font-size:16px;
}

/* Grid */
.odScenarioGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

/* Cards */
.odScenarioCard{
    background:#fff;
    border-radius:22px;
    padding:28px;
    box-shadow:0 10px 30px rgba(0,0,0,.07);
    text-align:center;
    min-height:390px;
    display:flex;
    flex-direction:column;
    position:relative;
    transition:.35s ease;
}

.odScenarioCard:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.10);
}

/* Highlight Card */
.overdraftScenarioCard{
    border:2px solid #2563eb;
    box-shadow:0 0 25px rgba(37,99,235,.14);
}

/* Smart Choice */
.odBestChoice{
    position:absolute;
    top:-12px;
    right:18px;
    background:#2563eb;
    color:#fff;
    padding:6px 14px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

/* Icons */
.odScenarioIcon{
    width:75px;
    height:75px;
    border-radius:50%;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#fff;
    transition:.3s;
}

.odScenarioCard:hover .odScenarioIcon{
    transform:scale(1.08) rotate(8deg);
}

.loanIconBg{
    background:linear-gradient(135deg,#ef4444,#dc2626);
    box-shadow:0 8px 20px rgba(239,68,68,.25);
}

.overdraftIconBg{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    box-shadow:0 8px 20px rgba(37,99,235,.25);
}

/* Title */
.odScenarioCard h3{
    font-size:22px;
    margin-bottom:20px;
    color:#111827;
}

/* Rows */
.odScenarioContent{
    margin-bottom:20px;
}

.odInfoRow{
    display:flex;
    justify-content:space-between;
    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
    text-align:left;
}

.odInfoRow span{
    color:#64748b;
    font-size:15px;
}

.odInfoRow strong{
    color:#111827;
}

.redText{
    color:#dc2626;
}

.greenText{
    color:#16a34a;
}

/* Bottom */
.odBottomBadge{
    margin-top:auto;
    padding:14px;
    border-radius:14px;
    font-size:15px;
    font-weight:600;
}

.redBadge{
    background:#fee2e2;
    color:#b91c1c;
}

.greenBadge{
    background:#dcfce7;
    color:#15803d;
}

/* Saving Highlight */
.odSavingHighlight{
    margin-top:30px;
    background:#ffffff;
    padding:18px 25px;
    border-radius:50px;
    text-align:center;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
    font-weight:600;
    color:#1e293b;
}

.odSavingHighlight i{
    color:#2563eb;
    margin-right:10px;
    font-size:18px;
}

/* Responsive */
@media(max-width:768px){

    .odScenarioGrid{
        grid-template-columns:1fr;
    }

    .odScenarioCard{
        min-height:auto;
    }

    .odScenarioHeading h2{
        font-size:28px;
    }

    .odSavingHighlight{
        border-radius:18px;
        line-height:1.6;
    }
}











#odFundingSection{
    padding:50px 20px;
    background:#f5f7fb;
    font-family:Arial, sans-serif;
}

.odFundingContainer{
    max-width:1200px;
    margin:auto;
}

.odFundingHeadingWrap{
    text-align:center;
    margin-bottom:45px;
}

.odFundingHeadingWrap h2{
    font-size:38px;
    color:#222;
    margin-bottom:10px;
    font-weight:700;
}

.odFundingHeadingWrap p{
    font-size:22px;
    color:#555;
}

.odFundingHeadingWrap span{
    color:#2563eb;
    font-weight:700;
}

.odFundingFeatures{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:22px;
}

.odFeatureBox{
    background:#fff;
    border:1px solid #dbe7ff;
    border-radius:50px;
    padding:18px 25px;
    display:flex;
    align-items:center;
    gap:15px;
    min-width:420px;
    transition:0.3s ease;
}

.odFeatureBox:hover{
    transform:translateY(-4px);
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.odIconCircle{
    width:46px;
    height:46px;
    background:#edf4ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.odIconCircle i{
    color:#2563eb;
    font-size:18px;
}

.odFeatureBox h4{
    font-size:17px;
    color:#374151;
    font-weight:600;
    line-height:1.4;
}

/* Responsive */

@media(max-width:768px){

    .odFundingHeadingWrap h2{
        font-size:28px;
    }

    .odFundingHeadingWrap p{
        font-size:18px;
    }

    .odFeatureBox{
        min-width:100%;
        border-radius:18px;
        padding:16px;
    }

    .odFeatureBox h4{
        font-size:15px;
    }

}







/* ===== Fast Funding CTA ===== */

#ffCtaMiniSection{
    padding: 45px 20px;
    background: linear-gradient(135deg, #2563eb, #1e40af);
}

.ffCtaMiniWrap{
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

.ffCtaMiniHeading{
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 15px;
}

.ffCtaMiniText{
    color: #eaf2ff;
    font-size: 17px;
    line-height: 1.7;
    max-width: 760px;
    margin: auto;
    margin-bottom: 25px;
}

.ffCtaMiniActions{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.ffMiniBtn{
    text-decoration: none;
    background: #ffffff;
    color: #2563eb;
    padding: 12px 22px;
    border-radius: 6px;
    font-weight: 600;
    transition: 0.3s ease;
}

.ffMiniBtn:hover{
    transform: translateY(-2px);
}

.ffCtaMiniActions span{
    color: #ffffff;
    font-weight: 500;
}

.ffFastProcess{
    color: #ffffff;
    font-weight: 600;
}

/* Responsive */

@media(max-width:768px){

    #ffCtaMiniSection{
        padding: 35px 15px;
    }

    .ffCtaMiniHeading{
        font-size: 26px;
    }

    .ffCtaMiniText{
        font-size: 15px;
        margin-bottom: 20px;
    }

    .ffCtaMiniActions{
        flex-direction: column;
        gap: 12px;
    }

    .ffCtaMiniActions span{
        display: none;
    }

    .ffMiniBtn{
        width: 100%;
        max-width: 300px;
        text-align: center;
    }

    .ffFastProcess{
        display: block !important;
    }
}







.premiumCompareHeading h2 span {
    color: #1569ff;
}

.odScenarioHeading h2 span {
    color: #2b7dff;
}


.faq_compare_table{
    margin-top:15px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    font-size:14px;
}

.faq_compare_head,
.faq_compare_row{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.faq_compare_head span{
    background:#2563eb;
    color:#fff;
    padding:12px;
    font-weight:600;
}

.faq_compare_row span{
    padding:12px;
    border-top:1px solid #e5e7eb;
    background:#fff;
    line-height:1.5;
}

.faq_compare_row span:first-child{
    border-right:1px solid #e5e7eb;
}

@media(max-width:768px){
    .faq_compare_table{
        font-size:13px;
    }

    .faq_compare_head span,
    .faq_compare_row span{
        padding:10px;
    }
}




.faq_eligibility_list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:12px;
}

.faq_eligibility_list div{
    padding:10px 12px;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:8px;
    font-size:14px;
    line-height:1.4;
}

@media(max-width:768px){
    .faq_eligibility_list{
        grid-template-columns:1fr;
    }
}











#plc_finance_advantages_wrap_final_2026{
    padding: 70px 20px;
    background: #f5f7fb;
    /* font-family: Arial, sans-serif; */
}

/* CONTAINER */
.plc_finance_advantages_container_final_2026{
    max-width: 1150px;
    margin: auto;
}

/* HEADING */
.plc_finance_section_heading_final_2026{
    text-align: center;
    margin-bottom: 40px;
}

.plc_finance_section_heading_final_2026 h2{
    font-size: 38px;
    color: #111827;
    margin: 0 0 10px;
}

.plc_finance_section_heading_final_2026 p{
    font-size: 15px;
    color: #64748b;
    margin: 0;
}

/* GRID */
.plc_finance_advantages_grid_final_2026{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* CARD */
.plc_finance_adv_card_final_2026{
    background: #ffffff;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.plc_finance_adv_card_final_2026:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.10);
}

/* ICON */
.plc_finance_icon_final_2026{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
    background: #eef2ff;
    color: #2563eb;
}

/* ❌ ICON */
.plc_finance_icon_final_2026.danger{
    background: #fee2e2;
    color: #ef4444;
}

/* TEXT */
.plc_finance_adv_card_final_2026 h3{
    font-size: 18px;
    margin: 0 0 8px;
    color: #0f172a;
}

.plc_finance_adv_card_final_2026 p{
    font-size: 14px;
    margin: 0;
    color: #64748b;
    line-height: 1.5;
}

/* RESPONSIVE */
@media (max-width: 992px){
    .plc_finance_advantages_grid_final_2026{
        grid-template-columns: repeat(2, 1fr);
    }

    .plc_finance_section_heading_final_2026 h2{
        font-size: 26px;
    }
}

@media (max-width: 600px){
    .plc_finance_advantages_grid_final_2026{
        grid-template-columns: 1fr;
    }

    #plc_finance_advantages_wrap_final_2026{
        padding: 50px 15px;
    }

    .plc_finance_section_heading_final_2026 h2{
        font-size: 22px;
    }
}








#plc_benefits_premium_section {
    padding: 70px 20px;
    background: linear-gradient(135deg, #f3f7ff, #eef4ff);
    font-family: Arial, sans-serif;
}

/* CONTAINER */
.plc_benefits_premium_container {
    max-width: 1100px;
    margin: auto;
}

/* HEADER */
.plc_benefits_premium_header {
    text-align: center;
    margin-bottom: 45px;
}

.plc_benefits_premium_header h2 {
    font-size: 38px;
    color: #0f172a;
    margin-bottom: 8px;
    font-weight: 700;
}

.plc_benefits_premium_header p {
    color: #64748b;
    font-size: 15px;
}

/* GRID */
.plc_benefits_premium_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* CARD */
.plc_benefit_card_premium {
    background: #ffffff;
    padding: 28px 22px;
    border-radius: 18px;
    position: relative;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
}

/* TOP GRADIENT LINE */
.plc_benefit_card_premium::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, #2563eb, #60a5fa);
}

/* ICON */
.plc_icon_wrap {
    font-size: 26px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    border-radius: 12px;
    margin-bottom: 14px;
}

/* TITLE */
.plc_benefit_card_premium h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #0f172a;
    font-weight: 600;
}

/* TEXT */
.plc_benefit_card_premium p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
}

/* HOVER EFFECT */
.plc_benefit_card_premium:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.15);
}

.plc_benefit_card_premium:hover .plc_icon_wrap {
    background: #2563eb;
    color: #fff;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .plc_benefits_premium_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .plc_benefits_premium_grid {
        grid-template-columns: 1fr;
    }

    .plc_benefits_premium_header h2 {
        font-size: 28px;
    }
}







*{
margin:0;
padding:0;
box-sizing:border-box;
}

#ff_moving_gallery_wrap_2026{
width:100%;
padding:50px 20px;
background:linear-gradient(135deg, #f8f9fc, #f8f9fc);
overflow:hidden;
font-family:Arial, sans-serif;
}

.ff_moving_gallery_container_2026{
max-width:1300px;
margin:auto;
}

.ff_gallery_heading_2026{
text-align:center;
margin-bottom:50px;
}

.ff_gallery_heading_2026 h2{
font-size:38px;
font-weight:700;
color:#0f172a;
margin-bottom:12px;
}

.ff_gallery_heading_2026 p{
font-size:17px;
color:#64748b;
}

.ff_auto_slider_outer_2026{
overflow:hidden;
position:relative;
width:100%;
padding:15px 0;
}

.ff_auto_slider_track_2026{
display:flex;
gap:25px;
width:calc(320px * 8);
animation:ff_auto_slide_move_2026 22s linear infinite;
}

.ff_auto_slider_outer_2026:hover .ff_auto_slider_track_2026{
animation-play-state:paused;
}

.ff_slide_card_2026{
min-width:300px;
height:220px;
border-radius:20px;
overflow:hidden;
position:relative;
cursor:pointer;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.4s ease;
background:#fff;
}

.ff_slide_card_2026:hover{
transform:translateY(-8px) scale(1.03);
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.ff_slide_card_2026 img{
width:100%;
height:100%;
object-fit:cover;
transition:0.5s ease;
}

.ff_slide_card_2026:hover img{
transform:scale(1.1);
}

@keyframes ff_auto_slide_move_2026{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}

/* tablet */

@media(max-width:992px){

.ff_gallery_heading_2026 h2{
font-size:30px;
}

.ff_slide_card_2026{
min-width:260px;
height:190px;
}

.ff_auto_slider_track_2026{
gap:18px;
}

}

/* mobile */

@media(max-width:768px){

#ff_moving_gallery_wrap_2026{
padding:60px 15px;
}

.ff_gallery_heading_2026 h2{
font-size:24px;
}

.ff_gallery_heading_2026 p{
font-size:14px;
}

.ff_slide_card_2026{
min-width:220px;
height:160px;
border-radius:14px;
}

.ff_auto_slider_track_2026{
gap:14px;
}

}














/* ===== HOME LOAN TOPUP UNIQUE DESIGN ===== */

/* ========================= */
/* SECTION 1 */
/* ========================= */

#hlt_benefits_sec_k91{
    padding:50px 20px;
    background:#f8fbff;
    /* font-family:Arial,sans-serif; */
}

.hlt_heading_k91{
    text-align:center;
    margin-bottom:50px;
}

.hlt_heading_k91 span{
    display:inline-block;
    background:#eaf3ff;
    color:#0d6efd;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

.hlt_heading_k91 h2{
    margin-top:18px;
    font-size:38px;
    color:#111;
}

.hlt_cards_wrap_k91{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.hlt_card_k91{
    background:#fff;
    padding:30px 20px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:all .35s ease;
    border:1px solid #edf2f7;
}

.hlt_card_k91:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(13,110,253,.10);
}

.hlt_icon_k91{
    width:60px;
    height:60px;
    margin:auto auto 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#0d6efd,#4da6ff);
    font-size:25px;
}

.hlt_card_k91 h3{
    font-size:18px;
    margin-bottom:10px;
    color:#111;
}

.hlt_card_k91 p{
    color:#666;
    line-height:1.6;
    font-size:14px;
}



/* ========================= */
/* SECTION 2 */
/* ========================= */

#hlt_usage_section_z81{
    padding:50px 20px;
    background:#f7faff;
    /* font-family:Arial,sans-serif; */
}

.hlt_usage_heading_z81{
    text-align:center;
    margin-bottom:55px;
}

.hlt_usage_heading_z81 h2{
    font-size:38px;
    color:#111;
    font-weight:700;
}

/* Grid */

.hlt_usage_grid_z81{
    max-width:1100px;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:18px;
}

/* Items */

.hlt_usage_item_z81{
    padding:18px 24px;
    background:rgba(255,255,255,0.8);
    border:1px solid #e8eef8;
    border-radius:50px;
    font-size:16px;
    font-weight:500;
    color:#222;
    backdrop-filter:blur(8px);
    box-shadow:0 8px 20px rgba(0,0,0,0.05);
    transition:all .35s ease;
}

.hlt_usage_item_z81:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 25px rgba(13,110,253,0.10);
    border-color:#d5e6ff;
}

/* Responsive */

@media(max-width:768px){

    .hlt_usage_heading_z81 h2{
        font-size:30px;
    }

    .hlt_usage_item_z81{
        width:100%;
        text-align:center;
        border-radius:14px;
    }
}

@media(max-width:576px){

    #hlt_usage_section_z81{
        padding:60px 15px;
    }

    .hlt_usage_heading_z81 h2{
        font-size:24px;
    }
}


/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media(max-width:900px){

    .hlt_cards_wrap_k91{
        grid-template-columns:1fr;
    }

    #hlt_funds_section_m52{
        flex-direction:column;
        text-align:center;
    }

    .hlt_funds_grid_m52{
        width:100%;
    }
}

@media(max-width:576px){

    .hlt_heading_k91 h2,
    .hlt_funds_left_m52 h2{
        font-size:26px;
    }

    .hlt_funds_grid_m52{
        grid-template-columns:1fr;
    }

    #hlt_benefits_sec_k91,
    #hlt_funds_section_m52{
        padding:60px 15px;
    }
}










#loan_easy_steps_wrap_x92{
    padding:50px 20px;
    background: linear-gradient(135deg,#0d6efd,#4da6ff);
    /* font-family:Arial, sans-serif; */
    overflow:hidden;
}

.loan_easy_steps_container_x92{
    max-width:1200px;
    margin:auto;
}

.loan_easy_steps_heading_x92{
    text-align:center;
    margin-bottom:70px;
}

.loan_easy_steps_heading_x92 h2{
    font-size:42px;
    color:#fff;
    margin-bottom:12px;
    font-weight:700;
}

.loan_easy_steps_heading_x92 p{
    color:rgba(255,255,255,0.8);
    font-size:17px;
}

/* Main Grid */

.loan_steps_main_grid_x92{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

/* Card */

.loan_step_box_x92{
    width:300px;
    padding:35px 25px;
    background:rgba(255,255,255,0.12);
    backdrop-filter: blur(14px);
    border:1px solid rgba(255,255,255,0.18);
    border-radius:22px;
    text-align:center;
    transition:0.4s ease;
    position:relative;
}

.loan_step_box_x92:hover{
    transform:translateY(-12px) scale(1.03);
    background:rgba(255,255,255,0.18);
}

/* Circle */

.loan_circle_x92{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#fff;
    color:#0d4db8;
    font-size:32px;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto auto 25px;
    box-shadow:0 0 25px rgba(255,255,255,0.3);
}

/* Content */

.loan_step_content_x92 h3{
    color:#fff;
    font-size:24px;
    margin-bottom:12px;
}

.loan_step_content_x92 p{
    color:rgba(255,255,255,0.8);
    line-height:1.6;
    font-size:15px;
}

/* Connecting line */

.loan_line_x92{
    width:60px;
    height:4px;
    background:linear-gradient(to right,#fff,rgba(255,255,255,0.3));
    border-radius:20px;
}

/* Responsive */

@media(max-width:991px){

    .loan_steps_main_grid_x92{
        flex-direction:column;
    }

    .loan_line_x92{
        width:4px;
        height:40px;
    }

    .loan_easy_steps_heading_x92 h2{
        font-size:32px;
    }

    .loan_step_box_x92{
        width:100%;
        max-width:420px;
    }
}

@media(max-width:600px){

    #loan_easy_steps_wrap_x92{
        padding:60px 15px;
    }

    .loan_easy_steps_heading_x92 h2{
        font-size:26px;
    }

}









/* SECTION */
#hl_topup_example_section_2026_unique{
    width:100%;
    padding:50px 20px;
    background: linear-gradient(135deg,#f4f8ff,#eef5ff);
    font-family: Arial, sans-serif;
}

/* WRAPPER */
.hl_topup_wrapper_2026_unique{
    max-width:1200px;
    margin:auto;
}

/* HEADING */
.hl_topup_heading_2026_unique{
    text-align:center;
    margin-bottom:50px;
}

.hl_topup_heading_2026_unique span{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:15px;
}

.hl_topup_heading_2026_unique h2{
    font-size:38px;
    color:#1a1a1a;
    margin:0;
    font-weight:700;
}

/* MAIN BOX */
.hl_topup_main_box_2026_unique{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:35px;
    align-items:center;
}

/* LEFT CARD */
.hl_topup_details_card_2026_unique{
    background:#ffffff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.4s ease;
}

.hl_topup_details_card_2026_unique:hover{
    transform:translateY(-6px);
}

.hl_topup_card_title_2026_unique{
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
    color:#0d6efd;
    border-left:5px solid #0d6efd;
    padding-left:12px;
}

/* TABLE */
.hl_topup_table_2026_unique{
    width:100%;
    border-collapse:collapse;
}

.hl_topup_table_2026_unique tr{
    border-bottom:1px solid #e8e8e8;
}

.hl_topup_table_2026_unique td{
    padding:18px 10px;
    font-size:17px;
}

.hl_topup_table_2026_unique td:last-child{
    text-align:right;
    font-weight:700;
    color:#222;
}

/* RIGHT CARD */
.hl_topup_offer_card_2026_unique{
    background: linear-gradient(135deg,#0d6efd,#4da6ff);
    color:#fff;
    padding:40px 30px;
    border-radius:22px;
    box-shadow:0 15px 35px rgba(13,110,253,0.25);
    position:relative;
    overflow:hidden;
    transition:0.4s ease;
}

.hl_topup_offer_card_2026_unique:hover{
    transform:scale(1.02);
}

.hl_topup_offer_badge_2026_unique{
    background:rgba(255,255,255,0.18);
    padding:10px 18px;
    border-radius:30px;
    display:inline-block;
    font-size:15px;
    margin-bottom:20px;
    backdrop-filter:blur(5px);
}

.hl_topup_offer_card_2026_unique h3{
    font-size:42px;
    margin:10px 0 25px;
    font-weight:800;
    color: #ffffff;
}

/* OFFER DETAILS */
.hl_topup_offer_details_2026_unique p{
    margin:14px 0;
    font-size:16px;
    line-height:1.6;
}

/* MOBILE RESPONSIVE */
@media(max-width:991px){

    .hl_topup_main_box_2026_unique{
        grid-template-columns:1fr;
    }

    .hl_topup_heading_2026_unique h2{
        font-size:30px;
    }

}

@media(max-width:600px){

    #hl_topup_example_section_2026_unique{
        padding:60px 15px;
    }

    .hl_topup_details_card_2026_unique,
    .hl_topup_offer_card_2026_unique{
        padding:25px;
    }

    .hl_topup_heading_2026_unique h2{
        font-size:24px;
    }

    .hl_topup_card_title_2026_unique{
        font-size:20px;
    }

    .hl_topup_offer_card_2026_unique h3{
        font-size:32px;
    }

    .hl_topup_table_2026_unique td{
        font-size:15px;
        padding:14px 6px;
    }

}








/* Main Section */
#hl-topup-cta-sec-2026{
    width:100%;
    padding:50px 20px;
    background: linear-gradient(135deg,#0b4d91,#0077cc);
    text-align:center;
    font-family: Arial, sans-serif;
}

/* Container */
.hl-topup-cta-wrap-2026{
    max-width:900px;
    margin:auto;
}

/* Heading */
#hl-topup-cta-heading-2026{
    font-size:38px;
    color:#ffffff;
    font-weight:700;
    margin-bottom:18px;
    line-height:1.3;
}

/* Text */
#hl-topup-cta-text-2026{
    font-size:22px;
    color:#f5f5f5;
    margin-bottom:30px;
    font-weight:500;
}

#hl-topup-cta-text-2026 span{
    color:#000;
    font-weight:700;
}

/* Button */
#hl-topup-cta-btn-2026{
    display:inline-block;
    padding:15px 35px;
    background:#ffffff;
    color:#0b4d91;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    border-radius:50px;
    transition:0.3s ease;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

#hl-topup-cta-btn-2026:hover{
    background:#000;
    color:#ffffff;
    transform:translateY(-3px);
}

/* Responsive */
@media(max-width:768px){

    #hl-topup-cta-sec-2026{
        padding:50px 15px;
    }

    #hl-topup-cta-heading-2026{
        font-size:28px;
    }

    #hl-topup-cta-text-2026{
        font-size:18px;
    }

    #hl-topup-cta-btn-2026{
        padding:13px 28px;
        font-size:16px;
    }
}

@media(max-width:480px){

    #hl-topup-cta-heading-2026{
        font-size:22px;
    }

    #hl-topup-cta-text-2026{
        font-size:16px;
        line-height:1.5;
    }

    #hl-topup-cta-btn-2026{
        width:100%;
        max-width:280px;
    }
}







/* Sidebar */

.mobile-nav-container{
    width:280px;
    background:#050b14;
    min-height:100vh;
    padding:10px 0;
    overflow-y:auto;
}

/* Reset */

.mobile-menu-list,
.mobile-menu-list ul{
    list-style:none;
    margin:0;
    padding:0;
}

/* Items */

.mobile-menu-list li{
    position:relative;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

/* Links */

.mobile-menu-list li a{
    display:block;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    font-weight:500;
    padding:16px 18px;
    transition:0.3s;
}

.mobile-menu-list li a:hover{
    color:#2f7df6;
}

/* Hide Dropdown */

.mobile-menu-list ul{
    display:none;
    background:#08111d;
}

/* Nested */

.mobile-menu-list ul ul{
    background:#0d1725;
}

/* Icons */

.mobile-nav-container .menu-item-has-children i, 
.mobile-nav-container .menu-item-children i {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 13px;
    color: rgb(156, 165, 176);
    cursor: pointer;
    transition: 0.3s;
}

/* Rotate */

.menu-item-has-children.active > i,
.menu-item-children.active > i{
    transform:rotate(90deg);
}

/* Padding */

.mobile-menu-list ul li a{
    padding-left:35px;
    font-size:15px;
}

.mobile-menu-list ul ul li a{
    padding-left:50px;
    font-size:14px;
}

/* Show */

.mobile-menu-list ul.show-menu{
    display:block;
}

/* Responsive */

@media(max-width:768px){
    .mobile-nav-container{
        width:100%;
        max-width:280px;
    }
}





h2#ffx-trust-heading span {
    color: #2f7dfc;
}

.plc_finance_section_heading_final_2026 h2 span {
    color: #2f7dfc;
}

.ff-loan-process-heading h2 span {
    color: #2f7dfc;
}

.ff-loan-eligibility-heading h2 span {
    color: #2f7dfc;
}

.plc_benefits_premium_header h2 span {
    color: #2f7dfc;
}

.loanwave_heading h2 span {
    color: #2f7dfc;
}

.ff-loan-example-heading h2 span {
    color: #2f7dfc;
}

.ff-loan-success-header h2 span {
    color: #2f7dfc;
}

.ff-emi-result-heading h2 span {
    color: #2f7dfc;
}

.plc_section_heading_2026 h2 span {
    color: #2f7dfc;
}


/* ===========================
   WHO WE ARE TEXT SECTION
=========================== */

#ff_who_section_x92{
    width: 100%;
    padding: 2px 0 30px;
    background: #ffffff;
}

.ff_who_container_x92{
    width: 85%;
    max-width: 950px;
    margin: auto;
    text-align: center;
}

.ff_small_title_x92{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #0066ff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.ff_main_heading_x92{
    font-size: 34px;
    font-weight: 800;
    color: #111;
    margin-bottom: 10px;
}

.ff_para_x92{
    font-size: 17px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 20px;
}

/* Responsive */

@media (max-width: 768px){

    #ff_who_section_x92{
        padding: 2px 0;
    }

    .ff_main_heading_x92{
        font-size: 32px;
    }

    .ff_para_x92{
        font-size: 15px;
        line-height: 1.8;
    }
}

@media (max-width: 480px){

    .ff_main_heading_x92{
        font-size: 26px;
    }

}



/* ===========================
   Mission Vision Section
=========================== */

#ff_mission_vision_dark{
    padding:60px 0;
    background:#020b1b;
}

.ff_mv_dark_wrapper{
    display:flex;
    gap:30px;
}

.ff_dark_card{
    width:50%;
    padding: 30px 45px;
    border-radius:28px;
    background:linear-gradient(145deg,#071224,#0a1830);
    border:1px solid rgba(255,255,255,0.08);
    transition:0.4s ease;
}

.ff_dark_card:hover{
    transform:translateY(-6px);
}

.ff_icon_box{
    width:60px;
    height:60px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:2px;
}

.ff_icon_box i{
    color:#fff;
    font-size:25px;
}

.ff_blue_icon{
    background:rgba(0,132,255,0.12);
    border:1px solid rgba(0,132,255,0.20);
}

.ff_green_icon{
    background:rgba(0,255,153,0.08);
    border:1px solid rgba(0,255,153,0.20);
}

.ff_dark_card h2{
    font-size:36px;
    color:#fff;
    font-weight:700;
    margin-bottom:2px;
}

.ff_line{
    display:block;
    width:65px;
    height:4px;
    border-radius:20px;
    margin-bottom:5px;
}

.ff_blue_line{
    background:#00aaff;
}

.ff_green_line{
    background:#19ff9d;
}

.ff_dark_card p{
    font-size:17px;
    line-height:1.8;
    color:#97a7c0;
}

/* Responsive */

@media(max-width:768px){

    .ff_mv_dark_wrapper{
        flex-direction:column;
    }

    .ff_dark_card{
        width:100%;
        padding:30px;
    }

    .ff_dark_card h2{
        font-size:26px;
    }

    .ff_dark_card p{
        font-size:15px;
    }
}










.choose-us-section{
    padding:60px 0;
    background:#fff;
}

.section-heading h2{
    font-size:34px;
    margin-bottom:40px;
    font-weight:700;
    color:#222;
}

.choose-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.choose-card{
    text-align:center;
    padding:25px 18px;
    border:1px solid #eee;
    border-radius:12px;
    transition:0.3s ease;
}

.choose-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.icon-box{
    width:60px;
    height:60px;
    margin:0 auto 15px;
    background:#f3f7ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.4s ease;
}

.icon-box i{
    font-size:24px;
    color:#0d6efd;
    transition:0.4s ease;
}

/* icon effect */
.choose-card:hover .icon-box{
    transform:rotateY(180deg) scale(1.1);
    background:#0d6efd;
}

.choose-card:hover .icon-box i{
    color:#fff;
}

.choose-card h4{
    font-size:18px;
    margin-bottom:8px;
    font-weight:600;
}

.choose-card p{
    font-size:14px;
    color:#666;
    margin:0;
}

@media(max-width:991px){
    .choose-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .choose-grid{
        grid-template-columns:1fr;
    }
}









/* =========================
   FAST FUNDING CORE VALUES
========================= */

#ff-core-values-section{
    padding:40px 20px;
    /* background:#f8fafc; */
}

#ff-core-values-heading{
    text-align:center;
    max-width:750px;
    margin:0 auto 30px;
}

.ff-core-values-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:15px;
}

#ff-core-values-heading h2{
    font-size:40px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:15px;
}

#ff-core-values-heading p{
    font-size:16px;
    line-height:1.8;
    color:#64748b;
}

#ff-core-values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* Card */

.ff-core-value-card{
    background:#fff;
    padding:35px 28px;
    border-radius:16px;
    position:relative;
    border:1px solid #e2e8f0;
    transition:all .35s ease;
    overflow:hidden;
}

.ff-core-value-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#0d6efd;
}

.ff-core-value-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(15,23,42,0.08);
    border-color:#cbd5e1;
}

.ff-core-icon-wrap{
    width:60px;
    height:60px;
    border-radius:12px;
    background:#eff6ff;
    color:#1d4ed8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
}

.ff-core-value-card h3{
    font-size:24px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:15px;
}

.ff-core-value-card p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
}

/* Tablet */

@media(max-width:991px){

    #ff-core-values-grid{
        grid-template-columns:repeat(2,1fr);
    }

    #ff-core-values-heading h2{
        font-size:36px;
    }
}

/* Mobile */

@media(max-width:576px){

    #ff-core-values-section{
        padding:70px 15px;
    }

    #ff-core-values-grid{
        grid-template-columns:1fr;
    }

    #ff-core-values-heading h2{
        font-size:30px;
    }

    .ff-core-value-card{
        padding:30px 22px;
    }
}











/*==========================
How We Work
==========================*/

#mvx-work-process{
    padding:45px 15px;
    background:#f5f8fc;
}

.mvx-process-container{
    max-width:1200px;
    margin:auto;
}

.mvx-process-title{
    text-align:center;
    margin-bottom:30px;
}

.mvx-process-title span{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:#0d6efd;
    color:#fff;
    font-size:14px;
    font-weight:600;
}

.mvx-process-title h2{
    font-size:40px;
    margin:0px 0;
    color:#222;
    font-weight:800;
}

.mvx-process-title p{
    max-width:650px;
    margin:auto;
    color:#666;
    line-height:28px;
}

.mvx-tabs-wrapper input{
    display:none;
}

.mvx-tab-menu{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:10px;
}

.mvx-tab-menu label{
    background:#fff;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    cursor:pointer;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.07);
    border:2px solid transparent;
}

.mvx-no{
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin:auto auto 18px;
    transition:.3s;
}

.mvx-tab-menu h4{
    margin:0;
    font-size:18px;
    color:#222;
}

.mvx-tab-menu label:hover{
    transform:translateY(-8px);
}

#mvx-step1:checked~.mvx-tab-menu label:nth-child(1),
#mvx-step2:checked~.mvx-tab-menu label:nth-child(2),
#mvx-step3:checked~.mvx-tab-menu label:nth-child(3),
#mvx-step4:checked~.mvx-tab-menu label:nth-child(4){
    border-color:#0d6efd;
    background:#0d6efd;
}

#mvx-step1:checked~.mvx-tab-menu label:nth-child(1) h4,
#mvx-step2:checked~.mvx-tab-menu label:nth-child(2) h4,
#mvx-step3:checked~.mvx-tab-menu label:nth-child(3) h4,
#mvx-step4:checked~.mvx-tab-menu label:nth-child(4) h4{
    color:#fff;
}

#mvx-step1:checked~.mvx-tab-menu label:nth-child(1) .mvx-no,
#mvx-step2:checked~.mvx-tab-menu label:nth-child(2) .mvx-no,
#mvx-step3:checked~.mvx-tab-menu label:nth-child(3) .mvx-no,
#mvx-step4:checked~.mvx-tab-menu label:nth-child(4) .mvx-no{
    background:#fff;
    color:#0d6efd;
}

.mvx-tab-body{
    background:#fff;
    border-radius:20px;
    padding:45px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.mvx-content{
    display:none;
    animation:fade .4s ease;
}

.mvx-content h3{
    font-size:30px;
    margin-bottom:18px;
    color:#222;
}

.mvx-content p{
    color:#666;
    line-height:30px;
    font-size:17px;
}

#mvx-step1:checked~.mvx-tab-body .content1,
#mvx-step2:checked~.mvx-tab-body .content2,
#mvx-step3:checked~.mvx-tab-body .content3,
#mvx-step4:checked~.mvx-tab-body .content4{
    display:block;
}

@keyframes fade{
    from{
        opacity:0;
        transform:translateY(15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Responsive */

@media(max-width:991px){

.mvx-tab-menu{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.mvx-tab-menu{
    grid-template-columns:1fr;
}

.mvx-process-title h2{
    font-size:30px;
}

.mvx-tab-body{
    padding:30px 22px;
}

.mvx-content h3{
    font-size:24px;
}

}










/*==============================
 Fast Funding Section
===============================*/

#ff-financial-success{
    padding:50px 20px;
    background: #ffffff;
    /* font-family:'Poppins',sans-serif; */
}

#ff-financial-success .ff-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    flex-wrap:wrap;
}

#ff-financial-success .ff-content{
    flex:1 1 600px;
}

#ff-financial-success .ff-tagline{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:20px;
}

#ff-financial-success .ff-title{
    font-size:40px;
    line-height:1.2;
    font-weight:800;
    color:#1b1b1b;
    margin-bottom:25px;
}

#ff-financial-success .ff-title span{
    color:#0d6efd;
}

#ff-financial-success .ff-description{
    color:#666;
    font-size:17px;
    line-height:1.9;
    margin-bottom:35px;
}

#ff-financial-success .ff-highlight-box{
    background:#fff;
    padding:25px 30px;
    border-left:5px solid #0d6efd;
    border-radius:15px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

#ff-financial-success .ff-highlight-box h4{
    margin-bottom:10px;
    font-size:24px;
    color:#0d6efd;
}

#ff-financial-success .ff-highlight-box p{
    margin:0;
    color:#555;
    font-size:17px;
    font-weight:500;
}

/* Contact Card */

#ff-financial-success .ff-contact-card{
    width:400px;
    background:#fff;
    padding: 20px 40px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

#ff-financial-success .ff-contact-card h3{
    text-align:center;
    margin-bottom:30px;
    color:#222;
    font-size:30px;
}

#ff-financial-success .ff-contact-list{
    list-style:none;
    margin:0;
    padding:0;
}

#ff-financial-success .ff-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:25px;
}

#ff-financial-success .ff-icon{
    width:55px;
    height:55px;
    min-width:55px;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:20px;
}

#ff-financial-success .ff-contact-list small{
    display:block;
    color:#999;
    margin-bottom:5px;
    font-size:13px;
}

#ff-financial-success .ff-contact-list a{
    color:#222;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

#ff-financial-success .ff-contact-list a:hover{
    color:#0d6efd;
}

#ff-financial-success .ff-contact-list p{
    margin:0;
    color:#555;
}

#ff-financial-success .ff-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    text-decoration:none;
    background:#0d6efd;
    color:#fff;
    font-weight:600;
    padding:16px;
    border-radius:12px;
    transition:.35s;
    margin-top:15px;
}

#ff-financial-success .ff-btn:hover{
    background:#084fc7;
    transform:translateY(-3px);
}

#ff-financial-success .ff-bottom-text{
    text-align:center;
    margin-top:70px;
    font-size:28px;
    font-weight:700;
    color:#0d6efd;
}

/*==============================
 Responsive
===============================*/

@media(max-width:991px){

#ff-financial-success .ff-container{
    flex-direction:column;
}

#ff-financial-success .ff-title{
    font-size:38px;
}

#ff-financial-success .ff-contact-card{
    width:100%;
    max-width:600px;
}

}

@media(max-width:767px){

#ff-financial-success{
    padding:70px 15px;
}

#ff-financial-success .ff-title{
    font-size:30px;
}

#ff-financial-success .ff-description{
    font-size:16px;
}

#ff-financial-success .ff-contact-card{
    padding:30px 25px;
}

#ff-financial-success .ff-contact-card h3{
    font-size:24px;
}

#ff-financial-success .ff-bottom-text{
    font-size:22px;
}

}






/* ===== FULL WIDTH BLUE BANNER ===== */
#pk_pan_india_strip{
    position: relative;
    width: 99vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 40px;   /* TOP SPACE ADDED */
    padding: 18px 20px;
    box-sizing: border-box;
    background: linear-gradient(90deg,#0159dd 0%, #4672f1 50%, #3567ea 100%);
}

.pk_pan_india_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    text-align: center;
}

/* icon */

.pk_pan_india_icon{
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pk_pan_india_icon i{
    color: #ffffff;
    font-size: 24px;
}

/* text */

.pk_pan_india_text h2{
    margin: 0;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    font-family: Arial, sans-serif;
}

.pk_pan_india_text p{
    margin: 5px 0 0;
    color: rgba(255,255,255,0.95);
    font-size: 16px;
    font-family: Arial, sans-serif;
}

/* tablet */

@media(max-width:768px){

    #pk_pan_india_strip{
        padding: 15px;
        margin-top: 40px;
    }

    .pk_pan_india_inner{
        flex-direction: column;
        gap: 12px;
    }

    .pk_pan_india_text h2{
        font-size: 24px;
    }

    .pk_pan_india_text p{
        font-size: 14px;
    }

    .pk_pan_india_icon{
        width: 50px;
        height: 50px;
        min-width: 50px;
    }
}

/* mobile */

@media(max-width:480px){

    .pk_pan_india_text h2{
        font-size: 18px;
    }

    .pk_pan_india_text p{
        font-size: 12px;
        line-height: 1.5;
    }

    .pk_pan_india_icon{
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .pk_pan_india_icon i{
        font-size: 18px;
    }
}













/* ==============================
   Apply From Anywhere Section
============================== */

#ff_apply_india_section{
    width:100%;
    padding:40px 20px 0px 20px;
    background:#f8fbff;
    /* margin-top:40px; */
}

#ff_apply_india_container{
    max-width:1200px;
    margin:0 auto;
}

.ff_apply_india_content_box{
    background:#ffffff;
    padding:55px 40px;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    text-align:center;
    transition:0.3s ease;
}

.ff_apply_india_content_box:hover{
    transform:translateY(-4px);
}

.ff_apply_india_heading{
    font-size:42px;
    font-weight:700;
    color:#111;
    margin-bottom:20px;
}

.ff_apply_india_text{
    font-size:18px;
    color:#555;
    line-height:1.8;
    max-width:900px;
    margin:0 auto 15px auto;
}

.second_text{
    margin-bottom:35px;
}


/* CTA DESIGN */

.ff_contact_action_wrapper{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.ff_contact_action_box{
    text-decoration:none;
    background:linear-gradient(135deg,#007bff,#0056d6);
    color:#fff;
    padding:16px 28px;
    border-radius:12px;
    font-size:17px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    transition:0.3s ease;
    box-shadow:0 5px 18px rgba(0,123,255,0.25);
}

.ff_contact_action_box:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,123,255,0.35);
    color:#fff;
}

.ff_contact_action_box span{
    display:inline-block;
}


/* Tablet */

@media(max-width:991px){

    .ff_apply_india_heading{
        font-size:34px;
    }

    .ff_apply_india_text{
        font-size:16px;
    }

    .ff_contact_action_box{
        padding:14px 22px;
        font-size:15px;
    }
}

/* Mobile */

@media(max-width:767px){

    #ff_apply_india_section{
        padding:60px 15px;
    }

    .ff_apply_india_content_box{
        padding:35px 20px;
    }

    .ff_apply_india_heading{
        font-size:28px;
    }

    .ff_apply_india_text{
        font-size:15px;
    }

    .ff_contact_action_wrapper{
        flex-direction:column;
        gap:12px;
    }

    .ff_contact_action_box{
        justify-content:center;
        width:100%;
    }
}

/* Small Mobile */

@media(max-width:480px){

    .ff_apply_india_heading{
        font-size:24px;
    }

    .ff_apply_india_text{
        font-size:14px;
    }
}







/* Main Wrapper */
.ff_map_wrapper{
    width:100%;
    text-align:center;
    /* margin:50px 0; */
    padding:20px;
}

/* Top Heading */
.ff_map_heading{
    font-size:42px;
    font-weight:700;
    margin-bottom:1px;
	margin-top: 15px;
    color:#111;
    /* text-transform:uppercase; */
    letter-spacing:1px;
}

/* Map Section */
.ff_map_section{
    width:100%;
    overflow:hidden;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,0.12);
}

.ff_map_section iframe{
    width:100%;
    height:450px;
    display:block;
    border:0;
}

/* Bottom Text */
.ff_map_company{
    /* margin-top:20px; */
    font-size:20px;
    font-weight:600;
    color:#2e2e2e;
    /* letter-spacing:1px; */
}

/* Responsive */
@media(max-width:768px){

    .ff_map_heading{
        font-size:24px;
    }

    .ff_map_section iframe{
        height:320px;
    }

    .ff_map_company{
        font-size:22px;
    }
}

@media(max-width:480px){

    .ff_map_heading{
        font-size:20px;
    }

    .ff_map_section iframe{
        height:250px;
    }

    .ff_map_company{
        font-size:18px;
    }
}