.card .rp-landings-card-component {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component {
    position: relative;
  }
}
.card .rp-landings-card-component__wrapper {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__wrapper {
    flex-direction: row;
    position: relative;
    padding-right: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__wrapper--position-right {
    flex-direction: row;
    padding-right: 50%;
    position: relative;
  }
  .card .rp-landings-card-component__wrapper--position-right .rp-landings-card-component__info-wrapper {
    margin-left: auto;
    margin-right: 0;
    padding: 72px 64px 72px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__wrapper--position-left {
    flex-direction: row-reverse;
    padding-left: 50%;
    position: relative;
    padding-right: 0;
  }
  .card .rp-landings-card-component__wrapper--position-left .rp-landings-card-component__info-wrapper {
    margin-left: 0;
    margin-right: auto;
    padding: 72px 0 72px 64px;
  }
}
.card .rp-landings-card-component__wrapper .container {
  margin-right: 16px;
  margin-left: 16px;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 720px) {
  .card .rp-landings-card-component__wrapper .container {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__wrapper .container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: flex;
  }
}
.card .rp-landings-card-component .container {
  margin-right: 16px;
  margin-left: 16px;
}
@media only screen and (min-width: 720px) {
  .card .rp-landings-card-component .container {
    margin-right: auto;
    margin-left: auto;
  }
}
.card .rp-landings-card-component .container .text-component.rp-landings-card-component__bottom-text {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component .container .text-component.rp-landings-card-component__bottom-text {
    margin-bottom: 0;
  }
}
.card .rp-landings-card-component .container .text-component.rp-landings-card-component__bottom-text .rp-landings-text-component {
  width: 100%;
}
.card .rp-landings-card-component .container .text-component.rp-landings-card-component__bottom-text .rp-landings-text-component p {
  margin-bottom: 0;
}
.card .rp-landings-card-component .container .text-component.rp-landings-card-component__bottom-text .rp-landings-text-component a:hover {
  text-decoration: underline;
  text-decoration-color: currentColor;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component .container .text-component.rp-landings-card-component__bottom-text .rp-landings-text-component {
    padding: 16px;
  }
}
.card .rp-landings-card-component__info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper {
    max-width: 560px;
    margin-left: auto;
    margin-right: 0;
    padding: 72px 64px 48px 0;
  }
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component a:hover {
  text-decoration: underline;
  text-decoration-color: currentColor;
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component .modalPopUp {
  cursor: pointer;
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-title {
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 12px !important;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-title {
    margin-bottom: 8px !important;
  }
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-subtitle {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-subtitle {
    margin-bottom: 24px;
  }
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-body {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-body {
    margin-bottom: 24px;
  }
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul li {
  list-style: unset;
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul.text-body,
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol.text-body,
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul,
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol {
  padding-inline-start: 21px;
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul.text-body li:not(:last-child),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol.text-body li:not(:last-child),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul li:not(:last-child),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol li:not(:last-child) {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul.text-body li:not(:last-child),
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol.text-body li:not(:last-child),
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul li:not(:last-child),
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul.text-body:has(li > img),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol.text-body:has(li > img),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul:has(li > img),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol:has(li > img) {
  padding-inline-start: 0;
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul.text-body li:has(> img),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol.text-body li:has(> img),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul li:has(> img),
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol li:has(> img) {
  list-style: none;
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul.text-body li:has(> img) > img:first-child,
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol.text-body li:has(> img) > img:first-child,
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ul li:has(> img) > img:first-child,
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component ol li:has(> img) > img:first-child {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-caption {
  line-height: 16px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-caption {
    margin-bottom: 24px;
  }
}
.card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-footer {
  margin-bottom: 0;
  line-height: 32px;
  font-weight: 400;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component .text-footer {
    font-weight: 500;
  }
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__info-wrapper .rp-landings-text-component {
    display: flex;
    flex-direction: column;
  }
}
.card .rp-landings-card-component__info-wrapper .rp-landings-card-component__solmatch-button {
  margin-top: 40px;
}
.card .rp-landings-card-component__info-wrapper .modal-starter.rp-landings-card-component__modal .rp-landings-modal-starter-component {
  font: var(--rds-caption-02);
}
.card .rp-landings-card-component__title {
  margin-bottom: 24px;
}
.card .rp-landings-card-component__title .rp-landings-text-component > * {
  font-size: 20px;
  font-family: RepsolSoleDisplayRegular;
  margin: 0 !important;
}
.card .rp-landings-card-component__richtext .rp-landings-text-component .rp-landings-card-component__modal .rp-landings-modal-starter-component__trigger,
.card .rp-landings-card-component__richtext .rp-landings-text-component .rp-landings-card-component__modal .rp-landings-modal-starter-component__legacy-trigger {
  cursor: pointer;
}
.card .rp-landings-card-component__richtext .rp-landings-text-component .rp-landings-card-component__modal .rp-landings-modal-starter-component__trigger .rp-landings-text-component,
.card .rp-landings-card-component__richtext .rp-landings-text-component .rp-landings-card-component__modal .rp-landings-modal-starter-component__legacy-trigger .rp-landings-text-component {
  padding: 0;
}
.card .rp-landings-card-component__richtext .rp-landings-text-component .rp-landings-modal-starter-component__legacy-trigger {
  cursor: pointer;
}
.card .rp-landings-card-component__richtext:last-child .rp-landings-text-component ul,
.card .rp-landings-card-component__richtext:last-child .rp-landings-text-component ol {
  margin-bottom: 0;
}
.card .rp-landings-card-component .image.rp-landings-card-component__image {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component .image.rp-landings-card-component__image {
    position: absolute;
    overflow: hidden;
    width: 50%;
    height: 100%;
    inset: 0 0 0 auto;
  }
}
.card .rp-landings-card-component .image.rp-landings-card-component__image .image-component {
  margin: 0;
  height: 100%;
}
.card .rp-landings-card-component .image.rp-landings-card-component__image .image-component .full-width {
  height: 100%;
}
.card .rp-landings-card-component .image.rp-landings-card-component__image .image-component .full-width div {
  height: 100%;
}
.card .rp-landings-card-component .image.rp-landings-card-component__image .image-component .full-width div img {
  height: 184px;
  border-radius: 0;
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component .image.rp-landings-card-component__image .image-component .full-width div img {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .card .rp-landings-card-component__wrapper--position-left .image.rp-landings-card-component__image {
    inset: 0 auto 0 0;
  }
}
.card--color-version .rp-landings-card-component__separator {
  width: 100%;
  min-height: 70px;
}
@media only screen and (min-width: 1024px) {
  .card--color-version .rp-landings-card-component__separator {
    width: 5%;
    height: auto;
  }
}
.card--slash-version .rp-landings-card-component__wrapper .image-component .full-width div img {
  clip-path: polygon(0% 0, 100% 0%, 100% 77%, 0% 100%);
}
@media only screen and (min-width: 1024px) {
  .card--slash-version .rp-landings-card-component__wrapper--position-right .image-component .full-width div img {
    clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 1024px) {
  .card--slash-version .rp-landings-card-component__wrapper--position-left .image-component .full-width div img {
    clip-path: polygon(0% 0, 100% 0%, 75% 100%, 0% 100%);
  }
}

coral-dialog[trackingfeature="aem:sites:components:dialogs:card"] coral-colorinput-swatch.coral3-ColorInput-swatch label,
coral-dialog[trackingfeature="aem:sites:components:dialogs:card"] .coral3-ColorInput-buttonWrapper label {
  display: none;
}
coral-dialog[trackingfeature="aem:sites:components:dialogs:card"] .coral3-ColorInput--swatch .coral3-ColorInput-button {
  border: 1px solid #000000;
}
coral-dialog[trackingfeature="aem:sites:components:dialogs:card"] .coral3-ColorInput coral-overlay.coral3-ColorInput-onlySwatchesView {
  left: 0 !important;
}
coral-dialog[trackingfeature="aem:sites:components:dialogs:card"] .coral-Form-fieldset:first-of-type .coral-Form-fieldset-legend {
  margin-top: 0;
}