/**************************************** banner-section *******************************************************/
@media (max-width: 768px) {
    .bg-image {
        height: 450px;  
    }

    .content h1 {
        font-size: 26px; 
    }

    .content p {
        font-size: 14px;
    }

    .content .btn {
        padding: 8px 20px !important; 
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
  
    .bg-image {
      height: 500px; 
      background-position: center; 
    }
  
    .content h1 {
      font-size: 30px; 
      line-height: 1.3; 
    }
  
    .content p {
      font-size: 14px; 
    }
  
    .content .btn {
      padding: 8px 20px !important; 
      font-size: 12px; 
    }
  

    .multiple-btns a {
      margin-right: 15px !important;
    }
  
    .carousel-control-prev {
      left: -50px !important; 
    }
  
    .carousel-control-next {
      right: -50px !important; 
    }
  
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      width: 25px; 
      height: 25px;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1280px) {
    
    .bg-image {
      height: 550px; 
      background-position: center; 
    }
  
    .content h1 {
      font-size: 35px; 
    }
  
    .content p {
      font-size: 14px; 
    }
  
    .content .btn {
      padding: 10px 25px !important; 
      font-size: 13px;
    }
  
    .carousel-control-prev {
      left: -60px !important; 
    }
  
    .carousel-control-next {
      right: -60px !important;
    }
  
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      width: 30px; 
      height: 30px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 992px) {
    
    .bg-image {
      height: 450px; 
      background-position: center;
    }
  
    .content h1 {
      font-size: 28px;
    }
  
    .content p {
      font-size: 14px; 
    }
  
    .content .btn {
      padding: 7px 18px !important; 
      font-size: 11px;
    }
  
    .carousel-control-prev {
      left: -40px !important; 
    }
  
    .carousel-control-next {
      right: -40px !important;
    }
  
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      width: 20px; 
      height: 20px;
    }
  }
  
  /**************************************** banner-section-end *************************************************/

/************************************* Header-section *****************************************************/

@media (max-width: 992px) {
    nav.navbar.navbar-expand-lg {
        padding: 5px 30px !important;
    }

    .navbar-toggler {
        padding: 8px !important;
        font-size: 16px !important;
    }

    #navbarNav .nav-link {
        padding: 10px;
        font-size: 14px !important;
    }

    .btn-primary {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }

    .navbar-collapse {
        text-align: start;
        margin-top: 5px;
    }

    .nav-link-wrapper .dropdown-toggle {
      margin-left: 0px;
  }

  .nav-link-wrapper {
    justify-content: space-between;
}

    .dropdown-menu {
        position: relative;
        width: 100%;
    }

    .dropdown-item {
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    nav.navbar.navbar-expand-lg {
        padding: 5px 20px !important;
    }

    .navbar-brand img {
        width: 150px;
    }

    #navbarNav .nav-link {
        font-size: 12px !important;
        padding: 10px;
    }

    .btn-primary {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    .dropdown-menu {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .dropdown-item {
        padding: 8px 12px !important;
    }
}

@media (max-width: 576px) {
    nav.navbar.navbar-expand-lg {
        padding: 5px 10px !important;
    }

    .navbar-brand img {
        width: 160px;
    }

    #navbarNav .nav-link {
        padding: 8px;
        font-size: 11px !important;
    }

    .btn-primary {
        padding: 6px 10px !important;
        font-size: 10px !important;
    }

    .dropdown-menu {
        width: 100%;
    }

    .dropdown-item {
        padding: 6px 10px !important;
        font-size: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1032px) {
    .navbar {
      padding: 1rem 1.2rem; 
    }
  
    nav.navbar.navbar-expand-lg {
      padding: 5px 40px !important; 
    }
  
    #navbarNav.nav-link {
      font-size: 11px !important; 
      padding: 6px 8px !important; 
    }
  
    .nav-link.main {
      padding: 7px 10px !important; 
    }
  
    li.nav-item {
      margin: 0 1px; 
    }
  
    .btn-primary {
      font-size: 13px !important;
      padding: 10px 12px !important; 
    }
  
    .dropdown-menu {
      --bs-dropdown-min-width: 13rem !important; 
    }
  
    .dropdown-item {
      font-size: 11px !important; 
      padding: 8px 10px !important; 
    }
  
    .dropdown-menu {
      padding: 0 !important;
    }
  
    a.dropdown-item {
      padding: 8px 10px !important; 
    }
  
    /* Logo Image */
    .navbar-brand img {
      width: 165px; 
    }
  }
  
