@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');

.btn-custom-secondary {
  background-color: #c0c0c0;
}

.navbar {
  border-bottom: 1px solid #eef1f5;
}

.header-3 {
  color: #3b4754;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 30px;
}

.macbook-pro-1 {
  max-width: 500px;
  height: 200px;
}

.group-img {
  max-width: 500px;
  height: 450px;
}

@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }

  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(0);
}

.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
}