.fill-riskelement {
  width: fit-content;
}

.ri-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.risk-item1 {
  grid-column: 1;
  grid-row: 1;
}
.risk-item2 {
  grid-column: 1;
  grid-row: 2;
}
.risk-item3 {
  grid-column: 1;
  grid-row: 3;
}
.risk-item4 {
  grid-column: 1;
  grid-row: 4;
}
.risk-item5 {
  grid-column: 1;
  grid-row: 5;
}
.risk-item6 {
  grid-column: 2;
  grid-row: 1;
}
.risk-item7 {
  grid-column: 2;
  grid-row: 2;
}
.risk-item8 {
  grid-column: 2;
  grid-row: 3;
}
.risk-item9 {
  grid-column: 2;
  grid-row: 4;
}
.risk-item10 {
  grid-column: 2;
  grid-row: 5;
}
.risk-item11 {
  grid-column: 3;
  grid-row: 1;
}
.risk-item12 {
  grid-column: 3;
  grid-row: 2;
}
.risk-item13 {
  grid-column: 3;
  grid-row: 3;
}
.risk-item14 {
  grid-column: 3;
  grid-row: 4;
}

@media only screen and (max-width: 768px) {
  .pinfo-container select,
  .crclsex select {
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }
  .fill-riskelement {
    width: fit-content;
  }
  .ri-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .risk-item1 {
    grid-column: 1;
    grid-row: 1;
  }
  .risk-item2 {
    grid-column: 1;
    grid-row: 2;
  }
  .risk-item3 {
    grid-column: 1;
    grid-row: 3;
  }
  .risk-item4 {
    grid-column: 1;
    grid-row: 4;
  }
  .risk-item5 {
    grid-column: 1;
    grid-row: 5;
  }
  .risk-item6 {
    grid-column: 1;
    grid-row: 6;
  }
  .risk-item7 {
    grid-column: 1;
    grid-row: 7;
  }
  .risk-item8 {
    grid-column: 2;
    grid-row: 1;
  }
  .risk-item9 {
    grid-column: 2;
    grid-row: 2;
  }
  .risk-item10 {
    grid-column: 2;
    grid-row: 3;
  }
  .risk-item11 {
    grid-column: 2;
    grid-row: 4;
  }
  .risk-item12 {
    grid-column: 2;
    grid-row: 5;
  }
  .risk-item13 {
    grid-column: 2;
    grid-row: 6;
  }
  .risk-item14 {
    grid-column: 2;
    grid-row: 7;
  }
}

@media only screen and (max-width: 600px) {
  .ri-container {
    grid-template-columns: 2fr;
  }
  .risk-item1 {
    grid-column: 1;
    grid-row: 1;
  }
  .risk-item2 {
    grid-column: 1;
    grid-row: 2;
  }
  .risk-item3 {
    grid-column: 1;
    grid-row: 3;
  }
  .risk-item4 {
    grid-column: 1;
    grid-row: 4;
  }
  .risk-item5 {
    grid-column: 1;
    grid-row: 5;
  }
  .risk-item6 {
    grid-column: 1;
    grid-row: 6;
  }
  .risk-item7 {
    grid-column: 1;
    grid-row: 7;
  }
  .risk-item8 {
    grid-column: 1;
    grid-row: 8;
  }
  .risk-item9 {
    grid-column: 1;
    grid-row: 9;
  }
  .risk-item10 {
    grid-column: 1;
    grid-row: 10;
  }
  .risk-item11 {
    grid-column: 1;
    grid-row: 11;
  }
  .risk-item12 {
    grid-column: 1;
    grid-row: 12;
  }
  .risk-item13 {
    grid-column: 1;
    grid-row: 13;
  }
  .risk-item14 {
    grid-column: 1;
    grid-row: 14;
  }
}

.pinfo-container {
  display: flex;
  flex-wrap: wrap;
}

.crclsex select,
.pinfo-container select {
  width: 83%;
}

.pinfo-container .label-holder,
.crcl-container .label-holder {
  margin-top: 0em;
}

.pinfo-container .question,
.crcl-container .question {
  margin-bottom: 0.5rem;
}
/* Mobile Phones (default) */
.info-item {
  flex: 1 1 100%;
}

/* Tablets (min-width: 600px) */
@media (min-width: 600px) {
  .info-item {
    flex: 1 1 calc(50% - 1rem); /* Adjust for the gap */
  }
}

/* Large Screens (min-width: 1024px) */
@media (min-width: 1024px) {
  .info-item {
    flex: 1 1 calc(33.33% - 1rem); /* Adjust for the gap */
  }
}