@media (min-width: 992px) and (max-width: 1280px) {
    .navbar {
      padding: 1rem 1.5rem; 
    }
  
    nav.navbar.navbar-expand-lg {
      padding: 5px 40px !important; 
    }
  
    #navbarNav.nav-link {
      font-size: 10px !important; 
      padding: 6px 8px !important; 
    }
  
    .nav-link.main {
      padding: 7px 10px !important; 
    }
  
    .btn-primary {
      font-size: 12px !important; 
      padding: 10px 12px !important; 
    }
  
    .dropdown-menu {
      --bs-dropdown-min-width: 12rem !important; 
    }
  
    .dropdown-item {
      font-size: 11px !important; 
      padding: 8px 12px !important; 
    }
  }

/**************************************** header-section-end ************************************************/


/*************************************** about-us ************************************************/

@media (max-width: 768px) {
    .form-text h5 {
      font-size: 16px;
      font-weight: 700;
    }
  
    .form-text h2 {
      font-size: 24px;
    }
  
    .form-text p {
      font-size: 14px;
      line-height: 28px;
    }
  
    .check li {
      font-size: 14px;
    }
  
    .form-text .btn {
      font-size: 12px;
      padding: 8px 12px;
    }
  
    .form-text {
      padding: 20px !important; 
    }
  
    .form-text ul {
      flex-direction: column; 
    }
  
    .check {
      width: 100%; 
    }
}
  
    @media (max-width: 480px) {
      .form-text h5 {
        font-size: 14px;
      }
  
      .form-text h2 {
        font-size: 20px;
      }
  
      .form-text p {
        font-size: 14px;
        line-height: 28px;
      }
  
      .form-text .btn {
        font-size: 11px;
        padding: 6px 10px;
      }
  
      .check li {
        font-size: 13px;
      }
    }
  

  /*************************************** about-us-end ************************************************/



    /*************************************** How-it-work************************************************/

@media (min-width: 769px) and (max-width: 992px) {
    .hiw-section .hiw-card .col-md-3 {
      max-width: 50%;
      flex: 0 0 50%;
      margin-bottom: 30px;
    }
  
    .hiw-section .hiw-card .col-md-3:nth-child(2) .hiw,
    .hiw-section .hiw-card .col-md-3:nth-child(4) .hiw {
      margin-top: 0;
    }
  
    .hiw-img {
      max-width: 100%;
      margin-bottom: 15px;
      padding-bottom: 20px;
    }
  
    .hiw-img img {
      height: 100px;
    }
  
    svg.hiw-shape {
        height: 60px;
        bottom: 5px;
        width: 100%;
      }
  
    svg.hiw-circle {
      width: 100px;
      height: 25px;
      bottom: 20px;
    }
  
    .hiw-content h3 {
      font-size: 16px;
      text-align: center;
    }
  
    .hiw-content p {
      font-size: 14px;
      text-align: center;
      line-height: 22px;
    }
  
    .hiw-no {
      font-size: 12px;
      padding: 2px 8px;
      bottom: -5px;
    }
  }
  
  
  @media (max-width: 768px) {
    .hiw-section .hiw-card .col-md-3:nth-child(2) .hiw,
    .hiw-section .hiw-card .col-md-3:nth-child(4) .hiw {
      margin-top: 0px;
    }
    .hiw-section .hiw-card .col-md-3 {
      max-width: 50%;
      flex: 0 0 50%;
    }
    .htw h2 {
      font-size: 24px;
    }
    .hiw-content h3 {
      font-size: 16px;
    }
    .hiw-content p {
      font-size: 14px;
    }
  }
  
  @media (max-width: 576px) {
    .hiw-section .hiw-card .col-md-3 {
      max-width: 100%;
      flex: 0 0 100%;
    }
    .htw h2 {
      font-size: 22px;
    }
    .htw h5 {
      font-size: 16px;
    }
    .hiw-content h3 {
      font-size: 14px;
    }
    .hiw-content p {
      font-size: 14px;
    }
    .hiw-no {
      font-size: 12px;
      padding: 2px 8px;
    }
  }

  /*************************************** How-it-work-end ************************************************/


  /************************** explore **********************************/

  @media (max-width: 768px) {
    .explore {
        padding: 10px 0 10px 0;
        font-size: 16px;
    }
  
    .sect1, .sect2 {
      font-size: 40px; 
    }
  
    .loan-list li {
      font-size: 24px; 
    }
  }
  
  @media (max-width: 576px) {
    .sect1, .sect2 {
      font-size: 30px; 
    }
  
    .loan-list li {
      font-size: 14px; 
    }
  
    .loan-list {
      padding: 0; 
    }
  
    span.icon {
      width: 15%; 
    }
  }
  /************************** explore-end **********************************/

/****************************** feature ****************************************/


