.wideContainerFirst {
    padding-top: 0rem !important;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.wideContainer {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 600px) {
    .wideContainerFirst {
        padding-top: 0rem !important;
        padding-bottom: 2rem;
    }
    
    .wideContainer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 800px) {
    .wideContainerFirst {
        padding-top: 0rem !important;
        padding-bottom: 4rem;
    }
    
    .wideContainer {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.wideContainer:nth-of-type(1),
.wideContainer:nth-of-type(3),
.wideContainer:nth-of-type(5),
.wideContainer:nth-of-type(7) {
    background-color: rgb(245, 245, 245);
}

.noBG {
    background-color: white !important;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.hozTiles .col {
    background-color: rgb(245, 245, 245);
    margin: 0px 10px;
    text-align: center;
    padding: 2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    display: block;
}

h3 {
    font-weight: bolder;
    color: #333333;
}

p, span, input, label, ul, li, a {
    font-family: 'Open Sans', sans-serif;
}

li {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.wideContainer ul {
  list-style: none; /* Remove default bullets */
}

.wideContainer ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #7BB137; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  font-size: 1.4rem;
  line-height: 1rem;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.wideContainerFirst ul {
  list-style: none; /* Remove default bullets */
}

.wideContainerFirst ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #7BB137; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  font-size: 1.4rem;
  line-height: 1rem;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.twoColumns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.vertImages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vertImages img {
    display: flex;
}

@media screen and (max-width: 767px) {
    .vertImages {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.fees {
    text-align: center;
}

.fees h3 h2{
    padding: 0px;
    margin: 0px;
}

br {
    border-top: solid 2px #7BB137;
}

.slick-arrow {
    display: none !important;
    visibility: hidden !important;
}

@media (min-width: 600px) {
    .slick-arrow {
        display: block;
        visibility: visible;
    }
}

.slickContainer {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

.firstPageBg {
    background-image: url("../images/withClientGarden3.jpg") !important;
    /* background-image: linear-gradient(#7BB137, white); */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.firstPageBg .container {
    background-color: white;
}