/* module position */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.static {
  position: static;
}

/* module flexbox */
.fx-row {
  display: flex;
  flex-direction: row;
}

.fx-col {
  display: flex;
  flex-direction: column;
}

.fx-wrap {
  flex-wrap: wrap;
}

.jc-start {
  justify-content: flex-start;
}

.jc-end {
  justify-content: flex-end;
}

.jc-center {
  justify-content: center;
}

.jc-between {
  justify-content: space-between;
}

.jc-around {
  justify-content: space-around;
}

.jc-evenly {
  justify-content: space-evenly;
}

.ai-start {
  align-items: flex-start;
}

.ai-end {
  align-items: flex-end;
}

.ai-center {
  align-items: center;
}

.ai-baseline {
  align-items: baseline;
}

.ai-stretch {
  align-items: stretch;
}

.ac-start {
  align-content: flex-start;
}

.ac-end {
  align-content: flex-end;
}

.ac-center {
  align-content: center;
}

.ac-between {
  align-content: space-between;
}

.ac-around {
  align-content: space-around;
}

.ac-evenly {
  align-content: space-evenly;
}

.as-auto {
  align-self: auto;
}

.as-start {
  align-self: flex-start;
}

.as-end {
  align-self: flex-end;
}

.as-center {
  align-self: center;
}

.as-baseline {
  align-self: baseline;
}

.as-stretch {
  align-self: stretch;
}

.fx-grow-1 {
  flex-grow: 1;
}

.fx-shrink-1 {
  flex-shrink: 1;
}

.fx-basis-1 {
  flex-basis: 1;
}

.order-1 {
  order: 1;
}

.fx-grow-2 {
  flex-grow: 2;
}

.fx-shrink-2 {
  flex-shrink: 2;
}

.fx-basis-2 {
  flex-basis: 2;
}

.order-2 {
  order: 2;
}

.fx-grow-3 {
  flex-grow: 3;
}

.fx-shrink-3 {
  flex-shrink: 3;
}

.fx-basis-3 {
  flex-basis: 3;
}

.order-3 {
  order: 3;
}

.fx-grow-4 {
  flex-grow: 4;
}

.fx-shrink-4 {
  flex-shrink: 4;
}

.fx-basis-4 {
  flex-basis: 4;
}

.order-4 {
  order: 4;
}

.fx-grow-5 {
  flex-grow: 5;
}

.fx-shrink-5 {
  flex-shrink: 5;
}

.fx-basis-5 {
  flex-basis: 5;
}

.order-5 {
  order: 5;
}

.fx-grow-6 {
  flex-grow: 6;
}

.fx-shrink-6 {
  flex-shrink: 6;
}

.fx-basis-6 {
  flex-basis: 6;
}

.order-6 {
  order: 6;
}

.fx-grow-7 {
  flex-grow: 7;
}

.fx-shrink-7 {
  flex-shrink: 7;
}

.fx-basis-7 {
  flex-basis: 7;
}

.order-7 {
  order: 7;
}

.fx-grow-8 {
  flex-grow: 8;
}

.fx-shrink-8 {
  flex-shrink: 8;
}

.fx-basis-8 {
  flex-basis: 8;
}

.order-8 {
  order: 8;
}

.fx-grow-9 {
  flex-grow: 9;
}

.fx-shrink-9 {
  flex-shrink: 9;
}

.fx-basis-9 {
  flex-basis: 9;
}

.order-9 {
  order: 9;
}

.fx-grow-10 {
  flex-grow: 10;
}

.fx-shrink-10 {
  flex-shrink: 10;
}

.fx-basis-10 {
  flex-basis: 10;
}

.order-10 {
  order: 10;
}

.fx-grow-auto {
  flex-grow: auto;
}

.fx-shrink-auto {
  flex-shrink: auto;
}

.fx-basis-auto {
  flex-basis: auto;
}

.order-auto {
  order: auto;
}

/* module grid */
.gd-row {
  display: grid;
  grid-auto-flow: row;
}

.gd-col {
  display: grid;
  grid-auto-flow: column;
}

.gd-wrap {
  grid-auto-flow: row dense;
}

.gd-100 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: calc(100px / 6);
}

@media (max-width: 1200px) {
  .gd-L-100 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: calc(100px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-100 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: calc(100px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-100 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: calc(100px / 10);
  }
}
.gd-120 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: calc(120px / 6);
}

@media (max-width: 1200px) {
  .gd-L-120 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: calc(120px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-120 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: calc(120px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-120 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: calc(120px / 10);
  }
}
.gd-150 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: calc(150px / 6);
}

@media (max-width: 1200px) {
  .gd-L-150 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: calc(150px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-150 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: calc(150px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-150 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: calc(150px / 10);
  }
}
.gd-160 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: calc(160px / 6);
}

@media (max-width: 1200px) {
  .gd-L-160 {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: calc(160px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-160 {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: calc(160px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-160 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: calc(160px / 10);
    background-color: red;
  }
  .tatif{
    
  }
}
.gd-180 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: calc(180px / 6);
}

@media (max-width: 1200px) {
  .gd-L-180 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: calc(180px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-180 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: calc(180px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-180 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: calc(180px / 10);
  }
}
.gd-200 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: calc(200px / 6);
}

@media (max-width: 1200px) {
  .gd-L-200 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: calc(200px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-200 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: calc(200px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-200 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: calc(200px / 10);
  }
}
.gd-240 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: calc(240px / 6);
}

@media (max-width: 1200px) {
  .gd-L-240 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: calc(240px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-240 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: calc(240px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-240 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: calc(240px / 10);
  }
}
.gd-250 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: calc(250px / 6);
}

@media (max-width: 1200px) {
  .gd-L-250 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: calc(250px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-250 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: calc(250px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-250 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: calc(250px / 10);
  }
}
.gd-300 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: calc(300px / 6);
}

@media (max-width: 1200px) {
  .gd-L-300 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: calc(300px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-300 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: calc(300px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-300 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: calc(300px / 10);
  }
}
.gd-320 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: calc(320px / 6);
}

@media (max-width: 1200px) {
  .gd-L-320 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: calc(320px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-320 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: calc(320px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-320 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: calc(320px / 10);
  }
}
.gd-350 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: calc(350px / 6);
}

@media (max-width: 1200px) {
  .gd-L-350 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: calc(350px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-350 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: calc(350px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-350 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: calc(350px / 10);
  }
}
.gd-360 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: calc(360px / 6);
}

@media (max-width: 1200px) {
  .gd-L-360 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: calc(360px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-360 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: calc(360px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-360 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: calc(360px / 10);
  }
}
.gd-400 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: calc(400px / 6);
}

@media (max-width: 1200px) {
  .gd-L-400 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: calc(400px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-400 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: calc(400px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-400 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: calc(400px / 10);
  }
}
.gd-450 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  gap: calc(450px / 6);
}

@media (max-width: 1200px) {
  .gd-L-450 {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: calc(450px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-450 {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: calc(450px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-450 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: calc(450px / 10);
  }
}
.gd-500 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: calc(500px / 6);
}

@media (max-width: 1200px) {
  .gd-L-500 {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: calc(500px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-500 {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: calc(500px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-500 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: calc(500px / 10);
  }
}
.gd-550 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
  gap: calc(550px / 6);
}

@media (max-width: 1200px) {
  .gd-L-550 {
    grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
    gap: calc(550px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-550 {
    grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
    gap: calc(550px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-550 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
    gap: calc(550px / 10);
  }
}
.gd-600 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  gap: calc(600px / 6);
}

@media (max-width: 1200px) {
  .gd-L-600 {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    gap: calc(600px / 10);
  }
}
@media (max-width: 900px) {
  .gd-M-600 {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    gap: calc(600px / 10);
  }
}
@media (max-width: 600px) {
  .gd-S-600 {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    gap: calc(600px / 10);
  }
}
.gd-fit-100-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-100-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-100-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 100px) / 2), 1fr));
  }
  .gd-fill-100-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 100px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-100-200 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .gd-fill-100-200 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.gd-fit-120-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-120-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-120-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 120px) / 2), 1fr));
  }
  .gd-fill-120-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 120px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-120-200 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .gd-fill-120-200 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.gd-fit-150-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-150-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-150-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 150px) / 2), 1fr));
  }
  .gd-fill-150-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 150px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-150-200 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .gd-fill-150-200 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
