.searchblock__text {
  width: 100%;
  background: transparent
    linear-gradient(215deg, #d51414 0%, #b02643 24%, #3c60d7 100%) 0% 0%
    no-repeat padding-box;
  color: var(--bs-white);
  padding: 3rem;
  padding-right: 11rem;
}

.searchblock__text h2,
.searchblock__text h3,
.searchblock__text h4,
.searchblock__text .paragraph--type--cta .cta--link::after,
.searchblock__text .paragraph--type--file .cta--link::after,
.main .searchblock__text .cta--link {
  color: var(--bs-white);
}

.searchblock__img {
  position: absolute;
  z-index: -1;
  top: -3rem;
  width: 65%;
  left: 50%;
  transform: translateX(-50%);
}

.searchblock__info {
  background-color: #3c60d7;
  color: var(--bs-white);
  width: 26.5%;
  padding: 3rem;
  margin-left: auto;
  margin-top: -9rem;
  position: relative;
}

.searchblock__info h3 {
  color: var(--bs-white);
  font-size: 2rem;
}

.searchblock__info h3::after {
  margin-left: 0.3rem;
  font: var(--fa-font-thin);
  color: var(--bs-white);
  content: '\f05a';
  position: absolute;
  font-size: 4rem;
  right: 2rem;
  top: 2rem;
}

.searchblockinfo .field--name-field-searchblock-cta {
  margin-top: 3rem;
}

.searchblock__info
  .paragraph--type--texte
  .field
  a.link--external:not(.cta--button) {
  color: var(--bs-white);
  font-size: 1.563rem;
  margin-top: 2rem;
  text-decoration: underline;
}

.main .searchblock__text .cta--link:focus,
.main .searchblock__text .cta--link:active,
.main .searchblock__text .cta--link:hover {
  color: var(--bs-white);
  text-decoration: none;
}

.searchblock__info .cta--link.link--external::after,
.searchblock__info .cta--link::after {
  color: var(--bs-white);
  right: 0;
  font-size: 1.2rem;
}

.searchblock__logo {
  width: 8rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.searchblock__text .field__item h2 {
  font-size: 3.125rem;
  font-weight: 500;
  font-family: ABCMonumentGrotesk-Regular;
  line-height: 1.2;
  color: var(--bs-white);
}

@media screen and (max-width: 500px) {
  .searchblock__logo {
    position: relative;
    margin: auto;
  }

  .searchblock__text {
    padding-right: 3rem;
  }
}

@media screen and (max-width: 1199px) {
  .paragraph--type--searchblock {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }

  .searchblock__text,
  .searchblock__img,
  .searchblock__info {
    width: 100%;
    display: block;
  }

  .searchblock__logo {
    width: 9rem;
    margin-right: 0;
    margin-top: 0;
  }

  .searchblock__img {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    order: 1;
  }

  .searchblock__info {
    order: 3;
    margin-top: 0;
  }
}