.wp-block-carousel-group-carousel-section-3 .carousel-section-3 .carouselContainer {
  flex: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.wp-block-carousel-group-carousel-section-3 .carousel-section-3 .single-carousel-item {
  /* Hide all items by default */
  display: none;
}
.wp-block-carousel-group-carousel-section-3 .carousel-section-3 .single-carousel-item:nth-child(-n+2) {
  /* Show only the first 3 items */
  display: block;
}
.wp-block-carousel-group-carousel-section-3.is-selected .carousel-section-3 .content {
  align-items: flex-start;
}
.wp-block-carousel-group-carousel-section-3.is-selected .carousel-section-3 .carouselContainer {
  flex-direction: column;
  align-items: flex-start;
}
.wp-block-carousel-group-carousel-section-3.is-selected .carousel-section-3 .single-carousel-item {
  display: block;
  position: relative;
  opacity: 1;
  margin-bottom: 40px;
}

.carousel-section-3 {
  --carousel-item-width: 290px;
  --carousel-button-size: 45px;
  --carousel-pagination-bottom: 0px;
  --carousel-pagination-bullet-horizontal-gap: 5px;
  --carousel-pagination-vertical-spacing: 15px;
}
.carousel-section-3 .content {
  flex-wrap: wrap;
  gap: 0;
}
.carousel-section-3 .section-side-one {
  flex: none;
  display: inline-block;
  width: 33.3333%;
  padding-right: var(--inner-spacing-l);
}
.carousel-section-3 .section-side-two {
  display: inline-block;
  width: 66.66666%;
  flex: none;
}
.carousel-section-3 .overline {
  width: 100%;
  margin-bottom: 10px;
}
.carousel-section-3 .single-carousel-item {
  width: var(--carousel-item-width);
  height: auto;
  border-top: 1px solid var(--highlight-color);
  display: flex;
  flex-direction: column;
  margin-right: var(--inner-spacing-l);
  padding-top: var(--inner-spacing-m);
}
.carousel-section-3 .single-carousel-item .frameworker-button {
  padding: 0;
  border: 0px solid white;
  background: none;
}
.carousel-section-3 .single-carousel-item .headline {
  margin-bottom: var(--inner-spacing-m);
}
.carousel-section-3 .button-container {
  display: flex;
  width: 100%;
  margin-top: var(--inner-spacing-s);
}
.carousel-section-3 .button-prev,
.carousel-section-3 .button-next {
  cursor: pointer;
  position: relative;
  width: var(--carousel-button-size);
  height: var(--carousel-button-size);
  border: 1px solid var(--button-border-color);
  border-radius: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  top: 0;
  transition: all 0.3s ease;
  padding: 0;
}
.carousel-section-3 .button-prev:after,
.carousel-section-3 .button-next:after {
  content: "";
  width: 36%;
  height: 36%;
  position: absolute;
  left: 22%;
  top: 32%;
  border-left: 1px solid var(--button-border-color);
  border-bottom: 1px solid var(--button-border-color);
  transform: rotate(225deg);
  transition: all 0.3s ease;
}
.carousel-section-3 .button-prev:hover,
.carousel-section-3 .button-next:hover {
  border-color: --button-border-color-hover;
}
.carousel-section-3 .button-prev:hover:after,
.carousel-section-3 .button-next:hover:after {
  border-left: 1px solid var(--button-border-color-hover);
  border-bottom: 1px solid var(--button-border-color-hover);
}
.carousel-section-3 .button-prev:after {
  left: auto;
  right: 22%;
  transform: rotate(45deg);
}
.carousel-section-3 .button-next {
  margin-left: -1px;
}
@media screen and (max-width: 1024px) {
  .carousel-section-3 .section-side-one,
  .carousel-section-3 .section-side-two {
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
  }
  .carousel-section-3 .section-side-one {
    margin-bottom: var(--inner-spacing-l);
  }
}