
<style>
.ListItems {
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
}

.ImagePadding {
  padding-left: 60px; 
  padding-right: 60px;
  padding-bottom: 5px;
  border-radius: 10px;
}

.CurvedImage {
  border-radius: 10px;
}

.Div1 {
  background-color: whitesmoke;
  padding-bottom: 3em;
  text-align: justify;
}

.Div2 {
  background-color: white;
}

H3 {
  background-color: #890a1d;
  color: white;
  padding: 10px;
}
.GeneralInformationDiv {
  padding-top: 20px;
}

@media (max-width: 768px) {
  .ImagePadding {
  padding: 20px; 
  width: 100%;
  border-radius: 10px;
  float: none;
  margin: 0;
}
}

@media screen and (max-width: 991px)
BODY {
 font-size: 100% !important;
}

.TextImageDiv {
  display: inline-block; 
  width: 100%;
  padding: 10px;
}

.NewsLetters {
  padding-left: 3em;
}

.NewsLetters > a {
  color: #890a1d !important;
}
div.item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 250px;
    float: right;
    padding: 20px;
}
.imageCaption {
    width: 150px;

}
.caption {
    display: inline-block;
    font-size: small;
    font-weight: 800;
    max-wdith: 150px;
}

#myTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
}

#myTable th, #myTable td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
}

#myTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}
.itemHContact {
    background: white;
    border: #111 2px;
    border-style: dotted;
    width: revert !important;
    margin-left: 5px;
}

.itemHContact2 {
    background: white;
    border: #111 2px;
    border-style: dotted;
    width: revert !important;
    margin-left: 5px;
    max-width: min-content;
}

.captionHContact {
    padding-left: inherit;
    vertical-align: middle;
}

.card-img-top {
  width: auto;
}

.card-img-top:hover {
  background-color: #890a1d;
}

.card-img-trend { 
  width: 25%;
}

.card { 
  display: block;
  text-align: center;
}
.cardImageTop {
  background: #e7e7e7;
  padding: 10px;
}
.roundedImage {
  border-radius: 15px 50px 30px;
  background: #73AD21;
padding: 7px;
    border-top-left-radius: 50% 50%;

    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
  width: 84px;
  height: 84px;
}
.wider {
    max-width: 1540px;
}
.tableRowSizer {
    max-width: 175px;
}

/* Table styles */
.responsive-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

.responsive-table th, .responsive-table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.responsive-table th {
    background-color: #f2f2f2;
}

.responsive-table a {
    color: #0066cc;
    text-decoration: none;
}

.responsive-table a:hover {
    text-decoration: underline;
}

.agency-name {
    color: #0000ff;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .responsive-table, .responsive-table th, .responsive-table td {
        display: block;
        width: 100%;
    }

    .responsive-table th {
        display: none;
    }

    .responsive-table td {
        border: none;
        position: relative;
        padding-left: 50%;
    }

    .responsive-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 10px;
        font-weight: bold;
        color: #000;
    }
}
</style>