.gd-fit-180-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-180-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-180-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 180px) / 2), 1fr));
  }
  .gd-fill-180-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 180px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-180-200 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .gd-fill-180-200 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.gd-fit-200-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-200-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-200-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 200px) / 2), 1fr));
  }
  .gd-fill-200-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 200px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-200-200 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .gd-fill-200-200 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.gd-fit-240-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-240-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-240-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 240px) / 2), 1fr));
  }
  .gd-fill-240-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 240px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-240-200 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .gd-fill-240-200 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.gd-fit-300-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-300-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-300-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 300px) / 2), 1fr));
  }
  .gd-fill-300-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 300px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-300-200 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .gd-fill-300-200 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.gd-fit-320-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-320-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-320-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 320px) / 2), 1fr));
  }
  .gd-fill-320-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 320px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-320-200 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .gd-fill-320-200 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
.gd-fit-350-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-350-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-350-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 350px) / 2), 1fr));
  }
  .gd-fill-350-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 350px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-350-200 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .gd-fill-350-200 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.gd-fit-360-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-360-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-360-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 360px) / 2), 1fr));
  }
  .gd-fill-360-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 360px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-360-200 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }
  .gd-fill-360-200 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.gd-fit-400-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gd-fill-400-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-400-200 {
    grid-template-columns: repeat(auto-fit, minmax(calc((200px + 400px) / 2), 1fr));
  }
  .gd-fill-400-200 {
    grid-template-columns: repeat(auto-fill, minmax(calc((200px + 400px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-400-200 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gd-fill-400-200 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.gd-fit-100-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-100-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-100-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 100px) / 2), 1fr));
  }
  .gd-fill-100-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 100px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-100-300 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .gd-fill-100-300 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.gd-fit-120-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-120-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-120-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 120px) / 2), 1fr));
  }
  .gd-fill-120-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 120px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-120-300 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .gd-fill-120-300 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.gd-fit-150-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-150-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-150-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 150px) / 2), 1fr));
  }
  .gd-fill-150-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 150px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-150-300 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .gd-fill-150-300 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
.gd-fit-180-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-180-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-180-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 180px) / 2), 1fr));
  }
  .gd-fill-180-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 180px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-180-300 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .gd-fill-180-300 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.gd-fit-200-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-200-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-200-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 200px) / 2), 1fr));
  }
  .gd-fill-200-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 200px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-200-300 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .gd-fill-200-300 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.gd-fit-240-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-240-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-240-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 240px) / 2), 1fr));
  }
  .gd-fill-240-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 240px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-240-300 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .gd-fill-240-300 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.gd-fit-300-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-300-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-300-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 300px) / 2), 1fr));
  }
  .gd-fill-300-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 300px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-300-300 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .gd-fill-300-300 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.gd-fit-320-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-320-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-320-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 320px) / 2), 1fr));
  }
  .gd-fill-320-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 320px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-320-300 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .gd-fill-320-300 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
.gd-fit-350-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-350-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-350-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 350px) / 2), 1fr));
  }
  .gd-fill-350-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 350px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-350-300 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .gd-fill-350-300 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.gd-fit-360-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-360-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-360-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 360px) / 2), 1fr));
  }
  .gd-fill-360-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 360px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-360-300 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }
  .gd-fill-360-300 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.gd-fit-400-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.gd-fill-400-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-400-300 {
    grid-template-columns: repeat(auto-fit, minmax(calc((300px + 400px) / 2), 1fr));
  }
  .gd-fill-400-300 {
    grid-template-columns: repeat(auto-fill, minmax(calc((300px + 400px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-400-300 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gd-fill-400-300 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.gd-fit-100-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-100-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-100-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 100px) / 2), 1fr));
  }
  .gd-fill-100-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 100px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-100-400 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .gd-fill-100-400 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.gd-fit-120-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-120-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-120-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 120px) / 2), 1fr));
  }
  .gd-fill-120-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 120px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-120-400 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .gd-fill-120-400 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.gd-fit-150-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-150-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-150-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 150px) / 2), 1fr));
  }
  .gd-fill-150-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 150px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-150-400 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .gd-fill-150-400 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
.gd-fit-180-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-180-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-180-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 180px) / 2), 1fr));
  }
  .gd-fill-180-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 180px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-180-400 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .gd-fill-180-400 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.gd-fit-200-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-200-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-200-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 200px) / 2), 1fr));
  }
  .gd-fill-200-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 200px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-200-400 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .gd-fill-200-400 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.gd-fit-240-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-240-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-240-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 240px) / 2), 1fr));
  }
  .gd-fill-240-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 240px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-240-400 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .gd-fill-240-400 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.gd-fit-300-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-300-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-300-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 300px) / 2), 1fr));
  }
  .gd-fill-300-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 300px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-300-400 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .gd-fill-300-400 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.gd-fit-320-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-320-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-320-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 320px) / 2), 1fr));
  }
  .gd-fill-320-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 320px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-320-400 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .gd-fill-320-400 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
.gd-fit-350-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-350-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-350-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 350px) / 2), 1fr));
  }
  .gd-fill-350-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 350px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-350-400 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .gd-fill-350-400 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.gd-fit-360-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-360-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-360-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 360px) / 2), 1fr));
  }
  .gd-fill-360-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 360px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-360-400 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }
  .gd-fill-360-400 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.gd-fit-400-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.gd-fill-400-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-400-400 {
    grid-template-columns: repeat(auto-fit, minmax(calc((400px + 400px) / 2), 1fr));
  }
  .gd-fill-400-400 {
    grid-template-columns: repeat(auto-fill, minmax(calc((400px + 400px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-400-400 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gd-fill-400-400 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.gd-fit-100-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-100-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-100-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 100px) / 2), 1fr));
  }
  .gd-fill-100-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 100px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-100-500 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .gd-fill-100-500 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.gd-fit-120-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-120-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-120-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 120px) / 2), 1fr));
  }
  .gd-fill-120-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 120px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-120-500 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .gd-fill-120-500 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.gd-fit-150-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-150-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-150-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 150px) / 2), 1fr));
  }
  .gd-fill-150-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 150px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-150-500 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .gd-fill-150-500 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
