/** Shopify CDN: Minification failed

Line 140:16 Unexpected "{"
Line 140:25 Expected ":"
Line 144:16 Unexpected "{"
Line 144:25 Expected ":"
Line 151:16 Unexpected "{"
Line 151:25 Expected ":"
Line 154:16 Unexpected "{"
Line 154:25 Expected ":"
Line 164:16 Unexpected "{"
Line 164:25 Expected ":"
... and 4 more hidden warnings

**/
.glass-columns-section {
  padding: 4rem 5rem;
  display: flex;
  justify-content: center;
}

.glass-columns-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 1200px;
  width: 100%;
  justify-content: center;
}

.glass-column {
  flex: 1 1 30%;
  min-width: 280px;
  padding: 2rem;
  border-radius: 1rem;
  position: relative;
}

.glass-column-inner {
  position: relative;
  z-index: 2;
}

.glass-column h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  
}

.glass-column p {
    font-size: 16px;
    color: #011461;
    font-family: 'Earl Sans';
    margin-bottom: 0;
    font-weight: 400;
    line-height: 140%;
}

.glass-column-inner h3 {
    font-size: 19px;
    color: #011461;
    font-family: 'Earl Sans';
    margin-top: 0;
    line-height: 23.4px;
}

/* GLASS BACKGROUND */
.glass-background {
  background: rgba(255, 255, 255, 0.25);
  border-image: linear-gradient(145deg, rgba(255, 255, 255, 0.4), rgba(255,255,255,0)) 1;
  border-radius: 1rem;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: inset 0 4px 4px rgba(255, 255, 255, 0.25);

  position: relative;
  overflow: hidden;
}

.glass-background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255,255,255,0.2), transparent);
  pointer-events: none;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .glass-column-inner {
  position: relative;
  z-index: 2;
  padding: 1rem 2rem;
}

  .glass-columns-section {
    flex-direction: column; 
  }
  .glass-columns-wrapper {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 1rem;
    padding-bottom: 1rem;
    justify-content: flex-start;
  }

  .glass-column {
    flex: 0 0 85%;
    scroll-snap-align: center;
    min-width: 85%;
    max-width: 85%;
  }

  .glass-columns-wrapper.slick-initialized {
    overflow: visible;        /* Slick manages overflow */
    scroll-snap-type: none;   /* Disable snap so Slick can do its thing */
    gap: 0;                   /* Slick spacing via slide padding if needed */
    padding-bottom: 0;
    justify-content: initial;
    flex-wrap: nowrap;        /* harmless here; Slick replaces layout anyway */
  }

  /* Make sure each slide behaves like a slide, not a flex item */
  .glass-columns-wrapper.slick-initialized .glass-column {
    flex: 0 0 auto;
    min-width: 0;
    max-width: none;
    /* Optional: add internal padding to mimic your card spacing inside slides */
    /* padding: 2rem; */
  }

  /* Hide dots container if Slick hasn't injected anything */
  .glass-columns-dots:empty { display: none; }

  /* place the dots under the slider and show circles only */
#glass-columns-{{ section.id }} .glass-columns-dots {
  margin-top: 12px;
  text-align: center;
}
#glass-columns-{{ section.id }} .glass-columns-dots .slick-dots {
  display: inline-flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#glass-columns-{{ section.id }} .glass-columns-dots .slick-dots li {
  margin: 0;
}
#glass-columns-{{ section.id }} .glass-columns-dots .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background:white;
  opacity: 0.35;
  font-size: 0;                /* hide any text just in case */
}
#glass-columns-{{ section.id }} .glass-columns-dots .slick-dots li.slick-active button {
  opacity: 1;
}
#glass-columns-{{ section.id }} .glass-columns-dots .slick-dots li button::before {
  display: none !important;    /* hide Slick’s default pseudo content */
}

/* optional: hide empty dots container when not slicked (desktop) */
#glass-columns-{{ section.id }} .glass-columns-dots:empty { display: none; }

}