table {
    border-collapse: collapse;
    border: 2px solid rgb(200, 200, 200);
    font-size: 0.8rem;
  }

  td,
  th {
    border: 1px solid rgb(190, 190, 190);
    padding: 10px 10px;
  }

  th {
    background-color: rgb(235, 235, 235);
  }

  td {
    text-align: center;
  }

  tr:nth-child(even) td {
    background-color: rgb(250, 250, 250);
  }

  tr:nth-child(odd) td {
    background-color: rgb(245, 245, 245);
  }





  .paragraph2 {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fffefec9;

  }
  h1, h2 , h3 ,h4, h5, h6 {
    color:#0258A3;
    /* font-family: 'Rustic', sans-serif; */
    /* font-family: "Bebas Neue", sans-serif; */
    font-family: 'Open Sans', sans-serif;
    font-size:30px;
  }

  h8{
    color:#0258A3;
    /* font-family: 'Rustic', sans-serif; */
    font-family: sans-serif;
    font-size:30px;
  }

  h9{
    color:#0258A3;
    /* font-family: 'Rustic', sans-serif; */
    /* font-family: 'Poppins'; */
    font-family: "Bebas Neue",sans-serif;
    font-size:30px;
  }

  h10{
    color:#0258A3;
    font-size:30px;
  }

  p {
    color: #000;
  }
  /* Responsive styles */
  @media only screen and (max-width: 600px) {
    section {
        max-width: 100%;
        padding: 10px;
    }
  }


  @media only screen and (max-width: 767px) {
    .paragraph2 {
        /* Adjust font sizes, margins, padding, etc. for smaller screens */
        font-size: 14px;
        /* Example adjustments: */
        margin: 10px;
        padding: 5px;
    }

    /* Adjust other styles as needed */
}



@media only screen and (max-width: 767px) {


    .paragraph2 {
      padding: 10px; /* Adjust padding for smaller screens */
    }

    h1, h2, h3, h4, h5, h6, h8, h9, h10 {
      font-size: 24px; /* Adjust heading font size for smaller screens */
    }
  }