.navbar ul * :hover {
    color: #52a3fa !important;
}
.navbar ul .active {
    color: #007bff !important;
}
.navbar ul .active * {
    color: #007bff !important;
}

footer {
    color: white;
    height: 160px;
    padding-top: 25px;
}

#carouselExampleIndicators ol li {
    background-color: black;
}

#carouselExampleIndicators > a span {
    font-size: 2rem;
    font-weight: bold;
    color: black;
}

.carousel-control-next-icon:after {
    content: '>';
}

.carousel-control-prev-icon:after {
    content: '<';
}

.carousel-container .user {
    padding: 0!important;
  }
  .carousel-container .mbr-iconfont {
    font-size: 3rem;
    color: #181818 !important;
  }
  .carousel-container .user_image {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 1rem auto;
    position: relative;
  }
  .carousel-container .user_image img {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
  }
  .carousel-container .user_image:before {
    content: '';
    position: absolute;
    height: 198px;
    width: 198px;
    left: 0px;
    top: 0px;
    background: transparent;
    border-radius: 100%;
    z-index: 0;
  }
  .carousel-container .carousel-item {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .carousel-container .carousel-item.active,
  .carousel-container .carousel-item-next,
  .carousel-container .carousel-item-prev {
    display: flex;
  }
  .carousel-container .user_name {
    margin: 0;
  }














  .carousel-container {
    padding-top: 90px;
    padding-bottom: 120px;
    background-color: #ffffff;
  }
  
  .carousel-container .carousel {
    z-index: 2;
    position: relative;
  }
  .carousel-container .user {
    padding: 0!important;
  }
  .carousel-container .mbr-iconfont {
    font-size: 3rem;
    color: #181818 !important;
  }
  .carousel-container .user_image {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 1rem auto;
    position: relative;
  }
  .carousel-container .user_image img {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
  }
  .carousel-container .user_image:before {
    content: '';
    position: absolute;
    height: 198px;
    width: 198px;
    left: 0px;
    top: 0px;
    background: transparent;
    border-radius: 100%;
    z-index: 0;
  }
  .carousel-container .carousel-item {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .carousel-container .carousel-item.active,
  .carousel-container .carousel-item-next,
  .carousel-container .carousel-item-prev {
    display: flex;
  }
  .carousel-container .user_name {
    margin: 0;
  }
  .carousel-container .carousel-controls a {
    font-size: 2rem;
  }
  .carousel-container .carousel-controls a span {
    position: absolute;
    transition: opacity 0.3s;
    top: 10px;
    padding: 10px;
    border-radius: 50%;
    color: #383838;
    background: transparent;
    opacity: 0.5;
  }
  .carousel-container .carousel-controls a:hover span {
    opacity: 1;
    cursor: pointer;
  }
  .carousel-container ol {
    margin-bottom: 0;
    bottom: -3rem;
  }
  .carousel-container .carousel-indicators li {
    width: 7px;
    height: 7px;
    margin: auto 7px;
    border: none;
    background: #383838;
    transition: all 0.3s;
    border-radius: 50%;
    opacity: 0.5;
    position: relative;
  }
  .carousel-container .carousel-indicators li:hover {
    opacity: 1;
  }
  .carousel-container .carousel-indicators .active {
    opacity: 1;
    width: 8px;
    height: 8px;
  }
  .carousel-container .carousel-indicators .active:before {
    content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    left: -3px;
    top: -3px;
    background: transparent;
    border-radius: 100%;
    z-index: -1;
  }
  
  section {
      margin-top: 4em;
      margin-bottom: 2em;
  }

p.display-4 {
    margin-bottom: 0.7em;
}

#donate-btn:hover {
    color: white !important;
}