/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-d3-security-large-promo {
  --large-promo-image: url("/wp-content/uploads/2025/06/cta-demo.png");
  background: linear-gradient(135deg, rgb(102, 0, 255) 0%, rgb(176, 55, 255) 49%, rgb(255, 120, 69) 100%);
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.wp-block-d3-security-large-promo .promo-image {
  background-repeat: no-repeat;
  background-image: var(--large-promo-image);
  background-size: cover;
  background-position: top left;
}
.wp-block-d3-security-large-promo .promo-image img {
  display: none;
  width: 100%;
}
.wp-block-d3-security-large-promo .promo-content {
  padding: 30px 50px;
}
.wp-block-d3-security-large-promo .quote-group {
  margin-top: 3rem;
  max-width: 700px;
}
@media (max-width: 768px) {
  .wp-block-d3-security-large-promo {
    grid-template-columns: 1fr;
  }
  .wp-block-d3-security-large-promo .promo-content {
    padding: 20px;
  }
  .wp-block-d3-security-large-promo .promo-image {
    background-image: none;
  }
  .wp-block-d3-security-large-promo .promo-image img {
    display: block;
  }
}