.enquiry-form-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  padding: 20px;
}

.enquiry-form-overlay.active {
  display: flex;
}

/* ============================================
   POPUP CARD
============================================ */
.enquiry-form {
  background: #7e5c3b;
  width: 100%;
  max-width: 330px;
  padding: 32px 32px 10px;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  position: relative;
  animation: fadeIn 0.35s ease;
  border: 1px solid #000;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* CLOSE ICON */
.enquiryFormClose {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  opacity: 0.75;
  transition: 0.25s;
}

.enquiryFormClose:hover {
  opacity: 1;
}

/* ============================================
   TITLE
============================================ */
.enquiry-form h3 {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 28px;
  color: #fff;
  letter-spacing: 0.2px;
}

/* ============================================
   FLOATING INPUT BOXES
============================================ */
.ip-box {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
#txt_country {
  width: 25%;
}

.ip-box input,
.ip-box select {
  width: 100%;
  padding: 14px 14px 14px 0;
  border: none;
  border-bottom: 1px solid #000;
  background: transparent;
  font-size: 16px;
  color: #000;
  transition: all 0.3s ease;
}
.ip-box input::placeholder,
.ip-box select::placeholder {
  color: #000;
}
.ip-box input:focus,
.ip-box select:focus {
  background: transparent;
  outline: none;
}

/* FLOATING LABELS */
.ip-box label {
  position: absolute;
  left: 14px;
  top: 13px;
  color: #6a7890;
  font-size: 15px;
  pointer-events: none;
  transition: 0.25s ease;
}

.ip-box input:not(:placeholder-shown) + label,
.ip-box input:focus + label,
.ip-box select:focus + label {
  top: -10px;
  left: 10px;
  background: #transparent;
  padding: 0 6px;
  font-size: 13px;
  color: #0a63aa;
}
.iti {
  width: 100%;
}

/* ============================================
   VALIDATION MESSAGES
============================================ */
#valid-msg,
#error-msg {
  font-size: 13px;
  margin-top: -12px;
  margin-bottom: 10px;
  display: block;
}

#valid-msg {
  color: #0a8235;
}

#error-msg {
  color: #d30000;
}

/* ============================================
   CHECKBOX SECTION
============================================ */
.homeally_dwnld_checklist {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin: 18px 0 10px;
  align-items: flex-start;
}

.homeally_dwnld_checklist input[type="checkbox"] {
  width: 15px;
  height: 15px;
  cursor: pointer;
  accent-color: #0a63aa;
}

.homeally_dwnld_checklist span {
  font-size: 14px;
  color: #000;
  line-height: 1.4;
  margin-top: 0px;
}

/* ============================================
   SUBMIT BUTTON
============================================ */
.submit-btn {
  font-family: 'Avenir',sans-serif;
  width: 100%;
  padding: 10px 0;
  font-size: 18px;
  border-radius: 0px;
  border: 1px solid #000;
  cursor: pointer;
  background: transparent;
  color: #000;
  font-weight: 500;
  letter-spacing: 0.2px;
  transition: 0.3s ease;
  margin-top: 12px;
  text-transform: uppercase;
}

.colo-btn{
  background-color: #137A8E;
  color: #fff;
}



.iti__selected-flag{
  background-color: transparent !important;
}

.hide {
  display: none;
}
.fixed-btn.services {
  position: fixed;
  right: -50px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 9999;
}
.iti__selected-dial-code{
  color: #000;
}
.field-error {
  display: block;
  font-size: 12px;
  color: #ff4d4f;
  margin-top: 4px;
}

.submit-btn.loading {
        opacity: 0.7;
        pointer-events: none;
      }

      .submit-btn.loading::after {
        content: "";
        width: 16px;
        height: 16px;
        margin-left: 10px;
        border: 2px solid #fff;
        border-top: 2px solid transparent;
        border-radius: 50%;
        display: inline-block;
        animation: spin 0.6s linear infinite;
        vertical-align: middle;
      }

      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }

.video-card{
position:relative;
cursor:pointer;
overflow:hidden;
border-radius:8px;
transition:0.3s;
}

.video-card:hover{
transform:translateY(-5px);
}

.video-thumb{
width:100%;
display:block;
border-radius:8px;
}

.play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#7e5c3b;
color:#fff;
width:65px;
height:65px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
pointer-events:none;
}

.video-card h5{
font-size:18px;
margin-top:12px;
color: #7e5c3b;
}