/* 
 * WANEXA EXIMS PRIVATE LIMITED - Responsive Stylesheet
 * Handles fine-grained layout adjustments for all viewport sizes
 */

/* --- Large Desktop & Laptops (1200px and up) --- */
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* --- Medium Laptops & Small Desktops (992px to 1199px) --- */
@media (max-width: 1199.98px) {
    .hero-title {
        font-size: 3rem;
    }
    
    .timeline-content {
        width: 42%;
    }
}

/* --- Tablets & Large Mobile (768px to 991px) --- */
@media (max-width: 991.98px) {
    .navbar-custom {
        
        padding: 15px 0 !important;
    }
    
    .navbar-nav .nav-link {
        padding: 10px 0 !important;
    }
    
    .navbar-nav .nav-link::after {
        left: 0;
    }
    
    .navbar-nav .nav-link:hover::after,
    .navbar-nav .nav-link.active::after {
        width: 100%;
    }
    
    .hero-section {
        padding: 160px 0 100px;
        text-align: center;
    }
    
    .hero-title {
        font-size: 2.75rem;
    }
    
    .hero-desc {
        margin: 0 auto 35px;
    }
    
.floating-img {
        max-width: 100%;
        margin: 40px auto 0;
        display: block;
    }
    
    .section-padding {
        padding: 70px 0;
    }
    
    .process-timeline::before {
        left: 30px;
    }
    
    .timeline-badge {
        left: 30px;
    }
    
    .timeline-content {
        width: calc(100% - 60px);
        margin-left: 60px !important;
    }
    
    .timeline-item:nth-child(odd) .timeline-content::after,
    .timeline-item:nth-child(even) .timeline-content::after {
        left: -10px;
        border-width: 10px 10px 10px 0;
        border-color: transparent var(--white) transparent transparent;
    }
    
    .contact-form-container {
        padding: 30px;
        margin-bottom: 40px;
    }
    
    .contact-info-wrapper {
        padding: 30px;
    }
    
    .footer-main {
        padding: 60px 0 30px;
    }
    
    .footer-main .col-md-3,
    .footer-main .col-md-4 {
        margin-bottom: 40px;
    }
    
    .footer-main .col-md-3:last-child {
        margin-bottom: 0;
    }
    
    .testimonial-slide {
        width: 50%;
    }
}

/* --- Portrait Tablets & Mobile Devices (576px to 767px) --- */
@media (max-width: 767.98px) {
    .hero-title {
        font-size: 2.25rem;
    }
    
    .hero-desc {
        font-size: 1.1rem;
    }
    
    .section-title {
        font-size: 1.85rem;
    }
    
    .subpage-title {
        font-size: 2.25rem;
    }
    
    .btn-premium {
        padding: 10px 22px;
        font-size: 0.95rem;
    }
    
    .stat-number {
        font-size: 2.75rem;
    }
    
    .stat-label {
        font-size: 0.85rem;
    }
    
    .testimonial-card {
        padding: 30px 20px;
    }
    
    .testimonial-slide {
        width: 100%;
    }
}

/* --- Extra Small Mobile Devices (Less than 576px) --- */
@media (max-width: 575.98px) {
    .navbar-brand {
        font-size: 1.25rem;
    }
    
    .hero-title {
        font-size: 1.85rem;
    }
    
    .hero-subtitle {
        font-size: 0.95rem;
        letter-spacing: 2px;
    }
    
    .section-title {
        font-size: 1.6rem;
    }
    
    .subpage-banner {
        padding: 130px 0 80px;
    }
    
    .subpage-title {
        font-size: 1.85rem;
    }
    
    .process-timeline::before {
        left: 20px;
    }
    
    .timeline-badge {
        left: 20px;
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }
    
.timeline-content {
        width: calc(100% - 45px);
        margin-left: 45px !important;
        padding: 20px;
        margin-top: 30px;
    }
    .timeline-content::after {
        display: none; /* Hide triangles to save horizontal space */
    }
    
    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }
    
    .newsletter-group {
        flex-direction: column;
        background: transparent;
        border: none;
        gap: 10px;
        padding: 0;
    }
    
    .newsletter-input {
        background-color: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 50px;
        padding: 12px 20px;
        width: 100%;
    }
    
    .newsletter-btn {
        width: 100%;
        padding: 12px 20px;
    }
}





/* @media (max-width: 768px) {

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.0 * var(--bs-gutter-x));
    margin-left: calc(-.0 * var(--bs-gutter-x));
    margin-top: 20px !important;
}

} */