body {
      font-family: 'Noto Sans Bengali', sans-serif;
      background: #EEF3EF;
    }

    .navbar {
      background: #101A32;
      padding: 10px 0;
    }

    .navbar-nav .nav-link {
      color: #fff !important;
      font-weight: 500;
      padding: 10px 15px;
    }

    .navbar-nav .nav-link:hover {
      color: #ffc107 !important;
    }

    .navbar-toggler {
      border: none;
      box-shadow: none !important;
    }

    .navbar-toggler:focus {
      box-shadow: none;
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    @media(max-width:991.98px) {

      .navbar {
        background: #fff;
      }

      .navbar-toggler-icon {
        background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3e%3cpath stroke="rgba(0,0,0,.8)" stroke-width="2" stroke-linecap="round" d="M4 7h22M4 15h22M4 23h22"/%3e%3c/svg%3e');
      }

      .navbar-collapse {
        margin-top: 15px;
        background: #fff;
        padding: 15px;
        border-radius: 10px;
      }

      .navbar-nav .nav-link {
        color: #dc3545 !important;
      }

    }