@font-face {
  font-family: "Agov black";
  src: url(../fonts/Agov-black.ttf);
}
@font-face {
  font-family: "Agov bold";
  src: url(../fonts/Agov-bold.ttf);
}
@font-face {
  font-family: "Agov book";
  src: url(../fonts/Agov-book.ttf);
}
@font-face {
  font-family: "Agov extrabold";
  src: url(../fonts/Agov-extrabold.ttf);
}
@font-face {
  font-family: "Agov light";
  src: url(../fonts/Agov-light.ttf);
}
@font-face {
  font-family: "Agov medium";
  src: url(../fonts/Agov-medium.ttf);
}
.container-border {
  border: 1px solid #EAEAEA;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 8px;
}

.card-container {
  min-height: 165px;
}

.border-50 {
  border-radius: 50%;
}

.nav-link.tone-down img {
  filter: grayscale(1) brightness(4);
}

.nav-link.tone-down.active img {
  filter: unset;
}

.statistics-card {
  min-height: 150px;
}

.container-border.shadow-sm {
  box-shadow: 3px 4px 10px 0px rgba(206, 225, 254, 0.36) !important;
}

.org-profile-card {
  border: 0.5px solid #005FED;
  box-shadow: 2px 2px 8px 0px rgba(238, 66, 102, 0.08);
  border-radius: 5px;
  height: 96px;
  width: 216px;
}
.org-profile-card .level-1 {
  border: 0.5px solid #005FED;
}
.org-profile-card ::after {
  height: 2px;
  width: 98%;
  content: "";
  background-color: #005FED;
  position: absolute;
  bottom: 0;
  left: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.org-profile-card .org-display-pic {
  top: -24px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1607843137);
}

.org-profile-card.level-2 {
  border-color: transparent;
}
.org-profile-card.level-2 ::after {
  height: 2px;
  width: 98%;
  content: "";
  background-color: #191970;
  position: absolute;
  bottom: 0;
  left: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.org-profile-card.level-3 {
  border-color: transparent;
}
.org-profile-card.level-3 ::after {
  width: 0;
}

.custom-w-25 {
  width: 25% !important;
}

.custom-w-75 {
  width: 75% !important;
}

@media (min-width: 768px) and (max-width: 1025px) {
  .custom-w-25 {
    width: 35% !important;
  }
  .custom-w-75 {
    width: 65% !important;
  }
}/*# sourceMappingURL=user-profile.css.map */