.offset-header-menu {
  height: 100vh;
  background-color: #ed1c2426;
  z-index: 1000;
  position: fixed;
  width: 100%;
  top: 0;
  margin-left: 100%;
  transition: all 0.3s ease-in-out;
  display: none;
}

.active-mobile-menu {
  margin-left: 0;
}

.active-mobile-menu-body {
  overflow: hidden;
}

.offset-header-menu .has_child {
  position: relative;
}

.offset-header-menu .offset-body .has_child svg {
  position: absolute;
  right: 0;
  top: 10px;
}

.offset-container {
  height: 100%;
  max-width: 70%;
  margin-left: auto;
  background-color: var(--white);
  padding: 45px 30px;
}

.offset-header-menu .offset-heading {
  /* padding-bottom: 40px; */
  margin-bottom: 40px;
  /* border-bottom: 1px solid var(--red); */
}

.offset-header-menu a {
  font-family: "Inter";
}

.offset-header-menu .menu-item-list-mobile>li {
  margin-bottom: 25px;
}

.offset-header-menu .offset-body .has_child li {
  margin-bottom: 15px;
}

.offset-header-menu .offset-heading img {
  width: 100%;
}

.offset-header-menu .offset-body .has_child .mobile-button-dropdown svg {
  margin-left: 0;
  width: 100%;
}

.offset-header-menu .offset-body .has_child .mobile-button-dropdown {
  display: flex;
  position: absolute;
  right: 0;
  height: 27px;
  align-items: center;
  justify-content: center;
  width: 40px;
}

.offset-header-menu .dropdown-menu-item-mobile {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.offset-header-menu .active-menu-item {
  height: 100%;
  opacity: 1;
  margin-top: 15px;
}

@media screen and (max-width: 1024px) {
  .offset-header-menu {
    display: block;
  }
}

@media screen and (max-width: 576px) {
  .offset-container {
    max-width: 312px;
  }
}