/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-down: 1023px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

.services {
  overflow: hidden;
  position: relative;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .services .sk-container {
    padding: 198px 15px 106px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 63px 100px;
    max-width: 1330px;
  }
}
.services__item {
  border-top: 1px solid var(--sk-color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 27px;
}
@media (min-width: 768px) {
  .services__item {
    padding-top: 45px;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .services__content {
    padding-right: 20px;
    max-width: 520px;
  }
}
.services__content h1,
.services__content h2,
.services__content h3,
.services__content h4,
.services__content h5,
.services__content h6 {
  font-family: var(--sk-font-fraunces);
  margin-bottom: 40px;
  color: var(--sk-color-aubergine);
}
.services__content p {
  color: var(--sk-color-primary);
}
.services__image {
  max-width: 50px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .services__image {
    margin-top: 5px;
    margin-bottom: 0;
  }
}