html {
  scroll-behavior: smooth;
}

.grey-bg {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.grey-bg a {
  color: #333 !important;
}

/* .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
} */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.horizontal-scroll {
  overflow-x: scroll;
  width: 100vw;
  white-space: nowrap;
  cursor: grab;
}

.horizontal-scroll:hover:active {
  cursor: grabbing;
}

.horizontal-scroll-item {
  display: inline-block;
  width: 300px;
  height: 120px;
  margin-left: 24px;
  margin-right: 24px;
}

.horizontal-scroll-item .item-shadow {
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

.horizontal-scroll::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* make scrollbar transparent */
}

.horizontal-scroll-fade-left {
  height: 212px;
  width: 50px;
  left: 0;
  position: absolute;
  background-image: linear-gradient(to right, white, transparent);
}

.horizontal-scroll-fade-right {
  height: 212px;
  width: 50px;
  right: 0;
  position: absolute;
  background-image: linear-gradient(to left, white, transparent);
}

.card-hover{
  background-color: #fff;
  transition: .5s;
}

.card-hover:hover {
  background-color: #ddd;
  transition: .5s;
}