/*============= FUNCTIONS ===============*/
/*============= MIXINS ===============*/
.seo-block {
  padding: 60px 0;
  overflow-x: clip;
  position: relative;
}
.seo-block::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -123px;
  transform: translateY(-50%);
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: var(--colors-main);
  z-index: -1;
  filter: blur(120px);
}
.seo-wrapper {
  display: flex;
  gap: 60px;
}
.seo-image {
  width: 100%;
  height: 100%;
  max-width: 460px;
  border-radius: 3px;
  overflow: hidden;
}
.seo-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.seo-desc {
  flex-shrink: 0;
  max-width: 750px;
  width: 100%;
}
.seo-desc * {
  font-family: var(--second-font);
  font-weight: 400;
  line-height: 130%;
  font-size: calc(0.00125 * 100vw + 13.6px);
  letter-spacing: 0px;
  color: var(--text-primary);
}

@media (max-width: 1200px) {
  .seo-wrapper {
    flex-direction: column;
    gap: 20px;
    max-width: unset;
  }
  .seo-image {
    width: 100%;
    max-width: unset;
    height: 300px;
    min-height: unset;
  }
  .seo-desc {
    max-width: unset;
  }
}
@media (max-width: 992px) {
  .seo-block {
    padding: 20px 0;
  }
} /*# sourceMappingURL=block.css.map */