/* Disable text selection */
body {
  user-select: none;
}


h1 {
  color: rgb(174, 0, 255);
}

.text-smaller {
  font-size: 85%;
  /* 25% smaller than the default size */
}

.text-container {
  max-height: 430px;
  /* Set the desired height */
  overflow-y: auto;
  /* Enable vertical scrolling */
  padding-right: 10px;
  scrollbar-width: thin;
  /* For Firefox */
  scrollbar-color: #7b8eec #f1f1f1;
  /* Scrollbar color for Firefox */
}

/* Custom Scrollbar for Webkit Browsers */
.text-container::-webkit-scrollbar {
  width: 8px;
  /* Scrollbar width */
}

.text-container::-webkit-scrollbar-thumb {
  background-color: #7b8eec;
  /* Scrollbar thumb color */
  border-radius: 10px;
  /* Rounded corners */
  border: 2px solid #ffffff;
  /* Space around the thumb */
}

.text-container::-webkit-scrollbar-track {
  background: #ffffff;
  /* Scrollbar track color */
  border-radius: 10px;
}

.terms_text {
  text-align: justify;
  /* Center-align the text */
  line-height: 1.6;
  /* Set line height for better spacing between lines */
  padding: 0 10px;
  /* Add horizontal padding for better alignment on smaller screens */
}

.close {
  font-size: 3em !important;
  color: #556ee6;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: 1vw;
  user-select: none;
}

.close:hover,
.close:focus {
  color: #485ec4;
  text-decoration: none;
  cursor: pointer;
}

/* styles.css */

/* Add shadow and border styles to card */
.card-with-shadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
  /* Add shadow */
}



.checkbox-wrapper-39 *,
.checkbox-wrapper-39 *::before,
.checkbox-wrapper-39 *::after {
  box-sizing: border-box;
}

.checkbox-wrapper-39 label {
  display: block;
  width: 17.5px;
  /* 35px reduced by 50% */
  height: 17.5px;
  /* 35px reduced by 50% */
  cursor: pointer;
}

.checkbox-wrapper-39 input {
  visibility: hidden;
  display: none;
}

.checkbox-wrapper-39 input:checked~.checkbox {
  transform: rotate(45deg);
  width: 7px;
  /* 14px reduced by 50% */
  margin-left: 6px;
  /* 12px reduced by 50% */
  border-color: #24c78e;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 0;
  /* Keep same or adjust if needed */
  transition: all 0.2s ease-in;
  /* Adjust duration and easing */
}

.checkbox-wrapper-39 .checkbox {
  display: block;
  width: inherit;
  height: inherit;
  border: 1.5px solid #434343;
  /* 3px reduced by 50% */
  border-radius: 3px;
  /* 6px reduced by 50% */
  transition: all 0.2s ease-in;
  /* Smoother transition for the checkbox */
}

#passwordRequirements {
  font-size: 0.675rem;
  color: #6c757d;
  line-height: 1.2;
  display: block;
  margin-top: 0.25rem;
  text-align: justify;
}


/* //for global loader */

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.container {
  /* display: flex; */
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}

.loader {
  width: 60px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #0000;
  border-right-color: #556ee6;
  position: relative;
  animation: l24 1s infinite linear;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: inherit;
  animation: inherit;
  animation-duration: 2s;
}

.loader:after {
  animation-duration: 4s;
}

@keyframes l24 {
  100% {
    transform: rotate(1turn)
  }
}

#global-loader .container {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}

/* .select2-container {
  width: 100% !important;
}

.select2-selection {
  height: 36px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.select2-selection__rendered {
  line-height: 36px !important;
  padding-left: 12px !important;
}

.select2-selection__arrow {
  height: 36px !important;
} */

input[readonly] {
    background-color: #f8f9fa; /* Light gray background */
    border: 1px solid #ced4da; /* Optional border styling */
    color: #6c757d;            /* Dimmed text color */
    cursor: not-allowed;       /* Show 'not allowed' cursor */
}

/* table, option, label, th, td, select, input, textarea {
    text-transform: capitalize;
}

select, select option {
    text-transform: capitalize;
} */

/* Capitalize first letter of every word globally */
.capitalize {
    text-transform: capitalize;
}