.gd-section--cost-of-living {
  position: relative;
}
.gd-section--cost-of-living::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .gd-section--cost-of-living .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1198px) {
  .gd-section--cost-of-living .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .gd-section--cost-of-living .container .boxes {
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    margin-right: 0;
  }
  .gd-section--cost-of-living .container .boxes::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
  .gd-section--cost-of-living .container .boxes::-webkit-scrollbar-thumb {
    height: 0;
    width: 0;
  }
  .gd-section--cost-of-living .container .boxes::-webkit-scrollbar-track {
    height: 0;
    width: 0;
  }
}
@media (min-width: 768px) and (max-width: 1198px) {
  .gd-section--cost-of-living .container .boxes {
    overflow: scroll;
  }
  .gd-section--cost-of-living .container .boxes::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
  .gd-section--cost-of-living .container .boxes::-webkit-scrollbar-thumb {
    height: 0;
    width: 0;
  }
  .gd-section--cost-of-living .container .boxes::-webkit-scrollbar-track {
    height: 0;
    width: 0;
  }
}
@media (min-width: 1200px) {
  .gd-section--cost-of-living .container .boxes {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.gd-section--cost-of-living .container .box {
  border-radius: 16px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  padding: 35px 20px;
  position: relative;
}
@media (max-width: 1199px) {
  .gd-section--cost-of-living .container .box {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 75vw;
    margin-right: 30px;
  }
}
.gd-section--cost-of-living .container .box.bg-smart-green {
  background-color: var(--color-blue);
}
.gd-section--cost-of-living .container .box.bg-inspirational-blue {
  background-color: var(--color-teal);
}
.gd-section--cost-of-living .container .box.bg-green {
  background-color: var(--color-blue);
}
@media (max-width: 767px) {
  .gd-section--cost-of-living .container .box:first-child {
    margin-left: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1198px) {
  .gd-section--cost-of-living .container .box:first-child {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .gd-section--cost-of-living .container .box:last-child {
    margin-right: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1198px) {
  .gd-section--cost-of-living .container .box:last-child {
    margin-right: 30px;
  }
}
.gd-section--cost-of-living .container .box .box-title {
  display: -moz-flex;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.gd-section--cost-of-living .container .box .box-title h4 {
  color: #fff;
}
.gd-section--cost-of-living .container .box .box-title img {
  width: auto;
  height: 30px;
}
.gd-section--cost-of-living .container .box ul {
  margin-top: 20px;
}
.gd-section--cost-of-living .container .box ul li {
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  line-height: 27px;
  color: #fff !important;
}
.gd-section--cost-of-living .container .box ul li:not(:last-of-type) {
  margin-bottom: 25px;
}
.gd-section--cost-of-living .container .box ul li span.title {
  padding-right: 30px;
  width: 100%;
}
.gd-section--cost-of-living .container .box ul li span.price {
  width: 50px;
  font-weight: 600;
}/*# sourceMappingURL=cost_of_living.css.map */