/* Import base styles from index.css */

@import url('./index.css');



/* Navigation brand styling */

#Fibnet-text {

    font-weight: 700;

}



/* Hero section heading overrides - fully white, no shadows */

.hero-section .Fibnettitle,

.hero-section .fibnet {

    color: #ffffff !important;

    text-shadow: none !important;

    filter: none !important;

    animation: none !important;

}



.hero-section .hero-subtitle {

    color: #ffffff !important;

    text-shadow: none !important;

}



/* Contact Page Responsive Design */



/* Tablet View (768px - 991px) */

@media (max-width: 991px) {

    .contact-form-section {

        padding: 3rem 0;

    }

    

    .contact-form-container {

        padding: 2rem;

    }

    

    .hero-section .hero-content {

        padding: 0 1rem;

    }

    

    .hero-section .Fibnettitle {

        font-size: 2.5rem;

    }

    

    .hero-section .hero-subtitle {

        font-size: 1.1rem;

    }

}



/* Mobile View (576px - 767px) */

@media (max-width: 767px) {

    .contact-form-section {

        padding: 2.5rem 0;

    }

    

    .contact-form-container {

        padding: 1.5rem;

    }

    

    .hero-section .hero-content {

        padding: 0 1rem;

    }

    

    .hero-section .Fibnettitle {

        font-size: 2rem;

    }

    

    .hero-section .hero-subtitle {

        font-size: 1rem;

    }

    

    .contact-form-container h3 {

        font-size: 1.5rem;

    }

    

    .btn-submit {

        font-size: 0.9rem;

        padding: 0.75rem 1.5rem;

    }

}



/* Small Mobile View (575px and below) */

@media (max-width: 575px) {

    .contact-form-section {

        padding: 2rem 0;

    }

    

    .contact-form-container {

        padding: 1rem;

    }

    

    .hero-section .hero-content {

        padding: 0 0.5rem;

    }

    

    .hero-section .Fibnettitle {

        font-size: 1.8rem;

        line-height: 1.2;

    }

    

    .hero-section .hero-subtitle {

        font-size: 0.95rem;

    }

    

    .contact-form-container h3 {

        font-size: 1.3rem;

        margin-bottom: 1rem;

    }

    

    .contact-form-container p {

        font-size: 0.9rem;

        margin-bottom: 1.5rem;

    }

    

    .form-label {

        font-size: 0.9rem;

        margin-bottom: 0.5rem;

    }

    

    .form-control {

        font-size: 0.9rem;

        padding: 0.75rem;

    }

    

    .btn-submit {

        font-size: 0.85rem;

        padding: 0.6rem 1.2rem;

    }

    

    .form-message {

        font-size: 0.85rem;

    }

}



/* Extra Small Screens (480px and below) */

@media (max-width: 480px) {

    .hero-section .Fibnettitle {

        font-size: 1.6rem;

    }

    

    .hero-section .hero-subtitle {

        font-size: 0.85rem;

    }

    

    .contact-form-container h3 {

        font-size: 1.2rem;

    }

    

    .contact-form-container p {

        font-size: 0.85rem;

    }

    

    .form-control {

        padding: 0.6rem;

    }

    

    .btn-submit {

        font-size: 0.8rem;

        padding: 0.5rem 1rem;

    }

}