::-webkit-scrollbar {
  width: 4.8px;
  border-radius: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f100;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.548);
  border-radius: 28px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(85, 85, 85, 0.728);
}

html {
  background: white;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden !important;
}
body {
  background: white;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden !important;
}
* {
  padding: 0px;
  margin: 0px;
  transition: 0.8s;
}

header {
  display: flex;
  align-items: center;
  width: 100% !important;
  height: 58px !important;
  position: fixed !important;
  color: white;
  z-index: 8 !important;
  transition: 0.48s !important;
}
header:hover {
  background-color: white;
  color: black;
}

#headern {
  display: flex;
  align-items: center;
  gap: 14% !important;
  width: 408px;
}

ni {
  font-size: small !important;
  cursor: pointer;
}

#headersy {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px !important;
  background-image: linear-gradient(
    28deg,
    #00000048,
    #30303028,
    #00000048,
    #00000028,
    #000c6428
  );
  border-radius: 28px !important;
  margin-left: 38% !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

ne {
  font-size: small !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.8px !important;
  transition: 0.8s !important;
  padding: 4.8px;
  padding-left: 18px !important;
  padding-right: 18px !important;
  height: 20.8px;
}
ne t {
  display: none;
  transition: 0.48s !important;
  font-family: "Montserrat", sans-serif;
}
ne .se_i {
  display: none;
}

ne:hover {
  background-image: linear-gradient(48deg, #ffffff48, #a1cfff18);
}
ne:hover t {
  display: block;
}

header-sym ne:first-child {
  /* Styles for the first child */
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}

header-sym ne:last-child {
  /* Styles for the last child */
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}

ne:hover .fi_i {
  display: none !important;
}
ne:hover .se_i {
  display: block !important;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.showcase div {
  width: 48%;
  min-height: 328px;
  height: 94.8dvh;
  background-size: 100%;
  margin: 8px !important;
  border-radius: 4.8px !important;
  cursor: pointer;
  transition: 0.8s !important;
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-start;
  text-align: end;
}

.showcase div:hover {
  filter: drop-shadow(0 0 0.8rem #44444448);
  background-position: top !important;
  background-size: 118% !important;
}

span {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.show_1 {
  display: block !important;
  width: max-content !important;
  height: max-content !important;
  color: wheat !important;
  text-align: left !important;
  min-height: 188px !important;
  filter: drop-shadow(0 0 0.28rem #00000048);
}
.show_1 p {
  font-size: xx-large;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.show_1 a {
  color: white !important;
  text-decoration: none !important;
  margin: 18px !important;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 8px !important;
  font-size: large !important;
  display: block !important;
  width: max-content !important;
  transition: 0.48s !important;
}
.show_1 a:hover {
  padding-bottom: 2.8px !important;
}

.it_1 {
  margin: 8px !important;
  background-color: #ffffff !important;
  border-radius: 4.8px !important;
  min-height: 48px !important;
  width: 28dvw;
  height: 64.8dvh;
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: white !important;
}
.it_1:hover {
  filter: drop-shadow(0 0 0.8rem #00000028);
  background-size: 128%;
  height: 68dvh !important;
}
.it_1 p {
  font-family: "EB Garamond", serif;
  filter: drop-shadow(0 0 0.8rem #00000028);
  font-size: xx-large !important;
  padding: 8px !important;
  border-bottom-left-radius: 4.8px;
  border-top-right-radius: 4.8px;
}

dis-footer .fo_i {
  width: 188px;
}
dis-footer .fo_i img {
  width: 128px;
  height: 58px !important;
}

main {
  display: flex;
  align-items: center;
  justify-content: center;
}

.address-child {
  background-color: #000000;
  border-radius: 8px;
  filter: drop-shadow(0 0 0.28rem #ffffff28);
  padding: 8px !important;
}
.address-child span {
  background-color: #00a616;
  border-radius: 2.8px;
  padding: 2.8px;
  margin-bottom: 8px !important;
  display: block;
  width: fit-content;
  height: 28px !important;
  line-height: 28px !important;
  text-align: center;
}