a{
  text-decoration: none;
  color: inherit;
}


    /* Navbar */
    .navbar {
      padding: 15px 30px;
      background: #E4F2FF;
      /* box-shadow: 0px 2px 8px rgba(0,0,0,0.05); */
    }

    .navbar-brand {
      font-weight: 700;
      font-size: 1.5rem;
      color: #111;
    }
    .navbar-brand span {
      color: #2f80ed;
    }
    
    

    

    .nav-link {
      color: #111 !important;
      font-weight: 500;
      margin: 0 10px;
    }
    .nav-link.active {
      color: #2f80ed !important;
      font-weight: 600;
    }

    .apply-btn {
      background: #f7931e;
      color: #fff;
      font-weight: 600;
      border-radius: 25px;
      padding: 8px 20px;
      border: none;
    }
    .apply-btn:hover {
      background: #e67e00;
    }



    /* Home Section */


      #heroCarousel img {
    /* height: 100vh; */
    height: 100%;
    /*object-fit: cover;*/
    /*filter: brightness(60%);*/
    
    /*height: 70vh;*/
    object-fit: cover;
    filter: brightness(60%);
    width: 100% !important;
    
  }

  .carousel-caption {
    text-align: center;
    bottom: 0;
  }
  .carousel-caption h1 {
    font-size: 3rem;
  }
  .carousel-caption p {
    font-size: 1.25rem;
  }
  



  /* ===================================*/

/* Responsive Adjustments */
@media (max-width: 992px) {  /* Tablets */

       .home_ p {
    font-size: 1rem !important;
    font-weight: 400;
    color: #ffffff;
    width: 90%;
  padding-bottom: 1px !important;
  margin-bottom: 0px;
}


    .home_ h1 {
      padding-top: 18% !important;
        font-size: 1.3rem;
        margin-bottom: 0px !important;
    }

}

