@media (max-width: 1250px) {
    .education-card-all {
        flex-direction: column;
        gap: 2rem;
    }

    .card-2 {
        gap: 2rem;
    }

    .bg-education {
        display: none;
    }
}

@media (max-width: 1000px) {
    .home .container {
        flex-direction: column;
        margin-top: 0;
    }

    .text-home-title {
        width: 90%;
        height: 100%;
        gap: 40px;
        text-align: center;
        margin-bottom: 4rem;
    }

    .data-cv {
        justify-content: space-around;
    }

    .about .container {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 4rem;
        margin-bottom: 5rem;
    }

    .about .container .images {
        position: relative;
        margin-top: 2rem;
    }

    .about .container .data {
        width: 100%;
        margin-top: 0;
    }

    .about .container .images {
        margin-left: 4rem;
    }
}

@media (max-width: 600px) {
    section {
        margin: 100px 30px 0;
    }

    section.skills {
        margin: 0 30px 0;
    }

    nav {
        width: 100%;
        padding: 10px;
        top: 0;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid var(--bg_nav_border);
    }

    nav .container {
        width: 90%;
    }

    nav a {
        height: 90%;
        line-height: 30px;
        padding: 0 20px;
    }

    nav a span {
        display: none;
    }

    nav a i {
        visibility: visible;
        font-size: 1.3rem;
        line-height: 50px;
        position: relative;
    }

    a.active {
        border-right: none;
        box-shadow: none;
    }

    @keyframes ahmed {
        0% {
            height: 100%;
            z-index: 99;
        }

        100% {
            height: 0;
            z-index: 99;
        }
    }

    @keyframes ahmed2 {
        0% {
            height: 100%;
            z-index: 99;
        }

        100% {
            height: 0;
            z-index: 99;
        }
    }

    .moon {
        position: fixed;
        bottom: 15px;
        right: 15px;
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 460px) {
    .text-home-title {
        width: 100%;
    }

    .home-images {
        width: 100%;
    }

    #filter-buttons button {
        width: 60px;
        font-size: .8rem;
    }
}

@media (max-width: 450px) {
    .about .container .images {
        margin-left: 0;
    }

    .about .container .images img {
        width: 100%;
        height: 100%;
        rotate: 0deg;
        margin-left: 0;
    }

    .about .container .images .about-dg {
        display: none;
    }

    .about .container .images .about-dg2 {
        display: none;
    }

    .about .container ul {
        gap: 0;
    }

    .education-card span {
        font-size: .8rem;
        margin-top: 0.5rem;
    }

    .education-card p {
        font-size: 0.5rem;
    }

    .education-card h2 {
        font-size: 1.1rem;
    }

    .education-card .education-btn-cert {
        padding: 7px 5px;
        font-size: 1rem;
        width: 120px;
    }

    .data-cv .cv {
        padding: 13px 17px;
    }

}

@media (max-width: 730px) {
    .certificate-active2 {
        width: 96%;
    }
}

@media (max-width: 630px) {
    .education-cards {
        display: block;
    }

    .education-card-all .education-card {
        width: 100%;
    }

    .bg-education {
        display: none;
    }

    .card-2 {
        width: 100%;
    }

    .educ-title {
        flex-wrap: wrap;
    }

}

@media (max-width: 870px) {
    section.skills {
        margin: 90px 15px 0;
    }

    .skills .cards {
        width: 100%;
    }

    .contact-container {
        align-items: center;
        margin-top: 0;
    }

    .contact-title {
        text-align: center;
    }

    .contact-title br {
        display: none;
    }

    .contact-text {
        text-align: center;
    }

    .contact-icon {
        justify-content: center;
    }
}

@media (max-width: 400px) {
    .skills-card {
        width: 40%;
    }

    .text-home-title .data-home p {
        font-size: 1.7rem;
    }

    .swiper-slide {
        width: 250px !important;
    }

    .home-article,
    .home-img {
        width: 230px;
    }
}

@media (max-width: 520px) {
    .contact-group {
        display: block;
    }

    .contact-input {
        width: 100%;
    }

    .contact-input:nth-child(2) {
        margin-top: 1rem;
    }

    .contact-form {
        gap: 0;
    }

    .contact-button {
        margin-top: 1.5rem;
    }
}

@media (max-width: 560px) {
    #filterable-cards .card {
        width: 80%;
    }
}

@media (max-width: 400px) {
    #filterable-cards .card {
        width: 100%;
    }
}

@media (max-width: 360px) {
    #filter-buttons button {
        width: 100%;
    }
}

@media (max-width: 300px) {
    nav {
        height: 60px;
        zoom: .9;
    }

    nav .container {
        width: 100%;
    }

    nav a {
        padding: 0 15px;
        height: 80%;
    }

    a:not(.active):hover:after {
        top: 0;
    }

    .moon,
    .trans,
    .trans select,
    .click {
        zoom: .9;
    }

    .trans select {
        height: 55px;
        width: 55px;
    }
}