/* stylelint-disable */
.section-premium {
  overflow: hidden;
  padding: clamp(36px, 6.458vw, 124px) 0 clamp(36px, 3.281vw, 63px);
  background-color: var(--bg-d);
}
.section-premium__wrapp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(12px, 3.75vw, 72px);
}
.section-premium__editor {
  max-width: 1320px;
  width: 100%;
}
.section-premium__items {
  display: grid;
  gap: clamp(12px, 2.344vw, 24px);
}
.section-premium__item {
  position: relative;
  counter-increment: list;
  padding: clamp(16px, 2.441vw, 25px) clamp(16px, 2.344vw, 24px);
  border-radius: 24px;
  border: 1px solid #505050;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-premium__item .editor p:not([class]) {
  font-size: clamp(14px, 1.953vw, 20px);
  line-height: 150%;
}
.section-premium__item-model {
  position: relative;
  display: flex;
  width: 100%;
  height: 360px;
  background: radial-gradient(circle at center, #444 0%, #666 0%, #111 100%);
  border-radius: 24px;
  overflow: hidden;
}
.section-premium__item-model::before {
  content: counter(list);
  position: absolute;
  top: 12px;
  left: 12px;
  width: clamp(32px, 6.25vw, 64px);
  height: clamp(32px, 6.25vw, 64px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-f);
  border-radius: 50%;
  font-size: clamp(16px, 3.906vw, 40px);
  line-height: 90%;
  font-weight: 500;
  color: var(--cl-a);
}
.section-premium__item-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.section-premium__item-icon svg {
  width: clamp(48px, 6.25vw, 64px);
  height: clamp(48px, 6.25vw, 64px);
}
@media (min-width: 576px) {
  .section-premium__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .section-premium__editor {
    gap: 12px;
  }
  .section-premium__editor h3 {
    text-align: left !important;
  }
  .section-premium__editor div {
    text-align: left !important;
  }
  .section-premium__editor p {
    text-align: left !important;
  }
  .section-premium__items {
    grid-template-columns: 100%;
  }
}
/*# sourceMappingURL=section-premium-materials.css.map */