@media (max-width:1024px) {

    /* Header Start */
    .header .header-main {
        margin-left: 2rem;
    }


    .header .header-items nav a {
        font-size: 0.9rem;
    }

    .header .contact_us {
        display: none;
    }

    /* Header End */

    /* Footer Start */

    .footer-cta {
        padding: 40px 15px;
    }

    .footer-cta h2 {
        font-size: 35px;
    }

}

@media (max-width: 786px) {

    /* Header Start */
    .header {
        overflow: visible;
    }

    .header .header-main .header-logo h1 {
        font-size: 1.2rem;
    }

    .header .header-items nav {
        position: absolute;
        top: 60px;
        left: 0%;
        background: #071024;
        backdrop-filter: blur(20px);
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        display: flex;
        transform: translateX(120%);
        transition: transform 0.5s ease;
        padding: 1.5rem 0;
        z-index: 999;
    }

    .header .header-items nav.show {
        transform: translateX(0%);
    }

    .header .header-items nav a {
        margin: 0;
        font-size: 1.4rem;
        font-weight: bold;
    }

    .nav-toggle {
        color: var(--active-teal);
        display: block;
    }

    /* Header End */

    /* Footer Start */
    .footer-cta-content {
        flex-direction: column;
    }

    .footer-cta {
        margin-bottom: 2rem;
    }

    .footer-cta h2 {
        font-size: 25px;
    }

    .footer-cta p {
        font-size: 10px;
    }

    .cta-button {
        padding: 10px 15px;
    }

    .footer-container {
        padding: 50px 20px 0;
    }

    .footer-cta {
        grid-template-columns: 1fr;
        padding: 40px 30px;
        text-align: center;
    }

    .cta-buttons {
        justify-content: center;
    }

    .footer-cta::before {
        font-size: 150px;
    }

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

    .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }

    /* Footer End */
}