:root {
  --mx-wid-art-one-svg:270px;
  --wid-art-three-card: 220px;
  --wid-art-five-svg:90px;
  --wid-list-icon: 320px;
  --wid-art-four-iframe: 180px;
}

.card-features--container {
  min-width: var(--wid-art-three-card);
  max-width: var(--wid-art-three-card);
}
.card-features--container svg {
  width: 180px;
  height: 180px;
}

.card-plans--container {
  border: 1px solid var(--color-outline);
  border-radius: var(--shape-corner-small-default-size);
  padding: 16px;
}

li svg[iconsvg-name=close-300] {
  fill: var(--color-error);
}

.container-testing {
  background-color: var(--color-primary-container);
  color: var(--color-on-primary-container);
  padding: 32px 0;
}
.container-testing .container-icon {
  min-width: var(--wid-art-five-svg);
}
.container-list-icon svg {
  max-width: var(--wid-list-icon);
}

.container-video iframe {
  min-width: var(--wid-art-four-iframe);
  border-radius: var(--shape-corner-small-default-size);
}

@media screen and (min-width: 359px) {
  :root {
    --wid-art-four-iframe: 320px ;
  }
}
@media screen and (min-width: 520px) {
  :root {
    --wid-art-five-svg:180px;
    --wid-art-four-iframe: 480px;
  }
}
@media screen and (min-width: 659px) {
  :root {
    --wid-art-four-iframe: 580px;
    --wid-list-icon:100%;
  }
}
@media screen and (min-width: 839px) {
  :root {
    --slider-height:38dvh !important;
    --wid-art-three-card: 360px;
    --wid-art-four-iframe: 720px ;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --wid-art-four-iframe: 840px ;
  }
}

/*# sourceMappingURL=components.css.map */