.focus-areas-element {
  background-color: #ebebeb;
  color: #04042b;
  position: relative;
}
.focus-areas-element.dark {
  background-color: #04042b;
  color: #ffffff;
}
.focus-areas-element .gradient-left {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  max-width: 35%;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .focus-areas-element .gradient-left {
    display: block;
  }
}
.focus-areas-element .gradient-right {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 100%;
  max-width: 35%;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .focus-areas-element .gradient-right {
    display: block;
  }
}
.focus-areas-element .focus-area-content {
  z-index: 2;
  position: relative;
}
.focus-areas-element .focus-areas-item-wrapper {
  position: relative;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .focus-areas-element .focus-areas-item-wrapper {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .focus-areas-element .focus-areas-item-wrapper {
    flex: 0 0 33%;
  }
}
@media (min-width: 1400px) {
  .focus-areas-element .focus-areas-item-wrapper {
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-md-1 {
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-md-2 {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-lg-1 {
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-lg-2 {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-lg-3 {
    flex: 0 0 33%;
  }
}
@media (min-width: 992px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-lg-4 {
    flex: 0 0 25%;
  }
}
@media (min-width: 1400px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-xxl-1 {
    flex: 0 0 100%;
  }
}
@media (min-width: 1400px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-xxl-2 {
    flex: 0 0 50%;
  }
}
@media (min-width: 1400px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-xxl-3 {
    flex: 0 0 33%;
  }
}
@media (min-width: 1400px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-xxl-4 {
    flex: 0 0 25%;
  }
}
@media (min-width: 1400px) {
  .focus-areas-element .focus-areas-item-wrapper.focus-areas-item-wrapper-xxl-5 {
    flex: 0 0 20%;
  }
}
.focus-areas-element .focus-areas-item {
  height: 100%;
  position: relative;
  background-color: #ffffff;
  color: #04042b;
  border-radius: 23px;
}
.focus-areas-element .focus-areas-item-content-wrapper {
  padding: 30px;
}
.focus-areas-element .focus-areas-item-cta-wrapper {
  padding: 0 30px 30px 30px;
}
/*# sourceMappingURL=../../../dist/css/maps/elements/focus-areas.css.map */