/* line 11, styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 18, styles.scss */
body,
h1, h2, h3, h4, h5, h6,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0; }

/* line 29, styles.scss */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0; }

/* line 37, styles.scss */
button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

/* line 46, styles.scss */
a {
  color: #0b8780;
  transition: all .3s ease-in-out; }
  /* line 49, styles.scss */
  a::before, a::after {
    transition: all .3s ease-in-out; }

/* line 55, styles.scss */
button::before, button::after {
  transition: all .3s ease-in-out; }

/* line 62, styles.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 68, styles.scss */
html, body {
  font: 16px/1.5em "Roboto", Arial, sans-serif;
  color: #141414;
  scroll-behavior: smooth; }

/* line 74, styles.scss */
.text-center {
  text-align: center;
  text-wrap: balance; }

/* line 86, styles.scss */
h1, .h1 {
  margin-bottom: 15px;
  font-size: clamp(1.5em, 5vw, 3em);
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  color: #0b8780; }

/* line 90, styles.scss */
h2, .h2 {
  margin-bottom: 10px;
  font-size: clamp(1.2em, 5vw, 1.5em);
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  color: #0b8780; }

/* line 93, styles.scss */
p {
  margin: .8em 0; }

/* line 96, styles.scss */
.bttn {
  display: inline-block;
  padding: 10px 20px;
  background: #0b8780;
  border-radius: 10px;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.3s ease;
  position: relative;
  overflow: hidden; }
  /* line 106, styles.scss */
  .bttn span {
    position: relative;
    z-index: 2; }
  /* line 110, styles.scss */
  .bttn::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    width: 0;
    top: 0;
    height: 100%;
    background: #096f6a; }
  /* line 121, styles.scss */
  .bttn:hover::after {
    left: 0;
    right: auto;
    width: 100%; }

/* line 127, styles.scss */
.hero-banner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: max(450px, 45dvh);
  background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
  padding: 80px 0; }
  @media (max-width: 768px) {
    /* line 127, styles.scss */
    .hero-banner {
      height: max(350px, 45dvh); } }
  /* line 139, styles.scss */
  .hero-banner .bttn {
    position: absolute;
    top: 20px;
    right: 20px; }
  /* line 144, styles.scss */
  .hero-banner img {
    flex: 0 1 auto;
    width: min(90%, 768px);
    height: min(90%, 302px);
    object-fit: contain; }

/* line 151, styles.scss */
.content-wrapper {
  width: min(90%, 980px);
  padding: 50px 0;
  margin: auto; }

/* line 156, styles.scss */
.two-col-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 35px;
  margin: 50px 0; }
  /* line 164, styles.scss */
  .two-col-content .two-col-ico {
    flex: 0 1 auto; }
    /* line 166, styles.scss */
    .two-col-content .two-col-ico img {
      height: auto;
      width: clamp(150px, 15vw, 256px); }
  /* line 171, styles.scss */
  .two-col-content .two-col-main {
    flex: 0 1 calc(100% - clamp(150px, 15vw, 256px) - 35px); }
  @media (max-width: 768px) {
    /* line 156, styles.scss */
    .two-col-content {
      text-align: center;
      text-wrap: balance; }
      /* line 177, styles.scss */
      .two-col-content .two-col-ico,
      .two-col-content .two-col-main {
        flex: 1 1 100%; } }

/* line 183, styles.scss */
.contact-form {
  background: #eeeeee;
  padding: 50px 0; }
  /* line 186, styles.scss */
  .contact-form form {
    width: min(90%, 980px);
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: stretch;
    gap: 20px; }
    /* line 195, styles.scss */
    .contact-form form .form-col {
      flex: 1 1 calc(50% - 20px); }
      @media (max-width: 768px) {
        /* line 195, styles.scss */
        .contact-form form .form-col {
          flex-basis: 100%; } }
      /* line 200, styles.scss */
      .contact-form form .form-col.fullwidth {
        flex-basis: 100%; }
    /* line 204, styles.scss */
    .contact-form form label {
      font-weight: 500;
      padding: 10px 0 5px;
      color: #0b8780; }
    /* line 209, styles.scss */
    .contact-form form input,
    .contact-form form textarea {
      width: 100%;
      border-radius: 10px;
      border: 1px solid #0b8780;
      font-size: 1em;
      line-height: 1.5em;
      padding: 5px 10px;
      font-family: "Roboto", Arial, sans-serif; }
    /* line 219, styles.scss */
    .contact-form form textarea {
      height: 200px;
      resize: none; }
    /* line 223, styles.scss */
    .contact-form form .required {
      color: #960000; }
    /* line 226, styles.scss */
    .contact-form form .success {
      text-align: center;
      padding: 15px;
      color: #ffffff;
      background: #0b8780;
      border-radius: 10px; }

/* line 235, styles.scss */
.footer {
  color: #ffffff;
  background: #0b8780;
  padding: 10px;
  text-align: center; }

/*# sourceMappingURL=styles.css.map */