@media (max-width: 768px) {  /* Mobile landscape */
     .home_ p {
    font-size: 1rem !important;
    font-weight: 400;
    color: #ffffff;
    width: 90%;
  padding-bottom: 1px !important;
  margin-bottom: 0px;
}


    .home_ h1 {
      padding-top: 18% !important;
        font-size: 1.3rem;
        margin-bottom: 0px !important;
    }


}

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



     #heroCarousel img {
    height: 500px;
    
  }
  
  
      .home_ p {
    font-size: 1rem !important;
    font-weight: 400;
    color: #ffffff;
    width: 90%;
  padding-bottom: 1px !important;
  margin-bottom: 0px;
}


    .home_ h1 {
      padding-top: 18% !important;
        font-size: 1.3rem;
        margin-bottom: 0px !important;
    }

}




    .home_ {
      /* padding: 60px 20px; */
      /* background-color: #E4F2FF; */
      position: relative;
      overflow: hidden;
    }

    /* .home_cont
    {
      background-color: #E4F2FF;
    } */

    .home_ h1 {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 20px;
    }
    .home_ h1 span {
      color: #2f80ed;
    }

    .home_ p {
      font-size: 1.2rem;
      font-weight: 400;
      color: #ffffff;
      max-width: 550px;
    }

    .home-images {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 30px;
    }
    .home-images img {
      width: 200px;
      object-fit: cover;
      /* height: 260px; */
      /* border-radius: 50%; */
      /* border: 4px solid #fff; */
      /* box-shadow: 0 4px 15px rgba(0,0,0,0.1); */
    }

    /* Wave effect */

    .wave {
      position: absolute;
      /* bottom: -20px; */
      bottom: 0;
      left: 0;
      width: 100%;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .home_ {
        text-align: center;
      }
      .home_ h1 {
        font-size: 1.3rem;
      }
      .home-images img {
        width: 150px;
        height: 200px;
      }
    }



    /* ---------------------------------- ---------------langing page --------------------- */
    /* -------------------------------------------------------------------------------------------- */


        .home_loan_ {
      padding: 60px 20px;
    }

    .home_loan_ h2 {
      font-weight: 700;
      text-align: center;
      margin-bottom: 40px;
    }
    .home_loan_ h2 span {
      color: #2f80ed;
    }

    .calculator-box {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;

      padding: 20px;
      border-radius: 15px;

      box-shadow: 0px 10px 15px -3px #0000001A;

    }

    .sliders {
      flex: 1 1 350px;
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      /* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
    }

    .sliders label {
      font-weight: 500;
      margin-top: 15px;
    }

    
    .sliders input[type=range] {
      width: 100%;
      accent-color: #2f80ed;
    }

    .output-box {
      flex: 1 1 300px;
      background: #eaf4ff;
      padding: 25px;
      border-radius: 12px;
      /* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
box-shadow: 0px 4px 20px 0px #00000040;
            margin: auto;
    }

    .output-box h5 {
      font-weight: 600;
      margin-bottom: 20px;
    }

    .output-box p {
      margin: 10px 0;
      font-weight: 500;
    }

    .output-box span {
      float: right;
      color: #2f80ed;
      font-weight: 600;
    }

    .download-btn {
      display: block;
      margin-top: 20px;
      width: 100%;
      background: #2f80ed;
      color: #fff;
      font-weight: 600;
      border: none;
      padding: 10px;
      border-radius: 6px;
      text-align: center;
    }
    .download-btn:hover {
      background: #1864c9;
    }



    /* ---------------------------------------------- */


        .home_process_ {
      padding: 60px 20px;
      text-align: center;
    }

    .home_process_ h2 {
      font-weight: 700;
      font-size: 2rem;
      margin-bottom: 50px;
    }
    .home_process_ h2 span {
      color: #2f80ed;
    }

    .process-step {
      text-align: center;
      padding: 20px;
    }

    .process-circle {
      width: 160px;
      height: 160px;
      border-radius: 50%;
      border: 8px solid #2f80ed;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px auto;
      background: #f9f9f9;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

    .process-circle img {
      max-width: 80%;
      max-height: 80%;
    }

    .process-step h5 {
      font-weight: 600;
      margin-bottom: 10px;
      color: #2f80ed;
    }

    .process-step p {
      font-size: 0.95rem;
      color: #555;
      max-width: 250px;
      margin: 0 auto;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .process-circle {
        width: 130px;
        height: 130px;
      }
      .process-step h5 {
        font-size: 1rem;
      }
    }

    @media (max-width: 768px) {
      .process-step {
        margin-bottom: 40px;
      }
    }


    /* ---------------------------------------------- */

        .home_loan_serv_ {
      padding: 60px 20px;
      text-align: center;
    }

    .home_loan_serv_ h2 {
      font-weight: 700;
      font-size: 2rem;
      margin-bottom: 10px;
    }
    .home_loan_serv_ h2 span {
      color: #2f80ed;
    }
    .home_loan_serv_ p.subtitle {
      color: #777;
      margin-bottom: 40px;
    }

    .loan-card {
      border-radius: 15px;
      overflow: hidden;
      background: #fff;
      /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      box-shadow: 0px 0px 15.4px 0px #00000040;
    }
    .loan-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }

    .loan-card img {
      width: 100%;
      height: 180px;
      object-fit: cover;

          padding: 5px;
    border-radius: 20px;
}


  .loan-card-body {
      padding: 20px;
      text-align: left;
    }
    .loan-card-body h5 {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 6px;
      color: #2f80ed;
    }
    .loan-card-body p {
      margin: 0;
      font-size: 0.9rem;
      font-weight: 500;
      color: #222;
    }
    .loan-card-body small {
      display: block;
      margin-top: 6px;
      font-size: 0.8rem;
      color: #2f80ed;
      font-weight: 500;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .loan-card img {
        height: 160px;
      }
    }
    @media (max-width: 768px) {
      .loan-card img {
        height: 140px;
      }
    }


    /* ---------------------------------------------- */

    .divider-img{
      position: relative;
    }

    .divider-img img{
      height: 100px;
    /* text-align: right; */
    position: absolute;
    right: 0;
    }




    .divider-img1{
      /* position: relative; */
    }

    .divider-img1 img{
      height: 85px;
    /* position: absolute; */
    }


    
    /* Section Styling */
    .home_why_ {
      text-align: center;
      padding: 50px 20px;
    }

    .home_why_ h2 {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 40px;
    }

    .home_why_ h2 span {
      color: #007bff; /* Blue highlight */
    }

    /* Card Container */
    .home_why_cards {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    /* Individual Card */
    .home_why_card {
      background: #fff;
      border-radius: 10px;
      padding: 25px;
      flex: 1 1 280px;
      max-width: 320px;
      text-align: left;
     box-shadow: 0px 2px 4px 0px #0000001A;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .home_why_card:hover {
      transform: translateY(-5px);
      box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    }

    /* Icon Styling */
    .home_why_icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #DBEAFE;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      font-size: 20px;
      color: #007bff;
    }


    .home_why_icon i {
      font-size: 20px;
      color: #007bff;
    }


    /* Text Styling */
    .home_why_card h3 {
      font-size: 18px;
      margin-bottom: 10px;
      font-weight: bold;
    }

    .home_why_card p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .home_why_cards {
        flex-direction: column;
        align-items: center;
      }
    }


    /* ---------------------------------- */


    
    /* Section */
    .home_testimonial_ {
      padding: 50px 20px;
      text-align: center;
    }

    .home_testimonial_ h2 {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 30px;
    }

    /* Swiper Container */
    .swiper {
      padding-bottom: 50px;
    }

    /* Testimonial Card */
    .testimonial_card {
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      padding: 30px 20px;
      text-align: center;
      position: relative;
      max-width: 350px;
      margin: auto;
    }

    /* Image on top */
    .testimonial_card img {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid #fff;
      box-shadow: 0 0 0 5px #007bff;
      position: absolute;
      top: -35px;
      left: 50%;
      transform: translateX(-50%);
    }

    .testimonial_card h3 {
      margin-top: 50px;
      font-size: 16px;
      font-weight: bold;
    }

    .testimonial_card p {
      font-size: 14px;
      color: #555;
      margin-top: 10px;
      line-height: 1.6;
    }

    /* Quote Icon */
    .quote_icon {
      font-size: 24px;
      color: #007bff;
      margin: 10px 0;
    }

    /* Swiper Pagination */
    .swiper-pagination-bullet {
      background: #007bff;
      opacity: 0.5;
    }
    .swiper-pagination-bullet-active {
      opacity: 1;
    }

    /* Swiper Arrows */
    .swiper-button-prev,
    .swiper-button-next {
      color: #333;
      font-weight: bold;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .testimonial_card {
        max-width: 90%;
      }
    }


    /* ----------------------------------------FOOTER PAGE------------------ */
    /* ========================================================= */



        /* Footer Section */
    .home_footer_ {
      background: #2b6fc5; /* same as image */
      color: #fff;
      padding: 50px 20px 20px;
      font-family: Arial, sans-serif;
    }

    .home_footer_ .footer-container {
      max-width: 1200px;
      margin: auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 30px;
    }

    .home_footer_ h3 {
      font-size: 18px;
      margin-bottom: 15px;
      font-weight: bold;
    }

    .home_footer_ p {
      font-size: 14px;
      line-height: 1.6;
    }

    .home_footer_ ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .home_footer_ ul li {
      margin: 8px 0;
    }

    .home_footer_ ul li a {
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      transition: 0.3s;
    }

    .home_footer_ ul li a:hover {
      text-decoration: underline;
    }

    /* Social Icons */
    .home_footer_ .social-icons {
      margin-top: 15px;
    }

    .home_footer_ .social-icons a {
      display: inline-block;
      width: 35px;
      height: 35px;
      border: 1px solid #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 35px;
      margin-right: 10px;
      color: #fff;
      transition: 0.3s;
    }

    .home_footer_ .social-icons a:hover {
      background: #fff;
      color: #2b6fc5;
    }

    /* Bottom Bar */
    .home_footer_ .footer-bottom {
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      margin-top: 30px;
      padding-top: 15px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      font-size: 13px;
    }

    .home_footer_ .footer-bottom .links a {
      margin-right: 15px;
      color: #fff;
      text-decoration: none;
      transition: 0.3s;
    }

    .home_footer_ .footer-bottom .links a:hover {
      text-decoration: underline;
    }

    .home_footer_ .footer-bottom p {
      margin: 5px 0 0;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .home_footer_ .footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      .home_footer_ .footer-bottom .links {
        margin-bottom: 10px;
      }
    }





    /* End of Footer Section */
    /* ========================================================= */


    /* -----------------------------------------HOME PAGE-------------------------------------------------- */
    /* ===================================================== */


        .home_loan_offer_ {
      width: 100%;
      padding: 60px 20px;
      text-align: center;
      background: #fff;
    }

    .home_loan_offer_ h2 {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 10px;
      color: #111827;
    }

    .home_loan_offer_ p.sub-text {
      font-size: 16px;
      color: #6b7280;
      margin-bottom: 40px;
    }

    .home_loan_offer_container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      max-width: 1100px;
      margin: auto;
    }

    .home_loan_offer_card {
      background: #f9fafb;
      border-radius: 10px;
      padding: 25px 20px;
      transition: all 0.3s ease;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    .home_loan_offer_card:hover {
      transform: translateY(-6px);
      box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    }

    .home_loan_offer_icon {
      font-size: 40px;
      margin-bottom: 15px;
      color: #3b82f6;
    }

    .home_loan_offer_card h3 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 8px;
      color: #111827;
    }

    .home_loan_offer_card p {
      font-size: 14px;
      color: #6b7280;
      line-height: 1.6;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .home_loan_offer_ h2 {
        font-size: 20px;
      }
      .home_loan_offer_card {
        padding: 20px 15px;
      }
    }




    /* ================================= */

    
    .home_compair_loan_ {
      max-width: 1100px;
      margin: 40px auto;
      padding: 20px;
    }

    .home_compair_loan_ h2 {
      text-align: center;
      font-size: 24px;
      margin-bottom: 5px;
      font-weight: bold;
    }

    .home_compair_loan_ p {
      text-align: center;
      font-size: 14px;
      color: #666;
      margin-bottom: 20px;
    }

    .home_compair_loan_ table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
      border-radius: 8px;
      overflow: hidden;
    }

    .home_compair_loan_ th,
    .home_compair_loan_ td {
      padding: 14px 16px;
      text-align: left;
      font-size: 14px;
    }

    .home_compair_loan_ th {
      background: #f1f3f6;
      font-weight: 600;
      color: #333;
    }

    .home_compair_loan_ tr {
      border-bottom: 1px solid #eee;
    }

    .home_compair_loan_ tr:last-child {
      border-bottom: none;
    }

    .home_compair_loan_ td {
      color: #444;
    }

    .home_compair_loan_ .apply-btn {
      display: inline-block;
      background: #007bff;
      color: #fff;
      padding: 6px 14px;
      font-size: 13px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      text-decoration: none;
      transition: 0.3s;
    }

    .home_compair_loan_ .apply-btn:hover {
      background: #0056b3;
    }

    /* Responsive Design */
    @media screen and (max-width: 768px) {
      .home_compair_loan_ table,
      .home_compair_loan_ thead,
      .home_compair_loan_ tbody,
      .home_compair_loan_ th,
      .home_compair_loan_ td,
      .home_compair_loan_ tr {
        display: block;
        width: 100%;
      }

      .home_compair_loan_ thead tr {
        display: none;
      }

      .home_compair_loan_ tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 10px;
        background: #fff;
      }

      .home_compair_loan_ td {
        padding: 10px;
        text-align: right;
        position: relative;
        font-size: 14px;
      }

      .home_compair_loan_ td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        font-weight: bold;
        text-align: left;
        color: #333;
      }

      .home_compair_loan_ .apply-btn {
        margin-top: 8px;
      }
    }


    /* -------------------------------- */


        .home_doc_ {
      max-width: 1100px;
      margin: 50px auto;
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 20px;
    }

    .home_doc_ .content {
      flex: 1 1 480px;
    }

    .home_doc_ h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .home_doc_ ul {
      list-style: none;
      padding: 0;
      margin: 0 0 20px 0;
    }

    .home_doc_ ul li {
      font-size: 15px;
      color: #444;
      padding: 10px 0;
      position: relative;
      padding-left: 30px;
      border-bottom: 1px solid #f1f1f1;
    }

    .home_doc_ ul li:last-child {
      border-bottom: none;
    }

    .home_doc_ ul li::before {
      content: "✔";
      color: #1ca94f;
      font-weight: bold;
      position: absolute;
      left: 0;
      top: 10px;
    }

    .home_doc_ .btn-apply {
      display: inline-block;
      padding: 10px 20px;
      font-size: 14px;
      font-weight: 600;
      background: #ff9800;
      color: #fff;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      text-decoration: none;
      transition: 0.3s;
    }

    .home_doc_ .btn-apply:hover {
      background: #e68900;
    }

    .home_doc_ .image {
      flex: 1 1 400px;
      text-align: center;
    }

    .home_doc_ .image img {
      max-width: 100%;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    }

    /* Responsive */
    @media (max-width: 768px) {
      .home_doc_ {
        flex-direction: column;
        text-align: center;
      }

      .home_doc_ ul li {
        text-align: left;
      }

      .home_doc_ .content {
        order: 1;
      }

      .home_doc_ .image {
        order: 2;
      }
    }



    /* ---------------------------------- */

    
    .home_loan-form_container {
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      max-width: 420px;
      width: 100%;
    }

    .home_loan-form_container h2 {
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: bold;
      color: #333;
    }

    .home_loan-form_group {
      margin-bottom: 15px;
    }

    .home_loan-form_group label {
      display: block;
      font-size: 14px;
      margin-bottom: 6px;
      color: #333;
    }

    .home_loan-form_row {
      display: flex;
      gap: 10px;
    }

    .home_loan-form_row .home_loan-form_group {
      flex: 1;
    }

    .home_loan-form_input, 
    .home_loan-form_select {
      width: 100%;
      padding: 10px;
      border-radius: 6px;
      border: 1px solid #ccc;
      font-size: 14px;
      outline: none;
      transition: border-color 0.3s;
    }

    .home_loan-form_input:focus, 
    .home_loan-form_select:focus {
      border-color: #007bff;
    }

    .home_loan-form_button {
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 6px;
      background: #2d8cff;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s;
    }

    .home_loan-form_button:hover {
      background: #1c6dd0;
    }

    /* Responsive */
    @media(max-width: 480px) {
      .home_loan-form_row {
        flex-direction: column;
      }
    }


    /* ------------------------------------------------- */


    
    .home_breadcrum_section {
      background: #1e73be; /* Blue Background */
      color: #fff;
      text-align: center;
      padding: 50px 20px;
    }

    .home_breadcrum_title {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .home_breadcrum_text {
      font-size: 16px;
      margin-bottom: 20px;
    }

    .home_breadcrum_buttons {
      display: flex;
      justify-content: center;
      gap: 15px;
      flex-wrap: wrap;
    }

    .home_breadcrum_btn {
      padding: 10px 20px;
      font-size: 15px;
      border-radius: 6px;
      border: 2px solid #fff;
      cursor: pointer;
      transition: 0.3s;
    }

    .home_breadcrum_btn.primary {
      background: #fff;
      color: #1e73be;
      font-weight: bold;
    }

    .home_breadcrum_btn.primary:hover {
      background: #f1f1f1;
    }

    .home_breadcrum_btn.secondary {
      background: transparent;
      color: #fff;
      font-weight: bold;
    }

    .home_breadcrum_btn.secondary:hover {
      background: rgba(255, 255, 255, 0.15);
    }

    /* Responsive */
    @media (max-width: 480px) {
      .home_breadcrum_title {
        font-size: 22px;
      }
      .home_breadcrum_text {
        font-size: 14px;
      }
      .home_breadcrum_buttons {
        flex-direction: column;
        gap: 10px;
      }
      .home_breadcrum_btn {
        width: 100%;
      }
    }


    /* --------------------faq------------------------------------ */

    
    .home_faq_section {
      max-width: 80%;
      margin: 60px auto;
      background: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .home_faq_title {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
      color: #111827;
    }

    .home_faq_item {
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      margin-bottom: 10px;
      overflow: hidden;
      background: #fff;
      transition: all 0.3s ease-in-out;
    }

    .home_faq_question {
      width: 100%;
      padding: 15px;
      background: #fff;
      border: none;
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      color: #111827;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      outline: none;
    }

    .home_faq_question:hover {
      background: #f3f4f6;
    }

    .home_faq_icon {
      font-size: 14px;
      transition: transform 0.3s;
    }

    .home_faq_answer {
      max-height: 0;
      overflow: hidden;
      background: #fafafa;
      padding: 0 15px;
      font-size: 15px;
      color: #374151;
      transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .home_faq_item.active .home_faq_answer {
      max-height: 200px;
      padding: 15px;
    }

    .home_faq_item.active .home_faq_icon {
      transform: rotate(180deg);
    }

    /* Responsive */
    @media (max-width: 600px) {
      .home_faq_title {
        font-size: 20px;
      }
      .home_faq_question {
        font-size: 15px;
      }
      .home_faq_answer {
        font-size: 14px;
      }
    }



    /* ================================================= */
    /* ======================= PERSONAL PAGE  ========================== */


      .personalo_loan-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      font-family: Arial, sans-serif;
      text-align: center;
    }

    /* Heading */
    .personalo_loan-title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #1d1d1d;
    }

    .personalo_loan-subtitle {
      font-size: 16px;
      color: #555;
      margin-bottom: 40px;
    }

    /* Card Grid */
    .personalo_loan-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 20px;
    }

    /* Card */
    .personalo_loan-card {
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      text-align: left;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      box-shadow: 0px 4px 6px 0px #0000001A;
      border: 1px solid #F3F4F6
    }

    .personalo_loan-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    }

    /* Icon */
    .personalo_loan-icon {
      width: 40px;
      height: 40px;
      background: #e6f0ff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      font-size: 20px;
      color: #3b82f6;
    }

    /* Card Content */
    .personalo_loan-card h3 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #1d1d1d;
    }

    .personalo_loan-card p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .personalo_loan-title {
        font-size: 24px;
      }
      .personalo_loan-subtitle {
        font-size: 14px;
      }
    }

    @media (max-width: 480px) {
      .personalo_loan-card {
        padding: 20px;
      }
      .personalo_loan-card h3 {
        font-size: 16px;
      }
      .personalo_loan-card p {
        font-size: 13px;
      }
    }



    /* --------------------------------------------------------------------- */

        .personl_docs_container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      font-family: Arial, sans-serif;
    }

    /* Heading */
    .personl_docs_title {
      font-size: 26px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 30px;
      color: #1d1d1d;
    }

    /* Card Wrapper */
    .personl_docs_cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
    }

    /* Each Card */
    .personl_docs_card {
      background: #fff;
      border-radius: 10px;
      padding: 25px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .personl_docs_card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    }

    /* Card Header */
    .personl_docs_card_header {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .personl_docs_icon {
      width: 40px;
      height: 40px;
      background: #e6f0ff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      color: #3b82f6;
      margin-right: 10px;
    }

    .personl_docs_card_header h3 {
      font-size: 18px;
      font-weight: bold;
      margin: 0;
      color: #1d1d1d;
    }

    /* List */
    .personl_docs_list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .personl_docs_list li {
      display: flex;
      align-items: flex-start;
      margin-bottom: 12px;
      font-size: 14px;
      color: #555;
      line-height: 1.5;
    }

    .personl_docs_list li::before {
      content: "✔";
      color: #3b82f6;
      font-weight: bold;
      margin-right: 8px;
      flex-shrink: 0;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .personl_docs_title {
        font-size: 22px;
      }
      .personl_docs_card {
        padding: 20px;
      }
      .personl_docs_card_header h3 {
        font-size: 16px;
      }
    }

    @media (max-width: 480px) {
      .personl_docs_card {
        padding: 15px;
      }
      .personl_docs_card_header h3 {
        font-size: 15px;
      }
      .personl_docs_list li {
        font-size: 13px;
      }
    }


    /* ------------------------------------------------- */


      /* ========== HOW IT WORKS SECTION ========== */
    .personal_work_container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 50px 20px;
      text-align: center;
    }

    .personal_work_title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #1d1d1d;
    }

    .personal_work_subtitle {
      font-size: 16px;
      color: #555;
      margin-bottom: 50px;
    }

    .personal_work_steps {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 30px;
      position: relative;
    }

    /* Step Box */
    .personal_work_step {
      text-align: center;
      position: relative;
    }

    .personal_work_number {
      width: 50px;
      height: 50px;
      background: #3b82f6;
      border-radius: 50%;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: bold;
      margin: 0 auto 15px auto;
    }

    .personal_work_step h3 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 8px;
      color: #1d1d1d;
    }

    .personal_work_step p {
      font-size: 14px;
      color: #555;
      line-height: 1.5;
    }

    /* Connector Line for Desktop */
    @media (min-width: 768px) {
      .personal_work_steps {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
      }
      .personal_work_step::after {
        content: "";
        position: absolute;
        top: 25px;
        right: -50%;
        width: 100%;
        height: 2px;
        background: #d1d5db;
        z-index: -1;
      }
      .personal_work_step:last-child::after {
        display: none;
      }
    }

    /* Responsive text */
    @media (max-width: 768px) {
      .personal_work_title {
        font-size: 24px;
      }
      .personal_work_subtitle {
        font-size: 14px;
      }
    }

    /* ========== GET READY SECTION ========== */
    .personl_getready_container {
      background: #2563eb;
      color: #fff;
      text-align: center;
      padding: 60px 20px;
      margin-top: 50px;
    }

    .personl_getready_title {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 15px;
    }

    .personl_getready_text {
      font-size: 16px;
      margin-bottom: 30px;
    }

    .personl_getready_buttons {
      display: flex;
      justify-content: center;
      gap: 15px;
      flex-wrap: wrap;
    }

    .personl_getready_btn {
      padding: 12px 25px;
      border-radius: 6px;
      font-size: 14px;
      font-weight: bold;
      border: none;
      cursor: pointer;
      transition: 0.3s;
    }

    .personl_getready_btn_primary {
      background: #fff;
      color: #2563eb;
    }

    .personl_getready_btn_primary:hover {
      background: #f3f4f6;
    }

    .personl_getready_btn_secondary {
      background: #1e40af;
      color: #fff;
    }

    .personl_getready_btn_secondary:hover {
      background: #1e3a8a;
    }

    @media (max-width: 600px) {
      .personl_getready_title {
        font-size: 22px;
      }
      .personl_getready_text {
        font-size: 14px;
      }
    }


    /* ---------------------form-------------------- */

      /* Container */
    .personal_enquiry_container {
      max-width: 1000px;
      width: 100%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.08);
      overflow: hidden;
      margin: 50px auto;
    }

    /* Left Side */
    .personal_enquiry_left {
      background: #3E98FF;
      color: #fff;
      padding: 40px 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .personal_enquiry_left h2 {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 15px;
    }

    .personal_enquiry_left p {
      font-size: 14px;
      margin-bottom: 25px;
      color: #f0f4ff;
    }

    .personal_enquiry_features {
      margin-bottom: 25px;
    }

    .personal_enquiry_features li {
      list-style: none;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      font-size: 14px;
    }

    .personal_enquiry_features li::before {
      content: "✔";
      margin-right: 8px;
      color: #fff;
      font-weight: bold;
    }

    .personal_enquiry_image {
      width: 100%;
      border-radius: 8px;
      margin-top: 15px;
    }

    /* Right Side Form */
    .personal_enquiry_right {
      padding: 40px 30px;
    }

    .personal_enquiry_form {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .personal_enquiry_input, 
    .personal_enquiry_select,
    .personal_enquiry_textarea {
      width: 100%;
      padding: 12px;
      border-radius: 6px;
      border: 1px solid #ddd;
      font-size: 14px;
      outline: none;
      transition: border 0.3s;
    }

    .personal_enquiry_input:focus, 
    .personal_enquiry_select:focus,
    .personal_enquiry_textarea:focus {
      border-color: #2563eb;
    }

    .personal_enquiry_textarea {
      resize: none;
      min-height: 100px;
    }

    /* Button */
    .personal_enquiry_button {
      padding: 14px;
      background: #2563eb;
      color: #fff;
      border: none;
      border-radius: 6px;
      font-size: 15px;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s;
    }

    .personal_enquiry_button:hover {
      background: #1e40af;
    }

    /* Responsive */
    @media (max-width: 900px) {
      .personal_enquiry_container {
        grid-template-columns: 1fr;
      }
      .personal_enquiry_left {
        padding: 30px 20px;
      }
      .personal_enquiry_right {
        padding: 30px 20px;
      }
    }

    @media (max-width: 500px) {
      .personal_enquiry_left h2 {
        font-size: 18px;
      }
      .personal_enquiry_left p {
        font-size: 13px;
      }
    }



    /* ========================================================= */
    /* ======================= BUSINESS PAGE  ========================== */


        .personal_process_section {
      width: 90%;
      margin: 50px auto;
      text-align: center;
    }

    .personal_process_title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 15px;
      color: #222;
    }

    .personal_process_subtitle {
      background: #f5f7fa;
      padding: 15px 20px;
      border-radius: 8px;
      font-size: 15px;
      line-height: 1.6;
      color: #555;
      margin-bottom: 40px;
    }

    .personal_process_flex {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      margin-bottom: 40px;
    }

    .personal_process_card {
      flex: 1 1 45%;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 3px 6px rgba(0,0,0,0.05);
      text-align: left;
    }

    .personal_process_card h3 {
      font-size: 18px;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .personal_process_card i {
      color: #3E98FF;
      font-size: 20px;
    background: #DBEAFE;
    padding: 10px 20px;
    text-align: center;
    justify-content: center;
    display: flex;
    border-radius: 50%;
    }

    .personal_process_card ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .personal_process_card ul li {
      font-size: 14px;
      margin-bottom: 12px;
      display: flex;
      align-items: start;
      gap: 8px;
      color: #444;
    }

    .doc_icon  li i {
      color: #1cc88a;
     font-weight: bold;
    font-size: 16px;
    background: inherit;
    padding: 4px 6px;
    }

    /* Required Documents */
    .personal_process_required {
      background: #fffbea;
      border-radius: 10px;
      padding: 20px;
      text-align: left;
    }

    .personal_process_required h4 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 20px;
      color: #333;
    }

    .personal_process_required_list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
      gap: 12px;
    }

    .personal_process_required_item {
      font-size: 14px;
      display: flex;
      align-items: center;
      gap: 8px;
      color: #444;
    }

    .personal_process_required_item i {
         color: #3E98FF;
      font-size: 18px;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .personal_process_card {
        flex: 1 1 100%;
      }
    }



    /* ------------------------------------------------- */


       .business_grow_section {
      background:#1e73be;
      color: #fff;
      text-align: center;
      padding: 60px 20px;
      margin: 40px 0px ;
    }

    .business_grow_title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 15px;
    }

    .business_grow_subtitle {
      font-size: 15px;
      color: #e5e5e5;
      margin-bottom: 30px;
      line-height: 1.5;
    }

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

    .business_grow_btn {
      padding: 12px 25px;
      font-size: 14px;
      font-weight: bold;
      border-radius: 6px;
      border: 1px solid transparent;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .business_grow_btn_primary {
      background: #fff;
      color: #2874f0;
      border: 1px solid #fff;
    }

    .business_grow_btn_primary:hover {
      background: #f0f0f0;
      color: #2874f0;
    }

    .business_grow_btn_outline {
      background: transparent;
      color: #fff;
      border: 1px solid #dbe3f8;
    }

    .business_grow_btn_outline:hover {
      background: #fff;
      color: #2874f0;
    }

    .business_grow_terms {
      font-size: 12px;
      color: #ddd;
      margin-top: 20px;
    }

    /* Responsive */
    @media (max-width: 600px) {
      .business_grow_title {
        font-size: 20px;
      }
      .business_grow_subtitle {
        font-size: 14px;
      }
      .business_grow_btn {
        width: 100%;
        text-align: center;
      }
    }

    /* ================================================= */


        .insta_loan_section {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 50px 20px;
      background: #f5f9ff;
      position: relative;
    }

    .insta_loan_content {
      flex: 1;
      min-width: 280px;
      max-width: 500px;
      background: linear-gradient(135deg, #0052cc, #1488cc);
      color: #fff;
      padding: 40px 30px;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }

    .insta_loan_title {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 15px;
    }

    .insta_loan_subtitle {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 20px;
    }

    .insta_loan_terms {
      font-size: 12px;
      color: #dfe9f9;
      margin-bottom: 25px;
    }

    .insta_loan_btn {
      display: inline-block;
      background: #fff;
      color: #0052cc;
      font-weight: bold;
      padding: 12px 30px;
      border-radius: 25px;
      text-decoration: none;
      font-size: 14px;
      transition: 0.3s;
      border: 1px solid #fff;
    }

    .insta_loan_btn:hover {
      background: #f0f0f0;
      color: #0052cc;
    }

    .insta_loan_image {
      flex: 1;
      min-width: 280px;
      max-width: 500px;
      text-align: center;
      padding: 20px;
    }

    .insta_loan_image img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    }

    /* Decorative wave at bottom */
    .insta_loan_wave {
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      overflow: hidden;
      line-height: 0;
    }

    .insta_loan_wave svg {
      position: relative;
      display: block;
      width: calc(150% + 1.3px);
      height: 80px;
    }

    .insta_loan_wave path {
      fill: #ffffff;
      stroke: #ccc;
      stroke-width: 1px;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .insta_loan_section {
        flex-direction: column;
        text-align: center;
      }
      .insta_loan_content {
        margin-bottom: 20px;
      }
    }



    /* ------------------------------------- */


    
    .insta_loan_container {
      width: 90%;
      max-width: 1200px;
      margin: auto;
      padding: 40px 20px;
    }

    /* Section Headings */
    .insta_loan_heading {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 25px;
      color: #0a1a33;
    }

    /* Documents Section */
    .insta_loan_doc_grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 20px;
      margin-bottom: 50px;
    }

    .insta_loan_doc_card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      padding: 20px;
      display: flex;
      align-items: center;
      gap: 15px;
      transition: 0.3s;
    }

    .insta_loan_doc_card:hover {
      transform: translateY(-4px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .insta_loan_doc_icon {
      background: #e6f2ff;
      color: #1488cc;
      padding: 12px;
      border-radius: 8px;
      font-size: 20px;
      flex-shrink: 0;
    }

    .insta_loan_doc_text {
      font-size: 15px;
      font-weight: 500;
      color: #222;
    }

    /* Instant Loan Steps */
    .insta_loan_instant_grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      text-align: center;
    }

    .insta_loan_instant_card {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      padding: 30px 20px;
      transition: 0.3s;
    }

    .insta_loan_instant_card:hover {
      transform: translateY(-4px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .insta_loan_instant_icon {
      background: #e6f2ff;
      color: #1488cc;
      font-size: 22px;
      padding: 15px;
      border-radius: 50%;
      margin-bottom: 15px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
    }

    .insta_loan_instant_step {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 8px;
      color: #0a1a33;
    }

    .insta_loan_instant_text {
      font-size: 14px;
      color: #555;
      line-height: 1.4;
    }

    /* Responsive */
    @media (max-width: 600px) {
      .insta_loan_heading {
        text-align: center;
      }
    }



    /* --------------------------------------------------= CREDIT LOANS========================= */
    /* ================================================== */

       /* ========== Credit Card Section ========== */
    .credit_card_section {
      background: #eaf3fc;
      padding: 60px 20px;
      position: relative;
      overflow: hidden;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    }

    .credit_card_container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1200px;
      margin: 0 auto;
      flex-wrap: wrap;
    }

    /* Left Content */
    .credit_card_content {
      flex: 1;
      min-width: 300px;
      max-width: 500px;
    }

    .credit_card_content h2 {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #000;
    }

    .credit_card_content p {
      font-size: 16px;
      color: #333;
      margin-bottom: 10px;
    }

    .credit_card_terms {
      font-size: 12px;
      color: #666;
      margin-bottom: 20px;
    }

    /* Button */
    .credit_card_btn {
      display: inline-flex;
      align-items: center;
      background: #000;
      color: #fff;
      padding: 10px 18px;
      border-radius: 25px;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      transition: 0.3s;
    }

    .credit_card_btn:hover {
      background: #333;
    }

    .credit_card_btn::after {
      content: "→";
      margin-left: 8px;
      transition: 0.3s;
    }

    .credit_card_btn:hover::after {
      margin-left: 12px;
    }

    /* Right Image */
    .credit_card_image {
      flex: 1;
      display: flex;
      justify-content: center;
      min-width: 280px;
      margin-top: 20px;
    }

    .credit_card_image img {
      max-width: 100%;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    /* Wave Effect at Bottom */
    .credit_card_wave {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }

    @media (max-width: 768px) {
      .credit_card_container {
        flex-direction: column;
        text-align: center;
      }
      .credit_card_content {
        max-width: 100%;
      }
      .credit_card_image {
        margin-top: 30px;
      }
    }


    /* ------------------------- */

     .credit_preoffer_container {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 40px 20px;
    }

    .credit_preoffer_form_box {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      max-width: 650px;
      width: 100%;
    }

    .credit_preoffer_form_title {
      text-align: center;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #111;
    }

    .credit_preoffer_form_subtitle {
      text-align: center;
      font-size: 14px;
      color: #666;
      margin-bottom: 25px;
    }

    .credit_preoffer_form_group {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .credit_preoffer_input_group {
      flex: 1 1 45%;
      display: flex;
      flex-direction: column;
    }

    .credit_preoffer_input_group_full {
      flex: 1 1 100%;
    }

    .credit_preoffer_label {
      font-size: 14px;
      margin-bottom: 5px;
      color: #333;
    }

    .credit_preoffer_input, .credit_preoffer_textarea {
      padding: 12px 14px;
      border: 1px solid #ddd;
      border-radius: 6px;
      font-size: 14px;
      width: 100%;
      box-sizing: border-box;
    }

    .credit_preoffer_textarea {
      min-height: 100px;
      resize: vertical;
    }

    .credit_preoffer_checkbox {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 20px 0;
      font-size: 14px;
      color: #444;
    }

    .credit_preoffer_button {
      background: #1976f9;
      color: #fff;
      border: none;
      padding: 14px;
      width: 100%;
      border-radius: 6px;
      font-size: 16px;
      cursor: pointer;
      font-weight: bold;
      transition: 0.3s;
    }

    .credit_preoffer_button:hover {
      background: #0d5ed7;
    }

    /* Responsive */
    @media (max-width: 600px) {
      .credit_preoffer_input_group {
        flex: 1 1 100%;
      }
    }


    
/* ===================================== CREDIT CARDS===================== */
/* =================================================================== */


    .credit_work_section {
      padding: 50px 20px;
      text-align: center;
      background-color: #f9fbfd;
    }

    .credit_work_title {
      font-size: 24px;
      font-weight: bold;
      color: #111;
      margin-bottom: 8px;
    }

    .credit_work_subtitle {
      font-size: 14px;
      color: #555;
      margin-bottom: 40px;
    }

    .credit_work_cards {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .credit_work_card {
      background: #fff;
      padding: 30px 20px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
      flex: 1 1 300px;
      max-width: 320px;
      text-align: center;
      transition: 0.3s ease;
    }

    .credit_work_card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    }

    .credit_work_icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #eaf2ff;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto 20px;
      font-size: 28px;
      color: #1976f9;
    }

    .credit_work_card_title {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #222;
    }

    .credit_work_card_text {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .credit_work_cards {
        flex-direction: column;
        align-items: center;
      }
    }



    /* -------------------------------------------------------- */


    .credit_feature_section {
      padding: 50px 20px;
      text-align: center;
      background-color: #f9fbfd;
    }

    .credit_feature_title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 8px;
      color: #111;
    }

    .credit_feature_subtitle {
      font-size: 14px;
      color: #555;
      margin-bottom: 40px;
    }

    .credit_feature_cards {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .credit_feature_card {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      flex: 1 1 300px;
      max-width: 320px;
      padding: 20px;
      text-align: center;
      transition: 0.3s ease;
    }

    .credit_feature_card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    }

    .credit_feature_card_header {
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      padding: 12px;
      border-radius: 8px 8px 0 0;
      margin: -20px -20px 15px -20px;
    }

    .credit_feature_card_header.blue {
      background-color: #1976f9;
    }

    .credit_feature_card_header.black {
      background-color: #333;
    }

    .credit_feature_card_header.green {
      background-color: #22c55e;
    }

    .credit_feature_card_img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      margin-bottom: 15px;
    }

    .credit_feature_details {
      text-align: left;
      font-size: 14px;
      color: #444;
      margin-bottom: 15px;
      line-height: 1.6;
    }

    .credit_feature_button {
      background: #1976f9;
      color: #fff;
      border: none;
      padding: 12px;
      width: 100%;
      border-radius: 6px;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
      transition: 0.3s;
    }

    .credit_feature_button:hover {
      background: #0d5ed7;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .credit_feature_cards {
        flex-direction: column;
        align-items: center;
      }
    }


