/* =====================================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 */
  }