.uppercat-menu {
    height: 0;
    overflow: hidden;
    padding: 0 20px;
    opacity: 0;
    transition: height 0.8s linear, opacity 0.8s linear, padding 0.8s linear;
    display: flex;
}

.menu-container {
    width: 35%;
}

.contact-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.logo-space {
    display: flex;
    justify-content: flex-end;
}

.logo-space img {
    width: 275px;
    height: auto;
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.heading-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
    margin-bottom: 25px;
}

.contact-info h3 {
    font-family: "satoshi-variable", Sans-serif;
    font-size: 42px;
    font-weight: 900;
    color: #d1d1d1;
}

.info-wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 75px;
    align-items: center;
    margin-bottom: 15px;
}

.address-info {
    display: flex;
    flex-direction: column;
}

.address-info p,
.phone-info p {
    color: #D1D1DB;
    font-family: "Abel";
    font-size: 24px;
}

.address-info ul {
    padding-left: 21px;
}

.address-info li {
    font-size: 16px;
    font-family: 'Satoshi-variable', Sans-serif;
    color: #D1D1DB;

}

.phone-info {
    display: flex;
    flex-direction: column;
}

.phone-info a {
    text-decoration: none;
    color: #D1D1DB;
    font-family: "Satoshi-variable", Sans-serif;
    font-size: 16px;
}


.openTopMenu {
    height: 100vh;
    width: 100vw;
    opacity: 1;
    padding: 20px;
}



.nav {
    list-style: none;
    color: white;
    font-size: 10px;
    padding: 0;
}

.element_menu {
    display: flex;
    flex-direction: row;
    column-gap: 25px;
}

.element_menu .number {
    font-family: "Abel", Sans-serif;

    font-size: 12px;
    font-weight: 100;
    color: #d1d1d1;
}

.element_menu .title {
    font-family: "satoshi-variable", Sans-serif;
    font-size: 52px;
    font-weight: 900;
    color: #d1d1d1;
}


.add_top_border_wrapper_menu {
    border-top: 0.5px solid #d1d1d1 !important
}

.fixed_header {
    position: fixed;
    background: #000000;
    z-index: 99999;
    width: 100vw;

}


.hide-top-menu-header {
    opacity: 0 !important;
    transition: opacity 0.8s linear !important;
}


html.no-scroll,
body.no-scroll,
html.no-scroll body,
html.no-scroll #page,
html.no-scroll .site,
html.no-scroll .elementor {
    overflow: hidden !important;
    height: 100%;
}



@media (max-width: 1024px) {
    .contact-container {
        display: none;
    }

    .menu-container {
        width: 100%;
    }


}