body {
  background: #fff
}
.actions {
  padding-top: calc(var(--header-height) + var(--indent-yellow));
  min-height: calc(0vh - 4.5rem)
}

.actions-container {
  padding-right: 0
}
.actions li {
  display: -ms-grid;
  display: grid
}
.actions li:nth-child(even) {
  background: #f2f5f8
}
@media screen and (min-width:721px) {
  .actions-container h1 {
    display: none
  }
  .actions li {
    -ms-grid-columns: 31.3rem 17.5rem 1fr;
    grid-template-columns: 31.3rem 17.5rem 1fr
  }
  .actions .column {
    padding: var(--indent-sky)
  }
  .actions .column:first-child {
    padding-left: 3.5rem
  }
}
@media screen and (min-width:1441px) {
  .actions li {
    -ms-grid-columns: 41.3rem 25.5rem 1fr;
    grid-template-columns: 41.3rem 25.5rem 1fr
  }
  .actions .column:first-child {
    padding-left: 7.5rem
  }
}
@media screen and (min-width:721px) {
  .actions h4 {
    font-size: 1.8rem
  }
  .actions h6,
  .actions p {
    font-size: 1.5rem
  }
}
.actions h6 {
  line-height: 1.3
}
.actions .price-box {
  color: #3467a5;
  font-weight: 600;
  letter-spacing: .05em
}
@media screen and (max-width:720px) {
  .actions-container {
    padding: 11rem var(--container-indent) 0
  }
  .actions-container h1 {
    padding-bottom: var(--indent-yellow);
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #455975
  }
  .actions li {
    margin: 0 -20px;
    padding: var(--indent-sky) 20px
  }
  .actions .column:nth-child(2) {
    -ms-grid-row: 3;
    grid-row-start: 3
  }
  .actions h6 {
    font-size: 26px;
    font-weight: 600
  }
  .actions .price-box {
    margin-top: var(--indent-yellow);
    font-size: 35px
  }
  .actions .list-header {
    display: none
  }
  .actions .text {
    margin-top: var(--indent-green)
  }
}
@media screen and (min-width:721px) {
  .actions .price-box {
    font-size: 1.7rem
  }
  .action .column:not(:first-child) {
    border-left: 1px solid #c9d5e3
  }
}