.service-section {
  padding-bottom: 160px; }
  @media (max-width: 1099px) {
    .service-section {
      padding-bottom: 200px;
      position: relative; } }
  .service-section.service--gray {
    background-color: #EDEEF2; }
  .service-section__grid {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .service-section__grid.mb {
      padding-bottom: 60px; }
    @media (max-width: 1099px) {
      .service-section__grid {
        grid-template-columns: 1fr; } }
  @media (max-width: 1099px) {
    .service-section__imgs {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .service-section__imgs {
      margin: 0 -12px; } }
  .service-section__right {
    padding: 53px; }
    @media (max-width: 1699px) {
      .service-section__right {
        padding: 48px; } }
    @media (max-width: 1559px) {
      .service-section__right {
        padding: 32px; } }
    @media (max-width: 767px) {
      .service-section__right {
        margin: 0 -12px;
        padding: 0 12px 0; } }
  @media (max-width: 767px) {
    .service-section__left .presection {
      margin-bottom: 32px; } }
  .service-section__img {
    position: relative;
    padding-bottom: 85%; }
    .service-section__img .lazy-img-wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0; }
      .service-section__img .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

.service-link {
  font-size: 18px;
  margin-left: 53px; }
  @media (max-width: 1699px) {
    .service-link {
      margin-left: 48px; } }
  @media (max-width: 1559px) {
    .service-link {
      margin-left: 32px; } }
  @media (max-width: 1099px) {
    .service-link {
      position: absolute;
      bottom: 80px;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 250px; } }

.service-parallax {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }
  .service-parallax__img {
    position: relative;
    padding-bottom: 30%;
    min-height: 400px; }
    .service-parallax__img .lazy-img-wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0; }
      .service-parallax__img .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }