.promo-area {
  padding: 70px 0; }
  .promo-area .promo__box {
    background-color: #EEF6FE;
    padding: 28px 66px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 0 25px;
    justify-content: space-between; }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .promo-area .promo__box {
        padding: 25px 40px; } }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .promo-area .promo__box {
        padding: 25px 25px;
        display: block;
        text-align: center; } }
    @media only screen and (max-width: 47.9375rem) {
      .promo-area .promo__box {
        padding: 25px 25px;
        display: block;
        text-align: center; } }
    .promo-area .promo__box .promo__title h2 {
      color: #012F62;
      font-weight: 500;
      font-size: 32px;
      margin: 0; }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .promo-area .promo__box .promo__title h2 {
          font-size: 28px; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .promo-area .promo__box .promo__title h2 {
          font-size: 28px;
          margin-bottom: 25px; } }
      @media only screen and (max-width: 47.9375rem) {
        .promo-area .promo__box .promo__title h2 {
          font-size: 24px;
          margin-bottom: 25px; } }
    .promo-area .promo__box .promo__btn {
      flex-shrink: 1;
      width: 334px; }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .promo-area .promo__box .promo__btn {
          max-width: 300px;
          margin: 0 auto; } }
      @media only screen and (max-width: 47.9375rem) {
        .promo-area .promo__box .promo__btn {
          max-width: 280px;
          margin: 0 auto; } }
      .promo-area .promo__box .promo__btn a {
        max-width: 100%;
        width: 100%; }