/* -------------------------------------- */





/* ===========================================new=========================== */


/* ===========================loan proess work========================= */


   .loan_process_doc {
      max-width: 1200px;
      margin: 50px auto;
      padding: 20px;
      text-align: center;
    }

    /* Container for images stacked */
    .loan_process_image_wrap {
      position: relative;
      /* width: 100%; */
      width: 90%;
      margin: auto;
    }

    .loan_process_image_wrap img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* Vector wave overlay */
    .loan_process_wave {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      pointer-events: none; /* so it won’t block */
    }

    .loan_process_wave img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* Text row */
    .loan_process_text {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 40px !important;
      gap: 20px;

          width: 90%;
         margin:  auto;

    }

    .loan_process_item {
      flex: 1 1 200px;
      min-width: 200px;
      text-align: center;
      padding: 10px;
    }

    .loan_process_item h3 {
      font-size: 18px;
      font-weight: bold;
      color: #2e7efb;
      margin-bottom: 8px;
    }

    .loan_process_item p {
      font-size: 15px;
      color: #555;
      line-height: 1.5;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .loan_process_text {
        /* flex-direction: column; */
        align-items: center;
      }
      .loan_process_item {
        width: 100%;
      }
    }



    /* -------- */

    /* ================= Animation Classes ================= */

