@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    --main-font: "Mona Sans", sans-serif;
    --n-primary-color: #2C7A7B;
    --n-body-bg-color: #F7FAFC;
    --n-border-color: rgba(255, 255, 255, 0.2);
    --n-box-border: #E2E8F0;
    --n-box-shadow: 0 0 16px 5px rgb(44 122 123 / 5%);
    --n-btn-primary-hover: #2d6a6c;
}

body {
    font-family: var(--main-font) !important;
    background-color: var(--n-body-bg-color);
    font-weight:400;
}

.card {
    box-shadow: var(--n-box-shadow);
}

.form-control {
    background-color: var(--n-body-bg-color);
    border:1px solid var(--n-box-border);
}

.btn-black {
    border-color: var(--n-primary-color);
    background-color: var(--n-primary-color);
    color: #FFFFFF;
    box-shadow: var(--n-box-shadow);
}

    .btn-black:hover {
        color: #FFF !important;
        background-color: var(--n-btn-primary-hover);
    }
.loader-white div {
  background-color: var(--n-primary-color) !important;
}
.font-small-3 {
  font-size: 0.9rem !important;
}
.round {
  border-radius: 1.5rem;
}
.btn.btn-round {
  border-radius: 2rem;
}

.btn.btn-round.btn-icon {
  padding: 0.75rem 0.75rem;
}

.btn.btn-icon i {
  font-size: 1.1rem;
}
.line-on-side {
  border-bottom: 1px solid #dadada;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.line-on-side span {
  background: #fff;
  padding: 0 10px;
}

.card-subtitle {
    color:var(--n-primary-color);
}