body {
  font-family : "Gidole";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn-secondary,.btn-light {
  color: #25323D;
  background: #F1EEF0 linear-gradient(180deg, #fff, #F1EEF0) repeat-x;
  border-color: #aeb7bc;
}

.btn-secondary:hover,.btn-light:hover {
  color: #25323D;
  background: #e0d9dd linear-gradient(180deg, #F1EEF0, #e0d9dd) repeat-x;
  border-color: #aeb7bc;
}

.btn-outline-secondary {
    color: #adb5bd;
    border-color: #adb5bd;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #adb5bd;
    border-color: #adb5bd;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-na {
    cursor:not-allowed !important;
}


.bg-blue {
    background-color: var(--blue) !important;
}

.bg-indigo {
    background-color: var(--indigo) !important;
}

.bg-purple {
    background-color: var(--purple) !important;
}

.bg-pink {
    background-color: var(--pink) !important;
}

.bg-red {
    background-color: var(--red) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-green {
    background-color: var(--green) !important;
}

.bg-teal {
    background-color: var(--teal) !important;
}

.bg-cyan {
    background-color: var(--cyan) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-gray {
    background-color: var(--gray) !important;
}

.bg-gray-dark {
  background-color: var(--gray-dark) !important;
}

.bg-beige {
  background-color: #ADA38B;
}

.bg-gray-blue {
  background-color: #738b9c;
}

.bg-gray-100 {
    background-color: #F1EEF0 !important;
}

.bg-gray-200 {
    background-color: #e9ecef !important;
}

.bg-gray-300 {
    background-color: #dee4e8 !important;
}

.bg-gray-400 {
    background-color: #ccd5db !important;
}

.bg-gray-500 {
    background-color: #a8b8c2 !important;
}

.bg-gray-600 {
    background-color: #617989 !important;
}

.bg-gray-700 {
    background-color: #5A707F !important;
}

.bg-gray-800 {
    background-color: #2F404C !important;
}

.bg-gray-900 {
    background-color: #25323D !important;
}

.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.h6,h6 {
  font-weight: 500;
  text-transform: uppercase;
  color: #5A707F;
}

.fill-dark {
  fill: #25323D;
}

.fill-white {
  fill: #FFF;
}

a.external {
    color: var(--red);
}

a.external:hover {
    text-decoration: underline;
}