body {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
}

.pdf {
  width: 100%;
  aspect-ratio: 4 / 3;
}

#bootstrap-override .custom-card {
  background-color: #b2cfc4;
  border-radius: 12px;
  min-width: 40%;
  padding: 1%;
  margin: 1%;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

#bootstrap-override .inner-img {
  border-radius: 2rem;
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#bootstrap-override .accordion-button:not(.collapsed) {
  color: #335d42;
  background-color: #d2eae0;
}

#bootstrap-override .page-link {
  color: #335d42;
}

#bootstrap-override .page-link:hover {
  color: #77a889;
}

#bootstrap-override .pagination .disabled {
  color: #d2eae0;
}

#bootstrap-override .uniform-img {
  width: 100%;
  height: 50vh;
  object-fit: cover;
  background: transparent;
  transition: transform 0.4s ease;
}

#bootstrap-override .uniform-img:hover {
  object-fit: contain;
  z-index: 9999;
  position: relative;
  transform: scale(1.2);
}

#bootstrap-override .set-height-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#bootstrap-override .custom-width {
  width: 60%
}

@media (max-width: 1000px) {
  #bootstrap-override .custom-width {
    width: 90%
  }
}

#bootstrap-override .custom-card:hover {
    box-shadow: 0 12 30px rgba(0,0,0,0.6);
}

#bootstrap-override .custom-card .sub-custom-card {
    background-color: #d2eae0;
    border-radius: 1rem;
    padding: 1%;
    margin: 2%;
    text-align: center;
    min-width: 250px;
}

#bootstrap-override h1 {
  color: #77a889;
}

#bootstrap-override .custom-card .sub-custom-card-important {
    background-color: #d2eae0;
    border-radius: 12px;
    border-color: #9fc7aa;
    border: 10rem;
    padding: 1%;
    margin: 2%;
    text-align: center;
    min-width: 250px;
}

/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scroll .navar-brand {
  color: #4f4f4f;
}

.navbar-scroll .nav-link:hover {
  color: #77a889;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars,
.navbar-scrolled .navar-brand {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
  background-color: #fff;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
}

body {
  background-color: #eee;
}

.bg-body-tertiary {
    background-color: #9fc7aa !important;
}