/* Bulma Utilities */
:root {
  --dbcolor: #eaf7fe;
}

.agn-diagonal-background {
  position: relative;
  width: 100%;
}

.agn-diagonal-background:after {
  background-color: var(--dbcolor);
  border-bottom-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem;
  content: "";
  display: block;
  height: calc(100% - 7.7vw);
  position: absolute;
  top: 50%;
  transform: skewY(-5deg) translateY(-50%);
  width: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .agn-diagonal-background:after {
    border-bottom-left-radius: 4rem;
    border-top-right-radius: 4rem;
  }
}

.agn-diagonal-background.is-top:after {
  top: auto;
  transform: skewY(-5deg);
  bottom: -5vw;
  height: calc(100% + 1vw);
}

.agn-diagonal-background.is-bottom:after {
  top: -5vw;
  transform: skewY(-5deg);
  height: calc(100% + 1vw);
}