@media (max-width: 700px) {
    .show .navbar-nav .nav-item.active a,
    .show .navbar-nav .nav-item a:hover,
    .sticky .navbar-nav .nav-item.active a,
    .sticky .navbar-nav .nav-item a:hover {
      --text-opacity: 1;
      color: #361CC1;
      color: rgba(54, 28, 193, var(--text-opacity));
    }
    
    .collapse.show {
        display: block;
      }

      .active>.toggler-icon:nth-child(1) {
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
        --transform-rotate: 45deg;
        top: 7px;
      }
      
      .active>.toggler-icon:nth-child(2) {
        opacity: 0;
      }
      
      .active>.toggler-icon:nth-child(3) {
        top: -8px;
        transform: rotate(135deg);
      }

      
      
      
      
      
  }