/* =====================================services============================================= */

.service_droupdown {
  height: 300px;
  overflow-y: scroll;
}

.service_desc {
  height: 100px;
  overflow-y: scroll;
}

.service_desc::-webkit-scrollbar {
  width: 0;
}

/* =====================================events============================================= */

.events_desc {
  height: 180px;
  overflow-y: scroll;
}
.events_desc::-webkit-scrollbar {
  width: 0;
}

.qr_code {
  display: flex;
  gap: 20px;
  align-items: center;
}

/* ===========================lang_droupdown======================== */

.lang_droupdown {
  background-color: transparent !important;
  border: 1px solid #c89d43 !important;
  font-size: 12px !important;
  border-radius: 2px !important;
  padding: 6px !important;
  color: #c89d43 !important;
}

.member_btn {
  background-color: transparent !important;
  border: 1px solid #c89d43 !important;
  font-size: 12px !important;
  border-radius: 2px !important;
  padding: 7px;
  color: #c89d43 !important;
}

.member_btn:hover {
  background-color: #000 !important;
  color: #fff !important; /* Ensure the text changes to visible color */
  border-color: #000 !important; /* Optional: make the border match the hover background */
  transform: scale(1.05); /* Subtle scaling effect */
}
