.header {
  background: transparent;
  border: none;
  /* box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05); */
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 155px;
}
.navbar {
  padding: 40px 42px 40px 46px !important;
}

.navbar .navbar-brand img {
  width: 346px;
  height: 75px;
}

.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus,
.navbar .nav-item .nav-link.active {
  color: var(--commonColor);
}

.navbar-container .bars {
  width: 45px;
  height: 45px;
  cursor: pointer;
}
.navbar-container .bars .line {
  fill: none;
  stroke: var(--whiteColor);
  stroke-width: 4;
  stroke-linecap: square;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
}
.navbar-container .bars .line.top {
  stroke-dasharray: 40 172;
}
.navbar-container .bars .line.middle {
  stroke-dasharray: 40 111;
}
.navbar-container .bars .line.bottom {
  stroke-dasharray: 40 172;
}
.navbar-container .bars.active .top {
  stroke-dashoffset: -132px;
}
.navbar-container .bars.active .middle {
  stroke-dashoffset: -71px;
}
.navbar-container .bars.active .bottom {
  stroke-dashoffset: -132px;
}
/* ScrollBar Effect */

.navbar .modal-backdrop {
  display: none;
}
.navbar .modal {
  z-index: -1;

  background: #222431e5;
}
.navbar .modal-content {
  background: none;
  box-shadow: none;
    outline: none;
    border: none;
}
.navbar .modal .navbar-menu-list li a {
  text-decoration: none;
  font-size: 54px;
  line-height: 74px;
  color: var(--whiteColor);
  transition: all 0.3s ease;
  opacity: 1;
  font-weight: 400;
  font-family: "Arial Rounded MT Bold", sans-serif;
}
.navbar .modal .navbar-menu-list li a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 992px) {
  .header {
    height: 80px;
  }
  .navbar .navbar-brand img {
    width: 200px;
    height: 42px;
  }
  .navbar {
    padding: 18px 10px 18px 15px !important;
  }
  .navbar .navbar-menu-modal .modal-dialog {
    position: absolute;
    width: 100%;
  }
  .navbar .modal .navbar-menu-list li a {
    text-decoration: none;
    font-size: 32px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 576px) {
}
