.mobile-menu .overlay {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1111111;
      top: 0;
      left: 0;
      background-color: rgb(0, 0, 0);
      background-color: rgba(0, 0, 0, 0.9);
      overflow-x: hidden;
      transition: 0.5s;
      background-image: url('../images/icons/comp-1.gif');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }

  .mobile-menu .overlay-content {
      position: relative;
      top: 25%;
      width: 100%;
      text-align: center;
      margin-top: 30px;
  }

  .mobile-menu .overlay a {
      padding: 8px;
      text-decoration: none;
      font-size: 18px;
      color: #818181;
      display: block;
      transition: 0.3s;
  }

  .mobile-menu .overlay a:hover,
  .overlay a:focus {
      color: #ccc;
  }

  .mobile-menu .overlay .closebtn {
      position: absolute;
      top: 20px;
      right: 45px;
      font-size: 60px;
  }

  @media screen and (max-height: 450px) {
      .mobile-menu .overlay a {
          font-size: 20px
      }

      .overlay .closebtn {
          font-size: 40px;
          top: 15px;
          right: 35px;
      }
  }


  @media screen and (min-width: 992px) {
      .mobile-menu {
          display: none;
      }

      .nav-desk {
          display: block;
      }
  }

  @media screen and (max-width: 991.98px) {
      .mobile-menu {
          display: flex;
          justify-content: flex-end;
          position: absolute;
          right: 15px;
          top: 13px;
      }

      .nav-desk .custom-col-2 {
          display: none;
      }

  }

  /* awein */

  .mobile-menu .navbar {
      justify-content: center;
      background-color: transparent !important;
  }

  .mobile-menu .navbar .nav-link {
      color: #fff;
  }

  .mobile-menu .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
      color: #fff;
  }

  .mobile-menu .navbar-nav ul.dropdown-menu.show {
      background: transparent;
      transition: all 1s;
  }

  .mobile-menu .navbar-nav ul.dropdown-menu.show a.dropdown-item {
      color: #fff;
      text-align: center;
      font-size: 16px;
      padding: 5px 0;
  }

  .mobile-menu .nav-link.dropdown-toggle.show::after {
      transform: rotate(180deg);
  }

  .mobile-menu .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .show>.nav-link {
      color: #fff;
  }

  .nav-desk .dropdown-item {
      font-size: 12px;
      font-weight: 500;
  }

  .dropdown-item.active,
  .dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: black;
  }

  .nav-link:focus,
  .nav-link:hover {
      color: #D091FF;
  }

  .quote-btn:hover {
      background: #000;
      color: #fff;
  }

  .mobile-menu img {
      filter: invert(100%) sepia(1%) saturate(5%) hue-rotate(360deg) brightness(105%) contrast(103%);
  }