@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
}

:root {
  --body: #2c2c2c;
  --text_black: #1f1f1f;
  --dark_green: #275c0d;
  --red: #f04438;
  --yellow: #d90;
  --secondary: #fcf5e6;
  --neutral80: #949494;
  --neutral100: #757575;
  --neutral200: #666;
  --neutral400: #4a4a4a;
  --bg_neutral: #f5f5f5;
  --bg_main3: #e9efe7;
}

p,
ul h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ul {
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

body {
  font-family: "Poppins", sans-serif;
  color: var(--body);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  display: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.fs8 {
  font-size: 8px; /* 0.5rem */
}

.fs10 {
  font-size: 10px; /* 0.625rem */
}
.fs12 {
  font-size: 12px; /* 0.75rem */
}
.fs14 {
  font-size: 14px; /* 0.875rem */
}
.fs18 {
  font-size: 18px; /* 1.125rem */
}

.text_black {
  color: var(--text_black);
}
.text_dark_green {
  color: var(--dark_green);
}
.text_red {
  color: var(--red);
}
.text_yellow {
  color: var(--yellow);
}
.bg_secondary {
  background: var(--secondary);
}
.text_neutral80 {
  color: var(--neutral80);
}
.text_neutral100 {
  color: var(--neutral100);
}
.text_neutral200 {
  color: var(--neutral200);
}
.text_neutral400 {
  color: var(--neutral400);
}

.bg_green {
  background-color: var(--dark_green);
}

.bg_Neutral {
  background-color: var(--bg_neutral);
}
.bg_Main3 {
  background-color: var(--bg_main3);
}

.modal_green_btn,
.modal_gray_btn {
  width: 272px;
  height: 40px;
  border-radius: 8px;
  font-size: 14px;
}

.modal_green_btn {
  border: 1px solid var(--dark_green);
  background: var(--dark_green);
  color: white;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  opacity: 1;
}

.modal_gray_btn {
  border: none;
  padding-block: 10px;
  color: var(--dark_green);
  background: var(--bg_main3);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.img_file_input {
  display: block;
  border-radius: 8px 16px 16px 8px;
  border: 2px solid #ebebeb;
  border-left: 0px;
  background: var(--bg_neutral);
  width: 100%;
  max-width: 22.625rem;
}

.img_file_cont ::-webkit-file-upload-button,
.img_file_input::file-selector-button {
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #bfbfbf;
  background: var(--dark_green);
  color: white;
  padding: 13px 20px;
}

.custom_input_field {
  border-radius: 16px;
  border: 2px solid #ebebeb;
  background: var(--bg_neutral);
  padding: 13px 16.27px 15px 16.27px;
  /* /padding: 13px 70.73px 15px 16.27px */
}

.custom_input_field:focus,
.custom_input_field:active {
  outline: 1px solid #d90;
}

.form-check-input:checked {
  border: 1.5px solid #d90;
  background-color: var(--dark_green);
}

.form-check-input:focus {
  box-shadow: none !important;
}

.gender_check_cont .form-check-input,
.terms_check .form-check-input {
  width: 24px;
  height: 24px;
  border-radius: 8px !important;
}

.gender_check_cont .form-check-reverse .form-check-input {
  margin-right: 0px;
}

.terms_check .form-check-input:checked {
  border: 1.5px solid var(--bg_main3);
}

.submit_btn {
  transition: all ease-in 300ms;
}

.submit_btn:disabled,
.disabled_input {
  background-color: #bfbfbf;
  border: none;
  cursor: not-allowed;
}

.login_otp_input {
  border-radius: 16px;
  background: var(--bg_main3);
  width: 66px;
  height: 66px;
  border: none;
  font-size: 32px;
  color: var(--neutral400);
  font-weight: 800;
  text-align: center;
}

.login_otp_input:focus {
  outline: none;
}

.regBtnsCont::-webkit-scrollbar {
  display: none;
}

.regBtnsCont {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
  justify-content: space-between !important;
}

.taskCards {
  border-radius: 0.3125rem;
  border: 1px solid var(--bg_main3);
  background: #fff;
  padding: 0.6875rem 0.375rem;
}

.taskLinkActive {
  color: var(--body);
  font-weight: 500;
  border-bottom: 1px solid var(--dark_green);
}

.task_file_cont {
  height: 4.875rem;
  width: 4.875rem;
  position: relative;
}

.task_file_cont ::-webkit-file-upload-button,
.task_file_input::file-selector-button {
  opacity: 0;
}

.task_file_input {
  border-radius: 1.125rem;
  border: 1px dashed #dedede;
  padding: 13px 20px;
}

.bg-navigator{
    background: #5c59c3;
}