/*$breakpoints: (
	"xl-over": "screen and (min-width: 1760px)",
	"lg-over": "screen and (min-width: 1520px)",
	"md-over": "screen and (min-width: 1280px)",
	"sm-over": "screen and (min-width: 1024px)",
	"xs-over": "screen and (min-width: 768px)",
	"lg-xl": "screen and (max-width: 1759px) and (min-width: 1520px)",
	"md-lg": "screen and (max-width: 1519px) and (min-width: 1280px)",
	"sm-md": "screen and (max-width: 1279px) and (min-width: 1024px)",
	"xs-sm": "screen and (max-width: 1023px) and (min-width: 768px)",
	"xl-under": "screen and (max-width: 1759px)",
	"lg-under": "screen and (max-width: 1519px)",
	"md-under": "screen and (max-width: 1279px)",
	"sm-under": "screen and (max-width: 1023px)",
	"xs-under": "screen and (max-width: 767px)"
) !default;*/
.interval5em > *:not(:last-child) {
  margin-bottom: 0.5em;
}

.interval10em > *:not(:last-child) {
  margin-bottom: 1em;
}

.interval15em > *:not(:last-child) {
  margin-bottom: 1.5em;
}

.interval20em > *:not(:last-child) {
  margin-bottom: 2em;
}

.interval25em > *:not(:last-child) {
  margin-bottom: 2.5em;
}

.interval30em > *:not(:last-child) {
  margin-bottom: 3em;
}

.interval35em > *:not(:last-child) {
  margin-bottom: 3.5em;
}

.interval40em > *:not(:last-child) {
  margin-bottom: 4em;
}

.interval45em > *:not(:last-child) {
  margin-bottom: 4.5em;
}

.interval50em > *:not(:last-child) {
  margin-bottom: 5em;
}

.works-header {
  margin-bottom: 1.5em;
}

.works-header__head {
  margin-bottom: 0.5em;
  font-size: 35px;
}

@media screen and (max-width: 640px) {
  .works-header__head {
    font-size: 6vw;
  }
}

.works-header__head::after {
  content: "";
  display: block;
  margin-top: 0.25em;
  width: 100%;
  height: 3px;
}

.works-header__head--solar {
  color: #0052a4;
}

.works-header__head--solar::after {
  background: linear-gradient(to right, #4d86c0 0, #4d86c0 75%, transparent 100%);
}

.works-header__head--civil {
  color: #008e5f;
}

.works-header__head--civil::before {
  background: url(../images/icon-earth-green.png) no-repeat center center/contain;
}

.works-header__head--civil::after {
  background: linear-gradient(to right, #73b58a 0, #73b58a 75%, transparent 100%);
}

.works-header__text {
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 640px) {
  .works-header__text {
    font-size: 3.6vw;
  }
}

.works-outer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 -40px;
}

@media screen and (max-width: 640px) {
  .works-outer {
    margin: 0;
  }
}

.works-inner {
  width: 466px;
}

@media screen and (max-width: 640px) {
  .works-inner {
    width: 100%;
  }
}

.works-box {
  margin-bottom: 80px;
}

@media screen and (max-width: 640px) {
  .works-box {
    margin-bottom: 15vw;
  }
}

.works-box__header {
  margin-bottom: 1.5em;
}

.works-box__head {
  position: relative;
  padding: 1.25em 0 1.25em 35%;
  font-size: 25px;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .works-box__head {
    font-size: 5vw;
  }
}

.works-box__head--solar {
  background-color: #0052a4;
}

.works-box__head--civil {
  background-color: #008e5f;
}

.works-box__head::before {
  content: "0" attr(data-num);
  position: absolute;
  left: 20%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  font-size: 47px;
  font-family: "Bebas Neue", cursive;
}

.works-box__images {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: -0.75em 0;
}

@media screen and (max-width: 640px) {
  .works-box__images {
    margin: 0;
    gap: 2.5vw 0;
  }
}

.works-box__item {
  margin: 0.75em 0;
}

@media screen and (max-width: 640px) {
  .works-box__item {
    margin: 0;
    width: 49%;
  }
}

.works-box__img {
  margin-bottom: 0.5em;
}

@media screen and (max-width: 640px) {
  .works-box__img {
    width: 100%;
    height: auto;
  }
}

.works-box__caption {
  height: 1.5em;
  text-align: center;
  line-height: 1.5;
}

@media screen and (max-width: 640px) {
  .works-box__caption {
    font-size: 3vw;
  }
}