@charset "UTF-8";
:root {
  --bs-body-bg: #fffffb;
  --bs-body-color: #1b2a41;
  --bg-primary: #00b4d8;
  --bg-secondary: #c5fa58;
  --bs-primary: #00b4d8;
  --bs-secondary: #c5fa58;
  --bs-success: #6fa700;
  --bs-danger: #dc3545;
  --bs-warning: #ffc107;
  --bs-info: #4afae0;
  --bs-light: #fffffb;
  --bs-dark: #1b2a41;
  --bs-link-color: #00b4d8;
  --bs-link-hover-color: #005f72;
  --font-body: 'Montserrat', sans-serif;
  --font-title: 'Fraunces', serif;
  --font-quote: 'Caveat', cursive;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bs-heading-color: #fffffb;
    --bs-navbar-active-color: #6fa700;
    --bs-body-bg: #1b2a41;
    --bs-body-color: #fffffb;
    --bs-primary: #00b4d8;
    --bs-secondary: #c5fa58;
    --bs-success: #6fa700;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #4afae0;
    --bs-light: #1b2a41;
    --bs-dark: #fffffb;
    --bs-body-color-rgb: 255, 255, 251;
    --bs-secondary-color: #adb5bd;
  }
  :root .card {
    background-color: var(--bs-card-color) !important;
    color: var(--bs-body-color) !important;
  }
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--font-body);
  font-weight: 400;
  font-style: normal;
}
body::before {
  content: "";
  position: fixed;
  top: -100px;
  left: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--bs-secondary) 0%, transparent 70%);
  filter: blur(60px);
  opacity: 0.4;
  z-index: -1;
}
body::after {
  content: "";
  position: fixed;
  bottom: -100px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--bs-primary) 0%, transparent 70%);
  filter: blur(60px);
  opacity: 0.4;
  z-index: -1;
}
@media (prefers-color-scheme: dark) {
  body main .text-muted {
    color: var(--bs-secondary-color) !important;
  }
}
body main .hero-section {
  background: linear-gradient(to right, var(--bs-body-bg) 10%, rgba(0, 180, 216, 0.15) 100%);
  width: 100%;
  padding: 3rem 0;
}
body main .hero-section .row {
  align-items: stretch !important;
}
body main .hero-section .hero-text {
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body main .hero-section .hero-image {
  padding-left: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .hero-section .hero-image img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 350px;
  object-fit: cover;
}
@media (max-width: 991px) {
  body main .hero-section .hero-text, body main .hero-section .hero-image {
    text-align: center !important;
    padding: 1rem;
  }
  body main .hero-section .hero-image {
    margin-top: 2rem;
  }
}
body main .text-primary {
  color: var(--bs-primary) !important;
}
body main .text-primary-shadow {
  text-shadow: var(--bs-dark) 2px 2px 4px;
}
body main .text-secondary {
  color: var(--bs-secondary) !important;
}
body main .text-secondary-shadow {
  text-shadow: var(--bs-dark) 2px 2px 4px;
}
body main .btn-primary, body main .btn {
  font-weight: 700;
  background: linear-gradient(90deg, rgba(197, 250, 88, 0.5) 0%, rgba(0, 180, 216, 0.5) 100%);
  color: var(--bs-dark);
  border-right: #c5fa58 solid 6px;
  border-left: #00b4d8 solid 6px;
  border-top: none;
  border-bottom: none;
  border-radius: 7px 50px;
  box-shadow: 6px 6px 12px var(--bs-primary);
  font-size: 1.2em;
  padding: 15px 50px;
  transition: all 0.3s ease-in-out;
}
body main .btn-primary:hover, body main .btn:hover {
  background: linear-gradient(90deg, #c5fa58 0%, #00b4d8 100%);
  text-decoration: none;
  border-right: #c5fa58 solid 6px;
  border-left: #00b4d8 solid 6px;
  border-top: none;
  border-bottom: none;
  color: #1b2a41;
  transform: scale(0.97);
  box-shadow: 4px 4px 10px var(--bs-primary);
}
body main .btn-primary:active, body main .btn:active {
  transform: scale(0.95);
  box-shadow: 2px 2px 6px var(--bs-primary);
  border-right: #c5fa58 solid 6px;
  border-left: #00b4d8 solid 6px;
  border-top: none;
  border-bottom: none;
}
body main .btn-primary:focus, body main .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 180, 216, 0.5);
}
body main .btn-arrow::after {
  content: " →";
  display: inline-block;
  margin-left: 0.5rem;
  transition: transform 0.3s ease-in-out;
}
body main .btn-arrow:hover::after {
  transform: translateX(5px);
}
body main .blockquote {
  padding-left: 1rem;
  margin-left: 0;
  border-left: var(--bs-primary) solid 4px;
  border-radius: 4px;
  font-family: var(--font-quote);
  font-weight: 500;
  font-size: 1.5rem;
  font-style: normal;
  color: var(--bs-dark);
}
body main .blockquote-hero {
  padding-left: 1rem;
  margin-left: 0;
  font-family: var(--font-quote);
  font-weight: 700;
  font-size: 2.1rem;
  font-style: normal;
  color: var(--bs-dark);
}
body main .card {
  border-radius: 20px;
}
body main .card.service-card, body main .card.offer-card {
  display: flex;
  flex-direction: column;
}
body main .card.service-card .card-content, body main .card.offer-card .card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
body main .card.service-card .card-cta, body main .card.offer-card .card-cta {
  margin-top: auto;
  padding-top: 1rem;
}
body main .offer-card ul {
  list-style: none;
  padding-left: 0;
}
body main .offer-card ul li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}
body main .offer-card ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--bs-primary);
  font-weight: bold;
  font-size: 1.2rem;
}
body main .img-shadowed {
  filter: drop-shadow(4px 4px 12px grey);
}
body main .bg-light-custom {
  background-color: rgba(0, 180, 216, 0.1450980392) !important;
}
body main .ul-checklist {
  list-style: none;
  padding-left: 0;
}
body main .ul-checklist li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}
body main .ul-checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--bs-primary);
  font-weight: bold;
  font-size: 1.2rem;
}
body .bg-primary {
  color: var(--bs-dark) !important;
  background-color: var(--bg-primary) !important;
}
body .bg-secondary {
  color: var(--bs-dark) !important;
  background-color: var(--bg-secondary) !important;
}

