/* Responsive Design */
@media (max-width: 1024px) {
    .faq-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .faq-image-section {
        position: relative;
        top: 0;
    }

    .faq-content {
        padding-left: 0;
    }

    .current-question {
        font-size: 32px;
    }
}

@media (max-width: 968px) {
    .about-content {
        flex-direction: column;
        gap: 40px;
    }

    .card {
        width: 350px;
    }
}

@media (max-width: 768px) {
    .hero-image {
        height: 50vh;
    }

    .hero-main {
        font-size: 20px;
    }
    
    .hero-subtitle {
        font-size: 16px;
    }
    
    .slider-container {
        height: 350px;
    }

    .about-text h2 {
        font-size: 28px;
    }

    .gallery-header h2 {
        font-size: 24px;
    }

    .card {
        width: 90%;
        max-width: 400px;
    }

    .partners-grid {
        gap: 40px;
    }

    .partner-logo {
        height: 50px;
    }

    .faq-section {
        padding: 60px 0;
    }

    .faq-container {
        padding: 0 20px;
        gap: 40px;
    }

    .current-question {
        font-size: 28px;
    }

    .faq-hero-image {
        height: 400px;
    }
    
    .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .carousel-section {
        padding: 40px 15px;
    }
    
    .hero-main {
        font-size: 18px;
    }
    
    .hero-subtitle {
        font-size: 14px;
    }
    
    .slider-container {
        height: 280px;
    }
}

/* Form Responsive Styles */
@media (max-width: 768px) {
    .inquiry-section {
        padding: 80px 20px;
    }
    
    .form-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    
    .contact-form {
        gap: 25px;
    }
    
    .checkbox-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .accordion-summary {
        padding: 15px;
        font-size: 15px;
    }
    
    .accordion-panel {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .form-title {
        font-size: 28px;
    }
    
    .form-input,
    .form-textarea {
        padding: 12px 15px;
        font-size: 15px;
    }
    
    .form-submit {
        padding: 15px 30px;
        font-size: 14px;
        min-width: 180px;
    }
}

/* Footer Responsive Styles */
@media (max-width: 768px) {
    .footer .hero-section {
        padding: 80px 20px;
    }
    
    .footer .tagline {
        font-size: 1.8rem;
    }

    .portfolio-strip {
        flex-wrap: wrap;
        gap: 8px;
    }

    .portfolio-image {
        width: 120px;
        height: 90px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .brand-script {
        font-size: 3rem;
    }

    .main-footer {
        padding: 60px 20px 40px;
    }

    /* Show floating text us button on mobile */
    .text-us-bt {
        display: block;
    }
}

/* Hide floating button on desktop */
@media (min-width: 769px) {
    .text-us-bt {
        display: block;
    }
}
@media (min-width: 1025px) { /* Adjust this breakpoint as needed for desktop */
    .hero-image {
        height: 100vh; /* Example: 60% of viewport height. Adjust as desired. */
    }
}