.custom-dropdown-list--active {
  display: block;
  background-color: #ffffff;
  width: 320px;
  border-style: none;
  border-width: 0;
}
.custom-width{
    width: 90px!important;
}
@media screen and (max-width: 991px) {
    @keyframes slideIn {
        from { width: 0; }
        to { width: 320px; }
        }
    @keyframes slideOut {
        from { width: 320px; }
        to { width: 0; }
        }
    #custom-nav-menu{
        background-color: #ffffff;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        width: 0px; 
         height: 100vh!important;
         z-index: 22222;
    }
    .custom-mobile-menu--open{
        display: block!important;
        animation: slideIn 300ms forwards;
    }
    .custom-mobile-menu--close{ 
        display: block!important;
        animation: slideOut 300ms forwards;
    }
    .nav-dropdown-icon{
          transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform-style: preserve-3d;
    }
     .nav-dropdown-icon-active{
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) skew(0deg, 0deg);
        transform-style: preserve-3d;
    }
    .nav-dropdown-list{
        display: block!important;
        height: 0px;
        overflow: hidden;
        transition: height 0.3s ease-in-out;
    }
    .custom-dropdown-list--active{
        height: fit-content!important;
    }
    .text-block-56{
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        font-size: 14px!important;
    }
}