/* Responsive Styles */
@media screen and (max-width: 1300px) {

    /* Hide contact button here */
    .button-header-form {
        display: none;
    }

    .no-english-card-title {
        font-size: 26px;
    }
    .no-english-item-text {
        font-size: 16px;
    }

    .frame-section-3-box-content {
        padding: 38px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .frame-footer-contact-us-row {
        gap: 0;
    }

    .scroll-wrapper::-webkit-scrollbar {
      display: none; /* Chrome/Safari */
    }
}

/* Responsive Styles */
@media screen and (max-width: 1165px) {
    /* Adjust header size */
    .header {
        padding: 12px 20px;
        top: 16px;
        border-radius: 16px;
    }

    /* Hide desktop menu items and buttons */
    .menu-header2 {
        position: fixed;
        top: 0;
        right: -300px; /* Off-screen */
        width: 270px;
        height: 100vh;
        background: var(--light-purple, #cfd5f6);
        padding: 80px 20px 20px;
        flex-direction: column;
        align-items: flex-start;
        z-index: 998;
        transition: right 0.3s ease;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    }

    .menu-header {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid rgba(44, 44, 98, 0.1);
    }

    .div63 {
        font-size: 18px; /* Larger font for mobile */
    }

    /* Show burger menu */
    .mobile-menu-toggle {
        display: flex;
    }

    /* Hide contact button here */
    .button-header-form {
        display: flex;
    }

    /* Button to appear in mobile menu */
    .menu-header2 .button-header-form {
        display: flex;
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }

    .frame-solution-row2 {
        grid-template-columns: repeat(6, 1fr);
    }
    /* First 3 items each take 2 columns (2×3 = 6) */
    .frame-solution-row2 > :nth-child(1),
    .frame-solution-row2 > :nth-child(2),
    .frame-solution-row2 > :nth-child(3) {
        grid-column: span 2;
    }
    /* Items 4 and 5 each take 3 columns (3×2 = 6) */
    .frame-solution-row2 > :nth-child(4),
    .frame-solution-row2 > :nth-child(5) {
        grid-column: span 3;
    }

    .frame-footer-contact-us-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }
}