@media (max-width: 1200px) {
    .features-section {
      height: auto; 
    }
  
    .features-text h1 {
      font-size: 16px;
    }
  
    .features-text h2 {
      font-size: 24px;
    }
  
    .features-text p {
      font-size: 14px;
    }
  
    .feature-box {
      margin-bottom: 20px;
    }
  
    .feature-icon {
      width: 70px;
      height: 70px;
    }
  
    .feature-icon i {
      font-size: 30px;
    }
  
    .feature-text h3 {
      font-size: 16px;
    }
  }
  
  @media (max-width: 992px) {
    .features-section {
      flex-direction: column; 
      height: auto; 
    }
  
    .left-img, .right-content {
      width: 100%; 
      margin-bottom: 20px; 
    }
  }
  
  @media (max-width: 768px) {
    .features-text h1 {
      font-size: 14px;
    }
  
    .features-text h2 {
      font-size: 22px;
    }
  
    .feature-text p {
        font-size: 14px;
    }
  
    .feature-icon {
      width: 60px;
      height: 60px;
    }
  
    .feature-icon i {
      font-size: 28px;
    }
  
    .feature-text h3 {
      font-size: 15px;
    }
  }
  
  @media (max-width: 576px) {
    .features-text h1 {
      font-size: 12px;
    }
  
    .features-text h2 {
      font-size: 20px;
    }
  
    .features-text p {
      font-size: 14px;
    }
  
    .feature-icon {
      width: 50px;
      height: 50px;
    }
  
    .feature-icon i {
      font-size: 24px;
    }
  
    .feature-text h3 {
      font-size: 14px;
    }
  }

  /****************************** feature-end ****************************************/
  
  /************************************** Get Loans Point ***********************************/


@media (max-width: 768px) {
    .get-loans-point {
        height: auto;
    }
    .get h2 {
      font-size: 28px; 
    }
  
    .nav-link {
      font-size: 10px !important; 
      padding: 6px 8px !important; 
    }
  
    .brading-info p {
      font-size: 14px; 
      line-height: 28px; 
    }
  
    .ntl-btn {
      font-size: 14px; 
      padding: 8px 16px; 
    }

    li.nav-item {
        margin: 4px 2px;
    }
  }
  
  @media (max-width: 576px) {
    .get h5 {
      font-size: 16px; 
    }
  
    .get h2 {
      font-size: 24px; 
    }
  
    .brading-block {
      flex-direction: column; 
      text-align: center; 
    }
  
    .brading-img {
      margin-bottom: 20px; 
      margin-top: 20px;
    }
  
    .col-md-7,
    .col-md-5 {
      width: 100%; 
    }
  }

  @media (min-width: 769px) and (max-width: 991px) {
    .get-loans-point {
        height: auto;
    }

    li.nav-item {
        margin: 4px 2px;
    }
  }

  /*********************** Get Loans Point-end ***************************/

  /**************************** faq**************************************/


