/* Universal breakpoints */
.more-ways-to-pay {
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px; }
  @media (max-width: 991px) {
    .more-ways-to-pay {
      padding-left: 16px;
      padding-right: 16px; } }
  .more-ways-to-pay h2 {
    text-align: center;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .more-ways-to-pay h2 {
        text-align: left;
        margin-bottom: 24px; } }
  .more-ways-to-pay .two-cards {
    display: flex;
    gap: 22px; }
    @media (max-width: 767px) {
      .more-ways-to-pay .two-cards {
        flex-direction: column;
        gap: 16px; } }
    .more-ways-to-pay .two-cards .card {
      flex: 1;
      border-radius: 10px;
      padding: 40px;
      background-color: #3b3d49;
      color: white; }
      .more-ways-to-pay .two-cards .card h3 {
        margin-top: 0; }

/* different ways to component fix */
@media (max-width: 480px) {
    .cta-content-image-box .cta-content-description {
      height: 353px;
      } }