.landing-block.av-cost-cta.av-cost-cta--v1 {
  margin: 0 0 100px;
  padding: 0;
}

.landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__panel {
  align-items: start;
  background-color: #094781;
  border-radius: 20px;
  column-gap: 50px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  overflow: hidden;
  padding: 60px;
  row-gap: 0;
}

.landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__icon-shell {
  align-items: center;
  align-self: center;
  aspect-ratio: 1;
  background-color: #e7eef2;
  border-radius: 20px;
  display: flex;
  grid-column: 1;
  grid-row: 1 / span 3;
  justify-content: center;
  overflow: hidden;
  width: 112px;
}

.landing-block.av-cost-cta.av-cost-cta--v1
  .av-cost-cta__icon-shell[data-icon-alignment="below"] {
  align-self: start;
  grid-row: 2 / span 2;
}

.landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__icon {
  display: block;
  height: 58px;
  object-fit: contain;
  width: 58px;
}

.landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__lead {
  align-self: end;
  color: #ffffff;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  grid-column: 2;
  grid-row: 1;
  line-height: 1.3;
  margin: 0;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}

.landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__text {
  color: #ffffff;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  grid-column: 2;
  grid-row: 2;
  line-height: 1.4;
  margin: 8px 0 0;
  opacity: 0.86;
  overflow-wrap: anywhere;
}

.landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__button {
  align-items: center;
  background-color: #db1e39;
  border-radius: 10px;
  display: inline-flex;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  grid-column: 2;
  grid-row: 3;
  justify-content: center;
  justify-self: start;
  line-height: 1.2 !important;
  margin-top: 20px;
  min-height: 44px;
  padding: 12px 28px;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/*
 * Bitrix rewrites inline background declarations when the panel background is
 * edited. Keep the independent icon and button surfaces in scoped CSS so that
 * changing the panel never clears them.
 */
.landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__button {
  color: #ffffff;
}

/* Keep untouched text readable when the standard background control selects
 * white or transparent. An explicitly chosen node color (`g-color`) wins. */
.landing-block.av-cost-cta.av-cost-cta--v1
  .av-cost-cta__panel.g-bg:is(
    [style*="--bg: ;"],
    [style*="--bg: transparent"],
    [style*="--bg: #fff"],
    [style*="--bg: rgb(255"]
  )
  .av-cost-cta__lead:not(.g-color),
.landing-block.av-cost-cta.av-cost-cta--v1
  .av-cost-cta__panel.g-bg:is(
    [style*="--bg: ;"],
    [style*="--bg: transparent"],
    [style*="--bg: #fff"],
    [style*="--bg: rgb(255"]
  )
  .av-cost-cta__text:not(.g-color) {
  color: #051a2e;
}

.landing-block.av-cost-cta.av-cost-cta--v1:not([data-show-button*="Y"])
  .av-cost-cta__button {
  display: none !important;
}

html
  body
  .landing-block.av-cost-cta.av-cost-cta--v1
  .landing-block-node-av-cost-cta-lead
  *,
html
  body
  .landing-block.av-cost-cta.av-cost-cta--v1
  .landing-block-node-av-cost-cta-text
  * {
  font-family: "Open Sans", Arial, sans-serif !important;
}

html
  body
  .landing-block.av-cost-cta.av-cost-cta--v1
  .landing-block-node-av-cost-cta-button-text
  * {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: inherit !important;
  text-transform: inherit !important;
}

@media screen and (max-width: 760px) {
  .landing-block.av-cost-cta.av-cost-cta--v1 {
    margin-bottom: 50px !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__container {
    padding: 0 15px !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__panel {
    column-gap: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 40px 25px !important;
    row-gap: 0 !important;
    text-align: center !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__icon-shell {
    align-self: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    margin-bottom: 25px !important;
    width: 88px !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1
    .av-cost-cta__icon-shell[data-icon-alignment="below"] {
    grid-row: 1 !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__icon {
    height: 44px !important;
    width: 44px !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__lead {
    font-size: 24px;
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__text {
    font-size: 18px;
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1 .av-cost-cta__button {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    width: 100% !important;
  }

  .landing-block.av-cost-cta.av-cost-cta--v1:not([data-show-button*="Y"])
    .av-cost-cta__button {
    display: none !important;
  }
}
