/* Responsive Design */
@media (max-width: 1200px) {
    .container {
        max-width: 1140px;
    }

    .franchise-benefit-header h2,
    .bohca-vibe-content h2,
    .bohca-faq-content h2,
    .partnership-content h2 {
        font-size: 42px;
    }

    .bohca-faq-wrapper {
        gap: 40px;
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 960px;
    }

    .franchise-benefit-header {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bohca-vibe-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .franchise-grid {
        gap: 20px;
        padding: 10px;
    }

    .bohca-faq-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .bohca-faq-image {
        order: -1;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding: 5px;
    }

    .franchise-benefit,
    .bohca-vibe,
    .bohca-faq,
    .partnership {
        padding: 10px 0;
    }

    .franchise-benefit-header h2,
    .bohca-vibe-content h2,
    .bohca-faq-content h2,
    .partnership-content h2 {
        font-size: 32px;
    }

    .bohca-faq-wrapper {
        padding: 30px 20px;
    }

    .partnership-subtitle {
        font-size: 20px;
    }
    .franchise-grid{
        grid-template-columns: 1fr;
    }

    .bohca-vibe-content .hero-btn {
        width: 100%;
        justify-content: center;
    }

    .bohca-grid,
    .core-grid,
    .stat-grid,
    .franchise-benefit-header,
    .bohca-faq-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .franchise-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .franchise-grid .franchise-item:first-child {
        order: 2;
    }

    .franchise-grid .franchise-item:last-child {
        order: 1;
    }

    .bohca-title h2 {
        font-size: 16px;
    }

    .bohca-title p {
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 55px;
    }

    .testimonial-section {
        padding: 30px 20px;
    }

    .section-heading h2 {
        font-size: 32px;
    }

    .testimonial-card {
        padding: 16px;
    }


    .gallery-section {
        padding: 6px 6px;
    }

    .gallery-section .section-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .gallery-section .gallery-filters {
        flex-wrap: wrap;
        gap: 2px;
        justify-content: flex-start;
        margin-top: 4px;
    }

    .gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

}



/* Mobile */
@media (max-width: 576px) {
    .container {
        max-width: 100%;
    }

    .hero {
        height: 340px;
    }

    .hero-content {
        padding: 20px;
      
    }

    .hero .circle-badge>img {
        width: 100px;
    }

    .hero-content h1 {
        font-size: 40px;
        max-width: 300px;
        margin-bottom: 50px;
    }

    .blog-title h2,
    .faq h2,
    .client-title h2,
    .blog .blog-title h2,
    .brand-title h2,
    .about4-title h2 {
        font-size: 35px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .copyright {
        flex-wrap: wrap;
    }

    .copyright p {
        padding-bottom: 10px;
    }

    .hero-btn {
        font-size: 16px;
        padding: 8px 8px 8px 35px;
    }

    .hero-btn-container {
        padding: 0px;
        right: 10%;
        border-radius: 15px 15px 0 15px;
    }

    .hero-btn i {
        padding: 8px 10px;
    }

    .hero .hero-btn {
        padding: 5px 5px 5px 50px;
        font-size: 16px;
    }

    .footer-grid .footer-content:last-child img {
        width: 100%;
    }

    .footer-content {
        padding: 10px;
    }

}