/* ============================================
   MOBILE FONT SIZE INCREASE
   Increases all font sizes by 2-3px for mobile view only
   Applies to devices with max-width: 767px
   ============================================ */

/* Mobile devices only (767px and below) */
@media (max-width: 767px) {

    /* Base font size increase */
    body, html {
        font-size: 18px !important; /* Increased from 16px */
    }

    /* Heading font sizes - increased by 2-3px */
   /* h1, .h1 {
        font-size: calc(4rem + 3px) !important;  
    }

    h2, .h2 {
        font-size: calc(3rem + 3px) !important;  
    }

    h3, .h3, .fs-45 {
        font-size: calc(2.813rem + 3px) !important;  
    }

    h4 {
        font-size: calc(2rem + 3px) !important;  
        line-height: calc(2.2rem + 3px) !important;
    }

    h5 {
        font-size: calc(2rem + 3px) !important;  
        line-height: calc(2.2rem + 3px) !important;
    }

    h6 {
        font-size: calc(1.75rem + 3px) !important;  
        line-height: calc(1.95rem + 3px) !important;
    }*/

    /* Utility font size classes - increased by 2-3px */
    .fs-9 { font-size: 11px !important; } /* Increased from 9px */
    .fs-10 { font-size: 12px !important; } /* Increased from 10px */
    .fs-11 { font-size: 13px !important; } /* Increased from 11px */
    .fs-12 { font-size: 14px !important; } /* Increased from 12px */
    .fs-13 { font-size: 15px !important; } /* Increased from 13px */
    .fs-14 { font-size: 16px !important; } /* Increased from 14px */
    .fs-15 { font-size: 17px !important; } /* Increased from 15px */
    .fs-16 { font-size: 18px !important; } /* Increased from 16px */
    .fs-17 { font-size: 19px !important; } /* Increased from 17px */
    .fs-18 { font-size: 20px !important; } /* Increased from 18px */
    .fs-19 { font-size: 21px !important; } /* Increased from 19px */
    .fs-20 { font-size: 22px !important; } /* Increased from 20px */
    .fs-22 { font-size: 24px !important; } /* Increased from 22px */
    .fs-24 { font-size: 26px !important; } /* Increased from 24px */
    .fs-26 { font-size: 28px !important; } /* Increased from 26px */
    .fs-28 { font-size: 30px !important; } /* Increased from 28px */
    .fs-30 { font-size: 32px !important; } /* Increased from 30px */
    .fs-32 { font-size: 34px !important; } /* Increased from 32px */
    .fs-35 { font-size: 37px !important; } /* Increased from 35px */
    .fs-38 { font-size: 40px !important; } /* Increased from 38px */
    .fs-40 { font-size: 42px !important; } /* Increased from 40px */
    .fs-45 { font-size: 47px !important; } /* Increased from 45px */
    .fs-48 { font-size: 50px !important; } /* Increased from 48px */
    .fs-50 { font-size: 52px !important; } /* Increased from 50px */
    .fs-55 { font-size: 57px !important; } /* Increased from 55px */
    .fs-60 { font-size: 62px !important; } /* Increased from 60px */
    .fs-65 { font-size: 67px !important; } /* Increased from 65px */
    .fs-70 { font-size: 72px !important; } /* Increased from 70px */
    .fs-75 { font-size: 77px !important; } /* Increased from 75px */
    .fs-80 { font-size: 82px !important; } /* Increased from 80px */
    .fs-85 { font-size: 87px !important; } /* Increased from 85px */
    .fs-90 { font-size: 92px !important; } /* Increased from 90px */
    .fs-95 { font-size: 97px !important; } /* Increased from 95px */
    .fs-100 { font-size: 102px !important; } /* Increased from 100px */
    .fs-110 { font-size: 112px !important; } /* Increased from 110px */
    .fs-120 { font-size: 122px !important; } /* Increased from 120px */
    .fs-130 { font-size: 132px !important; } /* Increased from 130px */
    .fs-140 { font-size: 142px !important; } /* Increased from 140px */
    .fs-150 { font-size: 152px !important; } /* Increased from 150px */
    .fs-160 { font-size: 162px !important; } /* Increased from 160px */
    .fs-170 { font-size: 172px !important; } /* Increased from 170px */
    .fs-180 { font-size: 182px !important; } /* Increased from 180px */
    .fs-190 { font-size: 192px !important; } /* Increased from 190px */
    .fs-200 { font-size: 202px !important; } /* Increased from 200px */
    .fs-225 { font-size: 227px !important; } /* Increased from 225px */
    .fs-250 { font-size: 252px !important; } /* Increased from 250px */

    /* Paragraph text */
    p {
        font-size: 18px !important; /* Increased from 16px */
        line-height: 1.7 !important;
    }

    /* List items */
    li {
        font-size: 18px !important; /* Increased from 16px */
    }

    /* Links */
    a {
        font-size: inherit; /* Inherits from parent */
    }

    /* Navigation links */
    .navbar .navbar-nav .nav-link {
        font-size: 20px !important; /* Increased from 18px */
    }

    .navbar .navbar-nav .dropdown .dropdown-menu a {
        font-size: 18px !important; /* Increased from 16px */
        line-height: 30px !important;
    }

    /* Buttons */
    .btn {
        font-size: inherit;
    }

    .btn.btn-extra-large {
        font-size: 19px !important; /* Increased from 17px */
    }

    .btn.btn-large {
        font-size: 18px !important; /* Increased from 16px */
    }

    .btn.btn-medium {
        font-size: 17px !important; /* Increased from 15px */
    }

    .btn.btn-small {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Form elements */
    .contact-form-style-03 .form-control,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Form labels */
    label {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Banner text */
    .banner-tagline h3 {
        font-size: calc(1.3rem + 3px) !important;
    }

    .banner-box h6 {
        font-size: calc(1rem + 0px) !important;
    }

    .txt-45 {
        font-size: 29px !important; /* Increased from 26px */
    }

    .banner-box h4.txt-45 {
        font-size: 27px !important; /* Increased from 24px */
    }

    /* Page title */
    .page-title-large h1 {
        font-size: 33px !important; /* Increased from 30px */
    }

    .page-title .page-title-large h1 {
        font-size: 27px !important; /* Increased from 24px */
    }

    /* Footer elements */
    .footer-dark .fs-18 {
        font-size: 18px !important; /* Increased from 16px */
    }

    .footer-dark ul li a,
    .footer-dark .col-6.col-md-4 a,
    .footer-dark .col-6.col-md-4 span {
        font-size: 16px !important; /* Increased from 14px */
    }

    .footer-dark .col-6.col-md-3.last-paragraph-no-margin p {
        font-size: 16px !important; /* Increased from 14px */
    }

    .footer-dark .fs-12 p,
    .footer-navbar li a {
        font-size: 12px !important; /* Increased from 10px */
    }

    .footer-top .cta-head {
        font-size: 21px !important; /* Increased from 18px */
    }

    .footer-top .widget-text {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Sections redesign specific */
    .why-choose-section h2 {
        font-size: 41px !important; /* Increased from 38px */
    }

    .why-choose-section h3 {
        font-size: 35px !important; /* Increased from 32px */
    }

    .why-choose-section .benefit-title {
        font-size: 20px !important; /* Increased from 18px */
    }

    .why-choose-section .benefit-desc {
        font-size: 16px !important; /* Increased from 14px */
    }

    .how-it-works-section h2 {
        font-size: 35px !important; /* Increased from 32px */
    }

    .how-it-works-section h3 {
        font-size: 31px !important; /* Increased from 28px */
    }

    .how-it-works-section .step-title {
        font-size: 18px !important; /* Increased from 16px */
    }

    .how-it-works-section .step-desc {
        font-size: 15px !important; /* Increased from 13px */
    }

    /* Loan benefits section */
    .loan-benefits-section .benefit-icon-wrap i {
        font-size: 17px !important; /* Increased from 15px */
    }

    .loan-benefits-section .benefit-title {
        font-size: 15px !important; /* Increased from 12px */
    }

    .loan-benefits-section .benefit-desc {
        font-size: 15px !important; /* Increased from 11px */
    }

    .loan-benefits-section .benefits-heading {
        font-size: 17px !important; /* Increased from 15px */
    }

    /* Widget text */
    .widget-text {
        font-size: 18px !important; /* Increased from 16px */
    }

    /* Breadcrumbs */
    .breadcrumb-item {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Card titles and text */
    .card-title {
        font-size: 22px !important; /* Increased from 20px */
    }

    .card-text {
        font-size: 18px !important; /* Increased from 16px */
    }

    /* Alerts and messages */
    .alert {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Table text */
    table {
        font-size: 16px !important; /* Increased from 14px */
    }

    th, td {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Feature boxes */
    .feature-box h3,
    .feature-box .feature-box-title {
        font-size: 22px !important; /* Increased from 20px */
    }

    .feature-box p,
    .feature-box .feature-box-content {
        font-size: 18px !important; /* Increased from 16px */
    }

    /* Icon boxes */
    .icon-box .icon-box-title {
        font-size: 20px !important; /* Increased from 18px */
    }

    .icon-box .icon-box-description {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Testimonials */
    .testimonial-text,
    .testimonial-content {
        font-size: 18px !important; /* Increased from 16px */
    }

    .testimonial-author {
        font-size: 17px !important; /* Increased from 15px */
    }

    /* Privacy text */
    .contact-form-style-03 p {
        font-size: 12px !important; /* Increased from 10px */
    }

    /* Tooltips */
    .tooltip-inner {
        font-size: 18px !important; /* Increased from 16px */
    }

    .tooltip-title {
        font-size: 20px !important; /* Increased from 18px */
    }

    /* Modal content */
    .modal-body {
        font-size: 18px !important; /* Increased from 16px */
    }

    .modal-title {
        font-size: 24px !important; /* Increased from 22px */
    }

    /* Section titles */
    .section-title {
        font-size: 35px !important; /* Increased from 32px */
    }

    .section-subtitle {
        font-size: 20px !important; /* Increased from 18px */
    }

    /* Price text */
    .price,
    .pricing-price {
        font-size: 32px !important; /* Increased from 30px */
    }

    /* Small text utility classes */
    .small,
    small {
        font-size: 15px !important; /* Increased from 13px */
    }

    /* Lead text */
    .lead {
        font-size: 22px !important; /* Increased from 20px */
    }

    /* Caption text */
    .caption,
    figcaption {
        font-size: 15px !important; /* Increased from 13px */
    }
}

/* Extra small mobile devices (575px and below) */
@media (max-width: 575px) {

    /* Base font size */
    body, html {
        font-size: 18px !important; /* Increased from 16px */
    }

    /* Slightly smaller increases for very small screens to maintain layout */
  /*  h1, .h1 {
        font-size: calc(3.5rem + 3px) !important;
    }

    h2, .h2 {
        font-size: calc(2.5rem + 3px) !important;
    }

    h3, .h3 {
        font-size: calc(2rem + 3px) !important;
    }*/

    /* Ensure readability on smallest screens */
    p, li {
        font-size: 18px !important;  
        line-height: 1.7 !important;
    }

    /* Maintain button readability */
    .btn {
        font-size: 16px !important; /* Increased from 14px */
    }

    /* Form elements remain readable */
    input, textarea, select {
        font-size: 16px !important; /* Increased from 14px - iOS minimum to prevent zoom */
    }
}

/* ============================================
   END MOBILE FONT SIZE INCREASE
   ============================================ */