.menu-mobile .toggler {
    width: 35px;
    margin: 10px 0px;
    cursor: pointer;
}
 .menu-mobile__header {
     min-height: 65px;
     position: relative;
 }
 .menu-mobile .btn-cancel-menu {
     position: absolute;
     right: 0;
     font-size: 4rem;
     color: #FFF;
     padding: 10px 20px;
     margin: unset;
     height: 65px;
     background: transparent;
 }
 .menu-mobile .btn-cancel {
     position: absolute;
     right: 8px;
     top: 5px;
     transition: all 0.5s;
 }
 .menu-mobile .btn-cancel:hover {
     opacity: 0.5;
     transition: all 0.5s;
 }
.offcanvas-header {
    padding: unset;
    height: 100%;
}
.offcanvas-header a {
    padding-right: 1rem;
}
.menu-mobile button:hover,
.offcanvas-header a:hover{
     background: #705744;
}
.menu-mobile button:active {
    background: #705744 !important;
}
 .menu-mobile button:focus-visible {
     background: #705744 !important;
 }
 .menu-mobile ul {
     list-style: none;
     padding: unset;
 }
 .menu-mobile ul a {
     padding: 10px 20px;
     width: 100%;
     display: flex;
     text-decoration: none;
     color: #000;
     border-bottom: 1px solid #e5e4e4;
 }
 .menu-mobile ul a span {
     width: 96%;
     display: block;
 }
 .menu-mobile ul a {
     transition: all 0.5s;
     opacity: 1;
 }
 .menu-mobile ul a:hover {
    transition: all 0.5s;
     opacity: 0.7;
 }

 .menu-mobile .menu-mobile__second-level {
     display: none;
 }
 .menu-mobile img {
     transition: all 0.5s;
 }
 .menu-mobile .active_menu-mobile img {
     transform: rotate(180deg);
     transition: all 0.5s;
 }
 .menu-mobile .active_menu-mobile {
     background:  #e5e4e4;
     transition: all 0.5s;
 }
.menu-mobile .btn {
    padding: 5px 12px;
}