/* screen - hamburger-menu-1 */

.hamburger-menu-1 {
  align-items: flex-start;
  background-color: var(--black-2);
  display: flex;
  width: 300px;
}

#overlay-hamburger-menu-1 {
  align-items: start;
  background-color: #0000004d;
  justify-content: flex-start;
}

.hamburger-menu-1 .hamburger-menu {
  align-items: flex-start;
  background-color: var(--white-2);
  display: flex;
  flex-direction: column;
  height: 812px;
  overflow: hidden;
  width: 300px;
}

.hamburger-menu-1 .charmcross {
  height: 16px;
  margin-left: -37615px;
  margin-top: -14799px;
  width: 16px;
}

.hamburger-menu-1 .line-2 {
  height: 1px;
  margin-left: -38556px;
  margin-top: 78px;
  width: 278px;
}

.hamburger-menu-1 .charmcross-1 {
  cursor: pointer;
  height: 28px;
  margin-left: 20px;
  margin-top: 14720px;
  width: 28px;
}

.hamburger-menu-1 .frame-72 {
  align-items: flex-start;
  align-self: center;
  flex-direction: column;
  margin-right: 3.0px;
  margin-top: 17px;
}

.hamburger-menu-1 .hm_-page-button {
  align-items: center;
  background-color: var(--yellow);
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 46px;
  padding: 20px 45px;
  position: relative;
  width: 275px;
}

.hamburger-menu-1 .text {
  letter-spacing: 3.20px;
  line-height: normal;
  margin-bottom: -6.00px;
  margin-top: -8.00px;
  position: relative;
  width: fit-content;
}

.hamburger-menu-1 .hm_-section-button {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 45px;
  padding: 20px 70px;
  position: relative;
  width: 275px;
}

.hamburger-menu-1 .text_label {
  letter-spacing: 3.20px;
  line-height: 24px;
  margin-bottom: -8.50px;
  margin-top: -10.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.hamburger-menu-1 .text_label-1 {
  letter-spacing: 3.20px;
  line-height: normal;
  margin-bottom: -6.50px;
  margin-top: -8.50px;
  position: relative;
  width: fit-content;
}

.hamburger-menu-1 .hm_-section-button-1 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 46px;
  padding: 20px 70px;
  position: relative;
  width: 275px;
}

.hamburger-menu-1 .hm_-page-button-1 {
  align-items: center;
  background-color: var(--cultured-pearl);
  display: flex;
  gap: 10px;
  height: 46px;
  padding: 20px 45px;
  position: relative;
  width: 275px;
}

.hamburger-menu-1 .flex-row {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 25px;
  margin-left: 2.0px;
  margin-top: 241px;
  min-width: 140px;
}

.hamburger-menu-1 .desktop-secondary-button {
  align-items: center;
  align-self: center;
  border: 1px solid;
  border-color: var(--btn-text);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 25px;
  padding: 10px 34px;
  position: relative;
  width: 256px;
}

.hamburger-menu-1 .basilfacebook-messenger-outline {
  height: 25px;
  position: relative;
  width: 25px;
}

.hamburger-menu-1 .text-2 {
  letter-spacing: 3.20px;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.hamburger-menu-1 .span {
  letter-spacing: 0.51px;
}

.hamburger-menu-1 .frame {
  display: inline-flex;
  position: relative;
}