@font-face {
    font-family: "Gotham";
    src: url("../../assets/fonts/GothamBook.ttf");
}

.gotham {
    font-family: "Gotham", sans-serif;
}
.index-heading {
    color: #588157;
}

/*.btn-primary {
    background-color: #588157 !important;
    border-color: #588157 !important;
}*/

.table-wrapper {
    width: 100%;
    overflow: auto;
    display:inline-block;
}

.text-bootstrap {
    /* color: #adb5bd; */
    color: #212529;
}

.multiple-card-slider .carousel-inner {
  padding: 1em;
}
.multiple-card-slider .card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}
.multiple-card-slider .carousel-control-prev,
.multiple-card-slider .carousel-control-next {
  background-color: #e1e1e1;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .multiple-card-slider .carousel-item {
    margin-right: 0;
    flex: 0 0 calc(100% / 3);
    display: block;
    backface-visibility: visible;
  }
  .multiple-card-slider .carousel-inner {
    display: flex;
  }
}

.vertical-center {
  display: flex;
  align-items: center;
}

@font-face {
  font-family: 'CustomFont';
  src: url('.../assets/fonts/Roboto-Regular-ttf') format('truetype');
}

/* Use the custom font in your CSS */
.body {
  font-family: 'CustomFont', sans-serif; /* Use the custom font, fallback to a generic sans-serif font */
}