.sixth {
  background-color: #efefef;
  padding-top: 28.1em;
  margin-top: -20em; }
  .sixth__arrows {
    text-align: right;
    padding-right: 1.4em;
    margin-top: -4.4em; }
  .sixth__arrow {
    cursor: pointer;
    width: 4em;
    transition: all ease-in-out .2s; }
    .sixth__arrow-left {
      margin-right: .5em; }
    .sixth__arrow:hover {
      box-shadow: 0 0 20px 0 #035df9; }
  .sixth__slider {
    margin-top: 5.9em; }
  .sixth__block {
    position: relative;
    text-align: center;
    height: 24.3em;
    width: 25em;
    text-align: center;
    margin-left: 1em; }
    .sixth__block-title {
      font-size: 2.8em;
      font-weight: 400; }
    .sixth__block-subtitle {
      font-size: 2.2em;
      font-weight: 400; }
    .sixth__block-desc {
      font-size: 1.2em;
      margin-top: 1em; }
  .sixth__over, .sixth__under {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em; }
    .sixth__over:before, .sixth__under:before {
      content: "";
      position: absolute;
      width: 90%;
      height: 90%;
      top: 5%;
      left: 5%;
      border: 2px solid #fff; }
  .sixth__over {
    z-index: 50;
    color: #fff;
    background-position: center top;
    background-size: cover;
    cursor: pointer;
    transition: all ease-in-out .3s; }
    .sixth__over:hover {
      opacity: 0; }
  .sixth__under {
    z-index: 30;
    background-color: #fff;
    padding: 3em; }
    .sixth__under:before {
      border: 2px solid #bfc1c5; }

@media (max-width: 1060px) {
  .sixth {
    text-align: center; }
    .sixth__desc {
      display: inline-block;
      margin-left: 0; }
      .sixth__desc:before {
        display: none; }
    .sixth__arrows {
      margin-top: 2em;
      padding-right: 0;
      text-align: center; }
    .sixth__slider {
      margin-top: 2.5em; } }