/* Headings */
.service-head {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #343C6A;
  }
  
  /* Form Labels */
  .common-label {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #232323;
  }
  
 /* Common styles for all input, textarea, and select fields */
input.common-input.form-control,
textarea.common-textarea,
select.common-select.form-select {
    border-radius: 9px !important;
    border: 1px solid #CDCDCD !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    box-shadow: none !important; /* remove Bootstrap inner shadow */
    background-color: #fff !important; /* or transparent if needed */
}

  textarea.common-textarea{
    height: 73px;
  }
  /* Select Dropdowns */
  .common-select {
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 8px 12px;
    font-size: 14px;
    background-color: #fff;
  }
  
  /* Textarea */
  .common-textarea {
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 10px 12px;
    font-size: 14px;
    resize: vertical;
  }
  
  /* Buttons */
  .common-btn {
    font-weight: 500!important;
    width: 200px!important;
    height: 36px!important;
    border-radius: 9px!important;
    background-color: #00395A!important;
  }

  .common-btn:hover {
      color: #fff;
      background-color: #005382!important;
      border-color: #005382!important;
  }
  .common-btn:focus {
      color: #fff;
      background-color: #002438!important;
      border-color: #002438!important;
  }
  .required::after {
    content: "*";
    color: #DE0004;
  }
  /*Your Account Password*/
  .password-icon {
    position: absolute;
    top: 50%;
    left: 10px; /* distance from edge */
    transform: translateY(-50%);
  }
  
/* Input with left icon */
/* More specific selector to override general input styling */
input.common-input.form-control.password-input {
  padding-left: 35px !important;  /* space for left icon */
  padding-right: 50px !important; /* space for right show text */
}


/* Left icon inside input container */
.input-left-icon {
  position: absolute;
  left: 8px; /* distance from input start */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* allows clicks to focus input */
}

/* Optional: add some right margin to the SVG itself */
.input-left-icon svg {
  display: block;
  width: 20px; /* actual icon width */
  height: 20px;
}

  
  .show-toggle {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    cursor: pointer;
    text-decoration: underline;
    font-size: 0.9rem;
    color: #005382;
  }
  .fair-para{
    padding:0 5px;
    font-size: 16px;
    color: #232323;
  }
  .form-check-para{
    color: #45536A;
    font-size: 16px;
  }
  /* Hide default calendar icon (Chrome, Edge, Safari) */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

/* Hide default icon (Firefox) */
input[type="date"]::-moz-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

.date-input {
  padding-right: 40px; /* leave space for custom SVG */
}

.date-icon {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  pointer-events: none; /* let clicks pass through to input */
}
.custom-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* space between icon and text */
  border: none; /* remove border */
  padding: 8px 16px;
  background: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

.custom-btn:hover {
  background-color: #e0e0e0;
}

.custom-btn .btn-icon {
  display: inline-block;
  vertical-align: middle;
}
.img-down{
  width:50px;
}
/* Remove background from input */
.no-bg-input {
  background-color: transparent !important;
}

/* Style Copy button: no border, flat */
.copy-btn {
  border: none;
  background-color: transparent;
  padding: 0 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}

.copy-btn .btn-icon {
  margin-right: 4px;
}
.email-input-wrapper {
  position: relative;
}

.email-input {
  width: 100%!important;
  padding-right: 40px!important; /* space for the copy icon */
  background-color: transparent !important; /* force transparent */
  border: 1px solid #CDCDCD!important; /* keep your border */
  border-radius: 9px!important; /* match other inputs */
  padding: 10px 12px!important;
  font-size: 14px!important;
  color:#005382!important;
}

/* Position the copy icon inside input */
.copy-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.copy-icon svg {
  width: 23px;
  height: 24px;
}
.notification-col {
  padding-top: 20px!important;
}
.common-label {
  padding-top: 8px!important;
  padding-bottom: 4px!important;
  display: block!important;
}
.form-noti{
  padding-top: 10px!important;
  padding-top: 10px!important;
}