.submitted-message {
  background: #F4F7FE;
  padding: 35px;
  border: 1px solid rgb(248, 248, 248);
  border-radius: 6px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1), 0px 6px 28px rgba(0, 0, 0, 0.1);
}

#promo-form {
  border: 1px solid #2b4ff4;
  padding: 35px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml,%3Csvg width='400' height='356' viewBox='0 0 400 356' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-10.0001' y='-173.234' width='424' height='592.911' fill='%23FFF'/%3E%3Cpath d='M-5.33358 214.202C-5.04799 230.01 29.3355 247.867 35.1087 251.059C55.195 262.194 71.3531 268.162 91.9659 273.885C131.115 284.794 170.407 279.218 209.703 276.986C241.96 275.221 274.285 278.672 306.242 287.445C334.804 295.344 366.236 303.575 390.563 337.806C416.636 374.552 410.704 365.333 410.704 365.333L418.492 -271.597L-5.33358 -291.054C-5.33358 -291.054 -5.31022 215.995 -5.33358 214.202Z' fill='%232A4BF4'/%3E%3C/svg%3E%0A");
  color: #FFF;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#promo-form h1, #promo-form h2 {
  color: inherit;
  margin: 0;
}
#promo-form > h2, #promo-form > p {
  background-color: #2b4ff4;
}
#promo-form form {
  text-align: left;
  padding: 20px;
  color: #282828;
}
#promo-form .submitted-message {
  font-size: 18px;
  color: #282828;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #promo-form {
    padding: 20px;
    background-size: auto 350px;
  }
  #promo-form form {
    padding: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #promo-form {
    background-position: 50% -200px;
  }
}
@media (max-width: 991.98px) {
  #promo-form {
    border: 0 none;
    margin-left: calc(var(--bs-gutter-x) * -1 + 15px);
    margin-right: calc(var(--bs-gutter-x) * -1 + 15px);
    max-width: none;
  }
}