h6, h5, h4, h3, h2, h1 {
  color: var(--bs-body-color) !important;
  font-family: var(--font-title) !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "SOFT" 0, "WONK" 0;
}

h1 {
  font-weight: 700 !important;
  font-size: 3.5rem;
  margin-bottom: 1rem;
}

h2 {
  font-weight: 700 !important;
  font-size: 2.8rem;
  margin-bottom: 1rem;
}

h3 {
  font-weight: 600 !important;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

h4 {
  font-weight: 500 !important;
  text-align: left;
  font-style: italic;
  font-size: 2.1rem;
  margin-bottom: 1rem;
}

h5 {
  font-weight: 300 !important;
  text-align: left;
  font-style: italic;
  font-size: 1.7rem;
  margin-bottom: 1rem;
}

h6 {
  font-weight: 300 !important;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.accordion-item .accordion-button:not(.collapsed) {
  border-radius: 10px 50px 0 0 !important;
  border-right: var(--bs-primary) solid 4px !important;
  border-left: var(--bs-primary) solid 4px !important;
  background-color: var(--bs-secondary);
}

.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
  z-index: 999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  background: linear-gradient(90deg, rgba(197, 250, 88, 0.5) 0%, rgba(0, 180, 216, 0.5) 100%);
}
.scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  border: #c5fa58 solid 3px;
}
.scroll-to-top:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  border: #00b4d8 solid 3px;
}
.scroll-to-top:active {
  transform: translateY(-2px) scale(0.95);
  border: #00b4d8 solid 3px;
}

