/** Shopify CDN: Minification failed

Line 240:8 Unexpected "{"
Line 240:13 Expected ":"
Line 240:17 Unexpected "{"
Line 241:13 Expected identifier but found whitespace
Line 241:15 Unexpected "{"
Line 241:24 Expected ":"
Line 242:18 Expected identifier but found whitespace
Line 242:20 Unexpected "{"
Line 242:29 Expected ":"
Line 243:15 Expected identifier but found whitespace
... and 162 more hidden warnings

**/
.hero__text-shadow{
  margin:0px 50px;
}
.hero__top-subtitle {
  margin-bottom: 30px !important;
  width: 50%;
    font-weight:700;
    font-size: 14px;
}
.lp-btn--ghost:hover{color:white!important;}
.hero__title {
  margin-bottom: 0;
  width: 55%;
  line-height:1.8;
}

.hero__subtext {
  margin-top: 20px;
  width: 55%;
}

.hero__subtitle {
  width: 55%;
  font-size: 14px;
  margin-top: 20px;
  color:#6D6963;

}

/* Tablet */
@media screen and (max-width: 749px) {
  .hero__top-subtitle {
    width: 80%;
    margin-bottom: 20px !important;
  }

  .hero__title {
    width: 90%;
  }

  .hero__subtext {
    width: 90%;
    margin-top: 15px;
  }

  .hero__subtitle {
    width: 90%;
    font-size: 18px;
    margin-top: 15px;
  }
}

/* Mobile */
@media screen and (max-width: 480px) {
  .hero__top-subtitle {
    width: 100%;
    margin-bottom: 15px !important;
  }

  .hero__title {
    width: 100%;
  }

  .hero__subtext {
    width: 100%;
    margin-top: 12px;
  }

  .hero__subtitle {
    width: 100%;
    font-size: 16px;
    margin-top: 12px;
  }
}

/*After and Before section CSS Start*/
/* assets/section-image-comparison.css
   Dynamic values are passed from the section via CSS custom properties:
   --comparison-height, --comparison-height-mobile, --comparison-line-height,
   --comparison-color, --comparison-icon-fill */

/* ---------- Header: eyebrow, heading, supporting text ---------- */
.comparison-header {
  margin-bottom: 24px;
}

.comparison-header__eyebrow {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
  opacity: 0.75;
}

.comparison-header__heading {
  margin: 0;
}

.comparison-header__text {
  max-width: 60ch;
  margin-top: 12px;
}

.comparison-header__text p {
  margin: 0 0 0.75em;
}

.comparison-header__text p:last-child {
  margin-bottom: 0;
}

.comparison-header.text-center .comparison-header__text {
  margin-left: auto;
  margin-right: auto;
}

.comparison-header.text-right .comparison-header__text {
  margin-left: auto;
}

/* ---------- Slider ---------- */
.comparison {
  height: var(--comparison-height);
}

.comparison .comparison__button svg {
  fill: var(--comparison-icon-fill);
}

.comparison .comparison__button::before,
.comparison .comparison__button::after {
  height: var(--comparison-line-height);
}

/* Classic style */
.comparison--style-classic .comparison__button {
  background-color: var(--comparison-color);
}

.comparison--style-classic .comparison__button::before {
  bottom: 60px;
}

.comparison--style-classic .comparison__button::after {
  top: 60px;
}

/* Minimal style */
.comparison--style-minimal .comparison__button::before {
  bottom: 0;
}

.comparison--style-minimal .comparison__button::after {
  top: 0;
}

/* ---------- Before / After badges ---------- */
.comparison {
  position: relative;
}

.comparison__badge {
  position: absolute;
  top: 16px;
  z-index: 3;
  padding: 10px 18px;
  background-color: #faf6ee; /* cream white */
  color: #000;
  border-radius: 0; /* square */
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
  pointer-events: none; /* never blocks dragging */
}

.comparison__badge--before {
  right: 16px;
}

.comparison__badge--after {
  left: 16px;
}

/* ---------- Mobile ---------- */
@media only screen and (max-width: 768px) {
  .comparison {
    height: var(--comparison-height-mobile);
  }

  .comparison__badge {
    top: 10px;
    padding: 8px 12px;
    font-size: 0.6875rem;
  }

  .comparison__badge--before {
    right: 10px;
  }

  .comparison__badge--after {
    left: 10px;
  }

  .comparison--style-classic .comparison__button::before {
    bottom: 42px;
  }

  .comparison--style-classic .comparison__button::after {
    top: 42px;
  }

  .comparison-header {
    margin-bottom: 16px;
  }
}

/*After and Before section CSS End*/


