.ax-title3 {
  color: var(--primary);
  margin-bottom: 20px;
}

.grey-bg {
  background: #333333;
  color: white;
}
.grey-bg .ax-title3 {
  color: white;
}
.grey-bg .text-content p {
  color: white !important;
}

.blue-bg {
  background: var(--back-cms);
}

@media screen and (max-width: 1120px) {
  .ax-title3 {
    margin-top: 20px;
  }
}

.ax-textandimg-img {
  padding: 0;
  height: auto;
  width: 100%;
}

.btn-gradient-second {
  margin: var(--padding-container) auto 0 auto;
}
@media screen and (max-width: 1120px) {
  .btn-gradient-second {
    margin: var(--padding-container) auto 0 auto;
  }
}

.ax-textandimg-container {
  padding: 0;
  display: flex;
}
.ax-textandimg-container.content-right, .ax-textandimg-container.content-left {
  flex-direction: column-reverse;
}
.ax-textandimg-container.content-right .ax-textandimg-content, .ax-textandimg-container.content-left .ax-textandimg-content {
  padding: 0 var(--padding-container);
}
@media screen and (min-width: 1120px) {
  .ax-textandimg-container.content-right .ax-textandimg-content, .ax-textandimg-container.content-left .ax-textandimg-content {
    width: 80%;
    margin: auto;
  }
  .ax-textandimg-container.content-right .ax-textandimg-content .ax-title3, .ax-textandimg-container.content-left .ax-textandimg-content .ax-title3 {
    max-width: 800px;
    margin-bottom: 20px;
    text-wrap: balance;
  }
  .ax-textandimg-container.content-right .ax-textandimg-content .text-content, .ax-textandimg-container.content-left .ax-textandimg-content .text-content {
    margin: 0 0 20px 0;
    max-width: 800px;
  }
}
@media screen and (min-width: 1120px) {
  .ax-textandimg-container.content-right.content-left, .ax-textandimg-container.content-left.content-left {
    flex-direction: row-reverse;
  }
  .ax-textandimg-container.content-right.content-left .ax-textandimg-content, .ax-textandimg-container.content-left.content-left .ax-textandimg-content {
    padding-left: 75px;
  }
  .ax-textandimg-container.content-right.content-left img, .ax-textandimg-container.content-left.content-left img {
    height: 100%;
  }
  .ax-textandimg-container.content-right.content-left .ax-title3, .ax-textandimg-container.content-left.content-left .ax-title3 {
    padding: 0;
  }
  .ax-textandimg-container.content-right.content-left .text-content, .ax-textandimg-container.content-left.content-left .text-content {
    padding: 0 var(--padding-container) 0 0;
  }
}
@media screen and (min-width: 1120px) {
  .ax-textandimg-container.content-right.content-right, .ax-textandimg-container.content-left.content-right {
    flex-direction: row;
  }
  .ax-textandimg-container.content-right.content-right img, .ax-textandimg-container.content-left.content-right img {
    height: 100%;
  }
  .ax-textandimg-container.content-right.content-right .ax-title3, .ax-textandimg-container.content-left.content-right .ax-title3 {
    padding: 0;
  }
  .ax-textandimg-container.content-right.content-right .text-content, .ax-textandimg-container.content-left.content-right .text-content {
    padding: 0 var(--padding-container) 0 0;
  }
}
.ax-textandimg-container.content-top, .ax-textandimg-container.content-bottom {
  max-width: calc(var(--container) + var(--padding-container) * 2);
}
.ax-textandimg-container.content-top .ax-textandimg-medias-container, .ax-textandimg-container.content-bottom .ax-textandimg-medias-container {
  width: 100%;
}
.ax-textandimg-container.content-top .ax-title3, .ax-textandimg-container.content-bottom .ax-title3 {
  text-align: center;
}
.ax-textandimg-container.content-top .ax-textandimg-content, .ax-textandimg-container.content-bottom .ax-textandimg-content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1120px) {
  .ax-textandimg-container.content-top .ax-textandimg-content, .ax-textandimg-container.content-bottom .ax-textandimg-content {
    padding: 80px 0 80px 0;
  }
}
.ax-textandimg-container.content-top .ax-textandimg-content:not(:has(.text-content)), .ax-textandimg-container.content-bottom .ax-textandimg-content:not(:has(.text-content)) {
  padding: 0;
}
.ax-textandimg-container.content-top .ax-textandimg-img img, .ax-textandimg-container.content-bottom .ax-textandimg-img img {
  max-height: 30vh;
}
.ax-textandimg-container.content-top.content-top, .ax-textandimg-container.content-bottom.content-top {
  flex-direction: column-reverse;
}
.ax-textandimg-container.content-top.content-bottom, .ax-textandimg-container.content-bottom.content-bottom {
  flex-direction: column;
}
@media screen and (min-width: 1120px) {
  .ax-textandimg-container .ax-textandimg-content .text-content {
    column-count: var(--numberColumns);
  }
}
.ax-textandimg-container .btn-gradient-second {
  margin: 30px var(--padding-container) 0 0;
}
@media screen and (max-width: 1120px) {
  .ax-textandimg-container .btn-gradient-second {
    margin: 20px var(--padding-container) 0 0;
  }
}
.ax-textandimg-container .btn-textandimg {
  display: flex;
  gap: 0 20px;
  flex-wrap: wrap;
}
.ax-textandimg-container .btn-textandimg .btn-block-textandimg {
  margin: 0;
}
@media screen and (max-width: 1120px) {
  .ax-textandimg-container .btn-textandimg .btn-block-textandimg {
    margin: var(--padding-container) auto 0 auto;
  }
}

.ax-textandimg .cover img, .ax-textandimg .swiper img {
  object-fit: cover;
  height: 100%;
  border-radius: 100px 0;
}
.ax-textandimg .cover .swiper-slide, .ax-textandimg .swiper .swiper-slide {
  height: auto;
}

.contain img {
  object-fit: contain;
  border-radius: 0;
}

.ax-textandimg-medias-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}
@media screen and (max-width: 1120px) {
  .ax-textandimg-medias-container {
    margin-bottom: 20px;
    padding: 0 var(--padding-container);
  }
}
@media screen and (min-width: 1120px) {
  .ax-textandimg-medias-container {
    width: 50%;
  }
}

.ax-textandimg-video {
  width: 100%;
}
@media screen and (min-width: 1120px) {
  .ax-textandimg-video {
    background: transparent;
    margin: auto;
  }
}

.video-youtube p {
  overflow: hidden;
  padding: 27.25%;
  position: relative;
  height: 100%;
  width: 100%;
}
.video-youtube p iframe {
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
  height: 100%;
}

.ax-textandimg {
  padding: calc(var(--section-spacer) / 2) 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.description-media {
  margin: 2px auto auto 0;
  font-size: 12px;
}