a .underlined-link {
  color: var(--bs-link-color);
  text-decoration: underline !important;
}
a .underlined-link:hover {
  color: var(--bs-link-hover-color);
  text-decoration: underline !important;
}

.nav-link-eco {
  background: linear-gradient(180deg, rgba(111, 167, 0, 0.08) 0%, rgba(111, 167, 0, 0.15) 100%) !important;
  color: rgb(60.1526946108, 90.5, 0) !important;
  border-radius: 12px 12px 0 0 !important;
  font-weight: 500 !important;
  border-bottom: 2px solid rgba(111, 167, 0, 0.3) !important;
  transition: all 0.3s ease-in-out !important;
}
.nav-link-eco:hover {
  background: linear-gradient(180deg, rgba(111, 167, 0, 0.15) 0%, rgba(111, 167, 0, 0.25) 100%) !important;
  color: #6fa700 !important;
  border-bottom-color: rgba(111, 167, 0, 0.5) !important;
}
.nav-link-eco.active {
  background: linear-gradient(180deg, rgba(111, 167, 0, 0.2) 0%, rgba(111, 167, 0, 0.3) 100%) !important;
  color: #6fa700 !important;
  border-bottom: 3px solid #6fa700 !important;
}
@media (prefers-color-scheme: dark) {
  .nav-link-eco {
    background: linear-gradient(180deg, rgba(111, 167, 0, 0.12) 0%, rgba(111, 167, 0, 0.2) 100%) !important;
    color: rgb(174.1856287425, 255, 14) !important;
  }
  .nav-link-eco:hover {
    background: linear-gradient(180deg, rgba(111, 167, 0, 0.2) 0%, rgba(111, 167, 0, 0.3) 100%) !important;
    color: rgb(191.2874251497, 255, 65) !important;
  }
  .nav-link-eco.active {
    background: linear-gradient(180deg, rgba(111, 167, 0, 0.25) 0%, rgba(111, 167, 0, 0.35) 100%) !important;
    color: rgb(199.8383233533, 255, 90.5) !important;
  }
}

.video-section {
  padding: 1rem 0;
  margin: 2rem 0;
}
.video-section .video-organic {
  position: relative;
  display: block;
  padding: 8px;
  background: linear-gradient(135deg, #c5fa58 0%, #00b4d8 30%, #c5fa58 50%, #00b4d8 70%, #c5fa58 100%);
  background-size: 200% 200%;
  animation: gradientMove 6s ease-in-out infinite;
  border-radius: 45px 8px 55px 15px/15px 50px 20px 60px;
  box-shadow: 10px 10px 0 0 rgba(197, 250, 88, 0.7), -6px -6px 0 0 rgba(0, 180, 216, 0.7), 15px -8px 0 0 rgba(0, 180, 216, 0.4), -10px 12px 0 0 rgba(197, 250, 88, 0.4), 0 20px 40px rgba(0, 0, 0, 0.2);
}
.video-section .video-organic video {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 80vh;
  height: auto;
  object-fit: contain;
  background-color: var(--bs-dark);
  border-radius: 40px 5px 50px 12px/12px 45px 17px 55px;
}
@keyframes gradientMove {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@media (max-width: 991px) {
  .video-section {
    padding: 0.5rem 0;
    margin: 1rem 0;
  }
  .video-section .video-organic {
    padding: 5px;
    border-radius: 25px 5px 30px 10px/10px 28px 12px 35px;
    box-shadow: 6px 6px 0 0 rgba(197, 250, 88, 0.7), -4px -4px 0 0 rgba(0, 180, 216, 0.7), 0 10px 20px rgba(0, 0, 0, 0.15);
  }
  .video-section .video-organic video {
    border-radius: 22px 3px 27px 8px/8px 25px 10px 32px;
  }
}

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