@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 0.5em, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes zoomOutElement {
  from {
    transform: scale(1) translate(0, 0); }
  to {
    transform: scale(4) translate(30px, -30px); } }

@keyframes dottedLoading {
  0%,
  80%,
  100% {
    box-shadow: 0 1.5em 0 -0.9em; }
  40% {
    box-shadow: 0 1.5em 0 0; } }

@keyframes stickyFadeInUp {
  from {
    transform: translate3d(0, 0.2em, 0);
    visibility: visible;
    opacity: 0; }
  to {
    transform: translate3d(0, -50%, 0);
    opacity: 1; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.experience-layouts-sustainabilityApproach {
  background-color: #f6f9fb;
  padding-top: 3em;
  padding-bottom: 3em;
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  @media (min-width: 992px) {
    .experience-layouts-sustainabilityApproach {
      padding-top: 4.5em;
      padding-bottom: 4.5em; } }
  @media (min-width: 1600px) {
    .experience-layouts-sustainabilityApproach {
      padding-top: 5em;
      padding-bottom: 5em; } }
  @media (min-width: 768px) {
    .experience-layouts-sustainabilityApproach .experience-content {
      display: -ms-flexbox;
      display: flex;
      display: -ms-flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-left: -15px;
      margin-right: -15px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .experience-layouts-sustainabilityApproach .experience-content {
      margin-left: -20px;
      margin-right: -20px; } }
  .experience-layouts-sustainabilityApproach .experience-content .experience-component {
    margin-bottom: 30px; }
    .experience-layouts-sustainabilityApproach .experience-content .experience-component:last-child {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      .experience-layouts-sustainabilityApproach .experience-content .experience-component {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 992px) {
      .experience-layouts-sustainabilityApproach .experience-content .experience-component {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 0; } }
    @media (min-width: 1200px) {
      .experience-layouts-sustainabilityApproach .experience-content .experience-component {
        padding-left: 20px;
        padding-right: 20px; } }