/* :root {
  --c-body: #333333;
  --c-black: #000000;
  --c-white: #ffffff;
  --c-primary: #006236;
  --c-secondary: #B8D355;
  --c-dark-green: #004221;
  --c-pink: #F4BDBA;
  --c-sky: #43A6DD;
  --c-sky: #C04218;
  --c-purple: #CCA9ED;
  --c-bg-light:#ECF1D5;
  --c-bg-light2:#F4F6E6;
  --c-dark-gray: #666666;
  --c-gray: #F3F2F1;
  --c-green: #057F42;
  --c-lightgreen: #C1E041;
  --c-bg-light1:#F8FAF0;
}

html,
body {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 500;
}

html body {
  line-height: 1.2;
  color: var(--c-black);
  font-size: 16px;
  font-weight: 500;
}

* {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*::after, *::before {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
  line-height: 0.8;
  font-family: "Obviously Narrow", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
@media screen and (max-width: 1199.5px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
  font-family: "Obviously Narrow", sans-serif;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: inline;
}

h4,
h5,
h6 {
  line-height: 1.4;
  font-weight: 200;
}

p {
  font-size: 20px;
}
p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1199.5px) {
  p br {
    display: none;
  }
}

h1 {
  font-size: 5.625rem;
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 6.25rem;
  }
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 7.5rem;
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 8.75rem;
  }
}
@media screen and (min-width: 1400px) {
  h1 {
    font-size: 10rem;
  }
}
@media screen and (min-width: 1600px) {
  h1 {
    font-size: 11.25rem;
  }
}

h2 {
  font-size: 2.25rem;
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 3.875rem;
  }
}
@media screen and (min-width: 1400px) {
  h2 {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1800px) {
  h2 {
    font-size: 6.25rem;
  }
}

h3 {
  font-size: 2.1875rem;
}
@media screen and (min-width: 992px) {
  h3 {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 1400px) {
  h3 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1600px) {
  h3 {
    font-size: 5rem;
  }
}

h4 {
  font-size: 1.625rem;
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1400px) {
  h4 {
    font-size: 3.125rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

.region {
  padding: 0;
}

@media screen and (min-width: 1400px) {
  .container {
    max-width: 1380px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1504px;
  }
}
@media screen and (min-width: 1800px) {
  .container {
    max-width: 1704px;
  }
}

@media screen and (min-width: 1400px) {
  .container-medium {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1600px) {
  .container-medium {
    max-width: 1420px;
  }
}
@media screen and (min-width: 1800px) {
  .container-medium {
    max-width: 1464px;
  }
} */

.paragraph--type--faqs h3 {
  color: var(--c-primary2);
  padding-bottom: 50px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--faqs h3 {
    padding-bottom: 36px;
    font-size: 50px;
  }
}
.paragraph--type--faqs .ui-accordion .ui-accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paragraph--type--faqs .views-accordion-header.ui-accordion-header-active {
  color: var(--c-white);
  background-color: var(--c-dark-green);
}
.paragraph--type--faqs .ui-accordion-header-icon {
  color: var(--c-secondary);
  padding: 8px;
  border: 1px solid var(--c-secondary);
}
.paragraph--type--faqs .field-content p {
  color: var(--c-primary);
}/*# sourceMappingURL=new.css.map */