@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 :root {
   --primary-blue: #032E63;
   --accent-pink: #D12C4D;
   --light-blue: #E7F6FE;
   --text-dark: #111111;
   --shape-blue: #0A4A85;
   --card-bg: #FFFFFF;
 }

 body {
   font-family: "Poppins", sans-serif !important;
   font-size: 14px;
   line-height: 24px;
   color: #000 !important;
   background-color: #fff !important;
   overflow-x: hidden;
 }

 .page-wrapper h2 {
   font-size: 2rem !important;
 }



 /* ===== GRADIENTS ===== */
 .bg-gradient-hero {
   background: linear-gradient(180deg, #FFFFFF 0%, #94C4FF 100%);
 }

 .gradient-border-14 {
   background: linear-gradient(90deg, #032E63 0%, #D12C4D 100%) !important;
   padding: 1.5px;
   border-radius: 14px;
 }

 .gradient-border-14>.inner {
   border-radius: 13px;
 }

 .gradient-border-8 {
   background: linear-gradient(90deg, #032E63 0%, #D12C4D 100%) !important;
   padding: 1.5px;
   border-radius: 8px;
 }

 .gradient-border-8>.inner {
   border-radius: 7px;
 }

 .gradient-border-20 {
   background: linear-gradient(90deg, #D12C4D 0%, #032E63 100%) !important;
   padding: 3px;
   border-radius: 20px;
 }

 .gradient-border-20>.inner {
   border-radius: 17px;
 }

 .bg-brand-blue-2 {
   background-color: #123D7A !important;
 }

 .bg-brand-light {
   background-color: #E7F6FE !important;
 }

 .bg-brand-soft {
   background-color: #FBF2F4 !important;
 }

 .bg-soft-blue {
   background-color: #E7F6FE !important;
 }

 .bg-soft-blue-2 {
   background-color: #EAF6FD !important;
 }

 .bg-soft-pink {
   background-color: #f7f0f2 !important;
 }

 .bg-soft-pink-2 {
   background-color: #FDF6F8 !important;
 }

 .bg-light-gray {
   background-color: #F7F7F7 !important;
 }

 .bg-soft-gray {
   background-color: rgba(233, 235, 243, 0.90) !important;
 }


 /* ===== CARDS & BORDERS ===== */
 .top-feature-card {
   background: linear-gradient(90deg, rgba(208, 91, 118, 0.08) 0%, rgba(3, 46, 99, 0.04) 100%), rgba(249, 226, 196, 0.20);
   border: 1px solid #032E63;
   border-radius: 8px;
 }

 .gradient-border-14 {
   background: linear-gradient(90deg, #032E63 0%, #D12C4D 100%);
   padding: 1.5px;
   border-radius: 14px;
 }

 .gradient-border-14>.inner {
   border-radius: 13px;
 }

 .gradient-border-8 {
   background: linear-gradient(90deg, #032E63 0%, #D12C4D 100%);
   padding: 1.5px;
   border-radius: 8px;
 }

 .gradient-border-8>.inner {
   border-radius: 7px;
 }

 .gradient-border-20 {
   background: linear-gradient(90deg, #D12C4D 0%, #032E63 100%);
   padding: 3px;
   border-radius: 20px;
 }

 .gradient-border-20>.inner {
   border-radius: 17px;
 }

 .benefit-card {
   background-color: #032E63;
   color: #ffffff;
   border-radius: 14px;
 }

 .feature-star {
   color: #032E63;
   font-size: 18px;
   font-weight: 700;
 }

 .benefit-dot {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background-color: #D12C4D;
   color: #ffffff;
   font-size: 12px;
   font-weight: 600;
   line-height: 24px;
   text-align: center;
 }


 /* ===== STEP CARDS ===== */
 .step-card {
   min-height: 50px;
   border-top-right-radius: 21px;
 }

 /* ===== TABLE STYLES ===== */
 .rounded-start-4 {
   border-top-left-radius: 14px;
 }

 .rounded-end-4 {
   border-top-right-radius: 14px;
 }

 .border-start-white-25 {
   border-left: 2px solid rgba(255, 255, 255, 0.25);
 }

 .icon-54 {
   width: 54px;
   height: 54px;
   object-fit: contain;
   display: block;
 }

 .object-fit-cover {
   object-fit: cover;
 }

 .max-height-473 {
   max-height: 473px;
 }


 /* Existing CSS */
.dropdown-custom .dropdown-menu[data-bs-popper] {
    margin-top: 1rem !important;
}

.dropdown-custom .dropdown-menu {
    font-size: 14px;
    color: #212529;
    border: none;
    border-top: 2px solid var(--primary-blue);
    border-radius: 0 0 12px 12px;
}



 /* ----- HERO (low cibil section) ----- */

 .low-cibil-box {
   position: relative;
   background: var(--primary-blue);
   overflow: hidden;
   padding: 50px 0;
 }

 .low-cibil-box::before {
   content: "";
   position: absolute;
   right: 0;
   bottom: 0;
   width: 38%;
   height: 30%;
   background: var(--shape-blue);
   clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 78%);
   z-index: 0;
 }

 .low-cibil-box::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 16%;
   height: 18%;
   background: var(--shape-blue);
   clip-path: polygon(58% 0, 100% 0, 100% 100%, 0 100%);
   z-index: 0;
 }

 .low-cibil-content,
 .low-cibil-image-wrap {
   position: relative;
   z-index: 2;
 }

 .low-cibil-btn {
   background: var(--accent-pink);
   color: #fff;

 }

 .low-cibil-btn:hover {
   background: #b82542;
   color: #fff;
 }

 .low-cibil-image {
   border-radius: 20px;
   object-fit: cover;
   width: 100%;
   max-width: 520px;
   margin-left: auto;
   height: 400px;
 }

 .low-cibil-benefit-list {
   list-style: none;
   gap: 12px;
   padding: 0;
   margin: 20px 0 18px 0;
 }

 .benefit-number {
   width: 24px;
   height: 24px;
   min-width: 24px;
   border-radius: 50%;
   background: var(--accent-pink);
   color: #fff;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 700;
   margin-top: 2px;
 }


 .low-cibil-benefit-list li {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-bottom: 12px;
 }

 .need-loan-card {
   border: 1px solid transparent;
   background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #032E63 0%, #D12C4D 100%) border-box;
   min-height: 156px;
 }

 .eligibility-card {
   border: 1px solid transparent;
   border-radius: 12px;
   background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #D12C4D 0%, #032E63 100%) border-box;
 }

 .eligibility-label::after {
   content: "";
   display: block;
   width: 32px;
   height: 1px;
   background: var(--accent-pink);
   margin-top: 8px;
 }

 .repay-steps {
   position: relative;
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 40px;

 }

 .repay-steps::before {
   content: "";
   position: absolute;
   top: 28px;
   left: 6%;
   right: 6%;
   border-top: 1px dashed #E16A87;
   z-index: 0;
 }



 .wide-loan-box {
   width: 100%;
   /* max-width: 1438px; */
   margin: 0 auto;
   /* padding: 37px 100px; */
   background: linear-gradient(180deg, #FFFFFF 0%, #CAECFE 100%);
   border-radius: 16px;
 }

 .why-card {
   display: flex;
   flex-direction: column;
   gap: 20px;
   /* width: 100%; */
   /* min-height: 333px; */
   padding: 16px 10px 10px;
   border: 3px solid #032E63;
   border-radius: 15px;
   /* background: #FFFFFF; */
   position: relative;
 }

 .why-number {

   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: #D12C4D;
   color: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 10px;
   line-height: 1;
   z-index: 2;
 }

 .purpose-card-blue {
   background-color: #E7F1FB !;
 }

 .purpose-card-pink {
   background-color: #FFEEF1;
 }

 .purpose-card {
   position: relative;
   width: 100%;
   /* background-color: #fff; */
   border-radius: 14px;
   padding: 20px;
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   overflow: hidden;
 }

 .purpose-card::before {
   content: "";
   position: absolute;
   inset: 0;
   padding: 1px;
   border-radius: 14px;
   background: linear-gradient(180deg, #032E63 0%, #D12C4D 100%);
   -webkit-mask:
     linear-gradient(#fff 0 0) content-box,
     linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   pointer-events: none;
 }

 .doc-simple-card {
   width: 100%;
   border: 1px solid #f05a6b;
   border-radius: 16px;
   background: #fff;
 }

 .apply-process-section {
   background: #f7eff2;
   overflow: hidden;
   padding: 40px 0 60px;
 }

 .apply-process-wrap {
   max-width: 1244px;
   margin: 0 auto;
 }

 .apply-process-stage {
   position: relative;
   min-height: 860px;
 }

 .apply-process-section {
   background: #f5f2f2;
 }

 /* Wrapper */
 .process-wrapper {
   position: relative;
 }

 /* Red line */
 .process-line {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   height: 2px;
   background: #e74c5b;
   transform: translateY(-50%);
   z-index: 0;
 }

 /* Cards */
 .process-card {
   position: relative;
   padding: 25px;
   border-radius: 16px;
   text-align: left;
   height: 100%;
   z-index: 0;
   border: 1px solid #e5e5e5;
 }

 /* Colors */
 .bg-blue {
   background: #e8f1f6;
 }

 .bg-pink {
   background: #f3e6ea;
 }

 .bg-gray {
   background: #f2f2f2;
 }

 /* Dots */
 .process-dot {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 34px;
   height: 34px;
   background: #e74c5b;
   color: #fff;

   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 14px;
   font-weight: 600;
   z-index: 3;
 }



 /* ============ instant-loan-20000=========== */

 /* CUSTOM CSS */
 .text-blue-color {
   color: var(--primary-blue);
 }

 .bg-light-blue {
   background-color: var(--light-blue);
 }

 .bg-light-pink {
   background-color: #fbf2f4;
 }

 .text-pink {
   color: var(--accent-pink);
 }

 .best-card-title {
   color: #d12c4d;
 }

 .slc-card {
   background: linear-gradient(135deg,
       rgba(208, 91, 118, 0.72),
       rgba(185, 209, 237, 0.5));
 }


 /* ============ instant-loan-20000 end ========== */

 /* ============ instant-loan-50000=========== */

 /* CUSTOM CSS */
 .bg-light-blue {
   background-color: var(--light-blue);
 }

 .bg-light-pink {
   background-color: #fea9bd1a !important;
 }

 .bg-lite-pink {
   background-color: #fbf2f4;
 }

 /* Card title — crimson */
 .best-card-title {
   color: #d12c4d;
 }

 /* Light blue-gray section background */
 .repay-easy-section {
   background-color: #e8f0f7;
 }

 /* Card title */
 .repay-easy-title {
   color: var(--shape-blue);
 }

 /* ============ instant-loan-50000 end=========== */

 /* instant digital personal loan page start css */

 .blue-text {
   color: var(--primary-blue);
 }


 .bg-lite-pink {
    background-color: #FBF2F4 !important;
}

 .feature-card {
   border: 2px solid #D12C4D !important;
   transition: box-shadow 0.25s ease, transform 0.25s ease;
   border-radius: 15px;
 }

 .feature-card:hover {
   box-shadow: 0 6px 20px rgba(232, 57, 30, 0.15);
   transform: translateY(-3px);
 }

 .bg-card {
   background: linear-gradient(87.32deg, rgb(208 91 118 / 13%) 0%, rgb(3 46 99 / 30%) 143.91%);
   border-radius: 8px;
   border: 1px solid var(--primary-blue);
 }

 .who-img {
   height: 450px;
 }

 .why-choose-section {
   background-color: #e3f1ff;
 }

 .bl-timeline::before {
   content: "";
   position: absolute;
   top: 30px;
   bottom: 50px;
   left: 24px;
   width: 2px;
   background-image: repeating-linear-gradient(to bottom,
       #D12C4D 0px,
       #D12C4D 8px,
       transparent 8px,
       transparent 14px);
   background-color: transparent;
   transform: translateX(-50%);
   z-index: 0;
 }

 .bl-icon-wrap {
   z-index: 4;
 }

 /* instant digital personal loan page CSS END*/

/* Instant Loan 5000 CSS Start */
.bg-gradient-hero-section {
  background: linear-gradient(0deg, #f2f8ff 0%, #94c4ff 100%) !important;
}

.need-loan-card1 {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.06);
}

.bg-blue-light{
  background-color: #B9D1ED80!important;
}

.table-shadow{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.blue-pink-gradient{
  background: linear-gradient(97.41deg, rgba(254, 169, 189, 0.09) -21.14%, #E7F6FE 50.56%);
}


/* Instant Loan 5000 CSS End */


/* NBFC Loan CSS Start */
.blue-border{
  border: 3px solid var(--primary-blue);
  border-radius: 14px;
}

.rounded-left-4 {
  border-bottom-left-radius: 14px;
}

.rounded-right-4 {
  border-bottom-right-radius: 14px;
}

.bg-gray-lite{
  background-color: #032E631A;
}


/* NBFC Loan CSS End */



/* instant-short-term-loan start css */
    .custom-loan-accordion .accordion-item {
      border: none !important;
    }
    .custom-loan-accordion .accordion-button::after {
      display: none !important;
    }
 
    .custom-loan-accordion .accordion-button.collapsed {
      background: transparent !important;
      color: #032E63cc !important;
      border-bottom: 1px solid #B8C9D8 !important;
  
    }
    .custom-loan-accordion .accordion-button:not(.collapsed) {
      background: #D12C4D !important;
      color: #fff !important;
      border-bottom: none !important;
      border-radius: 8px !important;
    }
  
  .marg-auto::after {   margin: 15px auto;} 
.rounded-70 {
  border-radius: 12px 70px 12px 12px; 
 border: 1px solid rgba(208, 91, 118, 0.72)
}
/* instant-short-term-loan end css */


.dropdown-custom .dropdown-menu {
    font-size: 14px;
    color: #212529;
    border: none;
    border-top: 2px solid rgb(3 46 99);
    border-radius: 0px 0px 12px 12px;
}

.dropdown-custom .dropdown-menu[data-bs-popper]{
    margin-top:12px !important;
}

.dropdown-custom .dropdown-item.active,
.dropdown-custom .dropdown-item:active, 
.dropdown-custom .dropdown-item:focus,
.dropdown-custom .dropdown-item:hover {
    background-color: #FFF9F2;
    color: var(--primary-blue) !important;
}

/* Instant Loan 30000 CSS Starts */
.il-hero-section {
  background: url(../images/il_30000-get-instant-loan-30000.png) center / cover
    no-repeat;
    min-height: 70vh;
    display: flex;
    align-items: center;
    background-position: top center;

  }


.il-feature-card {
  background-color: #032e630d;
  border-left: 2px solid #032e63;
}

.il-use-icon {
  bottom: 10px;
  left: 10px;
      width: 70px;
}
.docs-banner {
  background-color: var(--primary-blue);
  padding-bottom: 7.5rem;
}
.docs-cards {
  margin-top: -7.5rem;
}
.step-card {
    border-top: 3px solid #0A2C5E !important;
    border-top-left-radius: 21px;
    padding: 50px 20px 30px;
    transition: all 0.3s ease;
}
.step-badge {
    top: -28px;
    width: 56px;
    height: 56px;
}
.rounded-16{
  border-radius: 16px;
}
.dark-blue-bg {
  background-color: #032E63;
}
.repay-connector {
  width: 2px;
  flex: 1;
  min-height: 40px;
  background-color: #D9D9D9;
  opacity: 0.5;
}

/* Instant Loan 30000 CSS END */

/* Instant Loan 25000 CSS Starts */

.il_25000-hero-section {
    background: url(../images/il-25000_get-instant-25000-loan.png) center / cover no-repeat;
    min-height: 70vh;
    display: flex;
    align-items: center;
    background-position: top center;
}

/* Instant Loan 25000 CSS Ends */

/* Small Personal Loan Online CSS starts */
.smallpl-loan-accordion .accordion-button:not(.collapsed) {
    background: #ffffff !important;
    color: #000000 !important;
}
.rounded-20{
  border-radius: 20px;
}
.smallpl-loan-accordion .accordion-button::after {
  display: none;
}
/* Small Personal Loan Online CSS ends */

 /* =================== MEDIA QUERIES START ====================== */
 @media (max-width: 1199.98px) {
   .app-download-wrap {
     gap: 24px !important;
   }
 }

/* Desktop Hover */
@media (min-width: 992px) {

    .dropdown-custom{
        position:relative;
    }

    .dropdown-custom .dropdown-menu{
        display:block;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        position:absolute;
        top:100%;
        left:0;
        margin-top:12px;    
        transform:none;
        transition:.25s ease;
    }

    .dropdown-custom::after{
        content:"";
        position:absolute;
        left:0;
        top:100%;
        width:100%;
        height:12px;
    }

    .dropdown-custom:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }
}


 @media (max-width: 991.98px) {

   .app-image-col,
   .app-content-col {
     max-width: 100% !important;
     flex: 0 0 100% !important;
   }

   .faq-item.active {
     min-height: auto;
   }
 }

  @media (max-width: 991px) {

   .process-dot,
   .process-line {
     display: none !important;
   }
 }

 @media (max-width: 768.98px) {

    .il-hero-section {
      background-position: right center;
    }
}


 @media (max-width: 767.98px) {
     .repay-steps {
     grid-template-columns: 1fr;
   }

   .repay-steps::before {
     border-top: 0px dashed #E16A87;
   }

   .benefit-card {
     padding: 12px;
   }

   .faq-question,
   .faq-answer {
     font-size: 16px;
   }

   .min-height-128 {
     min-height: auto;
   }

    .hero-btn-wrap {
     text-align: center;
   }

     h2.fw-bold {
     text-align: center;
   }

    .page-wrapper h2{
     font-size: 24px!important;
   }

   .low-cibil-title {
     font-size: 32px;
   }

   .low-cibil-btn {
     font-size: 16px;
     padding: 10px 18px;
   }

   .low-cibil-content {
     text-align: center;
   }

   .low-cibil-image {
     margin: 0 auto;
   }

   .il-hero-section,
   .il_25000-hero-section {
      min-height: auto;
    }

 }

 /* ===== RESPONSIVE TWEAKS ===== */
 @media (max-width: 479.98px) {
   .text-body-lg {
     font-size: 14px !important;
   }

   .btn-primary-custom {
     width: 100% !important;
   }

   .faq-item {
     min-height: 60px !important;
   }

   .step-card {
     min-height: 40px;
   }

   .max-width-1236 {
     max-width: 100% !important;
   }

   .il_25000-hero-section,
   .il-hero-section {
      background: #032e63;
    }

 }


 /* =================== MEDIA QUERIES END ====================== */