.form_response .success{
   color: #00ff00;
   font-weight: bold;
   font-size: 18px;
   border: 1px solid #00ff00;
   padding: 10px;
}
.form_response .success a{
   color: #fff;
}
.form_response .error_msg{
   color: #ff6060;
   font-weight: bold;
   font-size: 18px;
   border: 1px solid #ff6060;
   padding: 10px;
}
.form_response .loading{
  width: fit-content;
  font-weight: bold;
  font-family: monospace;
  font-size: 30px;
  clip-path: inset(0 3ch 0 0);
  animation: l4 1s steps(4) infinite;
}
.loading:before {
  content:"Loading..."
}
@keyframes l4 {to{clip-path: inset(0 -1ch 0 0)}}

/* Mobile usability: prevent content overflow on all pages */
img, video, iframe, embed, object, table {
  max-width: 100%;
  height: auto;
}

pre, code {
  overflow-x: auto;
  word-break: break-word;
  white-space: pre-wrap;
}

body {
  overflow-x: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Ensure tap targets are at least 48px on mobile */
@media (max-width: 768px) {
  a, button, input[type="submit"], .btn {
    min-height: 44px;
    min-width: 44px;
  }

  /* Prevent horizontal scroll from wide tables or embeds */
  .container, .row, main, article, section {
    max-width: 100vw;
    overflow-x: hidden;
  }

  /* Ensure readable font size on mobile */
  body {
    font-size: 16px;
  }
}

/* Contact popup styles (moved from inline <style> to reduce HTML weight) */
/* Contact modal (header): prevent avatar/header overlap with body content when modal opens */
.popup_cont .popup-modal-header-stack {
    position: relative;
    overflow: visible;
}
.popup_cont .popup-modal-header-stack .popup_auth_pic {
    position: relative;
    top: 0;
    width: 100%;
}
.popup_cont .popup_head .popup-modal-intro {
    position: relative;
    z-index: 2;
}

.popup_cont a { text-decoration: none; }
.popup_cont a:hover { text-decoration: underline; color: #fff !important; }
.popup_cont .iti { display: block; color: #ffffff; }
.popup_cont .iti__flag { box-shadow: 0 0 0 1px rgba(255,255,255,1); }
.popup_cont .iti__arrow { border-top: 4px solid #fff; }
.popup_cont .iti__selected-dial-code { color: #ffffff95; }
.popup_cont .modal-header { background: none; }
.popup_cont .popup_head { background: #02A4EC; color: #fff; }
.popup_cont .popup_head * { color: #fff; }
.popup_cont .popup_head .btn-close { box-shadow: 0 0 0 2px #444; }
.popup_cont .popup_auth_pic { text-align: center; display: block; width: 100%; position: absolute; }
.popup_cont .form_in { background: #4A667B; color: #fff; margin-top: -61px; width: 90%; }
.popup_cont .form_in .arrow_down { width: 0; height: 0; border-style: solid; border-right: 17px solid transparent; border-left: 17px solid transparent; border-top: 29px solid #02a4ec; border-bottom: 0; margin: 0 auto; }
.popup_cont .form_in fieldset { border: 1px solid #fff; border-radius: 5px; padding: 7px 0; margin-bottom: 15px; }
.popup_cont .form_in fieldset legend { background: #fff; padding: 1px 10px; font-size: 15px; margin-left: 10px; color: #1a1a1a; width: auto; float: none; margin-bottom: 0; }
.popup_cont .form_in .form-control:focus { box-shadow: none; }
.popup_cont .form_in fieldset .form-control { background: transparent; color: #ffffff; border: 0; }
.popup_cont .form_in fieldset .form-control::placeholder { color: #ffffff6d; }