/*-----------------------grid-----------------------------*/

.grid_3 {
  display: grid;
  grid-gap: var(--gap20);
  grid-template-columns: repeat(3, 1fr);

  z-index: 1;
}

.grid_6 {
  display: grid;
  grid-gap: var(--gap20);
  grid-template-columns: repeat(6, 1fr);

  z-index: 1;
}

.grid_col-start_1 {
  grid-column-start: 1;
}

.grid_col-start_2 {
  grid-column-start: 2;
}

.grid_col-start_3 {
  grid-column-start: 3;
}

.grid_col-start_4 {
  grid-column-start: 4;
}

.grid_col-start_5 {
  grid-column-start: 5;
}

.grid_col-end_1 {
  grid-column-end: 1;
}

.grid_col-end_2 {
  grid-column-end: 2;
}

.grid_col-end_3 {
  grid-column-end: 3;
}

.grid_col-end_4 {
  grid-column-end: 4;
}

.grid_col-end_5 {
  grid-column-end: 5;
}

.grid_col-end_6 {
  grid-column-end: 6;
}

.grid_col-end_7 {
  grid-column-end: 7;
}

.grid_3_col {
  align-items: center;
  display: grid;
  grid-gap: var(--gap20);
  grid-template-columns: repeat(3, 1fr);

  /*z-index: 1;*/
}

@media (max-width: 991.98px) {
  .grid_3 {
    grid-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid_3_col {
    grid-gap: var(--gap10);
    grid-template-columns: 1fr;

    margin-top: 60px;
  }

  .grid_xs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }

  .grid_xs_col-start_1 {
    grid-column-start: 1;
  }

  .grid_xs_col-start_2 {
    grid-column-start: 2;
  }

  .grid_xs_col-start_3 {
    grid-column-start: 3;
  }

  .grid_xs_col-end_1 {
    grid-column-end: 1;
  }

  .grid_xs_col-end_2 {
    grid-column-end: 2;
  }

  .grid_xs_col-end_3 {
    grid-column-end: 3;
  }
}