.rs-services__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 1439.98px) {
  .rs-services__list {
    gap: 20px;
  }
}
@media (max-width: 991.98px) {
  .rs-services__list {
    gap: 10px;
  }
}
@media (max-width: 539.98px) {
  .rs-services__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-services__item {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  border-radius: 10px;
  overflow: hidden;
}
.rs-services__item::before, .rs-services__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
@media (min-width: 767.98px) {
  .rs-services__item:nth-child(1) .rs-services__body {
    max-width: 320px;
  }
  .rs-services__item:nth-child(2) .rs-services__body {
    max-width: 320px;
  }
  .rs-services__item:nth-child(3) .rs-services__body {
    max-width: 405px;
  }
  .rs-services__item:nth-child(4) .rs-services__body {
    max-width: 374px;
  }
}
@media (max-width: 767.98px) {
  .rs-services__item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .rs-services__item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .rs-services__item:nth-child(3) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .rs-services__item:nth-child(4) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.rs-services__item:nth-child(1), .rs-services__item:nth-child(4) {
  color: var(--font-color);
}
.rs-services__item:nth-child(1)::before, .rs-services__item:nth-child(4)::before {
  background: var(--second-gradient);
  opacity: 1;
}
.rs-services__item:nth-child(1)::after, .rs-services__item:nth-child(4)::after {
  background: var(--primary-gradient);
  opacity: 0;
}
@media (any-hover: hover) {
  .rs-services__item:nth-child(1):hover, .rs-services__item:nth-child(4):hover {
    color: #fff;
  }
}
.rs-services__item:nth-child(2), .rs-services__item:nth-child(3) {
  color: #fff;
}
.rs-services__item:nth-child(2)::before, .rs-services__item:nth-child(3)::before {
  background: var(--primary-gradient);
  opacity: 1;
}
.rs-services__item:nth-child(2)::after, .rs-services__item:nth-child(3)::after {
  background: var(--second-gradient);
  opacity: 0;
}
@media (any-hover: hover) {
  .rs-services__item:nth-child(2):hover, .rs-services__item:nth-child(3):hover {
    color: var(--font-color);
  }
}
@media (any-hover: hover) {
  .rs-services__item:hover::before {
    opacity: 0;
  }
  .rs-services__item:hover::after {
    opacity: 1;
  }
  .rs-services__item:hover img.rs-services__img--desktop,
  .rs-services__item:hover img.rs-services__img--mobile {
    opacity: 0;
    visibility: hidden;
  }
  .rs-services__item:hover img.rs-services__img--desktop--hover,
  .rs-services__item:hover img.rs-services__img--mobile--hover {
    opacity: 1;
    visibility: visible;
  }
}
.rs-services__img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.rs-services__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s ease 0s;
  transition: 0.3s ease 0s;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}
@media (max-width: 767.98px) {
  .rs-services__img img.rs-services__img--desktop {
    display: none;
  }
}
@media (min-width: 767.98px) {
  .rs-services__img img.rs-services__img--mobile {
    display: none;
  }
}
.rs-services__img img.rs-services__img--desktop--hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .rs-services__img img.rs-services__img--desktop--hover {
    display: none;
  }
}
.rs-services__img img.rs-services__img--mobile--hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 767.98px) {
  .rs-services__img img.rs-services__img--mobile--hover {
    display: none;
  }
}
.rs-services__desc {
  padding: 50px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1439.98px) {
  .rs-services__desc {
    padding: 40px;
  }
}
@media (max-width: 1169.98px) {
  .rs-services__desc {
    padding: 30px;
  }
}
@media (max-width: 991.98px) {
  .rs-services__desc {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  .rs-services__desc {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.rs-services__body {
  max-width: 500px;
}
@media (max-width: 767.98px) {
  .rs-services__body {
    max-width: 100%;
  }
}
.rs-services__body h3 {
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.rs-services__body p {
  margin-top: 10px;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}