/* Wave floating animation */
.animate-wave {
  animation: floatWave 5s ease-in-out infinite;
}

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

/* Fade-up animation for text items */
.animate-fade .loan_process_item {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1s ease forwards;
}

.animate-fade .loan_process_item:nth-child(1) {
  animation-delay: 0.3s;
}
.animate-fade .loan_process_item:nth-child(2) {
  animation-delay: 0.6s;
}
.animate-fade .loan_process_item:nth-child(3) {
  animation-delay: 0.9s;
}
.animate-fade .loan_process_item:nth-child(4) {
  animation-delay: 1.2s;
}

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


  /* =============================================================== */
  /* ========================================================== */



  /* Left-right wave animation */
.animate-wave-line img {
  position: relative;
  animation: moveLeftRight 6s linear infinite;
}

@keyframes moveLeftRight {
  0% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-20px);
  }
}


/* --------------------- */

/* Left continuous animation */
.animate-wave-left {
  overflow: hidden; /* hide overflow for smooth scroll */
}

.animate-wave-left  {
  display: block;
  width: 90%;   /* wider than container for looping */
  animation: waveMoveLeft 10s linear infinite;
}

@keyframes waveMoveLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-30%);
  }
}


/* ----------- */

/* ================== Fade In ================== */
.fade-in {
  animation: fadeIn 1.5s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ================== Slide In Left ================== */
.slide-in-left {
  opacity: 0;
  transform: translateX(-50px);
  animation: slideInLeft 1s ease forwards;
  animation-delay: 0.3s;
}

@keyframes slideInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ================== Slide In Right ================== */
.slide-in-right {
  opacity: 0;
  transform: translateX(50px);
  animation: slideInRight 1s ease forwards;
  animation-delay: 0.6s;
}

@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ================== Form Fade-Up ================== */
.form-animate .form-control,
.form-animate .form-select,
.form-animate textarea,
.form-animate button {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.8s ease forwards;
}

.form-animate .form-control:nth-of-type(1) { animation-delay: 0.8s; }
.form-animate .form-control:nth-of-type(2) { animation-delay: 1s; }
.form-animate .form-control:nth-of-type(3) { animation-delay: 1.2s; }
.form-animate .form-select { animation-delay: 1.4s; }
.form-animate textarea { animation-delay: 1.6s; }
.form-animate button { animation-delay: 1.8s; }

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


/* ------------------ */

/* Slide in from left */
.slide-left {
  opacity: 0;
  transform: translateX(-60px);
  animation: slideInLeft 1s ease forwards;
  animation-delay: 0.3s;
}

@keyframes slideInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Slide in from right */
.slide-right {
  opacity: 0;
  transform: translateX(60px);
  animation: slideInRight 1s ease forwards;
  animation-delay: 0.6s;
}

@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* --------------===================== */

/* Title & Subtitle animation */
.animate-title {
  animation: fadeDown 1s ease-in-out forwards;
}
.animate-subtitle {
  animation: fadeUp 1s ease-in-out forwards;
}

/* Left and Right animations */
.animate-left-1, .animate-left-3 {
  opacity: 0;
  transform: translateX(-100px);
  animation: slideInLeft 1s ease forwards;
}

.animate-right-2, .animate-right-4 {
  opacity: 0;
  transform: translateX(100px);
  animation: slideInRight 1s ease forwards;
}

@keyframes slideInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-30px); }
  to { opacity: 1; transform: translateY(0); }
}

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



    /* ----------------------------------===============testimonial=============================== */


    
    .testimonial-slider {
      width:90%;
      /* max-width: 1100px; */
      overflow: hidden;
      position: relative;
      margin: 60px auto;
    }

    
        .testimonial-slider  h2 {
      font-weight: 700;
      margin-bottom: 40px;
      font-size: 28px;
      text-align: center;
    }

    .slides {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .slide {
      min-width: 45%; /* show 3 at a time */
      display: flex;
      justify-content: center;
      /*padding: 15px;*/
      /*margin: 20px;*/
    }

    /* Card styling */
    .testimonial-card {
      position: relative;
      width: 100%;
      padding: 40px 20px;
      text-align: center;
      z-index: 1;
    }

    /* Blue background rotated */
    .testimonial-card::before {
      content: "";
      position: absolute;
      top: 20px;
      left: 20px;
      width: 100%;
      height: 100%;
      background: #2289ff;
      border-radius: 60px 20px 80px 20px;
      transform: rotate(-8deg);
      z-index: -2;
    }

    /* White background rotated */
    .testimonial-card::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #ffffff;
      border-radius: 60px 20px 80px 20px;
      transform: rotate(-4deg);
      z-index: -1;
    }

    /* Content */
    .testimonial-content img {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      border: 4px solid #fff;
      margin-bottom: 15px;
    }

    .testimonial-content h3 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .testimonial-content p {
      font-size: 14px;
      color: #444;
      line-height: 1.4;
    }

    /* Navigation buttons */
    .nav-buttons {
      margin-top: 20px;
      display: flex;
      justify-content: center;
      gap: 10px;
    }

    .nav-buttons button {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: none;
      background: #ccc;
      cursor: pointer;
    }

    .nav-buttons button.active {
      background: #2289ff;
    }

    /* Responsive: 1 card on small screens */
    @media (max-width: 768px) {
      .slide {
        min-width: 100%;
      }
    }



    /* ====================home-loan page ================== */

      .loan_home_section {
    background: #E4F2FF;
    padding: 80px 0;
  }

  .loan-card_hm
  {
    padding-top: 60px ;
  }



  .loan_home_section h1 {
    font-weight: 700;
    font-size: 2.8rem;
    color: #1a1a1a;
  }

  .loan_home_section p {
    margin-top: 15px;
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
  }

  /* Interest Badge */
  .loan_btn_interest {
    background: #ff9800;
    border: none;
    padding: 8px 18px;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    margin: 15px 0;
  }

  /* Primary Button */
  .loan_btn_primary {
    background: #187bff;
    border: none;
    padding: 12px 25px;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    margin-right: 10px;
    transition: 0.3s;
  }
  .loan_btn_primary:hover {
    background: #0a5fd1;
  }

  /* Secondary Button */
  .loan_btn_secondary {
    background: #fff;
    border: 1px solid #ddd;
    padding: 12px 25px;
    color: #333;
    border-radius: 8px;
    font-weight: 600;
    transition: 0.3s;
  }
  .loan_btn_secondary:hover {
    background: #f3f3f3;
  }

  /* Right Side Image */
  .loan_home_images img {
    max-width: 350px;
    border-radius: 12px;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.4s ease-in-out;
  }
  .loan_home_images img:hover {
    transform: scale(1.05);
  }

  /* Wave */
  .loan_wave_wrapper {
    width: 100%;
    line-height: 0;
    margin-top: -15px; /* seamless join with section */
  }

  .loan_wave {
    width: 100%;
    display: block;
  }

  /* Responsive */
  @media(max-width: 991px) {
    .loan_home_images {
      margin-top: 30px;
    }
  }

      
    /* ========================home loan page - enquery================= */


          .home_lone_enqry_container {
      max-width: 1000px;
      margin: 40px auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      overflow: hidden;
    }

    .home_lone_enqry_left {
      background: #1e90ff;
      color: #fff;
      padding: 40px 30px;
          justify-content: space-evenly;
    }

    .home_lone_enqry_left h2 {
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .home_lone_enqry_left p {
      font-size: 14px;
      margin-bottom: 25px;
      line-height: 1.5;
    }

    .home_lone_enqry_features {
      list-style: none;
      padding-left: 0;
    }

    .home_lone_enqry_features li {
      font-size: 14px;
      margin-bottom: 12px;
      padding-left: 25px;
      position: relative;
    }

    .home_lone_enqry_features li::before {
      content: "✔";
      position: absolute;
      left: 0;
      color: #ffd700;
      font-size: 16px;
    }

    .home_lone_enqry_left img {
      width: 100%;
      border-radius: 8px;
      margin-top: 20px;
    }

    .home_lone_enqry_btn {
      background: #1e90ff;
      border: none;
      transition: background 0.3s;
    }

    .home_lone_enqry_btn:hover {
      background: #0073e6;
    }


    /* ==========nav active=========== */

.navbar .nav-link:hover {
  color: #187bff;
}

/* Active link style */
.navbar .nav-link.active {
  color: #187bff !important;
  font-weight: 700;
  border-bottom: 2px solid #187bff;
}


/* =======================About vs  Loan ========================== */


   /* Section Container */
    .about_section {
      max-width: 1200px;
      margin: auto;
      padding: 60px 20px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 40px;
    }

    /* Image */
    .about_image {
      flex: 1 1 45%;
    }

    .about_image img {
      width: 100%;
      border-radius: 12px;
      /* box-shadow: 0px 8px 20px rgba(0,0,0,0.1); */
    }

    /* Content */
    .about_content {
      flex: 1 1 50%;
    }

    .about_title {
      font-size: 26px;
      font-weight: 700;
      color: #0c1a40;
      margin-bottom: 10px;
      text-align: left;
    }

    .about_subtitle {
      font-size: 16px;
      color: #777;
      margin-bottom: 20px;
    }

    .about_text {
      font-size: 15px;
      line-height: 1.7;
      margin-bottom: 20px;
      color: #333;
    }

    /* Button */
    .about_button {
      display: inline-block;
      background: #2563eb;
      color: #fff;
      padding: 12px 22px;
      font-size: 15px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
      transition: 0.3s ease;
    }

    .about_button:hover {
      background: #1d4ed8;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .about_section {
        flex-direction: column;
        text-align: center;
      }
      .about_content {
        text-align: center;
      }
      .about_title {
        text-align: center;
      }
    }








    /* --------------------contact form ------------------- */

    
    .vsloan_contact_container {
      width: 90%;
      max-width: 1200px;
      margin: 50px auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      background: #E4F2FF;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    }

    .vsloan_contact_details {
      padding: 20px;
      border-right: 2px solid #eee;
    }

    .vsloan_contact_details h2 {
      color: #222;
      margin-bottom: 15px;
    }

    .vsloan_contact_item {
      margin-bottom: 20px;
      font-size: 16px;
      color: #333;
    }

    .vsloan_contact_item span {
      font-weight: bold;
      color: #0d6efd;
    }

    .vsloan_contact_form {
      padding: 20px;
    }

    .vsloan_contact_form h2 {
      margin-bottom: 15px;
      color: #222;
    }

    .vsloan_contact_form form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .vsloan_contact_form input,
    .vsloan_contact_form textarea,
    .vsloan_contact_form select {
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 8px;
      font-size: 15px;
      width: 100%;
    }

    .vsloan_contact_form button {
      padding: 12px;
      border: none;
      border-radius: 8px;
      background: #0d6efd;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
      transition: 0.3s;
    }

    .vsloan_contact_form button:hover {
      background: #084298;
    }

    @media(max-width: 768px) {
      .vsloan_contact_container {
        grid-template-columns: 1fr;
      }
      .vsloan_contact_details {
        border-right: none;
        border-bottom: 2px solid #eee;
      }
    }


    /* ==========================LOAN FORM================================ */



    
    .quick_loan_container {
      background: #fff;
      max-width: 900px;
      width: 100%;
      padding: 25px;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .quick_loan_header {
      text-align: center;
      margin-bottom: 20px;
    }

    .quick_loan_header h2 {
      font-size: 22px;
      margin-bottom: 8px;
      color: #333;
    }

    .quick_loan_header p {
      font-size: 14px;
      color: #666;
    }

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

    .quick_loan_field {
      display: flex;
      flex-direction: column;
    }

    .quick_loan_field label {
      font-size: 14px;
      margin-bottom: 6px;
      color: #333;
    }

    .quick_loan_field input,
    .quick_loan_field select {
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
    }

    .quick_loan_gender,
    .quick_loan_loan_type {
      display: flex;
      flex-direction: column;
    }

    .quick_loan_gender_options,
    .quick_loan_loan_type_options {
      display: flex;
      gap: 15px;
      margin-top: 6px;
    }

    .quick_loan_loan_type_options label {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
    }

    .quick_loan_fullwidth {
      grid-column: span 2;
    }

    .quick_loan_checkbox {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      margin-top: 10px;
    }

    .quick_loan_actions {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      margin-top: 20px;
    }

    .quick_loan_actions button {
      padding: 12px 20px;
      border: none;
      border-radius: 6px;
      font-size: 14px;
      cursor: pointer;
    }

    .quick_loan_save {
      background: #f0f0f0;
      color: #333;
    }

    .quick_loan_continue {
      background: #007bff;
      color: #fff;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .quick_loan_form {
        grid-template-columns: 1fr;
      }
      .quick_loan_fullwidth {
        grid-column: span 1;
      }
      .quick_loan_actions {
        flex-direction: column;
      }
    }


    /* ----------------------- */


    .apply-btn {
      background: #ffc107;
      border: none;
      padding: 8px 15px;
      border-radius: 6px;
      font-weight: bold;
      cursor: pointer;
    }
    .quick_loan_field label {
      font-weight: 500;
    }
    .quick_loan_field small {
      color: #666;
      font-size: 12px;
    }


    /* ----------------------- */

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    padding: 30px 40px;
}


