@media (max-width: 1600px) {
    .expertText {
        font-size: 70px !important;
    }

    .productText {
        font-size: 120px !important;
    }

    .partner-section {
        padding-inline: 130px;
    }
}

@media (width > 1024px) {
    .header__content form {
        flex-direction: row;
    }

    .header__content button {
        width: fit-content;
    }

}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media (max-width: 1050px) {
    .ourServices-cards-wrapper {
        flex-direction: column;
    }

    .ourService-card1 {
        width: 66vw !important;
    }

    .timeline__event {
        width: 80vw;
    }
}

@media (max-width: 768px) {
    .client_section {
        padding-inline: 50px;
    }

    .header__container {
        max-width: var(--max-width);
        margin: auto;
        padding-block: 8rem 2rem;
        padding-inline: 1rem;
        display: flex;
        flex-direction: column-reverse;
        overflow-x: hidden;
    }

    .header__image {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .header__image img {
        width: 250px;
        height: 60vh;
        display: none;
    }

    .header__image__card {
        position: relative;
        transform: none;
        top: 0;
        left: 0;
    }

    .about_section .img-box {
        margin-bottom: 45px;
    }

    .partner-section {
        padding-inline: 8 0px;
    }
}

@media (width > 768px) {
    nav {
        position: static;
        padding-block: 2rem 0;
        padding-inline: 1rem;
        max-width: var(--max-width);
        margin-inline: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
    }

    .nav__header {
        flex: 1;
        padding: 0;
        background-color: transparent;
    }

    .nav__logo a {
        color: #FFFFFF;
    }

    .nav__logo a span {
        color: #109CD4;
    }

    .nav__menu__btn {
        display: none;
    }

    .nav__links {
        position: static;
        padding: 0;
        flex-direction: row;
        background-color: transparent;
        transform: none;
    }

    .nav__links a {
        padding-block: 5px;
        color: #FFFFFF;
    }

    .nav__btns {
        display: flex;
        flex: 1;
    }

    .nav__btns .btn {
        padding: 0.75rem 1.5rem;
        outline: none;
        border: none;
        font-size: 1rem;
        white-space: nowrap;
        border-radius: 10px;
        transition: 0.3s;
        cursor: pointer;
    }

    .sign__up {
        color: #FFFFFF;
        background-color: transparent;
    }

    .sign__up:hover {
        color: #109CD4;
    }

    .sign__in {
        color: var(--white);
        background-color: #109CD4;
    }

    .sign__in:hover {
        background-color: #174388;
    }

    .header__container {
        padding-block: 2rem;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }

    .header__image {
        grid-area: 1/2/2/3;
    }

    .header__content :is(h1, p, .bar) {
        text-align: left;
    }
}

@media (max-width: 640px) {
    #visionMission {
        background-image: none;
    }

    .clip-path-shape {
        clip-path: none;
    }
}

@media (max-width: 576px) {


    .client_section .client_container {
        width: 100%;
    }

    .client_section .box {
        margin: 0;
    }

    .owl-nav {
        display: flex;
        justify-content: center;
        margin-top: 45px;
    }

    .client_section .owl-carousel .owl-nav .owl-prev,
    .client_section .owl-carousel .owl-nav .owl-next {
        position: unset;
        margin: 0 2.5px;
    }

    .partner-section {
        padding-inline: 40px;
    }

}

@media (max-width: 470px) {
    .ourService-card2 {
        height: 420px !important;
    }

    .ourService-card3 {
        height: 420px !important;
    }

    .ourService-card4 {
        height: 420px !important;
    }

    .ourService-card5 {
        height: 420px !important;
    }
}

@media (max-width: 450px) {
    .expertText {
        font-size: 46px !important;
    }

    .productText {
        font-size: 84px !important;
    }

    .menu {
        flex-direction: column;
    }

    .clip-path-shape {
        padding-left: 10px !important;
    }

    .contact_container {
        padding: 0px !important;
    }

    .productText {
        margin-left: -24px !important;
    }

    .ourService-card1 {
        gap: 16px !important;
        height: 800px !important;
    }
}