#customLeadModal .modal-content {

  border-radius: 10px !important;
}

#customLeadModal .modal-content input {

  border-radius: 5px;
  height: 37px;
}





/* Add to your existing CSS */
#customLeadModal .modal {
  z-index: 1060; /* Higher than default to ensure it appears above footer */
}

#customLeadModal .modal-backdrop {
  z-index: 1040; /* Below modal but above other content */
}

#customLeadModal body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* Ensure footer stays behind modal */
.footer, .copyright {
  position: relative;
  z-index: 1;
}


#customLeadModal .modal-content {
    border: none;
    border-radius: 10px;
    overflow: hidden;
  }
  
  #customLeadModal .btn-primary {
    background-color: var(--primary-color);
    border: none;
  }
  
  #customLeadModal .btn-outline-secondary {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
  }
  
  #customLeadModal .btn-outline-secondary:hover {
    background-color: var(--secondary-color);
    color: white;
  }
  #customLeadModal .iti__country-name {
    color: black;
  }
  /* Fix for country dropdown width */
  #customLeadModal .iti__country-list {
    width: 300px !important; /* Adjust this value as needed */
    /* max-width: 100% !important; */
    white-space: normal !important;
    left: auto !important;
    right: 0 !important; /* Align dropdown to right edge of input */
  }
  
  /* Optional: Adjust dropdown position */
  #customLeadModal .iti--container {
    position: absolute;
    z-index: 1060; /* Ensure dropdown appears above modal */
  }