/* Popup Main */
.signup-popup .modal-dialog {
   max-width: 700px;
}

.signup-popup .modal-content {
   border-radius: 20px;
   border: none;
   overflow: hidden;
}

/* Control Popup Height */
.signup-popup .modal-body {
   max-height: 85vh;
   overflow-y: auto;
   padding: 35px;
}

/* Title */
.signup-popup .it-signup-title {
   font-size: 42px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 35px;
}

/* Labels */
.signup-popup .it-signup-input label {
   display: block;
   margin-bottom: 8px;
   font-weight: 600;
   color: #111;
}

/* Inputs */
.signup-popup .it-signup-input input,
.signup-popup .custom-select {
   width: 100%;
   height: 56px;
   border: 1px solid #ddd;
   border-radius: 8px;
   padding: 0 18px;
   font-size: 15px;
   box-shadow: none;
   outline: none;
}

.signup-popup .it-signup-input input:focus,
.signup-popup .custom-select:focus {
   border-color: #0c8b6d;
   box-shadow: none;
}

/* Button */
.signup-popup .it-btn-yellow {
   width: 100%;
   height: 56px;
   border: none;
   border-radius: 8px;
   background: #0c8b6d;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   transition: 0.3s;
}

.signup-popup .it-btn-yellow:hover {
   background: #066a53;
}

/* Close Button */
.signup-popup .btn-close {
   box-shadow: none !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {

   .signup-popup .modal-dialog {
      margin: 15px;
   }

   .signup-popup .modal-body {
      padding: 25px;
   }

   .signup-popup .it-signup-title {
      font-size: 30px;
   }

}
/* FORCE FIX DROPDOWN ISSUE */
.signup-popup select.custom-select {
   appearance: auto !important;
   -webkit-appearance: auto !important;
   -moz-appearance: auto !important;

   position: relative !important;
   z-index: 9999 !important;

   display: block !important;

   width: 100% !important;
   height: 56px !important;

   padding: 0 18px !important;

   border: 1px solid #ddd !important;
   border-radius: 8px !important;

   background: #fff !important;

   font-size: 15px !important;

   overflow: visible !important;
}

/* REMOVE TEMPLATE DROPDOWN ARROWS/STYLES */
.signup-popup .contact__select::after,
.signup-popup .nice-select,
.signup-popup .nice-select-dropdown,
.signup-popup .nice-select .list {
   display: none !important;
}

/* FIX MODAL OVERFLOW */
.signup-popup .modal-content {
   overflow: visible !important;
}

.signup-popup .modal-body {
   overflow-y: auto;
   overflow-x: visible !important;
}
/* DESKTOP */
@media (min-width: 1200px) {

   .signup-popup .modal-dialog {
      width: 50% !important;
      max-width: 50% !important;
      min-width: 50% !important;

      margin-left: auto !important;
      margin-right: auto !important;
   }

}

/* TABLET */
@media (min-width: 768px) and (max-width: 1199px) {

   .signup-popup .modal-dialog {
      width: 75% !important;
      max-width: 75% !important;

      margin-left: auto !important;
      margin-right: auto !important;
   }

}

/* MOBILE */
@media (max-width: 767px) {

   .signup-popup .modal-dialog {
      width: 95% !important;
      max-width: 95% !important;

      margin-left: auto !important;
      margin-right: auto !important;
   }

}