.gd-fit-180-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-180-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-180-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 180px) / 2), 1fr));
  }
  .gd-fill-180-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 180px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-180-500 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .gd-fill-180-500 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.gd-fit-200-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-200-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-200-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 200px) / 2), 1fr));
  }
  .gd-fill-200-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 200px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-200-500 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .gd-fill-200-500 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.gd-fit-240-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-240-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-240-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 240px) / 2), 1fr));
  }
  .gd-fill-240-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 240px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-240-500 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .gd-fill-240-500 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.gd-fit-300-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-300-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-300-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 300px) / 2), 1fr));
  }
  .gd-fill-300-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 300px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-300-500 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .gd-fill-300-500 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.gd-fit-320-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-320-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-320-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 320px) / 2), 1fr));
  }
  .gd-fill-320-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 320px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-320-500 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .gd-fill-320-500 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
.gd-fit-350-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-350-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-350-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 350px) / 2), 1fr));
  }
  .gd-fill-350-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 350px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-350-500 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .gd-fill-350-500 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.gd-fit-360-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-360-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-360-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 360px) / 2), 1fr));
  }
  .gd-fill-360-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 360px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-360-500 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }
  .gd-fill-360-500 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.gd-fit-400-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gd-fill-400-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-400-500 {
    grid-template-columns: repeat(auto-fit, minmax(calc((500px + 400px) / 2), 1fr));
  }
  .gd-fill-400-500 {
    grid-template-columns: repeat(auto-fill, minmax(calc((500px + 400px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-400-500 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gd-fill-400-500 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.gd-fit-100-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-100-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-100-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 100px) / 2), 1fr));
  }
  .gd-fill-100-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 100px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-100-600 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .gd-fill-100-600 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.gd-fit-120-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-120-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-120-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 120px) / 2), 1fr));
  }
  .gd-fill-120-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 120px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-120-600 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .gd-fill-120-600 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.gd-fit-150-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-150-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-150-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 150px) / 2), 1fr));
  }
  .gd-fill-150-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 150px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-150-600 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .gd-fill-150-600 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
.gd-fit-180-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-180-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-180-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 180px) / 2), 1fr));
  }
  .gd-fill-180-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 180px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-180-600 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .gd-fill-180-600 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.gd-fit-200-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-200-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-200-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 200px) / 2), 1fr));
  }
  .gd-fill-200-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 200px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-200-600 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .gd-fill-200-600 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.gd-fit-240-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-240-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-240-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 240px) / 2), 1fr));
  }
  .gd-fill-240-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 240px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-240-600 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .gd-fill-240-600 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.gd-fit-300-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-300-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-300-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 300px) / 2), 1fr));
  }
  .gd-fill-300-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 300px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-300-600 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .gd-fill-300-600 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.gd-fit-320-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-320-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-320-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 320px) / 2), 1fr));
  }
  .gd-fill-320-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 320px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-320-600 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .gd-fill-320-600 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
.gd-fit-350-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-350-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-350-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 350px) / 2), 1fr));
  }
  .gd-fill-350-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 350px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-350-600 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .gd-fill-350-600 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.gd-fit-360-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-360-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-360-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 360px) / 2), 1fr));
  }
  .gd-fill-360-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 360px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-360-600 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }
  .gd-fill-360-600 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.gd-fit-400-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.gd-fill-400-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-400-600 {
    grid-template-columns: repeat(auto-fit, minmax(calc((600px + 400px) / 2), 1fr));
  }
  .gd-fill-400-600 {
    grid-template-columns: repeat(auto-fill, minmax(calc((600px + 400px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-400-600 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gd-fill-400-600 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.gd-fit-100-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-100-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-100-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 100px) / 2), 1fr));
  }
  .gd-fill-100-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 100px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-100-700 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .gd-fill-100-700 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.gd-fit-120-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-120-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-120-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 120px) / 2), 1fr));
  }
  .gd-fill-120-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 120px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-120-700 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .gd-fill-120-700 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.gd-fit-150-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-150-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-150-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 150px) / 2), 1fr));
  }
  .gd-fill-150-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 150px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-150-700 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .gd-fill-150-700 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
.gd-fit-180-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-180-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-180-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 180px) / 2), 1fr));
  }
  .gd-fill-180-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 180px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-180-700 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .gd-fill-180-700 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.gd-fit-200-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-200-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-200-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 200px) / 2), 1fr));
  }
  .gd-fill-200-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 200px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-200-700 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .gd-fill-200-700 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.gd-fit-240-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-240-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-240-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 240px) / 2), 1fr));
  }
  .gd-fill-240-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 240px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-240-700 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .gd-fill-240-700 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.gd-fit-300-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-300-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-300-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 300px) / 2), 1fr));
  }
  .gd-fill-300-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 300px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-300-700 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .gd-fill-300-700 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.gd-fit-320-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-320-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-320-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 320px) / 2), 1fr));
  }
  .gd-fill-320-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 320px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-320-700 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .gd-fill-320-700 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
.gd-fit-350-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-350-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-350-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 350px) / 2), 1fr));
  }
  .gd-fill-350-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 350px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-350-700 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .gd-fill-350-700 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.gd-fit-360-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-360-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-360-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 360px) / 2), 1fr));
  }
  .gd-fill-360-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 360px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-360-700 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }
  .gd-fill-360-700 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.gd-fit-400-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
}

.gd-fill-400-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-400-700 {
    grid-template-columns: repeat(auto-fit, minmax(calc((700px + 400px) / 2), 1fr));
  }
  .gd-fill-400-700 {
    grid-template-columns: repeat(auto-fill, minmax(calc((700px + 400px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-400-700 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gd-fill-400-700 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.gd-fit-100-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-100-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-100-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 100px) / 2), 1fr));
  }
  .gd-fill-100-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 100px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-100-800 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .gd-fill-100-800 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.gd-fit-120-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-120-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-120-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 120px) / 2), 1fr));
  }
  .gd-fill-120-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 120px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-120-800 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .gd-fill-120-800 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.gd-fit-150-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-150-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-150-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 150px) / 2), 1fr));
  }
  .gd-fill-150-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 150px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-150-800 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .gd-fill-150-800 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
.gd-fit-180-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-180-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-180-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 180px) / 2), 1fr));
  }
  .gd-fill-180-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 180px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-180-800 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .gd-fill-180-800 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.gd-fit-200-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-200-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-200-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 200px) / 2), 1fr));
  }
  .gd-fill-200-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 200px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-200-800 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .gd-fill-200-800 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.gd-fit-240-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-240-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-240-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 240px) / 2), 1fr));
  }
  .gd-fill-240-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 240px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-240-800 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .gd-fill-240-800 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.gd-fit-300-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-300-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-300-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 300px) / 2), 1fr));
  }
  .gd-fill-300-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 300px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-300-800 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .gd-fill-300-800 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.gd-fit-320-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-320-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-320-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 320px) / 2), 1fr));
  }
  .gd-fill-320-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 320px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-320-800 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .gd-fill-320-800 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
