body {
  --bs-body-font-family: "Cairo", sans-serif;

  background-color: "#fff";
  background-size: cover;
  background-image: url("../images/bg.svg");
}

.text-info {
  --bs-info-rgb: 30, 138, 142;
}

.form-check {
  padding-right: 0;
}

.form-check .form-check-input {
  float: none;
  margin-right: 0;
}
.form-check-input:checked {
  background-color: #b62c53;
  border-color: #b62c53;
}
.form-check-input:focus {
  border-color: #b62c53;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(182, 44, 83, 0.25);
}

.form-check-label {
  display: block;
  padding-right: 2px;
}

.form-select {
  padding: 0.5rem 0.75rem 0.5rem 2.25rem;
}
.form-select:focus {
  border-color: rgba(182, 44, 83, 0.2);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(182, 44, 83, 0.25);
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgba(182, 44, 83, 0.2);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(182, 44, 83, 0.25);
}

.btn {
  border-color: #b62c53;
  background-color: #b62c53;
}

.btn,
.btn:hover,
.btn:focus,
.btn:active {
  --bs-btn-active-bg: rgba(182, 44, 83, 0.9);
  --bs-btn-active-border-color: rgba(182, 44, 83, 0.8);

  border-color: rgba(182, 44, 83, 0.8);
  background-color: rgba(182, 44, 83, 0.9);
}


.custom-btn {
  background-color: #7f5cf2;
  border-color: #7f5cf2;
}

.custom-btn:hover {
  background-color: #7f5cf2;
  border-color: #7f5cf2;
}