/** Shopify CDN: Minification failed

Line 315:10 Expected identifier but found whitespace
Line 315:15 Unexpected ";"

**/
body.new__bg.page-new-landing {
    background: #F8F7F4;
}
.mobile-only {
  
  @media(min-width: 601px){
    display: none!important;
  }
}
.desktop-only {
  @media(max-width: 600px){
      display: none!important;
  }
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.btn__wrapper {
  display: flex;
  gap: var(--Spacing-Container-md);
  @media (max-width: 768px) {
    gap: var(--Spacing-Container-sm);
  }
  @media (max-width: 500px) {
    flex-wrap: wrap;
  }
}
.justify-center {
  justify-content: center;
}
.justify-left {
  justify-content: start;
}
.justify-right {
  justify-content: end;
}
.align--left {
  align-items: start;
}
.align--center {
  align-items: center;
}
.align--right {
  align-items: end;
}
.w-full {
  flex: 0 0 100% !important;
  width: 100% !important;
}
@media (max-width: 768px) {
  .desktop__only {
    display: none;
  }
  .mobile__only {
    display: block;
  }
  .mobile-center {
    text-align: center;
  }
  .mobile-left {
    text-align: left;
  }
  .mobile-right {
    text-align: right;
  }
  .mobile-justify-center {
    justify-content: center;
  }
  .mobile-justify-left {
    justify-content: start;
  }
  .mobile-justify-right {
    justify-content: end;
  }
  .align--mobile--left {
    align-items: start;
  }
  .align--mobile--center {
    align-items: center;
  }
  .align--mobile--right {
    align-items: end;
  }
}

:root {

  --grid-desktop-vertical-spacing: 24px;
  --grid-desktop-horizontal-spacing: 24px;
  --grid-mobile-vertical-spacing: 16px;
  --grid-mobile-horizontal-spacing: 16px;
  --font-heading-family: 'Teko';
  --font-body-family: 'Teko';

  /* Heading Sizes */
  --Font-Size-Heading-H1: 66px;
  --Font-Size-Heading-H2: 52px;
  --Font-Size-Heading-H3: 32px;
  --Font-Size-Heading-H4: 24px;
  --Font-Size-Heading-H5: 20px;
  --Font-Size-Heading-H6: 18px;

  @media (max-width: 1400px) {
    --Font-Size-Heading-H1: 75px;
  }
  @media (max-width: 744px) {
    --Font-Size-Heading-H1: 48px;
    --Font-Size-Heading-H2: 40px;
    --Font-Size-Heading-H3: 26px;
    --Font-Size-Heading-H4: 20px;
    --Font-Size-Heading-H5: 18px;
    --Font-Size-Heading-H6: 16px;
  }

  /* heading Line height */

  --Line-Height-Heading-H1: 103%;
  --Line-Height-Heading-H2: 108%;
  --Line-Height-Heading-H3: 112%;
  --Line-Height-Heading-H4: 116%;
  --Line-Height-Heading-H5: 140%;
  --Line-Height-Heading-H6: 140%;



  /* Paragraph Sizes */

  --Font-Size-Paragraph-Regular: 18px;
  --Font-Size-Paragraph-Medium: 18px;
  --Font-Size-Paragraph-Small: 16px;
--Font-Size-Paragraph-Large: 24px;
  @media (max-width: 1280px) {
    --Font-Size-Paragraph-Regular: 18px;
  /* --Font-Size-Paragraph-Large: 16px;
  --Font-Size-Paragraph-Medium: 14px;
  --Font-Size-Paragraph-Small: 12px; */

  }

  @media (max-width: 744px) {
    --Font-Size-Paragraph-Regular: 16px;
  --Font-Size-Paragraph-Large: 20px;
  --Font-Size-Paragraph-Medium: 16px;
  --Font-Size-Paragraph-Small: 14px;

  }

  /* Paragraph Line height */
  --Line-Height-Paragraph-Regular: 125%;
  --Line-Height-Paragraph-Medium: 125%;
  --Line-Height-Paragraph-Small: 125%;
  --Line-Height-Paragraph-Small: 125%;
   


  /* Spacing Variables */
  --Spacing-Container-xxs: 6px;
  --Spacing-Container-xs: 8px;
  --Spacing-Container-sm: 12px;
  --Spacing-Container-md: 16px;
  --Spacing-Container-lg: 24px;
  --Spacing-Container-xl: 32px;
  --Spacing-Container-xxl: 48px;

  --Spacing-Section-Vertical-Padding: 64px;
  --Spacing-Section-Horizontal-Padding: 128px;

  @media (max-width: 1200px) {
  --Spacing-Container-xxs: 6px;
  --Spacing-Container-xs: 6px;
  --Spacing-Container-sm: 8px;
  --Spacing-Container-md: 12px;
  --Spacing-Container-lg: 20px;
  --Spacing-Container-xl: 24px;
  --Spacing-Container-xxl: 40px;

    --Spacing-Section-Vertical-Padding: 24px;
    --Spacing-Section-Horizontal-Padding: 32px;
  }

  @media (max-width: 600px) {
    --Spacing-Container-xxs: 4px;
    --Spacing-Container-xs: 6px;
    --Spacing-Container-sm: 8px;
    --Spacing-Container-md: 12px;
    --Spacing-Container-lg: 16px;
    --Spacing-Container-xl: 24px;
    --Spacing-Container-xxl: 32px;

    --Spacing-Section-Vertical-Padding: 36px;
    --Spacing-Section-Horizontal-Padding: 16px;
  }


  /* Transitions */
  --transition-fast: 0.3s;
  --transition-medium: 0.4s;
  --transition-slow: 0.5s;

  /* Easing Modes */
  --ease: ease;
  --ease-in: ease-in;
  --ease-out: ease-out;
  --ease-in-out: ease-in-out;
  --linear: linear;
  --cubic-bezier-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --cubic-bezier-bounce: cubic-bezier(0.68, -0.55, 0.27, 1.55);

  /* Complete Transition Variants */
  --transition-fast-ease: var(--transition-fast) var(--ease);
  --transition-fast-ease-in: var(--transition-fast) var(--ease-in);
  --transition-fast-ease-out: var(--transition-fast) var(--ease-out);
  --transition-fast-ease-in-out: var(--transition-fast) var(--ease-in-out);
  --transition-fast-linear: var(--transition-fast) var(--linear);
  --transition-fast-smooth: var(--transition-fast) var(--cubic-bezier-smooth);
  --transition-fast-bounce: var(--transition-fast) var(--cubic-bezier-bounce);

  --transition-medium-ease: var(--transition-medium) var(--ease);
  --transition-medium-ease-in: var(--transition-medium) var(--ease-in);
  --transition-medium-ease-out: var(--transition-medium) var(--ease-out);
  --transition-medium-ease-in-out: var(--transition-medium) var(--ease-in-out);
  --transition-medium-linear: var(--transition-medium) var(--linear);
  --transition-medium-smooth: var(--transition-medium)
    var(--cubic-bezier-smooth);
  --transition-medium-bounce: var(--transition-medium)
    var(--cubic-bezier-bounce);

  --transition-slow-ease: var(--transition-slow) var(--ease);
  --transition-slow-ease-in: var(--transition-slow) var(--ease-in);
  --transition-slow-ease-out: var(--transition-slow) var(--ease-out);
  --transition-slow-ease-in-out: var(--transition-slow) var(--ease-in-out);
  --transition-slow-linear: var(--transition-slow) var(--linear);
  --transition-slow-smooth: var(--transition-slow) var(--cubic-bezier-smooth);
  --transition-slow-bounce: var(--transition-slow) var(--cubic-bezier-bounce);

  /* Border border-radius............................... */
  --rounded-3xl: 24px;
}

.page-width {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
    @media(min-width: 1200px) {
      padding: 0 50px;
    }
}
.page-width.full {
  max-width: 100%
}
h1, .h1 {
  font-size: var(--Font-Size-Heading-H1);
  line-height: var(--Line-Height-Heading-H1);
  font-family: var(--font-heading-family);
}

h2, .h2 {
  font-size: var(--Font-Size-Heading-H2);
  line-height: var(--Line-Height-Heading-H2);
  font-family: var(--font-heading-family);
}

h3, .h3 {
  font-size: var(--Font-Size-Heading-H3);
  line-height: var(--Line-Height-Heading-H3);
  font-family: var(--font-heading-family);
}

h4, .h4 {
  font-size: var(--Font-Size-Heading-H4);
  line-height: var(--Line-Height-Heading-H4);
  font-family: var(--font-heading-family);
}

h5, .h5 {
  font-size: var(--Font-Size-Heading-H5);
  line-height: var(--Line-Height-Heading-H5);
  font-family: var(--font-heading-family);
}

h6, .h6 {
  font-size: var(--Font-Size-Heading-H5);
  line-height: var(--Line-Height-Heading-H5);
  font-family: var(--font-heading-family);
}
h1,h2,h3,h4,h5,h6 {
  /* font-weight: 700; */
}
p,
a,
label {
  text-decoration: unset;
  font-size: var(--Font-Size-Paragraph-Regular);
  line-height: var(--Line-Height-Paragraph-Regular);
}
div {
  font-family: var(--font-family-Body);
}
/* button,
input,
select {
  /* border: none; */
  outline: none;
  box-shadow: none;
  background: transparent;
} */