.bg-blue{
  background-color: #02689F;
}
.bg-orange{
  background-color: #E27A3A;
}
.hero{
  margin-bottom: 40px;
}
.hero__image{
  aspect-ratio: 16/7;
}
.hero__content{
  background-color: #02689F;
}

.cards{
  margin-bottom: 60px;
}
.card .btn{
  background-color: #E27A3A;
}
.richtext{
  border-width: 24px !important;
  border-color: #02689F !important;
}
.carousel-item__content{
  max-width: 75%;
}
.carousel-section{
  background-color: #F2F2F2;
}
.carousel-section h2{
  color: #02689F;
}
.carousel-control-next, 
.carousel-control-prev{
  width: 10%;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: 44px;
  height: 44px;
  filter: invert(54%) sepia(86%) saturate(714%) hue-rotate(344deg) brightness(95%) contrast(97%);
}
.user-icon{
  max-width: 200px;
}

@media screen and (min-width: 768px){
  .hero{
    height: 70vh;
    min-height: fit-content;
    margin-bottom: 70px;
  }
  .hero__image{
    aspect-ratio: initial;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .cards{
    margin-bottom: 100px;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon{
    width: 74px;
    height: 74px;
  }
  .carousel-item__content{
    width: 70%;
  }
  .user-icon{
    max-width: initial;
  }
  .hero__content{
    background-color: transparent;
  }
}