.gd-fit-350-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-350-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-350-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 350px) / 2), 1fr));
  }
  .gd-fill-350-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 350px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-350-800 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .gd-fill-350-800 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
.gd-fit-360-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-360-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-360-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 360px) / 2), 1fr));
  }
  .gd-fill-360-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 360px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-360-800 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }
  .gd-fill-360-800 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.gd-fit-400-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
}

.gd-fill-400-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
}

@media (max-width: 900px) {
  .gd-fit-400-800 {
    grid-template-columns: repeat(auto-fit, minmax(calc((800px + 400px) / 2), 1fr));
  }
  .gd-fill-400-800 {
    grid-template-columns: repeat(auto-fill, minmax(calc((800px + 400px) / 2), 1fr));
  }
}
@media (max-width: 600px) {
  .gd-fit-400-800 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gd-fill-400-800 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.ji-start {
  justify-items: start;
}

.ji-end {
  justify-items: end;
}

.ji-center {
  justify-items: center;
}

.ji-stretch {
  justify-items: stretch;
}

.js-start {
  justify-self: start;
}

.js-end {
  justify-self: end;
}

.js-center {
  justify-self: center;
}

.js-stretch {
  justify-self: stretch;
}

.w-100 {
  width: 100%;
  max-width: 100px;
}

.w-120 {
  width: 100%;
  max-width: 120px;
}

.w-140 {
  width: 100%;
  max-width: 140px;
}

.w-150 {
  width: 100%;
  max-width: 150px;
}

.w-160 {
  width: 100%;
  max-width: 160px;
}

.w-180 {
  width: 100%;
  max-width: 180px;
}

.w-200 {
  width: 100%;
  max-width: 200px;
}

.w-240 {
  width: 100%;
  max-width: 240px;
}

.w-250 {
  width: 100%;
  max-width: 250px;
}

.w-300 {
  width: 100%;
  max-width: 300px;
}

.w-350 {
  width: 100%;
  max-width: 350px;
}

.w-400 {
  width: 100%;
  max-width: 400px;
}

.w-450 {
  width: 100%;
  max-width: 450px;
}

.w-500 {
  width: 100%;
  max-width: 500px;
}

.w-550 {
  width: 100%;
  max-width: 550px;
}

.w-600 {
  width: 100%;
  max-width: 600px;
}

.p-1 {
  padding: 1px;
}

.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.m-1 {
  margin: 1px;
}

.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.g-1 {
  gap: 1px;
}

.gx-1 {
  column-gap: 1px;
}

.gy-1 {
  row-gap: 1px;
}

.p-2 {
  padding: 2px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.m-2 {
  margin: 2px;
}

.mx-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.g-2 {
  gap: 2px;
}

.gx-2 {
  column-gap: 2px;
}

.gy-2 {
  row-gap: 2px;
}

.p-4 {
  padding: 4px;
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.m-4 {
  margin: 4px;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.g-4 {
  gap: 4px;
}

.gx-4 {
  column-gap: 4px;
}

.gy-4 {
  row-gap: 4px;
}

.p-5 {
  padding: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.m-5 {
  margin: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.g-5 {
  gap: 5px;
}

.gx-5 {
  column-gap: 5px;
}

.gy-5 {
  row-gap: 5px;
}

.p-6 {
  padding: 6px;
}

.px-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.m-6 {
  margin: 6px;
}

.mx-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.my-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.g-6 {
  gap: 6px;
}

.gx-6 {
  column-gap: 6px;
}

.gy-6 {
  row-gap: 6px;
}

.p-8 {
  padding: 8px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.m-8 {
  margin: 8px;
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.g-8 {
  gap: 8px;
}

.gx-8 {
  column-gap: 8px;
}

.gy-8 {
  row-gap: 8px;
}

.p-10 {
  padding: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-10 {
  margin: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.g-10 {
  gap: 10px;
}

.gx-10 {
  column-gap: 10px;
}

.gy-10 {
  row-gap: 10px;
}

.p-12 {
  padding: 12px;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.m-12 {
  margin: 12px;
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.g-12 {
  gap: 12px;
}

.gx-12 {
  column-gap: 12px;
}

.gy-12 {
  row-gap: 12px;
}

.p-15 {
  padding: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m-15 {
  margin: 15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.g-15 {
  gap: 15px;
}

.gx-15 {
  column-gap: 15px;
}

.gy-15 {
  row-gap: 15px;
}

.p-16 {
  padding: 16px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.m-16 {
  margin: 16px;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.g-16 {
  gap: 16px;
}

.gx-16 {
  column-gap: 16px;
}

.gy-16 {
  row-gap: 16px;
}

.p-18 {
  padding: 18px;
}

.px-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.py-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.m-18 {
  margin: 18px;
}

.mx-18 {
  margin-left: 18px;
  margin-right: 18px;
}

.my-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.g-18 {
  gap: 18px;
}

.gx-18 {
  column-gap: 18px;
}

.gy-18 {
  row-gap: 18px;
}

.p-20 {
  padding: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-20 {
  margin: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.g-20 {
  gap: 20px;
}

.gx-20 {
  column-gap: 20px;
}

.gy-20 {
  row-gap: 20px;
}

.p-24 {
  padding: 24px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.m-24 {
  margin: 24px;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.g-24 {
  gap: 24px;
}

.gx-24 {
  column-gap: 24px;
}

.gy-24 {
  row-gap: 24px;
}

.p-25 {
  padding: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.m-25 {
  margin: 25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.g-25 {
  gap: 25px;
}

.gx-25 {
  column-gap: 25px;
}

.gy-25 {
  row-gap: 25px;
}

.p-30 {
  padding: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.m-30 {
  margin: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.g-30 {
  gap: 30px;
}

.gx-30 {
  column-gap: 30px;
}

.gy-30 {
  row-gap: 30px;
}

.p-32 {
  padding: 32px;
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.m-32 {
  margin: 32px;
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.g-32 {
  gap: 32px;
}

.gx-32 {
  column-gap: 32px;
}

.gy-32 {
  row-gap: 32px;
}

.p-36 {
  padding: 36px;
}

.px-36 {
  padding-left: 36px;
  padding-right: 36px;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.m-36 {
  margin: 36px;
}

.mx-36 {
  margin-left: 36px;
  margin-right: 36px;
}

.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.g-36 {
  gap: 36px;
}

.gx-36 {
  column-gap: 36px;
}

.gy-36 {
  row-gap: 36px;
}

.p-40 {
  padding: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.m-40 {
  margin: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.g-40 {
  gap: 40px;
}

.gx-40 {
  column-gap: 40px;
}

.gy-40 {
  row-gap: 40px;
}

.p-45 {
  padding: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.m-45 {
  margin: 45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.g-45 {
  gap: 45px;
}

.gx-45 {
  column-gap: 45px;
}

.gy-45 {
  row-gap: 45px;
}

.p-50 {
  padding: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.m-50 {
  margin: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.g-50 {
  gap: 50px;
}

.gx-50 {
  column-gap: 50px;
}

.gy-50 {
  row-gap: 50px;
}

.p-60 {
  padding: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.m-60 {
  margin: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.g-60 {
  gap: 60px;
}

.gx-60 {
  column-gap: 60px;
}

.gy-60 {
  row-gap: 60px;
}

.p-64 {
  padding: 64px;
}

.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.m-64 {
  margin: 64px;
}

.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.g-64 {
  gap: 64px;
}

.gx-64 {
  column-gap: 64px;
}

.gy-64 {
  row-gap: 64px;
}

.p-72 {
  padding: 72px;
}

.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.m-72 {
  margin: 72px;
}

.mx-72 {
  margin-left: 72px;
  margin-right: 72px;
}

.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.g-72 {
  gap: 72px;
}

.gx-72 {
  column-gap: 72px;
}

.gy-72 {
  row-gap: 72px;
}

.p-80 {
  padding: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.m-80 {
  margin: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.g-80 {
  gap: 80px;
}

.gx-80 {
  column-gap: 80px;
}

.gy-80 {
  row-gap: 80px;
}

.p-96 {
  padding: 96px;
}

.px-96 {
  padding-left: 96px;
  padding-right: 96px;
}

.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.m-96 {
  margin: 96px;
}

.mx-96 {
  margin-left: 96px;
  margin-right: 96px;
}

.my-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.g-96 {
  gap: 96px;
}

.gx-96 {
  column-gap: 96px;
}

.gy-96 {
  row-gap: 96px;
}

.p-100 {
  padding: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.m-100 {
  margin: 100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.g-100 {
  gap: 100px;
}

.gx-100 {
  column-gap: 100px;
}

.gy-100 {
  row-gap: 100px;
}

@media (max-width: 1200px) {
  .p-L-1 {
    padding: 1px;
  }
  .px-L-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-L-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .m-L-1 {
    margin: 1px;
  }
  .mx-L-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .my-L-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .g-L-1 {
    gap: 1px;
  }
  .gx-L-1 {
    column-gap: 1px;
  }
  .gy-L-1 {
    row-gap: 1px;
  }
  .p-L-2 {
    padding: 2px;
  }
  .px-L-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-L-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .m-L-2 {
    margin: 2px;
  }
  .mx-L-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-L-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .g-L-2 {
    gap: 2px;
  }
  .gx-L-2 {
    column-gap: 2px;
  }
  .gy-L-2 {
    row-gap: 2px;
  }
  .p-L-4 {
    padding: 4px;
  }
  .px-L-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-L-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .m-L-4 {
    margin: 4px;
  }
  .mx-L-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-L-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .g-L-4 {
    gap: 4px;
  }
  .gx-L-4 {
    column-gap: 4px;
  }
  .gy-L-4 {
    row-gap: 4px;
  }
  .p-L-5 {
    padding: 5px;
  }
  .px-L-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-L-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .m-L-5 {
    margin: 5px;
  }
  .mx-L-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-L-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .g-L-5 {
    gap: 5px;
  }
  .gx-L-5 {
    column-gap: 5px;
  }
  .gy-L-5 {
    row-gap: 5px;
  }
  .p-L-6 {
    padding: 6px;
  }
  .px-L-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .py-L-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .m-L-6 {
    margin: 6px;
  }
  .mx-L-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .my-L-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .g-L-6 {
    gap: 6px;
  }
  .gx-L-6 {
    column-gap: 6px;
  }
  .gy-L-6 {
    row-gap: 6px;
  }
  .p-L-8 {
    padding: 8px;
  }
  .px-L-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-L-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .m-L-8 {
    margin: 8px;
  }
  .mx-L-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-L-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .g-L-8 {
    gap: 8px;
  }
  .gx-L-8 {
    column-gap: 8px;
  }
  .gy-L-8 {
    row-gap: 8px;
  }
  .p-L-10 {
    padding: 10px;
  }
  .px-L-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-L-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .m-L-10 {
    margin: 10px;
  }
  .mx-L-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-L-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .g-L-10 {
    gap: 10px;
  }
  .gx-L-10 {
    column-gap: 10px;
  }
  .gy-L-10 {
    row-gap: 10px;
  }
  .p-L-12 {
    padding: 12px;
  }
  .px-L-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-L-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .m-L-12 {
    margin: 12px;
  }
  .mx-L-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-L-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .g-L-12 {
    gap: 12px;
  }
  .gx-L-12 {
    column-gap: 12px;
  }
  .gy-L-12 {
    row-gap: 12px;
  }
  .p-L-15 {
    padding: 15px;
  }
  .px-L-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .py-L-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-L-15 {
    margin: 15px;
  }
  .mx-L-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .my-L-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .g-L-15 {
    gap: 15px;
  }
  .gx-L-15 {
    column-gap: 15px;
  }
  .gy-L-15 {
    row-gap: 15px;
  }
  .p-L-16 {
    padding: 16px;
  }
  .px-L-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-L-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .m-L-16 {
    margin: 16px;
  }
  .mx-L-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-L-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .g-L-16 {
    gap: 16px;
  }
  .gx-L-16 {
    column-gap: 16px;
  }
  .gy-L-16 {
    row-gap: 16px;
  }
  .p-L-18 {
    padding: 18px;
  }
  .px-L-18 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .py-L-18 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .m-L-18 {
    margin: 18px;
  }
  .mx-L-18 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .my-L-18 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .g-L-18 {
    gap: 18px;
  }
  .gx-L-18 {
    column-gap: 18px;
  }
  .gy-L-18 {
    row-gap: 18px;
  }
  .p-L-20 {
    padding: 20px;
  }
  .px-L-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-L-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-L-20 {
    margin: 20px;
  }
  .mx-L-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-L-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .g-L-20 {
    gap: 20px;
  }
  .gx-L-20 {
    column-gap: 20px;
  }
  .gy-L-20 {
    row-gap: 20px;
  }
  .p-L-24 {
    padding: 24px;
  }
  .px-L-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-L-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .m-L-24 {
    margin: 24px;
  }
  .mx-L-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-L-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .g-L-24 {
    gap: 24px;
  }
  .gx-L-24 {
    column-gap: 24px;
  }
  .gy-L-24 {
    row-gap: 24px;
  }
  .p-L-25 {
    padding: 25px;
  }
  .px-L-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .py-L-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .m-L-25 {
    margin: 25px;
  }
  .mx-L-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .my-L-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .g-L-25 {
    gap: 25px;
  }
  .gx-L-25 {
    column-gap: 25px;
  }
  .gy-L-25 {
    row-gap: 25px;
  }
  .p-L-30 {
    padding: 30px;
  }
  .px-L-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-L-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-L-30 {
    margin: 30px;
  }
  .mx-L-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-L-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .g-L-30 {
    gap: 30px;
  }
  .gx-L-30 {
    column-gap: 30px;
  }
  .gy-L-30 {
    row-gap: 30px;
  }
  .p-L-32 {
    padding: 32px;
  }
  .px-L-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-L-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .m-L-32 {
    margin: 32px;
  }
  .mx-L-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-L-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .g-L-32 {
    gap: 32px;
  }
  .gx-L-32 {
    column-gap: 32px;
  }
  .gy-L-32 {
    row-gap: 32px;
  }
  .p-L-36 {
    padding: 36px;
  }
  .px-L-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .py-L-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .m-L-36 {
    margin: 36px;
  }
  .mx-L-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .my-L-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .g-L-36 {
    gap: 36px;
  }
  .gx-L-36 {
    column-gap: 36px;
  }
  .gy-L-36 {
    row-gap: 36px;
  }
  .p-L-40 {
    padding: 40px;
  }
  .px-L-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-L-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .m-L-40 {
    margin: 40px;
  }
  .mx-L-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-L-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .g-L-40 {
    gap: 40px;
  }
  .gx-L-40 {
    column-gap: 40px;
  }
  .gy-L-40 {
    row-gap: 40px;
  }
  .p-L-45 {
    padding: 45px;
  }
  .px-L-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .py-L-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .m-L-45 {
    margin: 45px;
  }
  .mx-L-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .my-L-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .g-L-45 {
    gap: 45px;
  }
  .gx-L-45 {
    column-gap: 45px;
  }
  .gy-L-45 {
    row-gap: 45px;
  }
  .p-L-50 {
    padding: 50px;
  }
  .px-L-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-L-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .m-L-50 {
    margin: 50px;
  }
  .mx-L-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-L-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .g-L-50 {
    gap: 50px;
  }
  .gx-L-50 {
    column-gap: 50px;
  }
  .gy-L-50 {
    row-gap: 50px;
  }
  .p-L-60 {
    padding: 60px;
  }
  .px-L-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-L-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .m-L-60 {
    margin: 60px;
  }
  .mx-L-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-L-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .g-L-60 {
    gap: 60px;
  }
  .gx-L-60 {
    column-gap: 60px;
  }
  .gy-L-60 {
    row-gap: 60px;
  }
  .p-L-64 {
    padding: 64px;
  }
  .px-L-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .py-L-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .m-L-64 {
    margin: 64px;
  }
  .mx-L-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .my-L-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .g-L-64 {
    gap: 64px;
  }
  .gx-L-64 {
    column-gap: 64px;
  }
  .gy-L-64 {
    row-gap: 64px;
  }
  .p-L-72 {
    padding: 72px;
  }
  .px-L-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
  .py-L-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .m-L-72 {
    margin: 72px;
  }
  .mx-L-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
  .my-L-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .g-L-72 {
    gap: 72px;
  }
  .gx-L-72 {
    column-gap: 72px;
  }
  .gy-L-72 {
    row-gap: 72px;
  }
  .p-L-80 {
    padding: 80px;
  }
  .px-L-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-L-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .m-L-80 {
    margin: 80px;
  }
  .mx-L-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-L-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .g-L-80 {
    gap: 80px;
  }
  .gx-L-80 {
    column-gap: 80px;
  }
  .gy-L-80 {
    row-gap: 80px;
  }
  .p-L-96 {
    padding: 96px;
  }
  .px-L-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-L-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .m-L-96 {
    margin: 96px;
  }
  .mx-L-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-L-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .g-L-96 {
    gap: 96px;
  }
  .gx-L-96 {
    column-gap: 96px;
  }
  .gy-L-96 {
    row-gap: 96px;
  }
  .p-L-100 {
    padding: 100px;
  }
  .px-L-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-L-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .m-L-100 {
    margin: 100px;
  }
  .mx-L-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-L-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .g-L-100 {
    gap: 100px;
  }
  .gx-L-100 {
    column-gap: 100px;
  }
  .gy-L-100 {
    row-gap: 100px;
  }
}
@media (max-width: 800px) {
  .p-M-1 {
    padding: 1px;
  }
  .px-M-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-M-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .m-M-1 {
    margin: 1px;
  }
  .mx-M-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .my-M-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .g-M-1 {
    gap: 1px;
  }
  .gx-M-1 {
    column-gap: 1px;
  }
  .gy-M-1 {
    row-gap: 1px;
  }
  .p-M-2 {
    padding: 2px;
  }
  .px-M-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-M-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .m-M-2 {
    margin: 2px;
  }
  .mx-M-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-M-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .g-M-2 {
    gap: 2px;
  }
  .gx-M-2 {
    column-gap: 2px;
  }
  .gy-M-2 {
    row-gap: 2px;
  }
  .p-M-4 {
    padding: 4px;
  }
  .px-M-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-M-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .m-M-4 {
    margin: 4px;
  }
  .mx-M-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-M-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .g-M-4 {
    gap: 4px;
  }
  .gx-M-4 {
    column-gap: 4px;
  }
  .gy-M-4 {
    row-gap: 4px;
  }
  .p-M-5 {
    padding: 5px;
  }
  .px-M-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-M-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .m-M-5 {
    margin: 5px;
  }
  .mx-M-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-M-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .g-M-5 {
    gap: 5px;
  }
  .gx-M-5 {
    column-gap: 5px;
  }
  .gy-M-5 {
    row-gap: 5px;
  }
  .p-M-6 {
    padding: 6px;
  }
  .px-M-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .py-M-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .m-M-6 {
    margin: 6px;
  }
  .mx-M-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .my-M-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .g-M-6 {
    gap: 6px;
  }
  .gx-M-6 {
    column-gap: 6px;
  }
  .gy-M-6 {
    row-gap: 6px;
  }
  .p-M-8 {
    padding: 8px;
  }
  .px-M-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-M-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .m-M-8 {
    margin: 8px;
  }
  .mx-M-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-M-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .g-M-8 {
    gap: 8px;
  }
  .gx-M-8 {
    column-gap: 8px;
  }
  .gy-M-8 {
    row-gap: 8px;
  }
  .p-M-10 {
    padding: 10px;
  }
  .px-M-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-M-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .m-M-10 {
    margin: 10px;
  }
  .mx-M-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-M-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .g-M-10 {
    gap: 10px;
  }
  .gx-M-10 {
    column-gap: 10px;
  }
  .gy-M-10 {
    row-gap: 10px;
  }
  .p-M-12 {
    padding: 12px;
  }
  .px-M-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-M-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .m-M-12 {
    margin: 12px;
  }
  .mx-M-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-M-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .g-M-12 {
    gap: 12px;
  }
  .gx-M-12 {
    column-gap: 12px;
  }
  .gy-M-12 {
    row-gap: 12px;
  }
  .p-M-15 {
    padding: 15px;
  }
  .px-M-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .py-M-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-M-15 {
    margin: 15px;
  }
  .mx-M-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .my-M-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .g-M-15 {
    gap: 15px;
  }
  .gx-M-15 {
    column-gap: 15px;
  }
  .gy-M-15 {
    row-gap: 15px;
  }
  .p-M-16 {
    padding: 16px;
  }
  .px-M-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-M-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .m-M-16 {
    margin: 16px;
  }
  .mx-M-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-M-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .g-M-16 {
    gap: 16px;
  }
  .gx-M-16 {
    column-gap: 16px;
  }
  .gy-M-16 {
    row-gap: 16px;
  }
  .p-M-18 {
    padding: 18px;
  }
  .px-M-18 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .py-M-18 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .m-M-18 {
    margin: 18px;
  }
  .mx-M-18 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .my-M-18 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .g-M-18 {
    gap: 18px;
  }
  .gx-M-18 {
    column-gap: 18px;
  }
  .gy-M-18 {
    row-gap: 18px;
  }
  .p-M-20 {
    padding: 20px;
  }
  .px-M-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-M-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-M-20 {
    margin: 20px;
  }
  .mx-M-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-M-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .g-M-20 {
    gap: 20px;
  }
  .gx-M-20 {
    column-gap: 20px;
  }
  .gy-M-20 {
    row-gap: 20px;
  }
  .p-M-24 {
    padding: 24px;
  }
  .px-M-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-M-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .m-M-24 {
    margin: 24px;
  }
  .mx-M-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-M-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .g-M-24 {
    gap: 24px;
  }
  .gx-M-24 {
    column-gap: 24px;
  }
  .gy-M-24 {
    row-gap: 24px;
  }
  .p-M-25 {
    padding: 25px;
  }
  .px-M-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .py-M-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .m-M-25 {
    margin: 25px;
  }
  .mx-M-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .my-M-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .g-M-25 {
    gap: 25px;
  }
  .gx-M-25 {
    column-gap: 25px;
  }
  .gy-M-25 {
    row-gap: 25px;
  }
  .p-M-30 {
    padding: 30px;
  }
  .px-M-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-M-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-M-30 {
    margin: 30px;
  }
  .mx-M-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-M-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .g-M-30 {
    gap: 30px;
  }
  .gx-M-30 {
    column-gap: 30px;
  }
  .gy-M-30 {
    row-gap: 30px;
  }
  .p-M-32 {
    padding: 32px;
  }
  .px-M-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-M-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .m-M-32 {
    margin: 32px;
  }
  .mx-M-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-M-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .g-M-32 {
    gap: 32px;
  }
  .gx-M-32 {
    column-gap: 32px;
  }
  .gy-M-32 {
    row-gap: 32px;
  }
  .p-M-36 {
    padding: 36px;
  }
  .px-M-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .py-M-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .m-M-36 {
    margin: 36px;
  }
  .mx-M-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .my-M-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .g-M-36 {
    gap: 36px;
  }
  .gx-M-36 {
    column-gap: 36px;
  }
  .gy-M-36 {
    row-gap: 36px;
  }
  .p-M-40 {
    padding: 40px;
  }
  .px-M-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-M-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .m-M-40 {
    margin: 40px;
  }
  .mx-M-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-M-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .g-M-40 {
    gap: 40px;
  }
  .gx-M-40 {
    column-gap: 40px;
  }
  .gy-M-40 {
    row-gap: 40px;
  }
  .p-M-45 {
    padding: 45px;
  }
  .px-M-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .py-M-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .m-M-45 {
    margin: 45px;
  }
  .mx-M-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .my-M-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .g-M-45 {
    gap: 45px;
  }
  .gx-M-45 {
    column-gap: 45px;
  }
  .gy-M-45 {
    row-gap: 45px;
  }
  .p-M-50 {
    padding: 50px;
  }
  .px-M-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-M-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .m-M-50 {
    margin: 50px;
  }
  .mx-M-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-M-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .g-M-50 {
    gap: 50px;
  }
  .gx-M-50 {
    column-gap: 50px;
  }
  .gy-M-50 {
    row-gap: 50px;
  }
  .p-M-60 {
    padding: 60px;
  }
  .px-M-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-M-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .m-M-60 {
    margin: 60px;
  }
  .mx-M-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-M-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .g-M-60 {
    gap: 60px;
  }
  .gx-M-60 {
    column-gap: 60px;
  }
  .gy-M-60 {
    row-gap: 60px;
  }
  .p-M-64 {
    padding: 64px;
  }
  .px-M-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .py-M-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .m-M-64 {
    margin: 64px;
  }
  .mx-M-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .my-M-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .g-M-64 {
    gap: 64px;
  }
  .gx-M-64 {
    column-gap: 64px;
  }
  .gy-M-64 {
    row-gap: 64px;
  }
  .p-M-72 {
    padding: 72px;
  }
  .px-M-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
  .py-M-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .m-M-72 {
    margin: 72px;
  }
  .mx-M-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
  .my-M-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .g-M-72 {
    gap: 72px;
  }
  .gx-M-72 {
    column-gap: 72px;
  }
  .gy-M-72 {
    row-gap: 72px;
  }
  .p-M-80 {
    padding: 80px;
  }
  .px-M-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-M-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .m-M-80 {
    margin: 80px;
  }
  .mx-M-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-M-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .g-M-80 {
    gap: 80px;
  }
  .gx-M-80 {
    column-gap: 80px;
  }
  .gy-M-80 {
    row-gap: 80px;
  }
  .p-M-96 {
    padding: 96px;
  }
  .px-M-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-M-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .m-M-96 {
    margin: 96px;
  }
  .mx-M-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-M-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .g-M-96 {
    gap: 96px;
  }
  .gx-M-96 {
    column-gap: 96px;
  }
  .gy-M-96 {
    row-gap: 96px;
  }
  .p-M-100 {
    padding: 100px;
  }
  .px-M-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-M-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .m-M-100 {
    margin: 100px;
  }
  .mx-M-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-M-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .g-M-100 {
    gap: 100px;
  }
  .gx-M-100 {
    column-gap: 100px;
  }
  .gy-M-100 {
    row-gap: 100px;
  }
}
@media (max-width: 500px) {
  .p-S-1 {
    padding: 1px;
  }
  .px-S-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-S-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .m-S-1 {
    margin: 1px;
  }
  .mx-S-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .my-S-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .g-S-1 {
    gap: 1px;
  }
  .gx-S-1 {
    column-gap: 1px;
  }
  .gy-S-1 {
    row-gap: 1px;
  }
  .p-S-2 {
    padding: 2px;
  }
  .px-S-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-S-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .m-S-2 {
    margin: 2px;
  }
  .mx-S-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-S-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .g-S-2 {
    gap: 2px;
  }
  .gx-S-2 {
    column-gap: 2px;
  }
  .gy-S-2 {
    row-gap: 2px;
  }
  .p-S-4 {
    padding: 4px;
  }
  .px-S-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-S-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .m-S-4 {
    margin: 4px;
  }
  .mx-S-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-S-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .g-S-4 {
    gap: 4px;
  }
  .gx-S-4 {
    column-gap: 4px;
  }
  .gy-S-4 {
    row-gap: 4px;
  }
  .p-S-5 {
    padding: 5px;
  }
  .px-S-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-S-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .m-S-5 {
    margin: 5px;
  }
  .mx-S-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-S-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .g-S-5 {
    gap: 5px;
  }
  .gx-S-5 {
    column-gap: 5px;
  }
  .gy-S-5 {
    row-gap: 5px;
  }
  .p-S-6 {
    padding: 6px;
  }
  .px-S-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .py-S-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .m-S-6 {
    margin: 6px;
  }
  .mx-S-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .my-S-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .g-S-6 {
    gap: 6px;
  }
  .gx-S-6 {
    column-gap: 6px;
  }
  .gy-S-6 {
    row-gap: 6px;
  }
  .p-S-8 {
    padding: 8px;
  }
  .px-S-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-S-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .m-S-8 {
    margin: 8px;
  }
  .mx-S-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-S-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .g-S-8 {
    gap: 8px;
  }
  .gx-S-8 {
    column-gap: 8px;
  }
  .gy-S-8 {
    row-gap: 8px;
  }
  .p-S-10 {
    padding: 10px;
  }
  .px-S-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-S-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .m-S-10 {
    margin: 10px;
  }
  .mx-S-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-S-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .g-S-10 {
    gap: 10px;
  }
  .gx-S-10 {
    column-gap: 10px;
  }
  .gy-S-10 {
    row-gap: 10px;
  }
  .p-S-12 {
    padding: 12px;
  }
  .px-S-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-S-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .m-S-12 {
    margin: 12px;
  }
  .mx-S-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-S-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .g-S-12 {
    gap: 12px;
  }
  .gx-S-12 {
    column-gap: 12px;
  }
  .gy-S-12 {
    row-gap: 12px;
  }
  .p-S-15 {
    padding: 15px;
  }
  .px-S-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .py-S-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-S-15 {
    margin: 15px;
  }
  .mx-S-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .my-S-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .g-S-15 {
    gap: 15px;
  }
  .gx-S-15 {
    column-gap: 15px;
  }
  .gy-S-15 {
    row-gap: 15px;
  }
  .p-S-16 {
    padding: 16px;
  }
  .px-S-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-S-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .m-S-16 {
    margin: 16px;
  }
  .mx-S-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-S-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .g-S-16 {
    gap: 16px;
  }
  .gx-S-16 {
    column-gap: 16px;
  }
  .gy-S-16 {
    row-gap: 16px;
  }
  .p-S-18 {
    padding: 18px;
  }
  .px-S-18 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .py-S-18 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .m-S-18 {
    margin: 18px;
  }
  .mx-S-18 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .my-S-18 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .g-S-18 {
    gap: 18px;
  }
  .gx-S-18 {
    column-gap: 18px;
  }
  .gy-S-18 {
    row-gap: 18px;
  }
  .p-S-20 {
    padding: 20px;
  }
  .px-S-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-S-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-S-20 {
    margin: 20px;
  }
  .mx-S-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-S-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .g-S-20 {
    gap: 20px;
  }
  .gx-S-20 {
    column-gap: 20px;
  }
  .gy-S-20 {
    row-gap: 20px;
  }
  .p-S-24 {
    padding: 24px;
  }
  .px-S-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-S-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .m-S-24 {
    margin: 24px;
  }
  .mx-S-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-S-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .g-S-24 {
    gap: 24px;
  }
  .gx-S-24 {
    column-gap: 24px;
  }
  .gy-S-24 {
    row-gap: 24px;
  }
  .p-S-25 {
    padding: 25px;
  }
  .px-S-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .py-S-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .m-S-25 {
    margin: 25px;
  }
  .mx-S-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .my-S-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .g-S-25 {
    gap: 25px;
  }
  .gx-S-25 {
    column-gap: 25px;
  }
  .gy-S-25 {
    row-gap: 25px;
  }
  .p-S-30 {
    padding: 30px;
  }
  .px-S-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-S-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-S-30 {
    margin: 30px;
  }
  .mx-S-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-S-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .g-S-30 {
    gap: 30px;
  }
  .gx-S-30 {
    column-gap: 30px;
  }
  .gy-S-30 {
    row-gap: 30px;
  }
  .p-S-32 {
    padding: 32px;
  }
  .px-S-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-S-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .m-S-32 {
    margin: 32px;
  }
  .mx-S-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-S-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .g-S-32 {
    gap: 32px;
  }
  .gx-S-32 {
    column-gap: 32px;
  }
  .gy-S-32 {
    row-gap: 32px;
  }
  .p-S-36 {
    padding: 36px;
  }
  .px-S-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .py-S-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .m-S-36 {
    margin: 36px;
  }
  .mx-S-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .my-S-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .g-S-36 {
    gap: 36px;
  }
  .gx-S-36 {
    column-gap: 36px;
  }
  .gy-S-36 {
    row-gap: 36px;
  }
  .p-S-40 {
    padding: 40px;
  }
  .px-S-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-S-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .m-S-40 {
    margin: 40px;
  }
  .mx-S-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-S-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .g-S-40 {
    gap: 40px;
  }
  .gx-S-40 {
    column-gap: 40px;
  }
  .gy-S-40 {
    row-gap: 40px;
  }
  .p-S-45 {
    padding: 45px;
  }
  .px-S-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .py-S-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .m-S-45 {
    margin: 45px;
  }
  .mx-S-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .my-S-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .g-S-45 {
    gap: 45px;
  }
  .gx-S-45 {
    column-gap: 45px;
  }
  .gy-S-45 {
    row-gap: 45px;
  }
  .p-S-50 {
    padding: 50px;
  }
  .px-S-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-S-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .m-S-50 {
    margin: 50px;
  }
  .mx-S-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-S-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .g-S-50 {
    gap: 50px;
  }
  .gx-S-50 {
    column-gap: 50px;
  }
  .gy-S-50 {
    row-gap: 50px;
  }
  .p-S-60 {
    padding: 60px;
  }
  .px-S-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-S-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .m-S-60 {
    margin: 60px;
  }
  .mx-S-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-S-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .g-S-60 {
    gap: 60px;
  }
  .gx-S-60 {
    column-gap: 60px;
  }
  .gy-S-60 {
    row-gap: 60px;
  }
  .p-S-64 {
    padding: 64px;
  }
  .px-S-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .py-S-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .m-S-64 {
    margin: 64px;
  }
  .mx-S-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .my-S-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .g-S-64 {
    gap: 64px;
  }
  .gx-S-64 {
    column-gap: 64px;
  }
  .gy-S-64 {
    row-gap: 64px;
  }
  .p-S-72 {
    padding: 72px;
  }
  .px-S-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
  .py-S-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .m-S-72 {
    margin: 72px;
  }
  .mx-S-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
  .my-S-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .g-S-72 {
    gap: 72px;
  }
  .gx-S-72 {
    column-gap: 72px;
  }
  .gy-S-72 {
    row-gap: 72px;
  }
  .p-S-80 {
    padding: 80px;
  }
  .px-S-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-S-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .m-S-80 {
    margin: 80px;
  }
  .mx-S-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-S-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .g-S-80 {
    gap: 80px;
  }
  .gx-S-80 {
    column-gap: 80px;
  }
  .gy-S-80 {
    row-gap: 80px;
  }
  .p-S-96 {
    padding: 96px;
  }
  .px-S-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-S-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .m-S-96 {
    margin: 96px;
  }
  .mx-S-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-S-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .g-S-96 {
    gap: 96px;
  }
  .gx-S-96 {
    column-gap: 96px;
  }
  .gy-S-96 {
    row-gap: 96px;
  }
  .p-S-100 {
    padding: 100px;
  }
  .px-S-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-S-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .m-S-100 {
    margin: 100px;
  }
  .mx-S-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-S-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .g-S-100 {
    gap: 100px;
  }
  .gx-S-100 {
    column-gap: 100px;
  }
  .gy-S-100 {
    row-gap: 100px;
  }
}
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

/*# sourceMappingURL=layout.css.map */