.columns .box, #poststuff .columns .box {
  padding: 40px 30px;
  border-radius: 8px;
  border: 1px solid #AFACAC;
  background-color: #fff;
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .columns .box:hover, #poststuff .columns .box:hover {
    box-shadow: 4px 6px 4px 0 rgba(0, 0, 0, 0.1); }

@media (min-width: 768px) {
  .columns, #poststuff .columns {
    display: flex;
    gap: 20px;
    align-items: center; } }

.columns .col--bg-blue, #poststuff .columns .col--bg-blue {
  background: #005291;
  color: #fff;
  padding: 50px;
  border-radius: 10px; }
  @media (max-width: 768px) {
    .columns .col--bg-blue, #poststuff .columns .col--bg-blue {
      margin-top: 40px; } }
  .columns .col--bg-blue h2, .columns .col--bg-blue h3, #poststuff .columns .col--bg-blue h2, #poststuff .columns .col--bg-blue h3 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff; }
  .columns .col--bg-blue .btn-v2, #poststuff .columns .col--bg-blue .btn-v2 {
    background: #fff;
    color: #005291; }