@media (max-width: 768px) {
    .blog-text {
      font-size: 1.5rem; 
    }
  
    .accordion-button {
      font-size: 0.9rem; 
    }
  
    .qualification-section h1 {
      font-size: 1.25rem; 
    }
    
    .qualification-list {
      padding-left: 16px; 
      font-size: 14px;
    }
  }
  
  .accordion-item {
    color: #1a1a1a;
    font-weight: 500;
    background-color: transparent !important;
    border: 0 !important;
    margin-bottom: 25px !important;
    border: 1px solid #2E2967 !important;
  }
  
  .accordion-item:first-of-type {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  
  .accordion-button:focus {
    box-shadow: none !important;
  }
  
  .accordion-button:not(.collapsed) {
    background-color: transparent !important;
  }
  
  .accordion {
    --bs-accordion-border-width: 0 !important;
  }
  
  .accordion-body {
    font-size: 14px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.50px;
  }

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

/************************** TOP ADVANTAGES ********************************/


@media (max-width: 768px) {
    .advantages-title {
      font-size: 24px;
    }
  
    .loan-info {
      font-size: 14px;
    }
  
    .example-text {
      font-size: 12px;
    }
  
    .call-btn {
      font-size: 12px;
      padding: 8px 16px;
    }
  }
  
  @media (max-width: 576px) {
    .advantages-title {
      font-size: 20px;
    }
  
    .loan-info {
      font-size: 14px;
    }
  
    .example-text {
      font-size: 14px;
    }
  
    .call-btn {
      font-size: 12px;
      padding: 6px 12px;
    }
  }

  /************************** TOP ADVANTAGES-end ********************************/

  /********************************* Home page silder*******************************************/

@media (max-width: 991px) {
    .stats .stat-box{
        margin-top: 15px;

    }
    .testimonial img {
      width: 80px; 
      height: 80px;
    }
  
    .testimonial h5 {
      font-size: 16px; 
    }
  
    .testimonial small {
      font-size: 12px; 
    }
  
    .stat-box h4 {
      font-size: 40px; 
    }
  }
  
  @media (max-width: 575px) {
    .testimonial {
      padding: 20px 0;
    }
  
    .stat-box h4 {
      font-size: 36px;
    }
  
    .stats .stat-box {
      padding: 15px 5px;
    }
  }
  /********************************* Home page silder-end *******************************************/

/********************************* blog *******************************************/

  @media (max-width: 768px) {
    .blog-text {
      font-size: 24px; 
    }
  
    .blog-pra {
      font-size: 14px; 
    }
  
    .card-body h5 {
      font-size: 14px; 
    }
  
    .blog-para {
      font-size: 14px; 
    }
  
    .blog .btn {
      font-size: 10px; 
    }
  }

  @media (max-width: 480px) {
    .blog-ico span {
        font-size: 11px;
        margin: 0 8px;
    }
  }

  /********************************* blog-end *******************************************/


  /**************** footer *******************************/

  @media (max-width: 768px) {
    .cards {
        text-align: center !important; 
    }

    .footer-icons {
        justify-content: center; 
        margin-top: 1rem; 
        display: flex;
    }
}
    /**************** footer-end *******************************/


    /********************************** ABOUT-SECTION ********************************/

    @media (max-width: 992px) {
        .sidebar {
            width: 100% !important;
            margin-top: 20px  !important; 
        }
    
        .main-content {
            margin-bottom: 20px; 
            width: 100% !important;
        }

        .Foam-sec {
            width: 100% !important;
        }
    }
    
    @media (max-width: 768px) {
        .main-content p,
        .main-content h3 {
            font-size: 14px; 
        }
    
    
        .main-sidebar h4,
        .second-sidebar h4 {
            font-size: 16px; 
        }
    
        .second-sidebar ul {
          padding: 10px 0px 0px 25px;
        }
    }

    /********************************** ABOUT-SECTION-end ********************************/

    /********************************** city-banner-page *****************************/


    @media (max-width: 992px) {
        .city-text {
            padding-right: 5%;
            padding-left: 5%;
            padding-top: 5%;
        }
    
        .city-text h1 {
            font-size: 18px; 
        }
    
        .city-text h2 {
            font-size: 28px;
        }
    
        .city-text p {
            font-size: 14px; 
        }
    
        #city-form {
            margin-top: 20px; 
        }
    
        #city-form h2 {
            font-size: 20px; 
        }
    
        #city-form .form-control {
            font-size: 14px; 
        }
    }
    
    @media (max-width: 576px) {
        .city-text h1 {
            font-size: 16px; 
        }
    
        .city-text h2 {
            font-size: 24px; 
        }
    
        .city-text p {
            font-size: 14px;
        }
    
        #city-form h2 {
            font-size: 18px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .city-text {
            padding-right: 5%;
            padding-left: 5%;
            padding-top: 5%;
        }
    
        .city-text h1 {
            font-size: 18px; 
        }
    
        .city-text h2 {
            font-size: 28px;
        }
    
        .city-text p {
            font-size: 14px; 
        }
    
        #city-form {
            margin-top: 20px; 
            width: 100%;
        }
    
        #city-form h2 {
            font-size: 20px; 
        }
    
        #city-form .form-control {
            font-size: 14px;
        }
    
        .col-md-4 {
            margin-top: 20px; 
        }
    }



    /* Extra padding on small devices to prevent overflow */
@media (max-width: 567px) {
  #city-form {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px;
    margin-right: 15px;
  }
}



    /********************************** city-banner-page-end *****************************/

    /************************** city-page-silder ************************************/
    @media (max-width: 991px) {
        .testimonial-card {
            margin: 10px 15px; 
        }
    
        .avatar {
            width: 60px; 
            height: 60px; 
        }
    
        .testimonial-slider h2 {
            font-size: 20px !important; 
        }
    
        .testimonial {
            font-size: 14px; 
        }
    
        .city-testimonial {
            font-size: 14px; 
        }
        img.avatar {
            margin-left: -40px;
        }
    }
    
    @media (max-width: 768px) {
    .avatar {
            margin-bottom: 10px; 
        }
    
        .name {
            font-size: 18px; 
        }
    
        .location {
            font-size: 12px; 
        }
    
        .testimonial-slider h2 {
            font-size: 18px; 
        }
    }

    /************************** city-page-silder-end ************************************/