.text-color {
  color:#02954C;
}
input:disabled {
  background-color: #eeee !important;
}

input[type="submit"]:disabled {
  background-color: #eeee;
  opacity: 0.65;
  background-color: #cccccc;
  border: 1px solid #cccccc;
  color: #999999;
}

.submit-btn-style {
  border: none;
  width: 174px !important;
  text-align: center !important;
  padding: 0px 0px !important;
}

.border-color input:focus {
  border-color: #fb6666 !important;
}

.border-color input::selection,
p::selection,
h4::selection,
h3::selection,
label::selection {
  background: #02954C !important;
  color: #fff !important;
}

.form-style {
  display: flex !important;
  justify-content: center !important;
  flex-direction: row;
}
label.error {
  color: #ff0000 !important;
  position: initial !important;
}

.top-margin {
  margin-top: 108px !important;
}

.spin-color {
  border-top-color: #02954C !important;
  border-bottom-color: #02954C !important;
}

.select-style {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid black;
  font-size: 18px;
  height: 55px;
  color: black;
}

.select-style:focus {
  box-shadow: none;
  border-color: #ff0000 !important;
}

select:required:invalid {
  color: gray;
}

option {
  color: black;
}

/* home page style */

.hero-banner-ten {
  margin: 165px 0 0 !important ;
}

.hero-banner-ten .hero-heading {
  font-size: 74px !important;
}

.user-data-form .input-group-meta input {
  font-family: "gordita" !important;
}

.required::after {
  content: " *" !important;
  color: red !important;
}

.fileRemoverStyle {
  cursor: pointer;
  color: #999;
  font-weight: bold;
  margin: 0 0 0 8px;
}

/* Styles for the loader */
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.spinner {
  border: 4px solid rgba(255, 255, 255, 0.3); /* Increased border thickness */
  border-radius: 50%;
  border-top: 4px solid #02954C; /* Increased border thickness */
  border-right: 4px solid #02954C;
  border-bottom: 4px solid #02954C;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(
    239,
    239,
    240,
    0.1
  ); /* Semi-transparent black overlay for the blur effect */
  backdrop-filter: blur(2px); /* Adjust the blur strength as needed */
  z-index: 999;
}

.border-color input:focus{
  border-color: #02954C !important;
}