header {
    background: white;
}

.header_desktop_wrapper {
    display: flex;
    justify-content: space-between;
    padding: 2vw 0 2vw 0;
    align-items: center;
}

.header_desktop_logo {
    width: 7.2vw;
}

.header_desktop_logo img {
    width: 100%;
    height: 100%;
}

.header_desktop_links ul {
    display: flex;
    gap: 7vw;
}

.header_desktop_links ul li {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 1vw;
    color: rgba(82, 82, 82, 1);
    transition: color 0.2s ease-in-out;
    cursor: pointer;
}

.header_desktop_links ul li:hover {
    color: rgba(73, 190, 235, 1);
}

.header_desktop_mp {
    display: flex;
    justify-content: right;
    gap: 3vw;
}

.header_desktop_mp_item {
    display: flex;
    align-items: center;
    gap: 1vw;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1vw;
}

.header_desktop_mp_item img {
    width: 1.2vw;
}

.header_mobile {
    display: none !important;
}
@media (max-width: 768px) {
    header {
        position: fixed;
        background: white;
        width: 100%;
        z-index: 50;
    }

    .header_mobile {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 4vw 0 4vw 0;
    }

    .header_mobile_logo {
        width: 20vw;
    }

    .header_mobile_open {
        width: 9vw;
    }

    .header_mobile_logo img,
    .header_mobile_open img {
        width: 100%;
    }

    .header_desktop_mp_item {
        font-size: 4.2vw;
        gap: 2vw;
    }

    .header_desktop_mp_item img {
        width: 5vw;
    }
}