html {
   scroll-behavior: smooth;
}

.form-step {
    display: none;
}

.form-step.active {
    display: block;
}
.background-image {
    background-image: url('../images/loans3-cta-bg.png'); 
    background-size: cover; 
    padding: 240px 0px 170px 0px;
}

.apply-now{
    background-color: #65CA46; 
    padding: 5px 100px; 
    border-radius: 5px; 
    color: #fff; 
    font-size: 20px;
}
.contact_mail{

}
/* Tablet - Adjust padding and button size for medium screens */
@media (max-width: 1024px) {
    .background-image {
        padding: 200px 0px 150px 0px;  /* Slightly reduced padding */
    }

    .apply-now {
        padding: 5px 80px; /* Adjust button padding */
        font-size: 18px;  /* Reduce font size */
    }
}

/* Mobile - Adjust padding, button size, and background size for small screens */
@media (max-width: 768px) {
    .background-image {
        padding: 150px 0px 120px 0px;  /* Reduced padding */
        background-size: auto 100%;  /* Adjust background size to fit mobile */
    }

    .apply-now {
        padding: 5px 60px; /* Smaller button padding */
        font-size: 16px;  /* Smaller font size */
    }
}

/* Mobile (Portrait) - Further reduce for very small screens */
@media (max-width: 480px) {
    .background-image {
        padding: 120px 0px 100px 0px; /* Reduce padding further */
        background-size: cover;
        background-position: center center; /* Ensure background still covers */
    }

    .apply-now {
        padding: 5px 40px;  /* Even smaller button padding */
        font-size: 14px;  /* Smaller font size */
    }
    .contact_mail {
        font-size: 22px;
    }
}

/* Hide by default */
.mobile-only {
    display: none;
}

/* Show only on mobile screens */
@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }
}