#popupEnquiry, #popupForm {
      display: none;
      position: fixed;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -45%);
      padding: 20px;
      background: white;
      border: 1px solid #ccc;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      width: 40%;
      z-index: 20;
    }

    #popupEnquiry button, #popupForm button  {
      margin: 0 auto;
    }

    #overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
    }


    .right {
      flex: 1;
      background: #fff;
      padding: 3rem 1rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }


    form {
      display: flex;
      flex-direction: column;
    }

    .modal-close {
      color: #aaa;
      position: absolute;
      top: 10px;
      right: 25px;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
    }



    #myForm input,  #myEnquiry input{
      margin: 1rem 0;
      padding: 0.8rem;
      font-size: 1rem;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    @media (max-width: 600px) {
       #popupEnquiry, #popupForm{
        width: 90%;
      }

    }

    /* Style for input fields and dropdowns */
#myForm input, 
#myForm select,
#myEnquiry input, 
#myEnquiry select {
    margin: 1rem 0;
    padding: 0.8rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    appearance: none; /* removes default arrow in some browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Optional: add a custom arrow for dropdown */
#myForm select, #myEnquiry select {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath fill='%23999' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 5px;
}

/* Keep existing responsive modal style */
@media (max-width: 600px) {
   #popupEnquiry, #popupForm {
        width: 90%;
    }
}