#pk_flex_content .flex_layout.hero_small {
  width: 100%;
}

.hero_small .hero-small__section {
  padding: 0 10px;
  overflow: hidden;
}
.hero_small .hero-small__section * {
  color: var(--white);
}

.hero_small .hero-inner {
  padding: 0;
  background: var(--black) url('./hero-bg-pattern.png') center center;
}

.hero_small .holder__inner {
  padding: 0;
}

.hero_small .hero-content__layer {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
  gap: 20px;
  padding: 80px 20px 40px 20px;
  padding-top: 120px;
}

.hero_small .hero-content__layer:not(:has(.hero-cta__button)) {
  padding: 80px 20px 60px 20px;
  padding-top: 120px;
}

.hero_small .hero-content {
  grid-column: 1 / 13;
}

.hero_small .hero-content h1 {
  margin-bottom: 24px;
}

/* hero cta */
.hero_small .hero-cta__button .circle-bg {
  background: var(--orange);
}

.hero_small .hero-cta__button .progress-ring circle {
  stroke: var(--white);
}
.hero_small .hero-cta__button .button-text {
  background: var(--black);
}

@media screen and (min-width: 767px) {
  .hero_small .hero-content__layer {
    padding: 160px 20px 70px 20px;
  }

  .hero_small .hero-content__layer:not(:has(.hero-cta__button)) {
    padding: 160px 20px 125px 20px;
  }
}
@media (min-width: 990px) {
  .hero_small .hero-small__section {
    padding: 0 20px;
  }
  .hero_small .hero-content {
    grid-column: 2 / 9;
  }
}

@media screen and (min-width: 1329px) {
}

/* Tablet & Desktop - 768px+ */
@media screen and (min-width: 768px) {
}

@media (min-width: 991px) {
}