/* FAQS CSS Start */
  #FAQ-{{ sid }} {
    --faq-bg: {{ section.settings.bg_color }};
    --faq-heading: {{ section.settings.heading_color }};
    --faq-text: {{ section.settings.text_color }};
    --faq-muted: {{ section.settings.muted_color }};
    --faq-line: {{ section.settings.line_color }};
    --faq-left: {{ section.settings.left_width }}fr;
    --faq-right: {{ 100 | minus: section.settings.left_width }}fr;
    background: var(--faq-bg);
    color: var(--faq-text);
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
    {%- if body_font != blank %}
    font-family: {{ body_font.family }}, {{ body_font.fallback_families }};
    font-weight: {{ body_font.weight }};
    {%- endif %}
  }

  #FAQ-{{ sid }} .faq__inner {
    display: grid;
    grid-template-columns: var(--faq-left) var(--faq-right);
    column-gap: clamp(40px, 8vw, 120px);
    align-items: start;
    max-width: {{ section.settings.max_width }}px;
    margin: 0 auto;
    padding: 0 clamp(20px, 7vw, 104px);
  }

  #FAQ-{{ sid }} .faq__intro {
    position: {% if section.settings.sticky_intro %}sticky{% else %}static{% endif %};
    top: 40px;
    padding-top: 28px;
  }

  #FAQ-{{ sid }} .faq__eyebrow {
    margin: 0 0 6px;
    font-size: {{ section.settings.eyebrow_size }}px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--faq-heading);
    {%- if heading_font != blank %}
    font-family: {{ heading_font.family }}, {{ heading_font.fallback_families }};
    font-weight: {{ heading_font.weight }};
    {%- endif %}
  }

  #FAQ-{{ sid }} .faq__title {
    margin: 0;
    color: var(--faq-heading);
    line-height: 1.1;
    font-size: {{ section.settings.heading_px }}px;
    {%- if section.settings.uppercase_heading %}
    text-transform: uppercase;
    {%- endif %}
    {%- if heading_font != blank %}
    font-family: {{ heading_font.family }}, {{ heading_font.fallback_families }};
    font-weight: {{ heading_font.weight }};
    {%- endif %}
  }

  #FAQ-{{ sid }} .faq__subtitle {
    margin: 24px 0 0;
    max-width: 36ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--faq-muted);
  }

  #FAQ-{{ sid }} .faq__list {
    border-top: 1px solid var(--faq-line);
  }

  #FAQ-{{ sid }} .faq__richtext {
    padding: 20px 0;
    border-bottom: 1px solid var(--faq-line);
    font-size: 15px;
    line-height: 1.6;
  }
  #FAQ-{{ sid }} .faq__richtext-title {
    margin: 0 0 8px;
    font-size: 20px;
    color: var(--faq-heading);
  }

  #FAQ-{{ sid }} .faq-item {
    border-bottom: 1px solid var(--faq-line);
  }

  #FAQ-{{ sid }} .faq-item__trigger {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    padding: {{ section.settings.item_padding }}px 0;
    cursor: pointer;
    font-size: {{ section.settings.question_size }}px;
    letter-spacing: 0.03em;
    line-height: 1.4;
    color: var(--faq-text);
  }
  #FAQ-{{ sid }} .faq-item__trigger:focus-visible {
    outline: 2px solid var(--faq-heading);
    outline-offset: 2px;
  }

  #FAQ-{{ sid }} .faq-item__icon {
    position: relative;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
  }
  #FAQ-{{ sid }} .faq-item__icon::before,
  #FAQ-{{ sid }} .faq-item__icon::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background: currentColor;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  #FAQ-{{ sid }} .faq-item__icon::before { width: 14px; height: 1px; transform: translate(-50%, -50%); }
  #FAQ-{{ sid }} .faq-item__icon::after  { width: 1px; height: 14px; transform: translate(-50%, -50%); }
  #FAQ-{{ sid }} .faq-item__trigger[aria-expanded='true'] .faq-item__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }

  #FAQ-{{ sid }} .faq-item__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
  }
  #FAQ-{{ sid }} .faq-item__panel.is-open { grid-template-rows: 1fr; }
  #FAQ-{{ sid }} .faq-item__panel-inner {
    overflow: hidden;
    min-height: 0;
  }
  #FAQ-{{ sid }} .faq-item__answer {
    padding: 0 40px {{ section.settings.item_padding }}px 0;
    max-width: 62ch;
    font-size: 15px;
    line-height: 1.65;
    color: var(--faq-muted);
  }
  #FAQ-{{ sid }} .faq-item__answer p { margin: 0 0 0.8em; }
  #FAQ-{{ sid }} .faq-item__answer p:last-child { margin-bottom: 0; }
  #FAQ-{{ sid }} .faq-item__answer a { color: var(--faq-heading); text-decoration: underline; }

  @media (max-width: 749px) {
    #FAQ-{{ sid }} .faq__inner {
      grid-template-columns: 1fr;
      row-gap: 32px;
    }
    #FAQ-{{ sid }} .faq__intro { position: static; padding-top: 0; }
    #FAQ-{{ sid }} .faq__title { font-size: {{ section.settings.heading_px | times: 0.75 | round }}px; }
    #FAQ-{{ sid }} .faq-item__answer { padding-right: 0; }
  }

  @media (prefers-reduced-motion: reduce) {
    #FAQ-{{ sid }} .faq-item__panel,
    #FAQ-{{ sid }} .faq-item__icon::before,
    #FAQ-{{ sid }} .faq-item__icon::after { transition: none; }
  }
/* FAQS CSS End */