:root {
  --box-shadow: 0px 8px 40px rgba(155, 155, 155, 0.25);
  --gradient-purple-pink: linear-gradient(90deg, #380594 0%, #eb5af6 100%);
  --gradient-grape-aqua: linear-gradient(90deg, #6529f6 0%, #42fbfe 100%);
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
  --component-spacing: 80px;
  --navigation-height: 97px;
}
@media (min-width: 768px) {
  :root {
    --component-spacing: 95px;
  }
}
@media (min-width: 1024px) {
  :root {
    --component-spacing: 130px;
    --navigation-height: 164px;
  }
}
@media (min-width: 1280px) {
  :root {
    --navigation-height: 153px;
  }
}

.block-features-3 .feature {
  background-color: #f9f9f9;
  border-radius: 7px;
  padding: 40px 20px;
}
.block-features-3 .feature .icon {
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
}
.block-features-3 .feature .icon svg {
  fill: #380594;
  width: auto;
  max-width: 100%;
  height: 100%;
}
.block-features-3 .feature__title,
.block-features-3 .feature h2,
.block-features-3 .feature h3 {
  color: #333333;
}
.block-features-3 .feature p:last-of-type {
  margin-bottom: 0;
}
.block-features-3 .feature .button {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .block-features-3 .feature {
    border-radius: 16px;
    padding: 60px 32px 80px;
  }
}
.block-features-3 {
  background-color: #380594;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODcyIiBoZWlnaHQ9IjEwNDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4OS40MjkgNzAwLjI2IDI1Ljc1MSA0MjcuODRjLTM0LjMzNS0zNS42MTktMzQuMzM1LTkzLjE0IDAtMTI4LjczOEwyODkuNDMgMjYuNjgyQzMwNi4wMTMgOS40MzIgMzI4LjM4OCAwIDM1MS40NzMgMGM1Ljc5MiAwIDExLjYwNC42MDMgMTcuMzk2IDEuODMgNjguODk5IDE0LjE5MiA5NC43MTIgMTAyLjA1NiA0NC45ODEgMTUzLjQ2TDI3NC43NCAyOTkuMDgxYy0zNC4zMzQgMzUuNjE5LTM0LjMzNCA5My4xNCAwIDEyOC43MzdsMTM5LjExIDE0My43OTFjMTcuNzUxIDE4LjM0OCAyNS44MTQgNDEuMjQgMjUuODE0IDYzLjg3MyAwIDQwLjc0NS0yNi4zOTcgODAuNDEzLTcwLjc5NSA4OS41ODctMjguODk3IDUuOTg3LTU4LjczMS0zLjI5NS03OS40NC0yNC44NTJ2LjA0M1oiIGZpbGw9IiM2MDM3QTkiLz48cGF0aCBkPSJNMzUxLjUyNyA3MTEuOTc5Yy0xOS42NDYgMC0zOC4wNjQtNy45MDMtNTEuODU2LTIyLjIyNEwzNS45NTIgNDE3LjMxM2MtMjguNjA1LTI5LjY3NS0yOC42MDUtNzggMC0xMDcuNjc2bDI2My42NzctMjcyLjQyYzEzLjgzNC0xNC40MDcgMzIuMjMxLTIyLjMxIDUxLjgzNi0yMi4zMSA0Ljc5MiAwIDkuNjg4LjUxNiAxNC41MjEgMS41MjggMjcuMTI2IDUuNTc4IDQ4LjA2NSAyNS4yMTggNTYuMDY1IDUyLjUyNSA4IDI3LjI4NSAxLjEyNSA1NS42MjUtMTguMzk2IDc1LjgwNGwtMTM5LjExIDE0My43OWMtMzkuODM1IDQxLjMyNi0zOS44MzUgMTA4LjUxNiAwIDE0OS43OTlsMTM5LjEzIDE0My44MTJjMTcuODM0IDE4LjQzNCAyMS41ODUgMzkuMTk0IDIxLjU4NSA1My4zNDMgMCAzMC4yMTQtMTguNTQzIDY2LjU2NS01OS4yMTEgNzQuOTY0YTcxLjc3MiA3MS43NzIgMCAwIDEtMTQuNTIyIDEuNDg2di4wMjFaIiBmaWxsPSIjNjAzN0E5Ii8+PHBhdGggZD0ibTU4Mi40MTcgMTAxNC40MSAyNjMuNjc4LTI3Mi40MjNjMzQuMzM0LTM1LjYxOSAzNC4zMzQtOTMuMTM5IDAtMTI4LjczN0w1ODIuNDE3IDM0MC44M2MtMTYuNTg0LTE3LjI1LTM4Ljk2LTI2LjY4My02Mi4wNDQtMjYuNjgzYTgzLjc1IDgzLjc1IDAgMCAwLTE3LjM5NyAxLjgzMWMtNjguODk4IDE0LjE5Mi05NC43MTIgMTAyLjA1NS00NC45ODEgMTUzLjQ2bDEzOS4xMSAxNDMuNzljMzQuMzM1IDM1LjYyIDM0LjMzNSA5My4xNCAwIDEyOC43MzhsLTEzOS4xMSAxNDMuNzljLTE3Ljc1IDE4LjM0OC0yNS44MTMgNDEuMjQtMjUuODEzIDYzLjg3NCAwIDQwLjc0NCAyNi4zOTcgODAuNDEgNzAuNzk0IDg5LjU5IDI4Ljg5NyA1Ljk4IDU4LjczMi0zLjMgNzkuNDQxLTI0Ljg2di4wNVoiIGZpbGw9IiM2MDM3QTkiLz48cGF0aCBkPSJNNTIwLjM3NyAxMDI2LjE1Yy00Ljg1NCAwLTkuNzUtLjUyLTE0LjUyMS0xLjUxLTQwLjY4OS04LjQtNTkuMjMyLTQ0Ljc0Ny01OS4yMzItNzQuOTYxIDAtMTQuMTQ5IDMuNzUtMzQuODg3IDIxLjU4NS01My4zNDNsMTM5LjEwOS0xNDMuNzljMzkuODM1LTQxLjMwNSAzOS44MzUtMTA4LjUxNiAwLTE0OS43OTlsLTEzOS4xMy0xNDMuODEyYy0xOS41MjItMjAuMTc5LTI2LjM5Ny00OC41MTktMTguMzc2LTc1LjgwNCA4LTI3LjMwNyAyOC45MzktNDYuOTI1IDU2LjAwMi01Mi40ODFhNzAuMzc0IDcwLjM3NCAwIDAgMSAxNC41ODQtMS41NTFjMTkuNjI2IDAgMzguMDIzIDcuOTA0IDUxLjgxNSAyMi4yNjhMODM1LjkzMiA2MjMuODNjMjguNjA1IDI5LjY3NSAyOC42MDUgNzggMCAxMDcuNjc2TDU3Mi4yNzUgMTAwMy45Yy0xMy44MzQgMTQuMzktMzIuMjMgMjIuMjctNTEuODc3IDIyLjI3bC0uMDIxLS4wMloiIGZpbGw9IiM2MDM3QTkiLz48L3N2Zz4=");
  background-position: center center;
  background-repeat: no-repeat;
  padding-block: 60px;
}
.block-features-3:first-of-type {
  margin-top: 0;
}
.block-features-3:last-of-type {
  margin-bottom: 0;
}
.block-features-3 .site-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
.block-features-3 .feature {
  background-color: white;
}
.block-features-3 .feature h2, .block-features-3 .feature h3 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .block-features-3 {
    padding-block: 120px;
  }
  .block-features-3 .site-wrapper {
    gap: 32px;
  }
  .block-features-3 .feature {
    padding: 40px 32px;
  }
}
@media (min-width: 1024px) {
  .block-features-3 {
    padding-block: 180px;
  }
  .block-features-3 .site-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .block-features-3 {
    padding-block: 250px;
  }
  .block-features-3 .feature {
    padding: 80px 40px 72px;
  }
  .block-features-3 .feature h2, .block-features-3 .feature h3 {
    font-size: 24px;
    margin-bottom: 1rem;
  }
}