/* Responsive adjustments for smaller screens while preserving desktop look */

@media (max-width: 1366px) {
  html {
    font-size: 58%;
  }

  .box-center {
    max-width: 1200px;
  }

  .home-banner__column--img {
    padding-top: 260px;
  }

  .home-banner__column--img img {
    height: 105%;
  }
}

@media (max-width: 1200px) {
  html {
    font-size: 56%;
  }

  .box-center {
    max-width: 1100px;
  }

  .home-banner__column--img {
    padding-top: 230px;
  }

  .home-banner__info-list,
  .partners__list,
  .payment-chanels__list,
  .account-types__columns,
  .commitment__columns,
  .steps-columns,
  .social .wp-block-columns {
    flex-wrap: wrap;
  }

  .home-banner__info-item,
  .account-types__columns-item,
  .commitment__columns > .wp-block-column,
  .steps-columns > .wp-block-column {
    flex: 1 1 45%;
  }
}

@media (max-width: 1024px) {
  html {
    font-size: 54%;
  }

  .home-banner__column--img {
    padding-top: 210px;
  }

  .home-banner__column--img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 52%;
  }

  .home-banner__info-item,
  .account-types__columns-item,
  .commitment__columns > .wp-block-column,
  .steps-columns > .wp-block-column {
    flex: 1 1 100%;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 50%;
  }

  .home-banner__column--img {
    padding-top: 180px;
  }
}