/* Custom CSS to remove padding from the container where your grid is */
.description-list-grid { /* This targets the div with container-fluid and description-list-grid */
   padding-left: 0 !important; /* Remove Bootstrap's default container padding */
   padding-right: 0 !important; /* !important is often needed to override Bootstrap's specificity */
}

   /* Custom CSS for grid version */
   .description-list-grid .dl-row {
      /* Bootstrap's .row has negative margins; reset them if needed to control overall width */
      margin-left: 0;
      margin-right: 0;
      border-top: none;
      border-bottom: none;
   }

      /* Style the "term" and "description" columns */
      .description-list-grid .dl-row > .dl-term,
      .description-list-grid .dl-row > .dl-description {
         padding-left: 0; /* remove default 15p left padding of col-* */
         padding-right: 0;
         padding-top: 5px;
         padding-bottom: 8px;
         /* Ensure text starts far left */
         text-align: left;
         border: none;
      }

      /* Optional: Make the term column bold */
      .description-list-grid .dl-row > .dl-term {
         font-weight: bold;
      }

      /* Apply striped effect to alternating rows */
      .description-list-grid .dl-row:nth-child(odd) {
         background-color: #F9F9F9; /* Light gray for odd rows, similar to table-striped */
      }

      .description-list-grid .dl-row:nth-child(even) {
         background-color: #fff; /* White for even rows */
      }