/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*/
@font-face {
  font-family: "Playfair Display";
  src: url("../../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display Italic";
  src: url("../../assets/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.post-service-info {
  min-height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .post-service-info {
    padding-top: 128px;
  }
}
.post-service-info__flex-container {
  display: flex;
  gap: 138px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .post-service-info__flex-container {
    flex-direction: column;
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .post-service-info__flex-container {
    gap: 24px;
  }
}
.post-service-info__service-title {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .post-service-info__service-title {
    margin-bottom: 16px;
  }
}

.post-service-range {
  background-color: #F8F8F8;
}
.post-service-range h3 {
  text-align: center;
  margin-bottom: 32px;
}
.post-service-range__flex-wrapper {
  display: flex;
  gap: 32px;
  align-items: stretch;
}
.post-service-range__flex-wrapper__image-wrapper {
  position: relative;
  flex: 1;
  border-radius: 8px;
  overflow: hidden;
}
.post-service-range__flex-wrapper__image-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .post-service-range__flex-wrapper__image-wrapper img {
    height: 350px;
    width: 100%;
    -o-object-position: 50% 30%;
       object-position: 50% 30%;
  }
}
@media screen and (max-width: 767px) {
  .post-service-range__flex-wrapper__image-wrapper img {
    height: 260px;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
.post-service-range__flex-wrapper__image-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .post-service-range__flex-wrapper__image-wrapper {
    height: 350px;
    width: 100%;
    flex: none;
  }
}
@media screen and (max-width: 767px) {
  .post-service-range__flex-wrapper__image-wrapper {
    height: 260px;
  }
}
.post-service-range__flex-wrapper__items-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
}
.post-service-range__flex-wrapper__items-wrapper__item-container {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 32px;
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
}
.post-service-range__flex-wrapper__items-wrapper__item-container span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #0C9381;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 1;
}
.post-service-range__flex-wrapper__items-wrapper__item-container p {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .post-service-range__flex-wrapper__items-wrapper__item-container {
    padding: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .post-service-range__flex-wrapper__items-wrapper {
    flex: none;
  }
}
@media screen and (max-width: 1024px) {
  .post-service-range__flex-wrapper {
    flex-direction: column-reverse;
    gap: 16px;
  }
}

.post-service-range-mirror {
  padding-top: 0;
}
.post-service-range-mirror__flex-wrapper {
  flex-direction: row-reverse;
}
/*# sourceMappingURL=single-service.css.map */