/* 
  &:before {
    content: '\e900';
    @include icons-pseudo;
  }
*/
/* 
    @include hover-supported() {
        background-color: white;
    }
*/
/* Examples: 
    @include user-select(none);
    @include user-select(all);
*/
.solutions {
  padding: 6.5rem 0 10.5rem;
  padding: 16rem 0 20rem;
}
@media (min-width: 768px) {
  .solutions {
    padding: 8.5rem 0 13.5rem;
  }
}
.solutions-list header {
  margin-bottom: 5.8rem;
}
.solutions-list header::after {
  content: "";
  width: calc(100% + 80px);
  height: 0.1rem;
  background-color: #060821;
  position: absolute;
  left: -2rem;
  bottom: -2.8rem;
}
@media (min-width: 1280px) {
  .solutions-list header::after {
    width: calc(100% + 35px);
  }
}
.solutions-list-listing {
  font-size: 1.2rem;
  line-height: 1.7rem;
}
@media (min-width: 768px) {
  .solutions-list-listing {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 1280px) {
  .solutions-list-listing {
    font-size: 1.8rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 1600px) {
  .solutions-list-listing {
    font-size: 2rem;
  }
}
.solutions-list-listing > li {
  margin-bottom: 0;
  position: relative;
}
.solutions-list-listing > li:not(:last-child)::after {
  content: "";
  width: calc(100% + 80px);
  height: 0.1rem;
  background-color: #A1E5E6;
  position: absolute;
  left: -2rem;
  bottom: -2.8rem;
}
@media (min-width: 1280px) {
  .solutions-list-listing > li:not(:last-child)::after {
    width: calc(100% + 35px);
  }
}
.solutions-list-listing > li:not(:first-child) {
  margin-top: 3rem;
  padding-top: 3rem;
}
.solutions-list-listing--with-icons figure {
  height: 3rem;
  width: 3rem;
  margin-right: 1.8rem;
  margin-right: 4rem;
  margin-left: 3rem;
}
@media (min-width: 1280px) {
  .solutions-list-listing--with-icons figure {
    margin-right: 2.4rem;
  }
}
.solutions-list-listing--with-icons figure img {
  width: 3rem;
}
.solutions-list-listing--with-icons > li {
  font-weight: 600;
}
.solutions-list--alternate header {
  padding-left: 3rem;
}
.solutions-list--alternate header::after {
  width: calc(100% + 80px);
  left: auto;
  right: -1.2rem;
  bottom: -2.8rem;
}
.solutions-list--alternate .solutions-list-listing > li:not(:last-child)::after {
  left: auto;
  right: -1.2rem;
}
.solutions-figure {
  width: 500px;
  margin-top: 15px;
  margin-right: -210px;
  width: 920px;
  margin-right: -205px;
  margin-left: 25px;
  margin-top: -50px;
}
@media (min-width: 768px) {
  .solutions-figure {
    width: 710px;
    margin-right: -200px;
  }
}
@media (min-width: 1280px) {
  .solutions-figure {
    width: 710px;
    margin-top: -40px;
    margin-right: -170px;
  }
}
.solutions-graphic {
  transform: rotate(-11deg);
  left: -230px;
  top: -1080px;
}