html.hc-nav-yscroll { overflow-y: scroll}
body.openmenu { overflow: visible; position: fixed; width: 100%; min-height: 100%}
.social_menu a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    opacity: 1;
    float: left;
    text-decoration: none;
    transition: all 300ms ease-out;
    }
.social_menu{ display: flex!important; gap: 24px; padding: 0 20px; margin: 30px 0 0 !important;justify-content: center;}
.social_menu a svg { color: #fff!important; margin-right: 0!important}
.nav-close { display: none!important}
.close_icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #ff5252}
.fn_mobile_menu {  position: fixed; top: 0; height: 100%; z-index: 9999;  right: 0; display: block;}
.mob_menu_container { position: fixed;  z-index: 10000; top: 0; width: 480px;  height: 100%; max-width: 90%; max-height: 100%; box-sizing: border-box;transition: transform .4s ease, -webkit-transform .4s ease; right: 0;}
.fn_mobile_menu.hidden .mob_menu_container {transform: translate3d(480px, 0, 0);}
.fn_mobile_menu .mob_menu_container { transform: translate3d(0px, 0, 0);}
.mob_menu_wrapper { width: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;box-sizing: border-box;background: #ffffff;border-radius: 0 0 20px 20px; overflow: hidden; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);}
.mob_menu_content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;height: 100%;max-height: 100vh;}
.mob_menu_content::after, .fn_mobile_menu::after {content: ''; position: fixed;z-index: 9990;top: 0; left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease .4s, opacity .4s ease;backdrop-filter: blur(4px);background: #00000099;}
.fn_mobile_menu.op_menu::after {visibility: visible;opacity: 1;transition-delay: .05s;}
.mob_menu_content ul {list-style: none;margin: 0;padding: 0;}
.mob_menu_content .top-nav {background: #333333;color: #ffffff;}
.mob_menu_content li {text-align: left;position: relative;display: block;margin: 0!important;}
.mob_menu_content .second-nav{margin-top: 40px;}
.mobile__link {position: relative;font-size: 22px;font-weight: 600;color: #333333;z-index: 1;padding: 12px 16px;justify-content: space-between;}
.mobile__link img{
    height: 46px;
}
.second-nav li {padding: 0 20px;margin-bottom: 25px}
.mob_menu_content .header__callback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: var(--basic-company-text);
    border-radius: 10px;
    height: 50px;
    width: 100%;
    border: 2px solid var(--basic-company-text);
    transition: all .3s ease;
    cursor: pointer;
}
.mob_menu_content .menu_group__link {padding: 15px 20px;font-size: 18px;font-weight: 600;color: #414141;z-index: 1;position: relative;display: flex;align-items: center; text-align: center; justify-content: center;}
.menu_group__link a, .menu_group__link a:hover, .menu_group__link a:focus {color: #414141;}
.mob_menu_content .mob_contacts {background: #EAF1F0!important;border-top: 1px solid #C9DBD9;padding: 30px 0 20px;margin-top: 25px;}

.mob_menu_content .mob_contacts .email svg{width: 32px;height: 32px;margin-right: 10px;color: var(--basic-company-text);}

.mob_menu_content .menu_group__list--2 {padding: 0 24px;display: none}
.menu_group__link.active .arrow_menu svg {transform: rotate(270deg);}
.mob_menu_content .menu_group__list--2 .menu_group__link {font-size: 18px;padding: 5px 16px}
.arrow_menu {display: flex;width: 100%}
.arrow_menu svg {transform: rotate(90deg);width: 15px;height: 15px;margin-left: 12px;color: var(--second-company-text);transition: all .3s ease-out}
.mob_menu_content li.social_menu{gap: 30px;}

@media (max-width : 480px) {
    .mob_menu_container{width: 100%;max-width: 100%;}
}