.mw-service-intro-redesign {
  padding: 4rem 0 0 !important;
  background-color: #1E1E1E;
  position: relative;

@media all and (min-width: 1024px) {
  min-height: 36.46vw;
}
}
.mw-service-intro-redesign.with-overlay {
  padding-bottom: 8rem !important;
}
.mw-service-intro-redesign .image-desktop {
  display: none;
}
.mw-service-intro-redesign .content {
  max-width: 1320px;
  margin: 0 auto;
}
.mw-service-intro-redesign .content .wrapper {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.mw-service-intro-redesign .section-header {
  display: inline;
  position: relative;
}
.mw-service-intro-redesign .section-title {
  margin-bottom: 2.4rem;
  position: relative;

@media all and (min-width: 640px) {
  max-width: 500px;
}
@media all and (min-width: 1280px) {
  margin-bottom: 3.6rem;
}
}
.mw-service-intro-redesign .section-title h1,
.mw-service-intro-redesign .section-title h2 {
  font-size: 4.4rem;
  line-height: 0.95;
  font-weight: 700;
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 0;

@media all and (min-width: 1280px) {
  font-size: 6.4rem;
}
}
.mw-service-intro-redesign .patch {
  font-size: 4.8rem;
}
.mw-service-intro-redesign .section-header .patch-1 {
  transform: rotate(-4deg);
  top: -10px;
  left: 24px;
}
.mw-service-intro-redesign .section-header .patch-2 {
  transform: rotate(2deg);
  bottom: -10px;
  left: 24px;
}
.mw-service-intro-redesign .section-header .patch big {
  font-size: 3.2rem;
}
.mw-service-intro-redesign .section-header .patch::after {
  left: 44px;
}

.mw-service-intro-redesign .image-mobile {
  margin: 0 0 4rem 2.4rem;
  position: relative;
}
.mw-service-intro-redesign .image-mobile .img img {
  width: 100%;
}
.mw-service-intro-redesign .content-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mw-service-intro-redesign .text {
  max-width: 100%;
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 4rem;
}
.mw-service-intro-redesign .text a {
  color: #D4E802;
  text-decoration: underline;
}
.mw-service-intro-redesign .text p {
  color: #fff;
}
.mw-service-intro-redesign .feedback {
  margin-bottom: 4rem;
}
.mw-service-intro-redesign .logos {
  margin-bottom: 4rem;
}
.mw-service-intro-redesign .logos img {
  width: 100%;
  max-width: 100% !important;
}
.mw-service-intro-redesign .ctas {
@media all and (max-width: 1023px) {
  padding-bottom: 4rem;
}
}
.mw-service-intro-redesign .ctas .button:first-child {
  background-color: #D4E802;
}
.mw-service-intro-redesign .overlay {
  padding: 4rem;
  background-color: #FABE14;
  position: relative;
  bottom: -2rem;
  z-index: 2;
}
.mw-service-intro-redesign .overlay:after {
  display: inline-block
  content: '';
  width: 79px;
  height: 64px;
  background: center / cover no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78.942' height='64' viewBox='0 0 78.942 64'%3E%3Cpath id='Контур_2283' data-name='Контур 2283' d='M436.322,641.34v64l-78.942-64Z' transform='translate(-357.38 -641.34)' fill='%23fabe14'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: calc(100% - 1px);
  right: 25%;
}
.mw-service-intro-redesign .overlay .overlay-title {
  font-size: 4rem;
  line-height: 1;
}
.mw-service-intro-redesign .overlay svg {
  width: 51px;
  height: 48px;
  position: relative;
  bottom: -12px;
}
.mw-service-intro-redesign .overlay .cta_button {
  background-color: #50C8FF;
}

@media all and (min-width: 640px) {
  .mw-service-intro-redesign .logos img {
    max-width: 536px !important;
  }
  .mw-service-intro-redesign .overlay {
    max-width: 50%;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) {
  .mw-service-intro-redesign .overlay {
    max-width: 424px;
  }
  .mw-service-intro-redesign .overlay .overlay-title {
    font-size: 5.6rem;
  }
}
@media all and (min-width: 1024px) {
  .mw-service-intro-redesign {
    padding-bottom: 4rem !important;
  }
  .mw-service-intro-redesign .image-mobile {
    display: none;
  }
  .mw-service-intro-redesign .image-desktop {
    display: block;
    width: 42%;
    max-width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .mw-service-intro-redesign .image-desktop .img {
    height: 100%;
  }
  .mw-service-intro-redesign .image-desktop .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
  .mw-service-intro-redesign .section-header {
    width: 50%;
  }
  .mw-service-intro-redesign .content-wrapper {
    width: 80%;
  }
  .mw-service-intro-redesign .content {
    position: relative;
  }
  .mw-service-intro-redesign .content .text {
    width: 60%;
  }
  .mw-service-intro-redesign .logos img {
    max-width: 424px !important;
  }
  .mw-service-intro-redesign .overlay {
    position: absolute;
    bottom: -4rem;
    right: 7.5vw;
  }
}

@media all and (min-width: 1280px) {
  .mw-service-intro-redesign {
    padding-top: 6.25vw !important;
  }
  .mw-service-intro-redesign .section-header .patch-1 {
    top: 12px;
  }
  .mw-service-intro-redesign .section-header .patch big {
    font-size: 4.8rem;
  }
  .mw-service-intro-redesign .content .text {
    width: 63%;
  }
  .mw-service-intro-redesign .feedback {
    margin-bottom: 6.4rem;
  }
  .mw-service-intro-redesign .logos img {
    max-width: 536px !important;
  }
}

@media all and (min-width: 1368px) {
  .mw-service-intro-redesign .content .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .mw-service-intro-redesign .overlay {
    right: 15.625vw;
  }
}