:root {
  --bs-body-font-family: "Bitter Variable", serif;
  --bs-font-sans-serif: "Bitter Variable", serif;
  --bs-warning-bg-subtle: rgba(255, 193, 10, 1);
  --bs-success-rgb: 33, 95, 92;
  --bs-body-color: #071f29;
}

body {
  background-color: rgb(255, 255, 255);
  font-family: "Bitter Variable", sans-serif;
  font-size: 18px;
}

.bg-secondary {
  background-color: rgb(33, 95, 92);
}

.slider-section {
  background: linear-gradient(to right, #EBF4F1 30%, #FFF4E8 70%);
}

.slider {
  max-width: 1450px;
  background-image: var(--slider-image, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.slider h1 {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.25;
}
.slider h1 span {
  font-size: 2.5rem;
}

.site-header__brand {
  font-size: 2.5rem;
  line-height: 1.1;
}
.site-header .nav-link[aria-current=page]::after {
  content: "";
  display: block;
  width: 2.4rem;
  border-bottom: 2px solid var(--bs-warning);
  margin-top: 0;
  position: absolute;
}

.text-underline-warning {
  isolation: isolate;
}
.text-underline-warning::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20382%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FF9F0A%22%20stroke-width%3D%2215%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate(7.77979%209.37909)%22%20d%3D%22M0%206.0032287C96.579193%20-0.99595416%20218.19899%20-1.8748604%20364.85938%203.3665102%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 40%;
  opacity: 0.75;
}

.newsletter-number {
  font-size: 2.5rem;
}

.order-section {
  background: linear-gradient(to bottom, #fff 55%, #eaf3f0);
}

.order-panel {
  background-color: #fff6e9;
  box-shadow: inset 0 0 1.5rem rgba(255, 159, 10, 0.25), 0 1.5rem 3rem rgb(255, 255, 255);
}

.order-benefits p {
  flex: 1;
  min-width: 0;
}

.team-section {
  background-color: rgb(235, 244, 241);
}

.team-portrait {
  aspect-ratio: 6/7;
}
.team-portrait__scribble {
  mix-blend-mode: multiply;
}
.team-portrait__mask {
  bottom: -2px;
}
.team-portrait__image {
  width: 110%;
  height: 110%;
  bottom: 1px;
}

.team-figure figcaption {
  top: -24px;
}

.container {
  --bs-gutter-x: 1.8rem;
  --bs-gutter-y: 3rem;
  padding: calc(var(--bs-gutter-y) * 0.5) calc(var(--bs-gutter-x) * 0.5);
}

.container-cart-header {
  --bs-gutter-x: 1.8rem;
  --bs-gutter-y: 1rem;
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1240px;
  }
}
/* ============================================
   FONTS
   ============================================ */
.text-md {
  font-size: 1.1rem;
}

.text-sm {
  font-size: 0.875rem;
}

.text-xs {
  font-size: 0.75rem;
}

.text-grey {
  color: rgb(102, 119, 131);
}

.text-success-subtle {
  color: rgb(18, 183, 0);
}

.fw-superbold {
  font-weight: 800;
}

.ls-tight {
  letter-spacing: 0.45px !important;
}

.ls-normal {
  letter-spacing: normal !important;
}

.ls-1 {
  letter-spacing: 0.5px !important;
}

.ls-2 {
  letter-spacing: 0.05em !important;
}

.ls-3 {
  letter-spacing: 0.075em !important;
}

.ls-4 {
  letter-spacing: 0.1em !important;
}

.lh-md {
  line-height: 1.75 !important;
}

/* ============================================
   BUTTONS
   ============================================ */
.btn-md {
  --bs-btn-padding-x: 3rem;
  --bs-btn-padding-y: .75rem;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(33, 95, 92, 1);
  --bs-btn-border-color: rgba(33, 95, 92, 1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #194b49;
  --bs-btn-hover-border-color: #194b49;
  --bs-btn-focus-shadow-rgb: 33,95,92;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #194b49;
  --bs-btn-active-border-color: #194b49;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(33, 95, 92, 1);
  --bs-btn-disabled-border-color: rgba(33, 95, 92, 1);
  font-family: Arial, sans-serif;
}

/* ============================================
   SHADOWS
   ============================================ */
.shadow-warning {
  isolation: isolate;
}
.shadow-warning::after {
  content: "";
  position: absolute;
  inset: -1.5rem;
  z-index: -1;
  border-radius: inherit;
  background-color: rgba(var(--bs-warning-rgb), 0.2);
  filter: blur(0.95rem);
  pointer-events: none;
}

.shadow-inner {
  border-radius: 0.5em;
  box-shadow: inset 0 -2px 0 hsla(0, 0%, 0%, 0.125);
}

.shadow-inner-bottom {
  position: relative;
}
.shadow-inner-bottom::before {
  content: "";
  display: block;
  box-shadow: 0 0 70px 2px hsl(145, 100%, 30%);
  height: 1px;
  width: 65%;
  margin: -1px auto auto;
  z-index: 5;
  position: absolute;
  left: 17.5%;
  top: 0;
  border-radius: 50%;
}

.shadow-inner-right {
  position: relative;
}
.shadow-inner-right::before {
  content: "";
  display: block;
  box-shadow: 0 0 70px 2px hsl(145, 100%, 30%);
  height: 100%;
  width: 1px;
  margin: -1px auto auto;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

/* ============================================
   ICONS
   ============================================ */
.square-3xs {
  inline-size: 1rem;
  block-size: 1rem;
}

.square-2xs {
  inline-size: 1.5rem;
  block-size: 1.5rem;
}

.square-xs {
  inline-size: 1.75rem;
  block-size: 1.75rem;
}

.square-sm {
  inline-size: 2rem;
  block-size: 2rem;
}

.square {
  inline-size: 2.25rem;
  block-size: 2.25rem;
}

.square-md {
  inline-size: 2.75rem;
  block-size: 2.75rem;
}

.square-lg {
  inline-size: 3rem;
  block-size: 3rem;
}

.square-xl {
  inline-size: 3.5rem;
  block-size: 3.5rem;
}

.square-xxl {
  inline-size: 4rem;
  block-size: 4rem;
}

@media (max-width: 992px) {
  .slider {
    background-image: none;
  }
  .shadow-inner-right::before {
    display: none;
  }
}

/*# sourceMappingURL=app.css-7n8M-Vv.map */