.header_title__info {
  .header {
    .header_info {
      grid-template-columns: 1fr !important;
    }
  }
}

.services_list {
  display: grid;
  row-gap: 20px;
  column-gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 650px));
  align-items: flex-start;
  margin-top: 40px;

  .services_item {
    transition: all .3s;
    padding: clamp(18px, 3vw, 25px);
    cursor: pointer;
    border-radius: 30px;
    box-shadow: 0 0 13px #00000016;

    &:hover {
      box-shadow: 0 6px 27px #00000026;
    }

    .services_item__link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 23px;

      &:after {
        content: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='33' height='33' rx='16.5' fill='%23D31C21'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4732 23.611C15.3788 23.732 15.2581 23.8298 15.1203 23.8971C14.9824 23.9644 14.831 23.9993 14.6777 23.9993C14.5243 23.9993 14.3729 23.9644 14.2351 23.8971C14.0972 23.8298 13.9765 23.732 13.8822 23.611C13.7564 23.5226 13.6543 23.4046 13.585 23.2673C13.5156 23.1301 13.4812 22.9779 13.4846 22.8242C13.4881 22.6705 13.5293 22.52 13.6048 22.386C13.6802 22.252 13.7875 22.1387 13.9172 22.056L19.4222 16.481L13.9172 10.9C13.7883 10.8172 13.6818 10.704 13.6069 10.5705C13.532 10.4369 13.491 10.2869 13.4876 10.1338C13.4841 9.98072 13.5183 9.8291 13.5871 9.69227C13.6559 9.55544 13.7572 9.43759 13.8822 9.34904C13.9763 9.22776 14.0969 9.12961 14.2348 9.06209C14.3727 8.99457 14.5241 8.95947 14.6777 8.95947C14.8312 8.95947 14.9827 8.99457 15.1205 9.06209C15.2584 9.12961 15.379 9.22776 15.4732 9.34904L21.8262 15.7C21.9424 15.7926 22.0351 15.9113 22.0966 16.0465C22.1581 16.1817 22.1868 16.3296 22.1802 16.478C22.1864 16.6264 22.1577 16.7742 22.0961 16.9093C22.0346 17.0445 21.9421 17.1633 21.8262 17.256L15.4732 23.611Z' fill='white'/%3E%3C/svg%3E");
        width: 33px;
        height: 33px;
      }

      .svg_img {
        @media screen and (max-width: 620px) {
          display: none;
        }
      }

      .title {
        font-size: var(--font-size-24);
        line-height: var(--font-line-height-21);
        color: var(--black-3);
        flex: 1 1 auto;
      }
    }

    &:last-child {
      box-shadow: none;
      border: 1px solid #D31C21;
      position: relative;
      height: 116px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      @media screen and (max-width: 620px) {
        width: 100%;
        left: 0;
      }

      .services_item__link {
        &:after {
          content: none;
        }

        .title {
          text-align: center;
          color: #d31c21;
        }
      }
    }
  }
}