/* Nexgenvisa Custom Styles */

/* Additional custom styles can be added here */
.hero-gradient {
    background: linear-gradient(135deg, #3B82F6 0%, #1E40AF 100%);
}

/* Form focus styles */
.form-input:focus {
    outline: none;
    border-color: #3B82F6;
}

/* Button styles */
.btn-primary {
    background-color: #3B82F6;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.btn-accent {
    background-color: #F97316;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

/* Loading spinner */
.spinner {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3B82F6;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive text adjustments */
@media (max-width: 768px) {
    .country-title {
        font-size: 2rem !important;
    }
    
    .country-subtitle {
        font-size: 1.25rem !important;
    }
    
    .country-flag-large {
        width: 80px !important;
        height: 53px !important;
    }
}

@media (max-width: 480px) {
    .country-title {
        font-size: 1.75rem !important;
    }
    
    .country-subtitle {
        font-size: 1.125rem !important;
    }
    
    .country-flag-large {
        width: 64px !important;
        height: 43px !important;
    }
}