/* ========== Responsive Styles ========== */

/* Large Devices (Desktops, less than 1200px) */
@media (max-width: 1600px) {
    .hero-content h1 {
        font-size: 3.5rem;
    }
}
/* Large Devices (Desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .hero-content h1 {
        font-size: 2.5rem;
    }
}

/* Medium Devices (Tablets, less than 992px) */
@media (max-width: 991.98px) {
    .hero-content {
        text-align: center;
    }
    
    .hero-buttons {
        justify-content: center;
    }
    .hero-buttons .btn {
        justify-content: center;
    }
    
    .stat-number {
        font-size: 2rem;
    }

    .section-title {
        font-size: 1.75rem;
    }

    .feature-icon {
        margin-bottom: 10px;
    }
}

/* Small Devices (Landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .hero {
        margin: 0 10px;
        padding: 40px 0 60px;
        border-radius: 15px;
    }
    
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .hero-text {
        font-size: 1rem;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .section-subtitle br,
    .cta-section p br {
        display: none;
    }

    .financing-cta-box{
        padding: 40px 15px;
    }

    .process-arrow {
        display: none !important;
    }
}

/* Extra Small Devices (Portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .hero-content h1 {
        font-size: 1.75rem;
    }
    
    
    
    .stat-number {
        font-size: 1.75rem;
    }

    .service-card {
        padding: 20px;
    }

    .cta2-box {
        padding: 40px 20px;
        border-radius: 15px;
    }
}
