.so-widget-framework-pillars-section-style-d75171398898-102412 {
  /* орбіти з точками */
  /* кольорові кола */
  /* зелена рухається по трикутній траєкторії */
  /* базові анімації */
  /* умовна трикутна траєкторія */
}
@media (max-width: 767px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .pl-big {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .section__row {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 45%;
    grid-gap: 16px;
  }
}
@media (min-width: 960px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .section__row {
    padding-right: 64px;
  }
}
@media (min-width: 1440px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .section__row {
    grid-template-columns: 1fr 42%;
    padding-right: 0;
  }
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .section__content {
  margin-top: -64px;
  margin-bottom: -32px;
  position: relative;
}
@media (min-width: 768px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .section__content {
    margin-top: -80px;
    margin-bottom: -80px;
  }
}
@media (min-width: 1280px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .section__content {
    margin-top: -120px;
    margin-bottom: -120px;
  }
}
@media (min-width: 1920px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .section__content {
    margin-top: -160px;
    margin-bottom: -160px;
  }
}
@media (min-width: 2560px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .section__content {
    margin-top: -240px;
    margin-bottom: -240px;
  }
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .section__content::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 700 700' width='700' height='700' opacity='0.23'%3E%3Cdefs%3E%3Cfilter id='nnnoise-filter' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.052' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' width='100%25' height='100%25' result='turbulence'%3E%3C/feTurbulence%3E%3CfeSpecularLighting surfaceScale='19' specularConstant='0.5' specularExponent='20' lighting-color='%23ffffff' x='0%25' y='0%25' width='100%25' height='100%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='121'%3E%3C/feDistantLight%3E%3C/feSpecularLighting%3E%3CfeColorMatrix type='saturate' values='0' x='0%25' y='0%25' width='100%25' height='100%25' in='specularLighting' result='colormatrix'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Crect width='700' height='700' fill='transparent'%3E%3C/rect%3E%3Crect width='700' height='700' fill='%23ffffff' filter='url(%23nnnoise-filter)'%3E%3C/rect%3E%3C/svg%3E");
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .pillars {
  display: grid;
  grid-gap: 32px;
}
@media (min-width: 1920px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .pillars {
    grid-gap: 48px;
  }
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .pillars__number {
  color: #0045E6;
  margin-bottom: 16px;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .pillars__title {
  margin-bottom: 16px;
}
@media (min-width: 1680px) {
  .so-widget-framework-pillars-section-style-d75171398898-102412 .pillars__description {
    max-width: 80%;
  }
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .animation-svg {
  height: auto;
  overflow: visible;
  width: 100%;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .orbit--outer {
  transform-origin: 532px 532px;
  animation: rotate 10s linear infinite;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .orbit--middle {
  transform-origin: 532px 532px;
  animation: rotate 10s linear infinite;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .orbit--inner {
  transform-origin: 532px 532px;
  animation: rotate 10s linear infinite;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .circle-bg {
  filter: blur(80px);
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .circle-bg--blue {
  transform-origin: 532px 532px;
  animation: rotate 10s linear infinite;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .circle-bg--violet {
  transform-origin: 532px 532px;
  animation: rotate 10s linear infinite reverse;
}
.so-widget-framework-pillars-section-style-d75171398898-102412 .circle-bg--green {
  transform-origin: 532px 532px;
  animation: moveTriangle 10s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes moveTriangle {
  0% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(-30%, 0);
  }
  66% {
    transform: translate(-15%, -20%);
  }
  100% {
    transform: translate(0, 0);
  }
}