/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/*********************
 * Z-Index Management
 ********************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.block-content-images + .block-content-images {
  margin-top: 4rem;
}
@media (min-width: 992px) {
  .block-content-images + .block-content-images {
    margin-top: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .block-content-images + .block-content-images {
    margin-top: 9.0625rem;
  }
}
@media (min-width: 1270px) {
  .block-content-images:not(.has-container).right {
    margin-left: calc((100vw - 1270px ) / 2);
  }
}
@media (min-width: 1320px) {
  .block-content-images:not(.has-container).right {
    margin-left: calc((100vw - 1320px ) / 2);
  }
}
@media (min-width: 1200px) {
  .block-content-images.right .b-content-images__content-wrapper {
    padding-right: 12%;
  }
}
@media (min-width: 768px) {
  .block-content-images.right .b-content-images__image {
    padding-right: 60px;
    padding-left: 35px;
  }
}
@media (min-width: 1200px) {
  .block-content-images.right .b-content-images__image {
    padding-right: 110px;
  }
}
@media (min-width: 1270px) {
  .block-content-images:not(.has-container).left {
    margin-right: calc((100vw - 1270px ) / 2);
  }
}
@media (min-width: 1320px) {
  .block-content-images:not(.has-container).left {
    margin-right: calc((100vw - 1320px ) / 2);
  }
}
@media (min-width: 1200px) {
  .block-content-images.left .b-content-images__content-wrapper {
    padding-left: 12.9%;
  }
}
.block-content-images.left .b-content-images__image {
  padding-right: 0;
  padding-left: 40px;
}
@media (min-width: 768px) {
  .block-content-images.left .b-content-images__image {
    padding-right: 35px;
    padding-left: 60px;
  }
}
@media (min-width: 1200px) {
  .block-content-images.left .b-content-images__image {
    padding-left: 110px;
  }
}
.block-content-images.left .b-content-images__bg {
  right: 20px;
  left: 0;
  border-radius: 0 100% 0 0;
}
@media (min-width: 992px) {
  .block-content-images.left .b-content-images__bg {
    right: 145px;
  }
}
.block-content-images.left .b-content-images__decorator {
  right: auto;
  left: 10px;
}
@media (min-width: 768px) {
  .block-content-images.left .b-content-images__decorator {
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .block-content-images.left .b-content-images__decorator {
    left: 40px;
  }
}

.b-content-images__content-wrapper {
  padding: 0 0 0.6875rem;
}
@media (min-width: 992px) {
  .b-content-images__content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }
}
.b-content-images__content-wrapper h2 {
  margin-top: 0;
}
.b-content-images__content-wrapper p:not([class]) {
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .b-content-images__content-wrapper .c-btn-wrapper {
    margin-top: 1.4375rem;
  }
}
.b-content-images__col-image {
  padding: 0;
}
.b-content-images__image {
  padding: 1.8125rem 40px 2.5rem 0;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .b-content-images__image {
    padding-top: 0;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .b-content-images__image {
    padding-bottom: 6.875rem;
  }
}
.b-content-images__image-wrapper {
  padding-top: 100%;
  position: relative;
  z-index: 2;
}
.b-content-images__image-wrapper > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.b-content-images__bg {
  position: absolute;
  top: 49px;
  right: 0;
  bottom: 0;
  left: 20px;
  border-radius: 100% 0 0 0;
  background-color: #211f1f;
}
@media (min-width: 768px) {
  .b-content-images__bg {
    top: 70px;
  }
}
@media (min-width: 992px) {
  .b-content-images__bg {
    top: 110px;
    left: 145px;
  }
}
.b-content-images__bg.bg-blue {
  background-color: #00819d;
}
.b-content-images__bg.bg-red {
  background-color: #d03b0c;
}
.b-content-images__decorator {
  width: 130px;
  height: 130px;
  position: absolute;
  z-index: 3;
  right: 10px;
  bottom: 10px;
}
@media (min-width: 768px) {
  .b-content-images__decorator {
    width: 200px;
    height: 200px;
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .b-content-images__decorator {
    width: 270px;
    height: 270px;
    right: 40px;
    bottom: 40px;
  }
}