.jS {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.jC {
  display: flex;
  justify-content: space-between;

  align-items: center;
}

.jE {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.j {
  display: flex;
  justify-content: space-between;
}
.flexCol {
  display: flex;
  flex-direction: column;
}
.gap30 {
  gap: 30px;
}
.gap25 {
  gap: 30px;
}
.gap20 {
  gap: 20px;
}
.gap15 {
  gap: 15px;
}
.gap10 {
  gap: 10px;
}
.gap5 {
  gap: 10px;
}
.g2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.g3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.g4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.g5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.secP30 {
  padding-block: 30px;
}
.secP40 {
  padding-block: 40px;
}
.secP50 {
  padding-block: 50px;
}
.secP60 {
  padding-block: 60px;
}
.secP70 {
  padding-block: 70px;
}
.secP80 {
  padding-block: 80px;
}
.secP90 {
  padding-block: 90px;
}
.secP100 {
  padding-block: 100px;
}
@media (max-width: 1200px) {
  .g5 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .g4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1000px) {
  .g5 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .secP60,
  .secP70 {
    padding-block: 40px;
  }
  .secP80,
  .secP90,
  .secP100 {
    padding-block: 60px;
  }
  .jS,
  .jC,
  .jE,
  .j {
    align-items: center;
    flex-direction: column;
  }
  .g5,
  .g2,
  .g3,
  .g4 {
    grid-template-columns: 1fr;
  }
}