@media screen and (min-width: 780px) {
  .axblock-black {
    padding: var(--section-spacer) 0;
  }
}
.axblock-black .ax-black-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.axblock-black .ax-black-container.black {
  background-color: var(--clr-text);
}
.axblock-black .ax-black-container.blue {
  background: transparent linear-gradient(209deg, var(--primary-ligth) 0, var(--primary) 100%) 0 0 no-repeat padding-box;
}
@media screen and (min-width: 780px) {
  .axblock-black .ax-black-container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.axblock-black .ax-black-container .ax-black-content {
  padding: var(--padding-container);
}
@media screen and (min-width: 780px) {
  .axblock-black .ax-black-container .ax-black-content {
    padding: 35px 75px;
    width: 50%;
  }
}
.axblock-black .ax-black-container .ax-black-content .ax-title3, .axblock-black .ax-black-container .ax-black-content .text-content, .axblock-black .ax-black-container .ax-black-content p {
  color: var(--white);
}
.axblock-black .ax-black-container .ax-black-content .ax-title3 {
  padding-bottom: 10px;
}
@media screen and (min-width: 780px) {
  .axblock-black .ax-black-container .ax-black-content .ax-title3 {
    padding-bottom: 20px;
  }
}
.axblock-black .ax-black-container .ax-black-content .text-content {
  padding-bottom: 20px;
}
@media screen and (min-width: 780px) {
  .axblock-black .ax-black-container .ax-black-content .text-content {
    padding-bottom: 30px;
  }
}
.axblock-black .ax-black-container .ax-black-content .btn-first {
  margin-bottom: 10px;
}
@media screen and (min-width: 780px) {
  .axblock-black .ax-black-container .ax-black-img {
    width: 50%;
  }
}