.stages__content {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .stages__cont {
    width: 100%;
    margin-left: 60px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 750px) {
  .stages__cont {
    margin-left: 0px; } }
  .stages__wrapper {
    width: 100%;
    margin-left: 60px; }
    .stages__wrapper:before {
      display: none; }
    .stages__wrapper:after {
      display: none; }
    @media screen and (max-width: 1220px) {
  .stages__wrapper {
    margin-left: 0;
    padding-right: 20px; } }
    @media screen and (max-width: 750px) {
  .stages__wrapper {
    padding-right: 0px; } }
  .stages__title {
    position: relative;
    margin-bottom: 77px;
    align-self: flex-start; }
    @media screen and (max-width: 750px) {
  .stages__title {
    margin-bottom: 50px; } }
  .stages__labels {
    grid-column-start: 1;
    grid-column-end: 5;
    flex-direction: column; }
    @media screen and (max-width: 1220px) {
  .stages__labels {
    grid-column-start: 1;
    grid-column-end: 13;
    flex-direction: initial; } }
    @media screen and (max-width: 500px) {
  .stages__labels {
    flex-wrap: wrap; } }
  .stages__label {
    width: 100%;
    color: #000;
    padding: 20px;
    font-family: Acrom-Regular;
    font-size: 20px;
    transition: 0.3s; }
    .stages__label:hover {
      background: #fd60a3;
      color: #fff; }
    .stages__label.active {
      background: #fd60a3;
      color: #fff;
      box-shadow: 0 0 23px rgba(255, 255, 255, 0.4);
      z-index: 1; }
    @media screen and (max-width: 1220px) {
  .stages__label {
    text-align: center; } }
    @media screen and (max-width: 750px) {
  .stages__label {
    padding: 10px;
    font-size: 17px; } }
  .stages__blocks {
    grid-column-start: 5;
    grid-column-end: 13;
    padding-left: 30px;
    margin-top: -25px;
    overflow: hidden; }
    @media screen and (max-width: 1220px) {
  .stages__blocks {
    grid-column-start: 1;
    grid-column-end: 13;
    margin-top: 15px;
    padding-left: 0px;
    padding-right: 20px; } }
    @media screen and (max-width: 750px) {
  .stages__blocks {
    padding-right: 0px; } }
  .stages__block {
    width: 100%;
    height: 100% !important;
    position: relative; }
    .stages__block-img {
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 1220px) {
  .stages__block-img {
    height: 400px; } }
      @media screen and (max-width: 600px) {
  .stages__block-img {
    height: 350px; } }
      @media screen and (max-width: 550px) {
  .stages__block-img {
    height: 300px; } }
      @media screen and (max-width: 450px) {
  .stages__block-img {
    height: 250px; } }
      @media screen and (max-width: 400px) {
  .stages__block-img {
    height: 200px; } }
    .stages__block-title {
      margin-bottom: 10px;
      font-family: Acrom-Regular;
      font-size: 15px;
      text-align: center; }

.c1 {
  background: #d0065e; }

.c2 {
  background: #ba0856; }

.c3 {
  background: #a40b4f; }

.c4 {
  background: #8d0e48; }

.c5 {
  background: #761040; }

.c6 {
  background: #64193e; }

.c7 {
  background: #491632; }

@media screen and (max-width: 750px) {
    .flex-mb {
      display: flex;
      flex-direction: column;
      width: 100%; } }