.graphic-elements-ui {
  padding-top: 70px;
}
.graphic-elements__content {
  padding-bottom: clamp(50px, 4vw, 70px);
  border-bottom: 1px solid rgba(14, 17, 34, 0.3019607843);
  margin-bottom: clamp(25px, 4vw, 50px);
}
.graphic-elements__img {
  width: 100%;
  background: #F0F5FE;
  padding: 63px 85px;
  row-gap: 36px;
}
.graphic-elements__img img {
  width: 100%;
  height: auto;
}
.graphic-elements__row--3 {
  -webkit-column-gap: 42px;
     -moz-column-gap: 42px;
          column-gap: 42px;
}
.graphic-elements__row--2 {
  -webkit-column-gap: 53px;
     -moz-column-gap: 53px;
          column-gap: 53px;
}
@media (max-width: 1199px) {
  .graphic-elements__img {
    padding: 40px 50px;
  }
}
@media (max-width: 767px) {
  .graphic-elements-ui {
    padding-top: 50px;
  }
  .graphic-elements__img {
    padding: 20px 25px;
  }
  .graphic-elements__row--3, .graphic-elements__row--2 {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
@media (max-width: 575px) {
  .graphic-elements__img {
    padding: 38px 45px;
  }
  .graphic-elements__item {
    width: 100%;
  }
  .graphic-elements__row--3, .graphic-elements__row--2 {
    row-gap: 42px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .graphic-elements__row--3 img, .graphic-elements__row--2 img {
    width: 100%;
  }
  .graphic-elements__img {
    row-gap: 42px;
  }
}