:root {
          --mm-size: 100%;
          --mm-min-size: 240px;
          --mm-max-size: 440px
      }
      .mm-menu {
        --mm-color-background: #184469;
        --mm-color-border: rgba(255,255,255,0);
        --mm-color-icon: rgb(255, 255, 255, 1);
        --mm-color-text: rgba(255,255,255,1);
        --mm-size: 100%;
        --mm-listitem-size: 62px;
        --mm-lineheight: 25px;
      }
      .mm-navbars--bottom .mm-navbar:last-child {
        min-height: 190px;
        padding:0 0 48px 24px;
      }
       .mm-navbars--bottom .mm-navbar span {
        -webkit-box-flex: inherit !important;
        -ms-flex-positive: inherit !important;
        flex-grow: inherit !important;
        display: inherit !important;
        -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
        align-items: inherit !important;
        -webkit-box-pack: inherit !important;
        -ms-flex-pack: inherit !important;
        justify-content: inherit !important;
        -webkit-box-sizing: inherit !important;
        box-sizing: inherit !important; 
      } 
      .mm-navbars--bottom .mm-btns {
        display: block;
        margin-bottom: 18px;
        color: #99C5EA !important;
        box-sizing: unset !important;
        font-size: 22px;
        padding: 8px 0;
        line-height: 31px;
        text-align: left;
      }
      .mm-navbars--bottom .mm-btns:last-child {
        margin-bottom: 0;
      }
      .mm-navbars--bottom .mm-navbar span {
        display: block !important;
      }

      #panel-menu .mm-listitem__text {
        font-size: 23px;
        height: inherit;
        font-weight: inherit;
        line-height: inherit;
        padding-top: 18.5px;
        padding-bottom: 18.5px;
      }

      .mm-listitem__text {
        padding-left: 24px;
        padding-right: 24px;
        line-height: 24px;
        font-weight: 600;
        padding-top: 12px;
        padding-bottom: 12px;
        white-space: inherit;
      }
      
      /* #panel-menu .mm-navbar__title */
      #panel-menu .mm-navbar__title {
        height: 130px;
      }

      .mm-navbar__title {
        height: 130px;
        color: #fff !important;
        font-size: 23px;
        line-height: 130%;
        text-align: left;
        display: block;
        padding-top: 50px;
        padding-left: 72px !important;
      }

      .mm-panel:not(#panel-menu) .mm-navbar__title span:before {
        content: "\f177";
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        position: absolute;
        left: 24px;
        margin: 0;
        color: #fff;
      }

      .mm-btn.mm-btn--prev.mm-navbar__btn {
        display: none;
      }

      .mm-btn--next:after, .mm-btn--prev:before {
        width: 11px;
        height: 11px;
        border: 0.085em solid #fff;
        border-bottom: none;
        border-right: none;
      }

      .mm-wrapper--opened .close-icon {
        opacity:1;        
        margin-right: 24px !important;
      }

      .close-icon {
        opacity:0;
        transition: 500ms ease 200ms;
        margin-right: -20px;
      }