.swiper {
  width: 100%;
  height: 100%;
}

:root {
    --swiper-theme-color: #5f9300;
}


.m-grid-container {
  display: grid;
  gap: 10px;
  background-color: #ffffff;
  /*padding: 10px;*/
}

.m-grid-item {
  background-color: #2196F3;
  text-align: center;
  /*padding: 20px;*/
  /*font-size: 30px;*/
  
}


.m-grid-item p{
  
  font-size: 0.8rem;
}

.m-item1 {
  grid-column: 1;
  grid-row: 1;
}
.m-item2 {
  grid-column: 2;
  grid-row: 1;
}

.m-itemA1 {
  grid-column: 1;
  grid-row: 1;
}
.m-itemA2 {
  grid-column: 2;
  grid-row: 1;
}

.m-itemA3 {
  grid-column: 3;
  grid-row: 1;
}
.m-itemA4 {
  grid-column: 4;
  grid-row: 1;
}