.text-muted
{
  margin-bottom: 2rem;
}
    


/* =======================FLOTING BTN=================== */


/* Common button styles */
.call-float, .whatsapp-float {
  position: fixed;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 9999;
  transition: transform 0.3s ease-in-out;
}

.call-float img, .whatsapp-float img {
  width: 28px;
  height: 28px;
}

/* Call button styling */
.call-float {
  bottom: 90px; /* place above WhatsApp */
  background: #007bff;
}
.call-float:hover {
  background: #0056b3;
  transform: scale(1.1);
}

/* WhatsApp button styling */
.whatsapp-float {
  bottom: 20px; /* stays at bottom */
  background: #25d366;
}
.whatsapp-float:hover {
  background: #20b955;
  transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .call-float, .whatsapp-float {
    width: 45px;
    height: 45px;
  }
  .call-float img, .whatsapp-float img {
    width: 24px;
    height: 24px;
  }
}


/* ========================FLOTING BTN  end =================== */




/* ----------------emi cal -------------- */

.loan-type-box {
    margin: auto;
}

.calculator-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  margin: auto;
}
.sliders label, .loan-type-box label {
  display: block;
  font-weight: bold;
  margin: 15px 0 8px;
}
.sliders input[type=range] {
  width: 100%;
}
.output-box {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  margin-top: 20px;
}
.output-box h5 {
  margin-bottom: 10px;
}
.download-btn {
  margin-top: 15px;
  background: #007bff;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
}
.download-btn:hover {
  background: #0056b3;
}
.loan-type-box select {
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #ccc;
}



 #slide-img
 {
margin: 20px !important;
 }