.tre-cr-t1 {
  grid-area: 1/1/2/7;
  max-width: 34ch;
}

@media (max-width: 600px) {
  .tre-cr-t1 {
    grid-area: 1/1/2/5;
    max-width: 40ch;
  }
}
.tre-cr-i1 {
  grid-area: 1/8/2/13;
}

@media (max-width: 600px) {
  .tre-cr-i1 {
    grid-area: 2/1/3/4;
  }
}
.tre-cr-t2 {
  grid-area: 2/1/3/5;
  max-width: 28ch;
  top: -1.1rem;
  margin-bottom: 2rem;
  /* align-self: end */
}

@media (max-width: 600px) {
  .tre-cr-t2 {
    grid-area: 3/1/4/5;
    margin-bottom: 0;
    top: 0;
  }
}
.tre-cr-t3 {
  grid-area: 3/5/4/10;
  max-width: 31ch;
  /* top: 3rem */
}

@media (max-width: 600px) {
  .tre-cr-t3 {
    grid-area: 4/1/5/5;
  }
}
.tre-cr-i4 {
  grid-area: 3/1/4/4;
}

@media (max-width: 600px) {
  .tre-cr-i4 {
    grid-area: 5/1/6/5;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem);
  }
}
.trika-cr-big-text {
  grid-area: 4/5/5/13;
  padding: 8rem 0;
}

@media (max-width: 600px) {
  .trika-cr-big-text {
    grid-area: 6/1/7/5;
    padding: 6rem 0 8rem;
    left: 0.2rem;
  }
}
.tre-cr-h1 {
  grid-area: 1/1/2/13;
}

@media (max-width: 600px) {
  .tre-cr-h1 {
    grid-area: 2/1/3/5;
  }
}
.max-width-tritrika {
  max-width: 20ch;
}

@media (max-width: 600px) {
  .max-width-tritrika {
    font-size: 2.5rem;
    line-height: 1.1;
  }
}
.tr-cr-i5 {
  grid-area: 3/1/6/3;
}

@media (max-width: 991px) {
  .tr-cr-i5 {
    max-height: 12rem;
  }
}
@media (max-width: 600px) {
  .tr-cr-i5 {
    grid-area: 1/1/2/5;
    max-height: none;
  }
}
@media (max-width: 600px) {
  /* .tr-cr-i5 {
      grid-area: 1 / 1 / 2 / 5;
  } */
}
.tritrika-01 {
  grid-area: 3/4/4/5;
}

@media (max-width: 600px) {
  .tritrika-01 {
    grid-area: 4/1/5/2;
  }
}
.trika-cr-line1 {
  grid-area: 2/1/3/13;
  border-bottom: solid 1px var(--line);
}

@media (max-width: 600px) {
  .trika-cr-line1 {
    grid-area: 3/1/4/5;
  }
}
.tritrika-02 {
  grid-area: 3/5/4/9;
  max-width: 35ch;
}

@media (max-width: 600px) {
  .tritrika-02 {
    grid-area: 5/1/6/5;
  }
}
.tritrika-03 {
  grid-area: 3/9/4/13;
  top: -0.2rem;
  max-width: 32ch;
}

@media (max-width: 600px) {
  .tritrika-03 {
    grid-area: 6/1/7/5;
  }
}
.trika-cr-divider {
  grid-area: 4/4/5/13;
  border-bottom: solid 1px var(--line);
}

@media (max-width: 600px) {
  .trika-cr-divider {
    grid-area: 7/1/8/5;
  }
}

.tri-trika-04 {
  grid-area: 5/4/6/5;
}

@media (max-width: 600px) {
  .tri-trika-04 {
    grid-area: 8/1/9/2;
  }
}
.tri-trika-06 {
  grid-area: 5/5/6/9;
  max-width: 35ch;
}

@media (max-width: 600px) {
  .tri-trika-06 {
    grid-area: 9/1/10/5;
  }
}
.tri-trika-07 {
  grid-area: 5/9/6/13;
  top: -0.1rem;
  max-width: 32ch;
}

@media (max-width: 600px) {
  .tri-trika-07 {
    grid-area: 10/1/11/5;
  }
}
.trika-cr-divider2 {
  grid-area: 6/4/7/13;
  border-bottom: solid 1px var(--line);
}

@media (max-width: 600px) {
  .trika-cr-divider2 {
    grid-area: 11/1/12/5;
  }
}
.trika-cr-08 {
  grid-area: 7/4/8/5;
}

@media (max-width: 600px) {
  .trika-cr-08 {
    grid-area: 12/1/13/2;
  }
}
.tri-trika-09 {
  grid-area: 7/5/8/9;
}

@media (max-width: 600px) {
  .tri-trika-09 {
    grid-area: 13/1/14/5;
  }
}
.tri-trika-10 {
  grid-area: 7/9/8/13;
  top: -0.1rem;
  max-width: 32ch;
}

@media (max-width: 600px) {
  .tri-trika-10 {
    grid-area: 14/1/15/5;
  }
}
.trika-cr-divider3 {
  grid-area: 8/4/9/13;
  border-bottom: solid 1px var(--line);
}

@media (max-width: 600px) {
  .trika-cr-divider3 {
    grid-area: 15/1/16/5;
  }
}
.tre.cr-vrste-wrap {
  display: grid;
  grid-area: 1/5/2/13;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

@media (max-width: 600px) {
  .tre.cr-vrste-wrap {
    grid-area: 3/1/4/5;
    grid-template-columns: repeat(1, 1fr);
  }
}
.cr-vrste-item {
  padding: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  row-gap: 1.5rem;
  left: -1.5rem;
}

@media (max-width: 600px) {
  .cr-vrste-item {
    left: 0;
  }
}
@media (max-width: 991px) {
  .cr-vrste-item {
    row-gap: 1rem;
    left: 0;
  }
}
.max-width-txt-vrste {
  max-width: 25ch;
  margin-bottom: 0.8rem;
}

.is-grid-vrste-projekata {
  row-gap: 1.5rem;
}

.cr-vrste-item:nth-child(2n) {
  top: 2.5rem;
}

.max-width-vrste {
  max-width: 35ch;
}

@media (max-width: 991px) {
  .max-width-vrste {
    max-width: 30ch;
  }
}

.grid-is-trikoraka {
  row-gap: 2.5rem;
}