/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO.page-id-1812 .hero-section .text-content p#info-text in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* layout */
.hp-tabs{
  display:flex;
  justify-content:center;
  gap:40px;
  align-items:center;
  flex-wrap:wrap;
  min-height:100px;
  margin-block-start: 0px;
}

/* button base */
.hp-tab{
  appearance:none;
  border:0;
  background:transparent !important; /* no hover bg */
  cursor:pointer;
  font-family: Inter;
  font-size:1.5em;
  font-weight:400;
  line-height:150%;
  padding:0;                 /* REMOVE space */
  position:relative;
  color: #2E3A45; /* normal */
  text-transform: none;
  transition: text-shadow 0.5s ease, color 0.5s ease;
}

/* baseline underline */
.hp-tab::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-2px;
  height:2px;
  background: #3AA6A1;
  opacity:.35; 
  border-bottom: 3px solid #D3D9E2;
}

/* progress bar */
/* progress bar base */
.uagb-block-4a4d2074 .hp-tab::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  height:2px;
  width:100%;
  background: #3AA6A1;
  transform: scaleX(0);
  transform-origin: left center;
}

/* ✅ hover preview only for NON-active tabs */
.hp-tab:not(.is-active):hover::before{
  transform: scaleX(1);
}

/* active progress uses animation */
.hp-tab.is-active::before{
  animation: hpTabProg var(--hpDelay, 5000ms) linear forwards;
}

/* prevent hover preview from fighting active animation */
.hp-tab.is-active:hover::before{
  transform: none;
}


/* ACTIVE tab style + run progress */
.hp-tab.is-active{
  color: #3AA6A1;
  font-weight: 600;
}

@keyframes hpTabProg{
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

/* On hover */

.hp-tab:hover
{
    color: #3AA6A1 !important; /* normal */
    font-weight: 600;
}

/*focus/active: DO NOT change color or bg */
.hp-tab:focus,
.hp-tab:focus-visible,
.hp-tab:active{
  background: transparent !important;
  color: #3AA6A1 !important;
  box-shadow: none !important;
  outline: none !important;
  font-weight: 600;
  text-shadow: 0 0 0.6px currentColor, 
               0 0 0.6px currentColor;
}

/* Optional: keep underline visible on hover (no color shift) */
.hp-tab:hover::after{ opacity: .35; }

/* Force progress bar to 0 when we are resetting */
.uagb-block-4a4d2074 .hp-tab.is-reset::before {
  animation: none !important;    /* stop any active animation */
  transition: none !important;   /* stop hover transition */
  transform: scaleX(0) !important; /* collapse bar immediately */
  opacity: 0 !important;         /* hide completely */
}

/* HARD STOP: kill any progress instantly (manual click uses this) */
.uagb-block-4a4d2074 .hp-tab.is-cancelled::before{
  animation: none !important;
  transition: none !important;
  transform: scaleX(0) !important;
  opacity: 0 !important;
}

/* === Tab base (same as .hp-tab, but <a>) === */
.uagb-block-8853eb62 .banner-tabs .tab{
  display:inline-block;
  position:relative;
  background:transparent !important;
  box-shadow:none !important;
  cursor:pointer;

  font-size:1.5em;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  padding:0;                           /* IMPORTANT: same as hp-tab */
  text-decoration:none !important;
  outline:none;
  color: var(--Primary-Suprayi-Blue, #004F8B);
  text-align: center;
  
  display:inline-block !important;
  position:relative !important;
  text-decoration:none !important;

  border-bottom: 3px solid #D3D9E2 !important;
}

/* remove pseudo underline */
.uagb-block-8853eb62 .banner-tabs .tab::after{
  content:none !important;
}

/* === Baseline underline (ALWAYS visible) === */
.uagb-block-8853eb62 .banner-tabs .tab::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:2px;

  /* DO NOT use currentColor here */
  background: red;  /* Suprayi Blue 950 @ 35% */

  pointer-events:none;
}

/* === Progress bar (hover + active) === */
/* base: progress bar exists, but no hover preview by default */
.uagb-block-8853eb62 .banner-tabs .tab::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  height:2px;
  width:100%;
  background: currentColor;

  transform: scaleX(0);
  transform-origin:left center;
  transition: none; /* mobile/tablet: animation only */
}

/* === ACTIVE === */
.uagb-block-8853eb62 .banner-tabs .tab.is-active{
  color:var(--Primary-Suprayi-Blue, #004F8B) !important;
}

.uagb-block-8853eb62 .banner-tabs .tab.is-active::before{
  animation: bannerTabProg var(--tabDelay, 5000ms) linear forwards;
}

/* === HOVER (grow / shrink only) === */
@media (hover: hover) and (pointer: fine){
  .uagb-block-8853eb62 .banner-tabs .tab:not(.is-active):hover::before{
    transform: scaleX(1);
  }
}

/* hover text stays normal */
.uagb-block-8853eb62 .banner-tabs .tab:hover{
  color: var(--Primary-Suprayi-Blue, #004F8B);
}

.hero-content h1 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 150%;
    color: var(--Neutrals-Slate-Text, #2E3A45);
    margin-bottom: 30px;
}

.hero-image-wrap img{
    height:420px !important;
    width:100%;
}

.banner-tabs {
    max-width:100% !important;
}

.hero-slider {
    min-height:420px !important;
}

.uagb-block-75a73be9.wp-block-uagb-image .wp-block-uagb-image__figure img
{
    max-height:410px !important;
}


/* the icon itself */
.uagb-block-8853eb62 .features li svg,
.uagb-block-8853eb62 .features li img{
  position: relative;
  top: 5px; /* small nudge down */
  flex: 0 0 auto;
}

.features li
{
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Reg/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

/* target your feature list items */
.uagb-block-8853eb62 .features li{
  display: flex;
  align-items: baseline; /* makes icon sit slightly lower like your pic2 */
  gap: 12px;
}

/* focus / active safety */
.uagb-block-8853eb62 .banner-tabs .tab:focus,
.uagb-block-8853eb62 .banner-tabs .tab:focus-visible,
.uagb-block-8853eb62 .banner-tabs .tab:active{
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

@keyframes bannerTabProg{
  from { transform: scaleX(var(--progFrom, 0)); }
  to   { transform: scaleX(1); }
}

/* image rotate setup () */
.hero-image {
  transform-origin: bottom center;
  will-change: transform, opacity;
}

/* default hidden state */
.hero-slide:not(.active) .hero-image{
  transform: rotate(-90deg);
  opacity: 0;
}

/* keyframes (same behavior as the example) */
@keyframes heroRotateIn {
  0%   { opacity:0; transform: rotate3d(0,0,1,-90deg); }
  100% { opacity:1; transform: rotate3d(0,0,1,0deg); }
}

@keyframes heroRotateOut {
  0%   { opacity:1; transform: rotate3d(0,0,1,0deg); }
  100% { opacity:0; transform: rotate3d(0,0,1,90deg); }
}

.uagb-block-8853eb62 .banner-tabs{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
}

.uagb-block-8853eb62 .banner-tabs__left,
.uagb-block-8853eb62 .banner-tabs__right{
  display:flex;
  gap:40px;
  align-items:flex-end;
}

.uagb-block-8853eb62 .banner-tabs__center{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  flex:0 0 auto;
}

.uagb-block-8853eb62 .banner-tabs__img{
  display:block;
  max-width: 220px;   /* adjust */
  height:auto;
}

/* allow overlap */
.uagb-block-8853eb62{
  overflow: visible;
}

.uagb-block-8853eb62 .hero-image-wrap{
  position: relative;
  z-index: 2;
  /*transform: translateY(clamp(40px, 8vh, 120px)); /* pushes image DOWN */
}

.uagb-block-8853eb62 .hero-slide.active{
  opacity:1;
  pointer-events:auto;
}

/* image overlap DOWN into tab area */
.uagb-block-8853eb62 .hero-image-wrap{
  justify-self:center;
  /*transform: translateY(clamp(30px, 6vh, 90px)); /* adjust this */
  z-index:2;
}

.uagb-block-8853eb62 .banner-tabs__left,
.uagb-block-8853eb62 .banner-tabs__right{
  display:flex;
  gap:40px;
  align-items:flex-end;
}

/* Ensure both groups are hard-aligned to edges */
.uagb-block-8853eb62 .banner-tabs__left{
  display:flex;
  gap:40px;
  justify-content:flex-start;
  align-items:flex-end;
  margin-right:auto; /* lock left */
}

.uagb-block-8853eb62 .banner-tabs__right{
  display:flex;
  gap:40px;
  justify-content:flex-end;
  align-items:flex-end;
  margin-left:auto;  /* lock right */
}

/* Tabs pinned to the very bottom of the hero */
.uagb-block-8853eb62 .hero-slider{
  position: relative;
  grid-template-rows: 1fr auto;   /* slide area + tabs row */
  min-height: clamp(520px, 70vh, 760px);
  overflow: hidden;
}

/* Ensure both groups are hard-aligned to edges */
.uagb-block-8853eb62 .banner-tabs__left{
  display:flex;
  gap:40px;
  justify-content:flex-start;
  align-items:flex-end;
  margin-right:auto; /* lock left */
}

.uagb-block-8853eb62 .banner-tabs__right{
  display:flex;
  gap:40px;
  justify-content:flex-end;
  align-items:flex-end;
  margin-left:auto;  /* lock right */
}

/* ===== Force banner tabs to the very bottom (override all duplicates) ===== */
.uagb-block-8853eb62 .hero-slider{
  position: relative;
  min-height: clamp(520px, 70vh, 760px);
  overflow: hidden;
}


.uagb-block-8853eb62 .hero-slide.active{
  opacity: 1;
  pointer-events: auto;
}

/* pin tabs */
.uagb-block-8853eb62 .hero-slider > .banner-tabs{
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0 !important;

  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;

  padding: 0 clamp(24px, 5vw, 90px) 24px;
  margin: 0 !important;
  min-height: 0 !important;
  flex-wrap: nowrap !important;

  z-index: 50 !important;
}

/* left/right lock */
.uagb-block-8853eb62 .hero-slider > .banner-tabs .banner-tabs__left{
  display:flex;
  gap:40px;
  margin-right:auto;
}

.uagb-block-8853eb62 .hero-slider > .banner-tabs .banner-tabs__right{
  display:flex;
  gap:40px;
  margin-left:auto;
}

/* --- Make hero a 2-row layout: slides area + tabs area (no overlap) --- */
.uagb-block-8853eb62 .hero-slider{
  position: relative;
  grid-template-rows: 1fr auto;   /* slide area + tabs row */
  min-height: clamp(520px, 70vh, 760px);
  overflow: hidden;
}

/* Slides live in row 1 and still stack */
.uagb-block-8853eb62 .hero-slide{
  grid-row: 1;
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: auto;
}

.uagb-block-8853eb62 .hero-slide.active{
  opacity: 1;
  pointer-events: auto;
}

/* Tabs are in row 2 (real bottom), NOT absolute */
.uagb-block-8853eb62 .hero-slider > .banner-tabs{
  grid-row: 2;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: 2em !important;

  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  padding: 16px clamp(24px, 5vw, 90px) 24px;
  margin: 0;
  z-index: 10;
}

/* optional: ensure tabs never get squeezed weirdly */
.uagb-block-8853eb62 .banner-tabs__left,
.uagb-block-8853eb62 .banner-tabs__right{
  display:flex;
  gap:40px;
  align-items:flex-end;
}

/* ---------- VISIBILITY CONTROL (CRITICAL) ---------- */

.hero-slide.active,
.hero-slide.is-exiting,
.hero-slide.is-entering {
  opacity: 1;
  pointer-events: auto;
}

/* stacking */
.hero-slide.is-exiting { z-index: 3; }
.hero-slide.is-entering { z-index: 2; }

/* ---------- ANIMATIONS ---------- */
.hero-slide.is-exiting .hero-image {
  animation: heroRotateOut 1s ease both;
}

.hero-slide.is-entering .hero-image {
  animation: heroRotateIn 1s ease both;
}

/* Full-width title (edge to edge) */
.uagb-block-8853eb62 .uagb-block-551bdcda{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Ensure the text itself can span full width */
.uagb-block-8853eb62 .uagb-block-551bdcda .uagb-heading-text{
  display: block;
  width: 100%;
}

.uagb-block-8853eb62 .hero-slider{
  position: relative;
  overflow: hidden;
  perspective: 1200px; /* important for rotateX */
}

.uagb-block-8853eb62 .hero-slide.active,
.uagb-block-8853eb62 .hero-slide.is-exiting,
.uagb-block-8853eb62 .hero-slide.is-entering{
  opacity: 1;
  pointer-events: auto;
}

* ✅ Disable the "popup" animation on text (you currently have fadeUp on h1) */
.uagb-block-8853eb62 .hero-content,
.uagb-block-8853eb62 .hero-content h1,
.uagb-block-8853eb62 .features,
.uagb-block-8853eb62 .features li{
    
  animation: none !important;
  transform: none !important;
}

/* ✅ During transition: ONLY allow image rotate, hide text + description */
.uagb-block-8853eb62 .hero-slide.is-entering .hero-content,
.uagb-block-8853eb62 .hero-slide.is-entering .features{
  opacity: 0 !important;
}

/* After transition ends (still active but no longer is-entering), show text normally */
.uagb-block-8853eb62 .hero-slide.active:not(.is-entering) .hero-content,
.uagb-block-8853eb62 .hero-slide.active:not(.is-entering) .features{
  opacity: 1 !important;
}

/* Default: hide slide content until it's fully active */
.hero-slide .hero-content,
.hero-slide .features{
  opacity: 0;
  transform: translateY(0);
}

/* Image visible when the slide is on-screen */
.uagb-block-8853eb62 .hero-slide.active .hero-image,
.uagb-block-8853eb62 .hero-slide.is-entering .hero-image,
.uagb-block-8853eb62 .hero-slide.is-exiting .hero-image{
  opacity: 1;
}

.cta-btn .arrow{
    border-radius: 32px;
    background: var(--Primary-Suprayi-Blue, #004F8B);
    width: 36px;
    padding: 6px 6px 6px 6px;
}

.cta-btn .arrow svg{
    stroke-width: 1.5px;
    stroke: var(--Neutrals-Clinic-White, #FFF);
}

.cta-btn{
    gap:10px;
}

/* --- CTA hover progress (bar) --- */
.uagb-block-8853eb62 .cta-btn{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* progress bar layer */
.uagb-block-8853eb62 .cta-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--Primary-Suprayi-Blue, #004F8B);

  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s linear;

  z-index: 0;
}

/* hard cancel progress (overrides hover + active) */
.uagb-block-8853eb62 .banner-tabs .tab.is-cancelled::before{
  animation: none !important;
  transition: none !important;
  transform: scaleX(0) !important;
}

/* keep content above bar */
.uagb-block-8853eb62 .cta-btn > *{
  position: relative;
  z-index: 1;
}

/* default text color */
.uagb-block-8853eb62 .cta-btn .cta-text{
  color: var(--Primary-Suprayi-Blue, #004F8B);
  transition: color .4s ease;
}

.uagb-block-8853eb62 .cta-btn:hover {
  background: var(--Neutrals-Clinic-White, #FFF);
}

/* hover text color */
.uagb-block-8853eb62 .cta-btn:hover .cta-text{
  color: #FFFFFF !important;
}

/* hover: bar fills right -> left */
.uagb-block-8853eb62 .cta-btn:hover::before{
  transform: scaleX(1);
}

.slide-radius
{
    border-radius: 10px;
    border: none;
    display: flex;
    width: 350px;
    height: 500px;
    flex-direction: column;
    align-items: flex-start;
    background: #F4F6F8;
}

.air-quality-slider-css .swiper-content
{
    padding: 0 !important;
}

.iqair-slider .swiper-content
{
    border-radius: 10px;
}

/* target your slider block */
.uagb-block-ba9dbd89 .uagb-slider-child-wrap .swiper-content > .wp-block-uagb-container{
  display: flex;
  flex-direction: column;
  width: 100%;     /* figma */
  height: 500px;    /* figma */
}

/* info box takes remaining space */
.uagb-block-ba9dbd89 .wp-block-uagb-info-box{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;   /* fill available height */
}

/* keep heading at top */
.uagb-block-ba9dbd89 .uagb-ifb-title-wrap{
  margin-top: 0;
}

/* make description/button spacing auto (push button down) */
.uagb-block-ba9dbd89 .uagb-ifb-content{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.uagb-block-ba9dbd89 .uagb-ifb-desc{
  margin-bottom: auto; /* ✅ this creates “auto” spacing to button */
}

/* push the image to bottom */
.uagb-block-ba9dbd89 .wp-block-uagb-image{
  margin-top: auto;  /* ✅ image always bottom */
}

/* keep image size stable */
.uagb-block-ba9dbd89 .wp-block-uagb-image img{
  display: block;
  width: 100%;
  height: auto;
}

.slide-radius .uagb-infobox-cta-link .uagb-inline-editing{
  text-transform: capitalize;
}

/* === Air Quality slider cards: equal height, button aligned, image consistent (DESKTOP) === */
@media (min-width: 922px){

  /* each slide/card */
  .air-quality-slider-css .uagb-slider-child-wrap{
    width: 350px !important;
    height: 450px;                 /* figma */
    display: flex;
  }

  /* content wrapper inside each slide */
  .air-quality-slider-css .swiper-content{
    height: 100%;
    width: 100%;
    display: flex;
  }

  /* inner container that holds (info box + image) */
  .air-quality-slider-css .swiper-content > .wp-block-uagb-container{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  /* info box area (top half) */
  .air-quality-slider-css .uagb-infobox__content-wrap{
    width: 100%;
  }

  /* make info box content a column that can push button down */
  .air-quality-slider-css .uagb-ifb-content{
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;                /* allow it to take available space */
  }

  /* title at top (no special needed, but keep consistent spacing) */
  .air-quality-slider-css .uagb-ifb-title{
    margin: 0 0 12px 0;
    margin-bottom: 15px !important;
  }

  /* description */
  .air-quality-slider-css .uagb-ifb-desc{
    margin: 0;
    line-height: 150%;
  }

  /* AUTO SPACER between description and button */
  .air-quality-slider-css .uagb-ifb-button-wrapper{
    margin-top: auto;              /* ✅ key: pushes button to bottom of info area */
    padding-top: 18px;             /* spacing above button */
  }

  /* image block takes fixed space at bottom */
  .air-quality-slider-css .wp-block-uagb-image{
    margin-top: auto;              /* keep it at the bottom */
  }

  .air-quality-slider-css .wp-block-uagb-image__figure{
    margin: 0;
    height: 190px;                 /* match your image height attribute */
    overflow: hidden;
    border-radius: 16px;           /* optional if you want consistent rounding */
  }

  .air-quality-slider-css .wp-block-uagb-image__figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;             /* ✅ prevents weird “some ok some truncated” look */
    display: block;
  }
}

/* Optional: make Learn More text Capitalize (only the text span) */
.air-quality-slider-css .uagb-infobox-cta-link .uagb-inline-editing{
  text-transform: capitalize;
}


/* .cta-btn1 for background blue */

.cta-btn1 {
    display: inline-flex;
    align-items: center;
    font-size: 1em;
    font-weight: 600;
    line-height: 150%; /* 24px */
    padding: 12px 22px;
    background: var(--Primary-Suprayi-Blue, #004F8B);
    color: var(--Neutrals-Clinic-White, #FFF);
    border-radius: 40px;
    text-decoration: none;
    transition: 0.6s;
    width: max-content !important;
}

.cta-btn1 .arrow{
    border-radius: 32px;
    background: var(--Neutrals-Clinic-White, #FFF);
    width: 36px;
    padding: 6px 6px 6px 6px;
}

.cta-btn1 .arrow svg{
    stroke-width: 1.5px;
    stroke: var(--Primary-Suprayi-Blue, #004F8B);  
}

.cta-btn1{
    gap:10px;
    background: var(--Primary-Suprayi-Blue, #004F8B); 
}

/* --- CTA hover progress (bar) --- */
.cta-btn1{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  width: max-content;
}

/* progress bar layer */
.cta-btn1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--Neutrals-Clinic-White, #FFF);

  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.6s linear;

  z-index: 0;
}

/* keep content above bar */
.cta-btn1 > *{
  position: relative;
  z-index: 1;
}

/* default text color */
.cta-btn1 .cta-text{
  color: var(--Neutrals-Clinic-White, #FFF);
  transition: color .6s ease;
}

.cta-btn1:hover {
  background: var(--Neutrals-Clinic-White, #FFF);
}

/* hover text color */
.cta-btn1:hover .cta-text{
  color: var(--Primary-Suprayi-Blue, #004F8B);
}

/* hover: bar fills right -> left */
.cta-btn1:hover::before{
  transform: scaleX(1);
}

@media (min-width: 922px){

  /* When GSAP pins, lock height so it never shrinks and hides cards */
  .uagb-block-4dfc230b.aq-is-pinned{
    height: var(--aq-pin-h, auto) !important;
    max-height: none !important;
    overflow: visible !important; /* never clip vertically */
  }

  /* Also ensure inner wrapper doesn't collapse */
  .uagb-block-4dfc230b.aq-is-pinned .uagb-container-inner-blocks-wrap{
    min-height: var(--aq-pin-h, 0px) !important;
  }

  /* ✅ clip BOTH left & right ONLY (not top/bottom) */
  .uagb-block-4dfc230b .air-quality-slider-css .uagb-slides.uagb-swiper{
    overflow: visible !important; 
    clip-path: inset(-9999px 0 -9999px 0) !important;
    /*            top   right bottom left
       -9999px = allow top/btm overflow
       0       = clip at left/right edges (both sides)
    */
  }
}

.uagb-block-206bfca3 .uagb-container-inner-blocks-wrap
{
    margin: 0 !important;
}

.uagb-block-359c67d0 .spectra-image-gallery__media--carousel
{
    width: 185px;
}

/* === Testimonials: equal height, name at bottom === */

/* 1) Card height per breakpoint */
@media (min-width: 1025px){
  .testimonial-slider-css .uagb-slider-child-wrap{
    height: 430px !important;   /* desktop */
  }
}

@media (max-width: 1024px) and (min-width: 922px){
  .testimonial-slider-css .uagb-slider-child-wrap{
    height: 400px !important;   /* tablet */
  }
}

@media (max-width: 921px){
    
   
  .testimonial-slider-css .uagb-slider-child-wrap{
    height: 450px !important;   /* mobile */
  }
  
  .hero-content, .hero-description {
      padding-bottom:10px;
  }
}

/* 2) Make slide content fill card height */
.testimonial-slider-css .swiper-content{
  height: 70%;
  display: flex !important;
  flex-direction: column !important;
}

/* 3) Wrapper that contains (infobox + name) */
.testimonial-slider-css .swiper-content > .wp-block-uagb-container{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* 4) Keep title + description at top */
.testimonial-slider-css .uagb-infobox__content-wrap{
  margin-top: 0 !important;
}

/* 5) ✅ Push NAME to bottom */
/* === Testimonials: NAME only → stick to bottom (no other parts touched) === */

/* ensure the wrapper can distribute space */
.testimonial-slider-css .swiper-content > .wp-block-uagb-container{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* push ONLY the name block down */
.testimonial-slider-css .swiper-content > .wp-block-uagb-container > .wp-block-uagb-advanced-heading{
  margin-top: auto !important;     /* ✅ push to bottom */
  padding-top: 12px !important;    /* ✅ controlled small gap */
}

/* 6) Tidy spacing */
.testimonial-slider-css .uagb-ifb-title,
.testimonial-slider-css .uagb-ifb-desc{
  margin-bottom: 0 !important;
}

.testimonial-slider-css .uagb-ifb-title-wrap{
  margin-bottom: 14px !important;
}

.testimonial-slider-css .uagb-ifb-desc{
  margin-top: 0 !important;
}

.uagb-block-8853eb62 .hero-slider > .banner-tabs .banner-tabs__left {
    gap:60px;
}43

.cta-btn
{
    padding:2px 8px !important;
}

.air-quality-slider-css .swiper-wrapper
{
  height: 50vh;
  display: flex;
  justify-content: flex-start;
}

.air-quality-slider-css .swiper-wrapper{
  transition-duration: 0ms !important;
}

/* ✅ Air Quality: show arrows on tablet & mobile (override the earlier hide) */
@media (max-width: 1024px){
  .air-quality-slider-css .swiper-button-prev,
  .air-quality-slider-css .swiper-button-next{
    display: flex !important;     /* override display:none !important */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 50 !important;
  }

  /* also stop the "slide behind left column" on smaller screens */
  .air-quality-slider-css .air-right .uagb-slider-container{
    margin-left: 0 !important;
  }
  
  
}


/* Reduce swiper fighting with GSAP transform */
.air-quality-slider-css .swiper-wrapper{
  transition-duration: 0ms !important;
}

/* Keep the title row stuck to the top WHILE the whole section is pinned */
.uagb-block-4dfc230b .uagb-block-a319aa96{
  position: sticky;
  top: 80px;
  z-index: 20;
}

/* keep your spacing */
.testimonial-slider-css .uagb-slider-child-wrap{
  margin-right: 1px;
  background-color: #F4F6F8 !important;
}

/* IMPORTANT: clip the LEFT edge so the left duplicate can't peek */
.testimonial-slider-css .uagb-slides,
.testimonial-slider-css .uagb-swiper{
  overflow: hidden;
  clip-path: inset(0 0 0 2px); /* top right bottom left */
}

/* optional: give the right edge the same breathing room */
.testimonial-slider-css .uagb-slides{
  padding-right: 1px;
}

.cta-btn
{
    padding: 2px 4px 2px 18px!important;
}

/* underline animation (left → right) */
.site-header .menu-text {
  position: relative;
  display: inline-block; /* IMPORTANT for transform */
  transform: scale(1);
  transition:
    transform 0.25s ease,
    color 0.25s ease;
}

.site-header .menu-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: currentColor; /* uses #004f8b */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

/* hover */
.site-header  .menu-link:hover .menu-text,
.site-header  .sub-menu .menu-link:focus .menu-text {
  color: #004f8b !important;
  font-weight: 400 !important;
}

.site-header .menu-link:hover .menu-text,
.site-header .menu-link:focus .menu-text {
  color: #004f8b;
  transform: scale(0.96); /* 👈 shrink effect */
}

.site-header .menu-link:hover .menu-text::after,
.site-header .menu-link:focus .menu-text::after {
  transform: scaleX(1);
}

/* active submenu item */
/* Active TOP menu item (desktop + mobile) */
.site-header .main-header-menu > li.current-menu-item > a .menu-text,
.site-header .main-header-menu > li.current_page_item > a .menu-text,
.site-header .main-header-menu > li.current-menu-ancestor > a .menu-text {
  font-weight: 600;
}

.uagb-block-9db27e47.wp-block-uagb-info-box .uagb-ifb-desc
{
    margin-top: 30px !important;
}

@media (min-width: 922px){
    .banner-tabs{
      --tabs-up: 120px;
    }
    
    .uagb-block-8853eb62 .banner-tabs .tab{
      transform: translateY(calc(var(--tabs-up) * -1));
    }
    
    .uagb-block-8853eb62 .hero-slider,
    .uagb-block-8853eb62 .uagb-swiper{
      padding-bottom: var(--tabs-up);
    }
}

.uagb-block-6e35484c,
.uagb-block-206bfca3 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
}

.remove-padding {
    padding: 0px;
}

/* Scope everything to this section only */
.air-quality-slider-css {
    overflow: visible !important;
}

.air-quality-slider-css .wp-block-columns {
    overflow: visible !important;
}

/* First column (air-left) stays on top */
.air-quality-slider-css .air-left {
    position: relative;
    z-index: 2;
}

/* Second column (air-right) allows overflow */
.air-quality-slider-css .air-right {
    position: relative;
    overflow: visible !important;
    z-index: 1;
}

/* Slider can overflow and slide behind first column */
.air-quality-slider-css .air-right .uagb-slider-container {
    position: relative;
    overflow: visible !important;
    margin-left: -20%;
}

/* 1) Make the UL use CSS grid (so rows auto-equalize) */
.uagb-block-7de3e3e2 ul.wp-block-post-template.columns-3{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

/* Tablet / mobile columns */
@media (max-width: 1024px){
  .uagb-block-7de3e3e2 ul.wp-block-post-template.columns-3{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 921px){
  .uagb-block-7de3e3e2 ul.wp-block-post-template.columns-3{
    grid-template-columns: 1fr !important;
  }
}

/* 2) Make each LI a flex column that fills the grid cell */
.uagb-block-7de3e3e2 ul.wp-block-post-template.columns-3 > li.wp-block-post{
  display: flex !important;
  flex-direction: column !important;t
  height: 100% !important; /* ✅ fill the grid cell */
  padding:0px;
}

/* Don’t let image shrink */
.uagb-block-7de3e3e2 .wp-block-post-featured-image{
  flex: 0 0 auto !important;
}

/* 3) Push tags to bottom */
.uagb-block-7de3e3e2 .taxonomy-post_tag.news-align{
  margin-top: auto !important;
}

/* ===== Testimonial progress UI ===== */
.uagb-block-ddddcd27 .testimonial-progress{
  display: flex;
  gap: 1px;              /* adjust gap here */
  margin-top: 16px;
}

/* ===== Testimonial progress UI (FIX thickness) ===== */
.uagb-block-ddddcd27 .testimonial-progress .tp-seg{
  position: relative;
  width: 60px;
  height: 2px;
  background: #F4F6F8;
  overflow: hidden;
  border-radius: 2px;
}

.uagb-block-ddddcd27 .testimonial-progress .tp-seg::after{
  content:"";
  position:absolute;
  inset:0;
  background:#004F8B;

  /* hidden (0% filled) */
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
}

.uagb-block-ddddcd27 .testimonial-progress .tp-seg.is-active::after{
  animation: tpFill var(--tpDelay, 3500ms) linear forwards;
}

.uagb-block-ddddcd27 .testimonial-progress .tp-seg.is-complete::after{
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  animation: none;
}

.uagb-block-ddddcd27 .testimonial-progress .tp-seg.is-rewind::after{
  animation: tpRewind var(--tpReset, 1500ms) linear forwards;
}

/* FORCE bars to full for 1 frame before rewind */
.uagb-block-ddddcd27 .testimonial-progress .tp-seg.is-force-full::after{
  clip-path: inset(0 0 0 0) !important;
  -webkit-clip-path: inset(0 0 0 0) !important;
  animation: none !important;
}


@keyframes tpFill{
  from{ clip-path: inset(0 100% 0 0); }
  to  { clip-path: inset(0 0 0 0); }
}
@keyframes tpRewind{
  from{ clip-path: inset(0 0 0 0); }
  to  { clip-path: inset(0 100% 0 0); }
}

/* (optional) Safari sometimes needs prefixed keyframes too */
@-webkit-keyframes tpFill{
  from{ -webkit-clip-path: inset(0 100% 0 0); }
  to  { -webkit-clip-path: inset(0 0 0 0); }
}
@-webkit-keyframes tpRewind{
  from{ -webkit-clip-path: inset(0 0 0 0); }
  to  { -webkit-clip-path: inset(0 100% 0 0); }
}

@media (max-width: 921px){
  .uagb-block-ddddcd27 .testimonial-progress .tp-seg{
    width: 30px; /* half of desktop (60px) */
  }
}

/* Show arrows on tablet & mobile */
@media (max-width: 1024px) {
    .air-quality-slider-css .swiper-button-prev,
    .air-quality-slider-css .swiper-button-next {
        display: flex !important;
    }
    
    .air-quality-slider-css .air-right .uagb-slider-container {
        margin-left: 0;
    }
}

/* Mobile: 1 card per screen */
@media (max-width: 921px){
  .uagb-block-4dfc230b .air-quality-slider-css .swiper{
    overflow: hidden !important; /* prevent peek */
  }
  .uagb-block-4dfc230b .air-quality-slider-css .swiper-wrapper{
    align-items: stretch;
  }
}

/* Tablet: 2 cards per screen */
@media (max-width: 1024px) and (min-width: 922px){
  .uagb-block-4dfc230b .air-quality-slider-css .swiper{
    overflow: hidden !important;
  }
}


@media (max-width: 921px){
    .wp-block-uagb-container.uagb-block-d63444c7
    {
        min-height: 10vh;
    }
    
    .hp-tabs{
        justify-content: center !important;
    }
    
    .uagb-block-a319aa96 > .wp-block-columns{
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }
    
    .uagb-block-2c0609d6.uagb-buttons__outer-wrap .uagb-buttons__wrap{
        justify-content: center;
    }
    
    .page-id-1812 .wp-block-uagb-image__figure,
    .page-id-2530 .wp-block-uagb-image__figure,
    .page-id-3213 .wp-block-uagb-image__figure
    {
        align-items: center;
    }
    
    .hero-slide .features
    {
        margin: 0;
    }
    
    /* Add top padding to all buttons inside the slider */
    .page-id-1812 .uagb-ifb-button-wrapper, 
    .page-id-2530 .uagb-ifb-button-wrapper,
    .page-id-3213 .uagb-ifb-button-wrapper{
        padding-top: 15px !important;
    } 
    
    .page-id-1812 .uagb-block-3b1287ca .wp-block-uagb-image .wp-block-uagb-image__figure img, 
    .page-id-2530  .uagb-block-3b1287ca .wp-block-uagb-image .wp-block-uagb-image__figure img,
    .page-id-3213  .uagb-block-3b1287ca .wp-block-uagb-image .wp-block-uagb-image__figure img{
        height: 60% !important;
        width: 60% !important;
    }
    
    .uagb-block-3b1287ca .swiper-slide
    {
        height: 100% !important;
        width: 100% !important;
        margin-rigth: 0;
    }
    
    .uagb-block-4a4d2074 img
    {
        height: 70% !important;
        width: 70% !important;
    }
    
    .wp-block-columns .wp-block-column:not(:last-child)
    {
        margin-bottom: 0px !important;
    }
    
    .testimonial-progress
    {
        margin-bottom: 10px;
    }
}

/* Partner logo marquee — fix uneven gaps ONLY on tablet/mobile */
@media (max-width: 1024px){

  /* 1) Force a consistent OUTER gap */
  .uagb-block-359c67d0 .uagb-slick-carousel .slick-slide{
    padding: 0 12px;              /* gap size */
    box-sizing: border-box;
  }
  .uagb-block-359c67d0 .uagb-slick-carousel .slick-list{
    margin: 0 -12px;              /* keep edges aligned */
  }

  /* 2) Force a consistent INNER breathing space for all logos
        (fixes SVGs with different transparent padding/viewBox) */
  .uagb-block-359c67d0 .spectra-image-gallery__media-wrapper{
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* 3) Keep logo scaling consistent */
  .uagb-block-359c67d0 .spectra-image-gallery__media-thumbnail{
    width: 100%;
    height: auto;
    display: block;
  }
}

/* Slightly smaller gap for mobile */
@media (max-width: 921px){
  .uagb-block-359c67d0 .uagb-slick-carousel .slick-slide{ padding: 0 10px; }
  .uagb-block-359c67d0 .uagb-slick-carousel .slick-list{ margin: 0 -10px; }
  .uagb-block-359c67d0 .spectra-image-gallery__media-wrapper{ padding: 0 10px; }
}


@media (max-width: 400px){
    
    .uagb-slider-container.uagb-block-ba9dbd89 .swiper-wrapper 
    {
        height: 100% !important;
    }
}

/* ===== Partner logo marquee: MOBILE spacing fix ===== */
@media (max-width: 921px){

  /* Force slick to use full height + avoid odd inline spacing */
  .uagb-block-359c67d0 .uagb-slick-carousel .slick-track{
    display: flex !important;
    align-items: center !important;
  }

  /* Make every slide a consistent "slot" */
  .uagb-block-359c67d0 .uagb-slick-carousel .slick-slide{
    padding: 0 14px !important;     /* <-- mobile gap */
    box-sizing: border-box !important;
    height: auto !important;
  }

  .uagb-block-359c67d0 .uagb-slick-carousel .slick-list{
    margin: 0 -14px !important;     /* keep edge aligned */
  }

  /* Center everything inside each slot */
  .uagb-block-359c67d0 .spectra-image-gallery__media-wrapper,
  .uagb-block-359c67d0 .spectra-image-gallery__media{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  /* The real trick: normalize logo visual width */
  .uagb-block-359c67d0 .spectra-image-gallery__media-thumbnail{
    width: auto !important;
    max-width: 120px !important;    /* <-- adjust (100–140) */
    height: auto !important;
    display: block !important;
  }
} 


@media (max-width: 540px){
    .uagb-block-8853eb62 .banner-tabs{
      display: grid;
      align-items: center;
      justify-content:center;
      gap:30px;
      margin: 0;
    }
}

@media (max-width: 540px){
.uagb-slider-container.uagb-block-ddf68770 .swiper-wrapper {
        min-height: 650px !important;
    }
}

@media (min-width: 541px) and (max-width: 650px){
.uagb-slider-container.uagb-block-ddf68770 .swiper-wrapper {
        min-height: 780px !important;
    }
}

@media (min-width: 651px) and (max-width: 766px){
.uagb-slider-container.uagb-block-ddf68770 .swiper-wrapper {
        min-height: 800px !important;
    }
}

@media (min-width: 767px) and (max-width: 775px){
.uagb-slider-container.uagb-block-ddf68770 .swiper-wrapper {
        min-height: 900px !important;
    }
}

@media (min-width: 776px) and (max-width: 781px){
.uagb-slider-container.uagb-block-ddf68770 .swiper-wrapper {
        min-height: 750px !important;
    }
}

@media (min-width: 782px) and (max-width: 1023px){
.uagb-slider-container.uagb-block-ddf68770 .swiper-wrapper {
        min-height: 350px !important;
    }
}

@media (max-width: 434px){
    .testimonial-slider-css .swiper-content{
        height: 80% !important;
    }
}

/* Air Quality: FORCE arrows visible on tablet + mobile */
/* Air Quality: MOBILE = 1 card per view, no peeking */
@media (max-width: 921px){

  /* clip the slider viewport so next slide can't peek */
  .uagb-block-4dfc230b{
    /*overflow-x: hidden !important;*/
  }

  .uagb-block-4dfc230b .air-quality-slider-css .uagb-slides.uagb-swiper,
  .uagb-block-4dfc230b .air-quality-slider-css .uagb-swiper,
  .uagb-block-4dfc230b .air-quality-slider-css .swiper{
    overflow: hidden !important;
  }

  /* keep gap consistent (Swiper uses margin-right inline) */
  .uagb-block-4dfc230b .air-quality-slider-css .swiper-wrapper{
    height: auto !important;
  }

  /* hide the empty last slide if it exists */
  .uagb-block-4dfc230b .air-quality-slider-css .uagb-block-e35fce76{
    display: none !important;
  }
}

@media (min-width: 922px) and (max-width: 1024px){
  .uagb-block-4dfc230b .air-quality-slider-css .swiper-slide,
  .uagb-block-4dfc230b .air-quality-slider-css .uagb-slider-child-wrap{
    max-width: 100% !important;
  }
}

/* ===============================
   HERO SLIDER – MOBILE REORDER
   =============================== */
@media (max-width: 599px){

  /* ensure flex context */
  .uagb-block-8853eb62 .hero-slider .swiper-slide .wp-block-columns{
    display: flex;
    flex-direction: column;
  }

  /* 1️⃣ hero text */
  .uagb-block-8853eb62 .hero-content{
    order: 1;
  }

  /* 2️⃣ features / description */
  .uagb-block-8853eb62 .hero-description{
    order: 2;
  }

  /* 3️⃣ product image LAST */
  .uagb-block-8853eb62 .hero-image-wrap{
    order: 3;
  }

  /* optional: tighten spacing */
  .uagb-block-8853eb62 .hero-image-wrap{
    margin-top: 8px;
  }
}

/* Tablet + Mobile (touch): NO transition, animation-only */
@media (hover: hover) and (pointer: fine){
  .uagb-block-8853eb62 .banner-tabs .tab::before{
    transition: transform var(--tabDelay, 5000ms) linear;
  }

  .uagb-block-8853eb62 .banner-tabs .tab:not(.is-active):hover::before{
    transform: scaleX(1);
  }
}

@media (hover: none), (pointer: coarse){
  .uagb-block-8853eb62 .banner-tabs .tab::before{
    transition: none !important;
  }

  /* prevent sticky hover from forcing full bar */
  .uagb-block-8853eb62 .banner-tabs .tab:not(.is-active):hover::before{
    transform: scaleX(0) !important;
  }
}

/* Hover preview ONLY on desktop mouse/trackpad */
@media (hover: hover) and (pointer: fine){
  .uagb-block-4a4d2074 .hp-tab::before{
    transition: transform var(--hpDelay, 5000ms) linear; /* ✅ must be on BASE */
  }

  .uagb-block-4a4d2074 .hp-tab:not(.is-active):hover::before{
    transform: scaleX(1);
  }

  /* don't let hover fight the active animation */
  .uagb-block-4a4d2074 .hp-tab.is-active:hover::before{
    transform: none;
  }
}

/* Mobile/tablet touch: NO hover preview + no transition (animation-only) */
@media (hover: none), (pointer: coarse){
  .uagb-block-4a4d2074 .hp-tab::before{
    transition: none !important;
  }

  .uagb-block-4a4d2074 .hp-tab:not(.is-active):hover::before{
    transform: scaleX(0) !important;
  }
}

/* AQ slider: prevent drift / truncation on mobile+tablet */
@media (max-width: 1024px){

  /* make sure the slider container can't exceed the viewport */
  .uagb-block-4dfc230b .air-quality-slider-css,
  .uagb-block-4dfc230b .air-quality-slider-css .uagb-swiper,
  .uagb-block-4dfc230b .air-quality-slider-css .swiper{
    width: 100%;
    max-width: 100%;
    overflow: hidden; /* important */
  }

  /* Swiper wrapper sometimes ends up with subpixel transforms */
  .uagb-block-4dfc230b .air-quality-slider-css .swiper-wrapper{
    will-change: transform;
  }

  /* ensure each slide uses border-box sizing */
  .uagb-block-4dfc230b .air-quality-slider-css .swiper-slide{
    box-sizing: border-box;
  }
}

.uagb-block-4dfc230b .air-quality-slider-css h3.uagb-ifb-title{
  line-height: 120%; 
  font-weight: 700;
}

/* Air Quality slider: "Learn More" text */
.uagb-block-4dfc230b .air-quality-slider-css a.uagb-infobox-cta-link .uagb-inline-editing{
  font-weight: 600;
}

/* Home section: all "Explore Air Purifiers" CTA text */
.uagb-block-4a4d2074 a.uagb-infobox-cta-link .uagb-inline-editing{
  font-weight: 600;
}

/* testimonial title */
.uagb-block-ddddcd27 .testimonial-slider-css .uagb-ifb-title{
  font-weight: 700;
  line-height: 120%;
  color: #2E3A45;
  font-family: "Red Hat Display";
}

/* testimonial name */
.testimonial-slider-css .swiper-content .wp-block-uagb-advanced-heading:last-child .uagb-heading-text{
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
}


/* FAQ questions typography */
.uagb-block-12891cee .uagb-question{
  font-size: 1.25em;
  font-weight: 600;
  font-family: "Red Hat Display";
  line-height: 120%;
}

.uagb-block-12891cee .uagb-faq-content p{
    color: #2E3A45;
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

/* Blue button: stop hover jump */
.blue-button{
  box-sizing: border-box;
  border: 2px solid transparent; /* reserve border space */
}

/* keep your hover border color, but no size change */
.blue-button:hover{
  border-color: #004f8b;
}

/* =========================
   HERO TEXT FADE (800ms)
   Works with your JS (.is-entering / .is-exiting)
   ========================= */

.uagb-block-8853eb62 .hero-content,
.uagb-block-8853eb62 .features{
  will-change: opacity, transform;
  transition: opacity 1000ms ease, transform 1000ms ease; /* ✅ always present */
}

.uagb-block-8853eb62 .hero-image-wrap img{
  transition: transform 1000ms ease, opacity 1000ms ease;
}

/* Default: any non-active slide is hidden */
.uagb-block-8853eb62 .hero-slide:not(.active) .hero-content,
.uagb-block-8853eb62 .hero-slide:not(.active) .features{
  opacity: 0;
  transform: translateY(10px);
}

/* Exiting: force hidden (even though it's still .active during the overlap) */
.uagb-block-8853eb62 .hero-slide.is-exiting .hero-content,
.uagb-block-8853eb62 .hero-slide.is-exiting .features{
  opacity: 0;
  transform: translateY(10px);
}

/* Entering: force visible */
.uagb-block-8853eb62 .hero-slide.is-entering .hero-content,
.uagb-block-8853eb62 .hero-slide.is-entering .features{
  opacity: 1;
  transform: translateY(0);
}

/* Active: visible (no special transition here; base transition already handles it) */
.uagb-block-8853eb62 .hero-slide.active .hero-content,
.uagb-block-8853eb62 .hero-slide.active .features{
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 922px){
  .uagb-block-8853eb62{
    position: relative;
    /* ❌ remove this */
    /* isolation: isolate; */
    --divider-top: 280px;
  }

  .uagb-block-8853eb62::after{
    content:"";
    position:absolute;
    top: var(--divider-top);
    left: 50%;
    transform: translateX(-50%);
    width: 1366px;
    height: 1px;
    background:#CBD3D6;
    z-index: 0;
    pointer-events:none;
  }

  /* ✅ make sure banner tabs are ABOVE everything clickable */
  .uagb-block-8853eb62 .banner-tabs{
    position: relative;
    z-index: 10;
    pointer-events: auto;
  }

  /* keep slide content above the line */
  .uagb-block-8853eb62 .uagb-swiper,
  .uagb-block-8853eb62 .hero-slider,
  .uagb-block-8853eb62 .swiper-content{
    position: relative;
    z-index: 2;
  }

  .uagb-block-8853eb62 .hero-image-wrap{
    position: relative;
    z-index: 3;
  }
}

@media (min-width: 922px){
  /* divider stays behind */
  .uagb-block-8853eb62::after{
    z-index: 1;                 /* behind */
  }

  /* IMPORTANT: make the image layer positioned + higher z-index */
  .uagb-block-8853eb62 .hero-image-wrap{
    position: relative;
    z-index: 6;                 /* always above divider */
  }

  /* because transform creates a stacking context, put z-index on the transformed element too */
  .uagb-block-8853eb62 .hero-image{
    position: relative;
    z-index: 7;                 /* above divider during rotation */
  }

  /* keep text/features above divider too (but below image if you want) */
  .uagb-block-8853eb62 .swiper-content{
    position: relative;
    z-index: 5;
  }

  /* tabs remain clickable and on top */
  .uagb-block-8853eb62 .banner-tabs{
    position: relative;
    z-index: 10;
  }
}

.post-template-css .taxonomy-post_tag a, .single-post-css .taxonomy-post_tag a
{
    padding: 10px 10px 11px 10px !important;
    border-radius: 30px !important;
    border: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2) !important;
    background: var(--Neutrals-Soft-Light-Grey, #F4F6F8) !important;
}

/* FAQ links — ONLY inside this block */ 
.uagb-block-206bfca3 .uagb-faq-content a,
.uagb-block-6e35484c .uagb-faq-content a{
  color: var(--Neutrals-Slate-Text, #2E3A45);
  line-height: 150%;

  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 2px;

  /* experimental (safe fallback) */
  leading-trim: both;
  text-edge: cap;
}

/* Social share spacing — ONLY this block */
.wp-container-core-columns-is-layout-28f84493{
  gap: 0px;
}


/* ===============================
   BUTTON BASE
================================ */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link{
  position: relative;
  overflow: hidden;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  background: #004F8B;
  color: #ffffff !important;

  border-radius: 32px !important;
  padding: 0px !important;

  border: 2px solid  #004F8B !important;
  cursor: pointer !important;
  isolation: isolate;

  transition: color 0.3s ease !important;
}

/* BLUE BASE LAYER */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link::after{
  content: "";
  position: absolute;
  inset: 0;
  background: #004F8B;
  border-radius: 32px;
  z-index: 0;
}

/* WHITE HOVER LAYER */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #ffffff;
  border-radius: 32px;
  transition: width 0.4s ease;
  z-index: 1;
}

/* EXPAND FROM RIGHT TO LEFT */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link:hover::before{
  width: 100%;
}

/* TEXT ABOVE LAYERS */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link .uagb-button__link{
  position: relative;
  z-index: 2;
  color: #ffffff !important;
  transition: color 0.3s ease !important;
  white-space: nowrap;
  line-height: 1;
  font-weight: 600;
}

/* ICON ABOVE LAYERS */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link .uagb-button__icon-position-after{
  position: relative;
  z-index: 2;

  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-left: 8px !important;
  border-radius: 32px !important;
  transform: rotate(90deg) !important;
  flex-shrink: 0 !important;
}

/* TEXT COLOR ON HOVER */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link:hover .uagb-button__link{
  color: #004F8B !important;
}

/* POINTER */
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link:hover,
.wp-block-uagb-container.uagb-block-4e75ec20 
.uagb-button__wrapper.gf-uagb-wrapper 
button.gf-submit-link:focus{
  cursor: pointer !important;
}

/* Social media add button copy */
/* Copy link button feedback */
.uagb-block-bf6978b8 .uagb-copy-link{
  position: relative;
}

/* Copy feedback — button-style */
.uagb-block-bf6978b8 .copy-feedback{
  position: absolute;
  top: -34px;                 /* adjust vertical position */
  left: 50%;
  transform: translateX(-50%);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 28px;
  padding: 6px 12px;          /* ⬅️ makes it feel like a button */
  min-width: max-content;

  font-size: 0.8em;
  font-weight: 500;
  line-height: 1;
  color: #2E3A45;
  background: #ffffff;

  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);

  white-space: nowrap;
  opacity: 0;
  pointer-events: none;

  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* visible state */
.uagb-block-bf6978b8 .copy-feedback.is-visible{
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}


.uagb-block-bf6978b8 .copy-feedback.is-visible{
  opacity: 1;
}

/* COPY LINK button tweaks — ONLY this block */
.uagb-block-bf6978b8 .uagb-copy-link{
  position: relative;
  top: -3px; /* ⬆️ move button up slightly (adjust if needed) */
}

/* Force icon size to 24x24 (override UAGB styles) */
.uagb-block-bf6978b8 .uagb-copy-link svg{
  width: 24px !important;
  height: 24px !important;
  display: block;
}

/* Ensure wrapper doesn’t shrink it */
.uagb-block-bf6978b8 .uagb-copy-link .uagb-ss__source-wrap{
  width: 24px !important;
  height: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}


.site-primary-footer-wrap 
.wp-container-core-columns-is-layout-28f84493 
.wp-block-uagb-advanced-heading:not(.footer-address):not(.footer-powered-by):not(.footer-copyright)  
.uagb-heading-text{
  text-transform: capitalize;
  font-family: "Red Hat Display";
  font-size: 1.25em;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.uagb-block-b8f63d1d.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner {
    border-top-width: 1px;
    border-top-color: #D3D9E2;
}

.site-primary-footer-wrap  .uagb-block-736fc968
{
    display: none;
}

/* Footer Widget 2 > block-14 ONLY: push address + copyright to bottom */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed,
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap{
  height: 100%;
}

/* make the widget content a vertical stack */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap{
  display: flex;
  flex-direction: column;
}

/* the address row (the only columns block inside block-14) goes to the bottom */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap
> .wp-block-columns.wp-container-core-columns-is-layout-28f84493{
  margin-top: 0px;
}


.site-primary-footer-wrap :where(.wp-block-columns)
{
    margin-bottom: 0px;
}

/*.site-footer-section .menu-item .menu-link{
	color: #fff;
	font-size: 0.9em;
	font-weight: 400;
}*/

.site-primary-footer-wrap .wp-container-core-columns-is-layout-28f84493.wp-block-columns{
  gap: 30px;
}

/* ❌ EXCEPT the footer address row */
.wp-container-core-columns-is-layout-28f84493.wp-block-columns:has(.footer-address){
  gap: 0;
}

/* ✅ default: keep 30px gap for all columns with this wp-container class */
.site-primary-footer-wrap .wp-block-columns.wp-container-core-columns-is-layout-28f84493{
  gap: 30px;
}

/* ✅ ONLY the Newsletter widget (uagb-block-527770ed): make layout column so address+copyright can sit at bottom */
.site-primary-footer-wrap .uagb-block-527770ed .uagb-container-inner-blocks-wrap{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ✅ ONLY the address row (the columns DIRECTLY inside this widget) */
.site-primary-footer-wrap .uagb-block-527770ed
.uagb-container-inner-blocks-wrap > .wp-block-columns.wp-container-core-columns-is-layout-28f84493{
  margin-top: auto;               /* push address+copyright to bottom */
  align-items: flex-start;
  gap: 10px !important;           /* icon near address */
}

/* override the inline flex-basis that causes spacing */
.site-primary-footer-wrap .uagb-block-527770ed
.uagb-container-inner-blocks-wrap > .wp-block-columns.wp-container-core-columns-is-layout-28f84493
> .wp-block-column:first-child{
  flex: 0 0 24px !important;
  max-width: 24px !important;
}

.site-primary-footer-wrap .uagb-block-527770ed
.uagb-container-inner-blocks-wrap > .wp-block-columns.wp-container-core-columns-is-layout-28f84493
> .wp-block-column:last-child{
  flex: 1 1 auto !important;
  max-width: none !important;
  padding-left: 0 !important;
}

/* make sure the icon hugs the left edge */
.site-primary-footer-wrap .uagb-block-527770ed .uagb-block-0760be00{
  display: flex;
  justify-content: flex-start;
}

/* ✅ address + copyright spacing = 30px only */
.site-primary-footer-wrap .uagb-block-527770ed .footer-address{
  margin: 0 !important;
}

/* =========================================================
   FOOTER WIDGET 2 (block-14) — remove gaps + bottom align
   Targets only: footer-widget-2 > #block-14 > .uagb-block-527770ed
   ========================================================= */

.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed{
  height: 100%;
}

/* Make the inner wrapper a flex column so we can bottom-align */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap{
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ✅ Push EVERYTHING (Suprayi title + contact rows + copyright) to bottom */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap
> .wp-block-uagb-advanced-heading.uagb-block-baa886b8{
  margin-top: auto !important;   /* this is the key */
}

/* ---------------------------------------------------------
   Remove “gaps” between address / hours / email / whatsapp
   --------------------------------------------------------- */

/* Kill default margins that create vertical spacing */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed :where(
  .wp-block-uagb-advanced-heading,
  .wp-block-columns,
  .wp-block-column,
  p, h2, h3
){
  margin-top: 0 !important;
  margin-bottom: 0;
}

/* Make each contact row compact (set your preferred row spacing) */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap
> .wp-block-columns{
  margin-bottom: 10px !important;  /* ✅ spacing between rows (change to 0 if you want no gap) */
  gap: 10px !important;            /* ✅ icon-to-text horizontal gap */
  align-items: flex-start;
}

/* Title spacing: “Suprayi by Supratechnic” -> first row */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-block-baa886b8{
  margin-bottom: 14px !important;
}

/* Copyright spacing from last row */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-block-7330ec91{
  margin-top: 18px !important;
}

/* ---------------------------------------------------------
   Optional: lock icon column width (your blocks use flex-basis 10%)
   --------------------------------------------------------- */
.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap
> .wp-block-columns
> .wp-block-column:first-child{
  flex: 0 0 24px !important;
  max-width: 24px !important;
}

.site-primary-footer-wrap
.footer-widget-area-inner[data-section="sidebar-widgets-footer-widget-2"]
#block-14
.uagb-block-527770ed
.uagb-container-inner-blocks-wrap
> .wp-block-columns
> .wp-block-column:last-child{
  flex: 1 1 auto !important;
  padding-left: 0 !important;
}

.wp-block-uagb-advanced-heading.uagb-block-05d6953f .uagb-heading-text {
    font-weight: 400;
}

.wp-block-uagb-advanced-heading.uagb-block-7330ec91 .uagb-heading-text {
    font-weight: 400;
}

.site-footer-section .menu-item .menu-link
{
    font-weight: 400;
}

@media (max-width: 781px){

  /* ONLY the address row in block-14 */
  #block-14 .wp-container-core-columns-is-layout-28f84493.wp-block-columns{
    justify-content: center;
    text-align: center;
  }

  /* kill Gutenberg column widths */
  #block-14 .wp-container-core-columns-is-layout-28f84493.wp-block-columns > .wp-block-column{
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* keep icon from centering itself */
  #block-14 .uagb-block-0760be00,
  #block-14 .uagb-svg-wrapper{
    margin: 0 !important;
    justify-content: flex-start !important;
  }

  /* make sure svg isn't weirdly wide */
  #block-14 .uagb-svg-wrapper svg{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }
}

@media (max-width: 781px){
  #block-14 .uagb-svg-wrapper{ margin-left: 0 !important; }
  
}

@media (max-width: 404px){
  .gform-theme.gform-theme--framework.gform_wrapper  #gform_1 input:is([type=submit],[type=button],[type=reset])
  {
      font-size:9px;
  }
}

.ast-hfb-header .site-footer {
    padding-bottom: 0px !important;
}

@media (max-width: 921px) {
  .site-below-footer-wrap
  .site-footer-section-2
  .footer-bar-navigation,
  .site-below-footer-wrap
  .site-footer-section-2
  #footer-site-navigation,
  .site-below-footer-wrap
  .site-footer-section-2
  .footer-nav-wrap,
  .site-below-footer-wrap
  .site-footer-section-2
  #astra-footer-menu {
    justify-content: center !important;
  }
}

.uagb-block-3527e41a .uagb-infobox-cta-link:hover {
    border-color: #ffffff;
    background-color: #FFF !important;
}

.white-button .uagb-infobox-cta-link:before,
.testimonial-button .uagb-infobox-cta-link:before{
  transition: width 0.8s ease;
}

#gform_wrapper_1[data-form-index="0"] .gform_description {
  color: #fff;
  font-family: "Red Hat Display", sans-serif;
  font-size: 1em;
}

aside[data-section="sidebar-widgets-footer-widget-1"] 
.uagb-block-7959b705 a {
  color: #fff;
  text-decoration: underline;
}

.site-footer .uagb-block-7959b705 a {
  color: #fff !important;
  text-decoration: underline !important;
}

.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]
{
    margin-top:0px !important;
	margin-left:33px;
}

.site-primary-footer-wrap
{
    padding-bottom: 0px !important;
}

.third-slider-heading-back
{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.40) !important;
    backdrop-filter: blur(20px);
}

.testimonial-button  .wp-block-button__link svg {
  transform: rotate(90deg);
	fill: #fff !important;
	background: #3aa6a1;
    padding: 10px;
    border-radius: 100px;
	margin-left: 8px !important;
    width: 18px !important;
    height: 18px !important;
}

.testimonial-button .uagb-inline-editing
{
    position: relative;
    z-index: 2;
    transition: color 0.6s ease;
}

.testimonial-button .uagb-infobox-cta-link:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;              /* start from right */
    width: 0%;
    height: 100%;
    background-color: #3aa6a1;
	border-radius: 100px;
    /*transition: width 0.6s ease;*/
    z-index: 0;
    border: none;
}

/* Text & icon color */
.testimonial-button .uagb-infobox-cta-link:hover .uagb-inline-editing,
.testimonial-button .uagb-infobox-cta-link:hover svg {
  color: #fff;
  fill: #fff;
}

.testimonial-button .wp-block-button__link
{
    padding: 10px 20px !important;
    border-color: #3aa6a1 !important;
}

.testimonial-button .uagb-infobox-cta-link {
  position: relative;
  overflow: hidden;
  background: transparent;
	border-radius: 40px;
  z-index: 1;
}

.testimonial-button .uagb-infobox-cta-link:hover::before {
  width: 100%;
}

.uagb-block-3b99ccc4 {
    margin-block-start: 5px !important;
}

/* =========================
   Base buttons (Astra + Woo)
   ========================= */
.woocommerce a.checkout-button,
.woocommerce a.button.checkout.wc-forward,
.woocommerce-checkout #place_order,
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt{
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid transparent;   /* keep border width always */
  isolation: isolate;              /* ✅ allows ::before z-index:-1 safely */
  transition: color .6s ease, border-color .6s ease;
}

.hitpay-own-payment-button
{
    background: #004F8B !important;
    height: auto !important;
}

/* =========================
   Sliding background (behind text)
   ========================= */
.woocommerce a.checkout-button::before,
.woocommerce a.button.checkout.wc-forward::before,
.woocommerce-checkout #place_order::before,
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt::before,
.woocommerce .woocommerce .woocommerce-checkout #place_order{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 100px;
  transform: scaleX(0);
  transform-origin: right;         /* right -> left */
  transition: transform 0.6s ease;
  z-index: -1;                     /* ✅ ALWAYS behind button text */
  pointer-events: none;
}

/* Hover = reveal bg */
.woocommerce a.checkout-button:hover::before,
.woocommerce a.button.checkout.wc-forward:hover::before,
.woocommerce-checkout #place_order:hover::before,
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt:hover::before{
  transform: scaleX(1);
}

/* Hover border */
.woocommerce a.checkout-button:hover,
.woocommerce a.button.checkout.wc-forward:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt:hover{
  border-color: #004F8B;
  color: #004F8B !important;
  -webkit-text-fill-color: #004F8B !important;
}

/* =========================
   Force hover text color (beat Woo/Astra !important)
   ========================= */
body.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt:hover,
body.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt:hover *{
  color: #004F8B !important;
  -webkit-text-fill-color: #004F8B !important;
}

/* Also cover checkout buttons */
body.woocommerce a.checkout-button:hover,
body.woocommerce a.button.checkout.wc-forward:hover,
body.woocommerce-checkout #place_order:hover{
  color: #004F8B !important;
  -webkit-text-fill-color: #004F8B !important;
}

.page-id-3213 .contact-bread .uagb-heading-text a,
.page-id-2530 .contact-bread .uagb-heading-text a
{
    color: #FFF !important;
}

/* Common text layout */
.for-business-icon1 .uagb-heading-text,
.for-business-icon2 .uagb-heading-text,
.for-business-icon3 .uagb-heading-text {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-items: center;
}

/* Base icon */
.for-business-icon1 .uagb-heading-text::before,
.for-business-icon2 .uagb-heading-text::before,
.for-business-icon3 .uagb-heading-text::before {
  content: "";
  width: 50px;       /* icon size */
  height: 50px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;  /* fine vertical alignment */
}

/* Individual icons */
.for-business-icon1 .uagb-heading-text::before {
  background-image: url('/wp-content/uploads/2026/01/For_business_icon1.webp');
}

.for-business-icon2 .uagb-heading-text::before {
  background-image: url('/wp-content/uploads/2026/01/For_business_icon2.webp');
}

.for-business-icon3 .uagb-heading-text::before {
  background-image: url('/wp-content/uploads/2026/01/For_business_icon3.webp');
}


/* Align image block content properly */
.wp-block-uagb-image.uagb-block-ee58873d {
  display: flex;
  align-items: start;      /* vertical alignment */
  justify-content: start;  /* horizontal alignment */
  text-align: start;
}

/* Reset counter on the group */
.iqair-benefits-accordion {
  counter-reset: benefit;
}

/* Each accordion item increments the counter */
.iqair-benefits-accordion .wp-block-woocommerce-accordion-item {
  counter-increment: benefit;
  border: none;
  padding: 16px 0;
  margin-block-start: 10px;
}

/* Layout for the clickable title row */
.iqair-benefits-accordion .accordion-item__toggle {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 0;
}

/* Number before the title */
.iqair-benefits-accordion .accordion-item__toggle::before {
  content: counter(benefit, decimal-leading-zero);
  min-width: 32px;
  font-size: 0.8em;
  flex-shrink: 0;
}

/* Title text span */
.iqair-benefits-accordion .accordion-item__toggle > span:first-child {
  flex: 1;
}

/* INACTIVE (collapsed) */
.iqair-benefits-accordion .wp-block-woocommerce-accordion-item:not(.is-open) .accordion-item__toggle,
.iqair-benefits-accordion .wp-block-woocommerce-accordion-item:not(.is-open) .accordion-item__toggle::before {
  color: #bfc3c8;
  font-weight: 400;
}

.is-layout-flow>.wp-block-woocommerce-accordion-panel, .wp-block-woocommerce-accordion-panel
{
    padding-left: 60px;
}

/* ACTIVE (open) */
.iqair-benefits-accordion .wp-block-woocommerce-accordion-item.is-open .accordion-item__toggle,
.iqair-benefits-accordion .wp-block-woocommerce-accordion-item.is-open .accordion-item__toggle::before {
  color: #2e3a45;
  font-weight: 500;
  padding-bottom: 10px;
}

/* Optional: hide the default toggle icon (right side) */
.iqair-benefits-accordion .accordion-item__toggle-icon {
  display: none;
}

/* Optional: content spacing */
.iqair-benefits-accordion .wp-block-woocommerce-accordion-panel {
  margin-left: calc(32px + 28px); /* number width + gap */
}

.page-id-3213 .accordion-item__toggle>span
{
    font-size: 0.8em;
    font-weight: 600;
}

/* Make the <p> stack icon above text */
/* Stack icon above text ONLY in the trust bar */
.uagb-block-0ff270a8 .uagb-heading-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;        /* space between icon and text */
  margin: 0;
  text-align: center;
}

/* Icon base */
.uagb-block-3159b523 .uagb-heading-text::before,
.uagb-block-146ce9da .uagb-heading-text::before,
.uagb-block-39ad06c9 .uagb-heading-text::before {
  content: "";
  width: 44px;
  height: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}


/* Icon 1: Ships from Singapore */
.uagb-block-0ff270a8 .uagb-block-3159b523 .uagb-heading-text::before{
  background-image: url('/wp-content/uploads/2026/01/Singapore.webp');
}

/* Icon 2: 2 year warranty */
.uagb-block-0ff270a8 .uagb-block-146ce9da .uagb-heading-text::before{
  background-image: url('/wp-content/uploads/2026/01/Large_Preview.webp');
}

/* Icon 3: Local support */
.uagb-block-0ff270a8 .uagb-block-39ad06c9 .uagb-heading-text::before{
  background-image: url('/wp-content/uploads/2026/01/icons.webp');
}


/* Target ONLY the row that contains your 3 text blocks */
.wp-block-columns:has(.uagb-block-3159b523):has(.uagb-block-146ce9da):has(.uagb-block-39ad06c9) {
  position: relative;
  background-image:
    linear-gradient(#d9dee5, #d9dee5),
    linear-gradient(#d9dee5, #d9dee5);
  background-repeat: no-repeat;
  
  /* 1px width lines, 70% height */
  background-size: 1px 70%, 1px 70%;
  
  /* Put lines between the 3 columns (at 1/3 and 2/3), centered vertically */
  background-position: calc(33.333% ) 50%, calc(66.666% ) 50%;
}

.wp-block-columns:has(.uagb-block-3159b523):has(.uagb-block-146ce9da):has(.uagb-block-39ad06c9)
{
    row-gap:20px;
}

.wp-block-woocommerce-product-price
.wc-block-components-product-price
del
.woocommerce-Price-amount.amount
bdi {
  color: var(--Neutrals-Slate-Text, #2E3A45);
  font-family: 'Inter', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 150%;
  text-decoration: line-through;
  opacity: 0.5;
}

.page-id-1812 .uagb-infobox-cta-link.ajax_add_to_cart{
  position: relative;
}

.page-id-1812 .uagb-infobox-cta-link.ajax_add_to_cart.show-added-tip::after{
  content: "Added to cart ✓";
  position: absolute;
  left: 0;
  bottom: 120%;
  padding: 8px 10px;
  background: #111;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  border-radius: 10px;
  white-space: nowrap;
  z-index: 99;
}

/* Hide WooCommerce "View cart" link that appears after AJAX add to cart */
.page-id-1812 .uagb-ifb-button-wrapper .added_to_cart.wc-forward{
  display: none !important;
}


.page-id-1812 .uagb-infobox-cta-link.show-added-tip::after{
  content: "Added to cart ✓";
  position: absolute;
  left: 0;
  bottom: 120%;
  padding: 8px 10px;
  background: #004f8b;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  border-radius: 10px;
  white-space: nowrap;
  z-index: 9999;
}

#suprayi-cart-toast{
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  background: #004f8b;
  color: #fff;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1;
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

#suprayi-cart-toast.is-on{
  opacity: 1;
  transform: translateX(-50%) translateY(-6px);
}

/* SOLID white header (remove blur / glass effect) ONLY on these pages */
.page-id-3213 .ast-main-header-wrap.main-header-bar-wrap,
.page-id-2530 .ast-main-header-wrap.main-header-bar-wrap {
background-color: #fff;
backdrop-filter: none;
-webkit-backdrop-filter: none;
filter: none !important;
opacity: 0.9;
}

/* =========================
   Coupon Apply Button (same hover effect)
   ========================= */
.woocommerce form.woocommerce-form-coupon button[name="apply_coupon"],
.woocommerce #woocommerce-checkout-form-coupon button[name="apply_coupon"]{
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid transparent;  /* keep border width always */
  isolation: isolate;             /* allows ::before z-index:-1 safely */
  transition: color .6s ease, border-color .6s ease;
  padding: 0px !important;
  padding-left: 16px !important;
  line-height: 1.5em;
}

/* sliding white bg */
.woocommerce form.woocommerce-form-coupon button[name="apply_coupon"]::before,
.woocommerce #woocommerce-checkout-form-coupon button[name="apply_coupon"]::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 100px;
  transform: scaleX(0);
  transform-origin: right;        /* right -> left */
  transition: transform 0.6s ease;
  z-index: -1;
  pointer-events: none;
}

/* hover reveal */
.woocommerce form.woocommerce-form-coupon button[name="apply_coupon"]:hover::before,
.woocommerce #woocommerce-checkout-form-coupon button[name="apply_coupon"]:hover::before{
  transform: scaleX(1);
}

/* hover border + text */
.woocommerce form.woocommerce-form-coupon button[name="apply_coupon"]:hover,
.woocommerce #woocommerce-checkout-form-coupon button[name="apply_coupon"]:hover{
  border-color: #004F8B;
  color: #004F8B !important;
  -webkit-text-fill-color: #004F8B !important;
}

/* force hover text color */
.woocommerce form.woocommerce-form-coupon button[name="apply_coupon"]:hover,
.woocommerce form.woocommerce-form-coupon button[name="apply_coupon"]:hover *{
  color: #004F8B !important;
  -webkit-text-fill-color: #004F8B !important;
}

.checkout-button::after,
.woocommerce-checkout #place_order::after,
a.button.checkout.wc-forward::after,
.single_add_to_cart_button::after,
.woocommerce-form-coupon button[name="apply_coupon"]::after {
  content: "";
  display: inline-flex;
  width: 28px;
  height: 28px;
  margin-left: 8px;
  top: 1px;

  background-color: #fff;
  border-radius: 40px;
  padding: 6px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;

  /* 🔹 SVG with correct color */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23004F8B' d='M342.6 182.6C336.4 188.9 328.2 192 319.1 192s-16.38-3.125-22.62-9.375L224 109.3V432c0 44.13-35.89 80-80 80H32c-17.67 0-32-14.31-32-32s14.33-32 32-32h112C152.8 448 160 440.8 160 432V109.3L86.62 182.6c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l127.1-128c12.5-12.5 32.75-12.5 45.25 0l128 128C355.1 149.9 355.1 170.1 342.6 182.6z'/%3E%3C/svg%3E");

  /* 🔹 Equivalent of transform: rotate(90deg) */
  transform: rotate(90deg);
}

/* Make "Apply Coupon" + arrow stay in one line */
.woocommerce-form-coupon button[name="apply_coupon"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;      /* ✅ prevent wrap */
}

/* Ensure ::after stays inline */
.woocommerce-form-coupon button[name="apply_coupon"]::after{
  flex: 0 0 auto;
  position: relative;
}

.ast-filter-wrap .wp-block-search__inside-wrapper .wp-block-search__input, .ast-filter-wrap .wp-block-search__inside-wrapper .wp-block-search__input:focus
{
    background:none;
}

@media (min-width: 922px){
  body.woocommerce-shop.ast-left-sidebar #primary{
    border-left: 0 !important;
  }
  body.woocommerce-shop.ast-right-sidebar #primary{
    border-right: 0 !important;
  }
  
  body.woocommerce-shop.ast-left-sidebar #secondary
  {
      border-right: 0 !important;
  }
}

.wc-minmax-price .wc-minmax-row{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.wc-minmax-price input{
  width:100%;
  padding: 11px 12px 12px 16px;
  border-radius: 40px !important;
  max-width: 45% !important;
  height: 38px !important;
}
.wc-minmax-price button{
  width:100%;
  padding:10px;
  cursor:pointer;
  font-size: 1em !important;
}
.wc-minmax-sep{ opacity:.6; }

/* Fallback: any min/max price inputs inside shop filters */
.woocommerce-shop input[name="min_price"],
.woocommerce-shop input[name="max_price"]{
  text-align: center !important;
  font-size: .875em !important;
}

.woocommerce-shop input[name="min_price"]::placeholder,
.woocommerce-shop input[name="max_price"]::placeholder{
  text-align: center;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper
{
    height: 38px;
}

.wc-price-ranges__title{
  font-weight: 600;
  font-family: 'Inter';
  line-height: 1.23em;
  margin-bottom: 10px;
  color: #004F8B;
  
}
.wc-price-ranges__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.wc-price-ranges__item{
  margin: 8px 0;
}
.wc-price-ranges__item label{
  display:flex;
  gap:10px;
  align-items:center;
}

.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)
{
    color: #fff;
    background: #004F8B;
    height:38px;
}

/* Target ONLY the Filters heading in Astra/Woo filters overlay */
.wc-block-product-filters__overlay-content > h2.wp-block-heading 
{
    color: var(--Primary-Suprayi-Blue, #004F8B);
    leading-trim: both;
    text-edge: cap;
    
    /* Regular */
    font-family: "Red Hat Display" !important;
    font-size: 1.5em !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120% !important; /* 28.8px */
}

.wc-price-ranges__item label
{
    font-size: .875em;
}

.ast-filter-wrap h3.wp-block-heading
{
    /* Reg/Bold */
    font-family: 'Inter' !important;
    font-size: 1em !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important; /* 24px */
}

body.woocommerce-shop.ast-left-sidebar #secondary .sidebar-main
{
    background: #FFF;
    padding-top:30px;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Kill empty paragraphs injected around shortcodes in Woo filter overlay */
.wc-block-product-filters__overlay-content p:empty{
  display: none !important;
}

/* Normalize spacing inside overlay */
.wc-block-product-filters__overlay-content p{
  margin: 0 !important;
}

/* Control spacing between real sections only */
.wc-block-product-filters__overlay-content > * + *{
  margin-top: 0px;
}

/* 1) Keep Woo/Astra's existing gap — DO NOT force our own */
.wc-block-product-filters__overlay-content > * + *{
  margin-top: 0 !important; /* removes our "second gap" if it exists */
}

/* 2) Remove the empty <p> blocks inserted around shortcodes */
.wc-block-product-filters__overlay-content p{
  margin: 0 !important;
  padding: 0 !important;
  display: none;
}
.wc-block-product-filters__overlay-content p:empty{
  display: none !important;
}

/* 3) Ensure your shortcode blocks don't add extra top/bottom margin */
.wc-block-product-filters__overlay-content .wc-price-ranges,
.wc-block-product-filters__overlay-content .wc-minmax-price{
  margin: 0 !important;
}

/* Add divider to each filter section */
.wc-block-product-filters__overlay-content
.wp-block-woocommerce-product-filter-attribute,
.wc-block-product-filters__overlay-content
.wp-block-woocommerce-product-filter-taxonomy,
.wc-block-product-filters__overlay-content
.wc-price-ranges,
.wc-block-product-filters__overlay-content
.wc-minmax-price {
  border-bottom: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2);
  padding-bottom: 10px;
}

/* Force sidebar + products side-by-side on desktop */
.woocommerce.archive .shop-grid{
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  gap: 40px !important;
  align-items: start !important;
}

/* Prevent product area from overflowing and pushing layout */
.woocommerce.archive .shop-grid__main{
  min-width: 0;
}

/* Make sure sidebar doesn't stretch full width */
.woocommerce.archive .shop-grid__sidebar{
  width: 100%;
  background: #FFF;
  padding: 30px 14px 0px 14px;
border-radius: 4px;
}

/* Mobile: stack */
@media (max-width: 921px){
  .woocommerce.archive .shop-grid{
    grid-template-columns: 1fr !important;
  }
}

.woocommerce-shop .woocommerce-breadcrumb,
.woocommerce-products-header__title
{
    text-align: center;
}

.shop-clear-search a{
  display: flex;
  background: var(--ast-global-color-2);
  color:#ffffff;
  padding:10px 20px;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  transition:all 0.2s ease;
  height:38px;
  width: 320px;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.shop-clear-search
{
    padding-bottom: 15px;
}

/* Remove border + outline when typing in product search */
.ast-filter-wrap .wp-block-search__input:focus,
.ast-filter-wrap .wp-block-search__input:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hide custom price shortcode filters when no products found */
body.wc-no-products .wc-price-ranges,
body.wc-no-products .wc-minmax-price{
  display: none !important;
}

.shop-hero{
  position: relative;
}

/* Overlay on top of the slider */
.shop-hero__overlay{
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 80px; /* adjust to match your header spacing */
  pointer-events: none; /* so slider arrows still clickable */
}

.shop-hero__overlay .woocommerce-breadcrumb{
  margin: 0 0 14px;
}

.shop-hero__title{
  margin: 0;
  text-align: center;
}

/* keep breadcrumb links clickable if you want */
.shop-hero__overlay .woocommerce-breadcrumb a{
  pointer-events: auto;
}

/* === Shop slider progress bars (60x2 like your SVG) === */
/* SHOP slider progress — FINAL */
.shop-editor-banner{ position:relative !important; }

/* ===== Progress bars shared style ===== */
.shop-progress{
  display:flex !important;
  gap:1px !important;
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  bottom:18px !important;
  z-index:999999 !important;
  pointer-events:none !important;
  width:auto !important;
}

.shop-progress .sp-seg{
  width:60px !important;
  height:2px !important;
  background:#D3D9E2 !important;
  border-radius:999px !important;
  overflow:hidden !important;
  position:relative !important;
  box-shadow:0 0 0 0.5px rgba(0,0,0,.08) !important;
}

.shop-progress .sp-fill{
  width:100% !important;
  height:100% !important;
  background:#004F8B !important;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
  clip-path: inset(0 0 0 0);
}

/* Make sure both banners are positioning contexts */
.shop-editor-banner,
.uagb-block-8853eb62{
  position:relative !important;
}

.shop-editor-banner img {
  object-position: 50% 85%;
}

.uagb-block-8853eb62 .wp-block-uagb-image img {
    object-position: 50% 100%;
}

.shop-editor-banner .shop-progress .sp-fill{
  width:100% !important;
  height:100% !important;
  background:#004F8B !important;
  transform:scaleX(0);
  will-change:transform;
  clip-path: inset(0 0 0 0); /* ✅ needed for rewind */
}

.woocommerce-products-header__title
{
    text-transform:uppercase;
/*     padding-top: 120px; */
}

/* ✅ Full width hero, consistent crop like Figma */
.shop-banner-css .uagb-slider-child{
  aspect-ratio: 1366 / 768;
  height: auto !important;
}

.shop-banner-css .uagb-slider-child .swiper-content,
.shop-banner-css .uagb-slider-child .swiper-content > .wp-block-uagb-container{
  height: 100% !important;
}

.shop-banner-css .uagb-slider-child .swiper-content > .wp-block-uagb-container{
  background-size: cover !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
}


.uagb-slider-container.uagb-block-53c5055e,
.uagb-block-85f2e0bb .swiper-content,
.uagb-block-5f482f45 .swiper-content,
.uagb-block-bf134aac .swiper-content
{
    padding: 0px;
}

.uagb-slider-container.uagb-block-53c5055e .swiper-button-prev
{
    left: 3em !important;
}

.uagb-slider-container.uagb-block-53c5055e .swiper-button-next
{
    right: 3em !important;
}

/* ✅ Make banner start right under header (no reserved overlay space) */
.shop-editor-banner.shop-hero{
  position: relative;
}

/* ✅ Overlay should NOT push layout */
.shop-editor-banner.shop-hero .shop-hero__overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

  /* important: remove the big height that creates the gap */
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  z-index: 5;
  pointer-events: none; /* overlay itself won't block slider */
}

/* allow clicking breadcrumb links */
.shop-editor-banner.shop-hero .shop-hero__overlay .woocommerce-breadcrumb{
  pointer-events: auto;
}

/* push ecommerce breadcrumb down */
.shop-editor-banner.shop-hero .shop-hero__overlay .woocommerce-breadcrumb{
  margin-top: 40px;
  margin-bottom: 0;
}

.woocommerce-shop #content
{
    padding-top:68px !important;
    padding-bottom:120px;
}

.woocommerce-shop #content .ast-shop-toolbar-container
{ 
    margin-bottom: 60px;
}

.woocommerce-shop .page-title
{
    margin-bottom: 60px;
}

.uagb-swiper,
.uagb-swiper .swiper-wrapper,
.uagb-swiper .swiper-slide {
  cursor: default !important;
}

.uagb-slider-container.uagb-block-53c5055e.uagb-slider-container .swiper-button-prev::after {
  content: "";
  background-image: url('/wp-content/uploads/2026/02/arrow-left.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}

.uagb-slider-container.uagb-block-53c5055e.uagb-slider-container .swiper-button-next::after {
  content: "";
  background-image: url('/wp-content/uploads/2026/02/arrow-right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}

.uagb-slider-container.uagb-block-53c5055e.uagb-slider-container .swiper-button-prev,
.uagb-slider-container.uagb-block-53c5055e.uagb-slider-container .swiper-button-next
{
    height:30px;
    width:30px;
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media (max-width: 768px){
    .shop-editor-banner .shop-progress{
        z-index:2 !important;
    }
    
    .woocommerce-shop .woocommerce-result-count {
        margin: 1em 2em 1em;
        line-height: 1
    }
    
    .woocommerce-products-header__title
    {
        padding-top: 30px;
    }
    
    .woocommerce.archive .shop-grid
    {
        gap: 10px !important;
    }
    
    .ast-filter-wrap .ast-woo-sidebar-widget.widget
    {
        margin-bottom: 2em;
    }
    
    .uagb-slider-container.uagb-block-53c5055e .swiper-button-prev
    {
        left: 0.8em !important;
    }
    
    .uagb-slider-container.uagb-block-53c5055e .swiper-button-next
    {
        right: 0.8em !important;
    }
}

@media (max-width: 544px){

  .woocommerce-ordering {
    position: relative;
  }

  .woocommerce-ordering .orderby {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    width: 100%;
    padding-right: 20px !important; /* reserve space for arrow */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    background-position: right 14px center;
    background-repeat: no-repeat;
  }

}

/* 1) Make each list item take full width */
.wc-block-product-filter-checkbox-list__item{
  width: 100%;
}

/* 2) Make the label a full-width flex row */
.wc-block-product-filter-checkbox-list__label{
  display: flex !important;
  align-items: center;
  width: 100% !important;
}

/* 3) Keep checkbox wrapper fixed, then let text-wrapper fill remaining space */
.wc-block-product-filter-checkbox-list__input-wrapper{
  flex: 0 0 auto;
  margin-right: 10px; /* spacing between checkbox and text */
}

/* 4) This is the key: let text-wrapper expand to the right edge */
.wc-block-product-filter-checkbox-list__text-wrapper{
  display: flex !important;                 /* override inline-flex */
  flex: 1 1 auto !important;               /* ✅ fill remaining width */
  min-width: 0;                             /* avoid flex overflow weirdness */
  justify-content: space-between !important;
  align-items: center !important;
  width: auto !important;                   /* don’t force width:100% here */
}

/* 5) Count pinned to the right */
.wc-block-product-filter-checkbox-list__count{
  margin-left: 12px;
  text-align: right;
  white-space: nowrap;
}

/* Keep count as a real box (prevents it snapping next to label after load) */
.wc-block-product-filter-checkbox-list__count{
  display: inline-block !important;  /* overrides display: contents */
  margin-left: auto !important;
  text-align: right !important;
  white-space: nowrap;
}

/* Ensure the row can actually push it right */
.wc-block-product-filter-checkbox-list__label{
  display: flex !important;
  width: 100% !important;
  align-items: center;
}

.wc-block-product-filter-checkbox-list__text-wrapper{
  display: flex !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-width: 0;
}

.wc-block-product-filter-checkbox-list__count{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-width: 20px;
  height: 20px;
  padding: 0 6px;

  background: var(--Neutrals-Soft-Light-Grey, #F4F6F8);
  border-radius: 20px;

  font-size: 12px;
  font-weight: 600;

  line-height: 1;
}

.faq-column.is-layout-flex {
    gap: 60px;
}

.uagb-faq-content .iqair-filter-table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
  font-size:14px;
}
.uagb-faq-content .iqair-filter-table th,
.uagb-faq-content .iqair-filter-table td{
  border:1px solid #D3D9E2;
  padding:10px 12px;
  vertical-align:top;
}
.uagb-faq-content .iqair-filter-table thead th{
  font-weight: 600;
  text-align: start;
}

@media (max-width:1024px){
    .page-id-4529 .uagb-block-53c5055e .shop-bc-overlay,
    .page-id-2530 .uagb-block-53c5055e .shop-bc-overlay
    {
        top:40px !important;
        z-index: 20 !important;
    }
}

@media (min-width:768px) and (max-width:1024px)
{
    .woocommerce-shop .uagb-block-53c5055e .hp-bc-overlay
    {
        top:-35px;
    }
}

@media (max-width:380px)
{
    .iqair-first-section .uagb-container-inner-blocks-wrap
    {
        display:block !important;
    }
    
    .wp-block-uagb-advanced-heading.uagb-block-9d1ad949.wp-block-uagb-advanced-heading{
        padding-top:50px;
    }
    
    .wp-block-uagb-container.uagb-block-d67bc385
    {
        padding-top: 40px;
    }
}

@media (max-width:767px){
  .uagb-faq-content .iqair-filter-table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }
  
  .page-id-4529 .uagb-block-53c5055e .shop-bc-overlay,
  .page-id-2530 .uagb-block-53c5055e .shop-bc-overlay
  {
      top:40px !important;
      z-index: 20 !important;
  }
  
  .page-id-4529 .uagb-slider-container.uagb-block-53c5055e
  {
      padding-top:80px;
  }
  
  .page-id-2530 .shop-banner-css .uagb-slider-container.uagb-block-53c5055e.uagb-slider-container
  {
      padding-top:13%;
  }
  
   .page-id-2530 .wp-block-uagb-container.uagb-is-root-container .uagb-block-2199926a
   {
       row-gap:0px;
   }
   
   .page-id-2530 .uagb-block-53c5055e .swiper-slide .uagb-block-3a5d310e > .shop-breadcrumbs
   {
       padding-top:50px;
   }
   
   .page-id-2530 .uagb-block-708c0d82 .wp-block-uagb-image__figure{
        margin-bottom: 10px;
    }
    
    .uagb-block-13e3635b .uagb-tax-link
    {
        text-align:center;
    }
}

.iqair-reasons{
  list-style: decimal;
  margin: 0;
  padding-left: 0;             /* we'll control indent ourselves */
  padding-top: 20px; 
}

.iqair-reasons li{
  list-style-position: outside;
  margin: 0 0 14px 0;
  padding-left: 10px;          /* space between number and text */
  margin-left: 18px;           /* indent list as a whole */
  line-height: 1.6;
}

/* optional: if your theme injects weird spacing */
.iqair-reasons li::marker{
  font-weight: 400;
}

/* Force the heading + buttons to stack vertically */
.uagb-block-0a177763 .uagb-block-undefined{
  flex-direction: column !important;
  align-items: flex-start !important;
  max-width: 40%;
}

/* Title */
.uagb-block-8853eb62 
.swiper-slide-active 
.wp-block-uagb-info-box.uagb-block-3527e41a 
.uagb-ifb-title{
    text-align: start !important;
    font-weight: 700;
}

.wp-block-uagb-faq.faq-style .uagb-faq-content ul.iqair-reasons{
  list-style: disc !important;
  padding-left: 10px !important;
  margin: 10px 0 0 0 !important;
}

.wp-block-uagb-faq.faq-style .uagb-faq-content ul.iqair-reasons li{
  display: list-item !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.6 !important;
}

/* Description */
.uagb-block-8853eb62 
.swiper-slide-active 
.wp-block-uagb-info-box.uagb-block-3527e41a 
.uagb-ifb-desc{
    text-align: start !important;
    font-weight: 700;
}

/* Button wrapper */
.uagb-block-8853eb62 
.swiper-slide-active 
.wp-block-uagb-info-box.uagb-block-3527e41a 
.uagb-ifb-button-wrapper{
    text-align: start !important;
}

/* Target ONLY the link inside homepage breadcrumbs */
.wp-block-uagb-advanced-heading.uagb-block-fdbec775.homepage-breadcrumbs a {
    color: var(--Neutrals-Clinic-White, #FFF);
    /* Small/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    opacity:0.5;
}

.uagb-slider-container .homepage-breadcrumbs a {
    color: #FFF;
    /* Small/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    opacity:0.5;
}

/* When first slide is active */
.woocommerce-shop .homepage-banner-css:has(
  .swiper-slide.uagb-block-85f2e0bb.swiper-slide-active
) 
.hp-bc-overlay .homepage-breadcrumbs a{
  color:#2E3A45 !important;
}

.uagb-slider-container .shop-breadcrumbs a {
    color: #2E3A45;
    /* Small/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    opacity:0.5;
}

.page-id-2530 .uagb-slider-container .shop-breadcrumbs a {
    color: #FFF;
    /* Small/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    opacity:0.5;
}

/* Prevent clicks/taps on banner images from affecting Swiper */
.shop-editor-banner .wp-block-uagb-image__figure,
.uagb-block-8853eb62 .wp-block-uagb-image__figure{
  pointer-events: none !important;
}

/* Keep arrows clickable */
.shop-editor-banner .swiper-button-next,
.shop-editor-banner .swiper-button-prev,
.uagb-block-8853eb62 .swiper-button-next,
.uagb-block-8853eb62 .swiper-button-prev{
  pointer-events: auto !important;
}

/* Keep arrows clickable even when Swiper marks them disabled */
.shop-editor-banner .swiper-button-disabled,
.uagb-block-8853eb62 .swiper-button-disabled{
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Sticky FAQ title (left column) */
@media (min-width: 922px){
  /* make sure the columns allow sticky sizing */
  .uagb-block-206bfca3 .faq-column{
    align-items: flex-start;
  }

  /* the LEFT column that contains the title */
  .uagb-block-206bfca3 .faq-column > .wp-block-column:first-child{
    position: sticky;
    top: 120px;          /* adjust based on your header height */
    align-self: flex-start;
    height: fit-content;
    z-index: 5;
  }
  
  .homepage-banner-css .uagb-block-748d08a0.wp-block-uagb-image
    {
        padding-top: 80px;
    }

   .shop-banner-css .uagb-block-748d08a0.wp-block-uagb-image
    {
        padding-top: 20px;
    }
    
    .homepage-banner-css .swiper-slide .wp-block-uagb-container {
        background-position: center bottom !important;
    }

}

@media (max-width: 544px)
{
     #astra-footer-menu
     {
         justify-content: center;
     }
 
     .uagb-slider-container .homepage-breadcrumbs a {
        color: #3AA6A1;
        /* Small/Reg */
        font-family: Inter;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        opacity:0.5;
     }
     
     .uagb-slider-container .shop-breadcrumbs a {
        color: #3AA6A1;
        /* Small/Reg */
        font-family: Inter;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        opacity:0.5;
     }
     
     .wp-block-uagb-advanced-heading.uagb-block-f4cbd618.wp-block-uagb-advanced-heading .uagb-heading-text
     {
         color: #3AA6A1;
     }
     
     .page-id-2530 .uagb-slider-container .shop-breadcrumbs a
     {
         color: #3AA6A1;
         opacity: 0.5;
     }
    
    .wp-block-uagb-advanced-heading.uagb-block-fdbec775.homepage-breadcrumbs a,
    .wp-block-uagb-advanced-heading.uagb-block-fdbec775.wp-block-uagb-advanced-heading .uagb-heading-text,
    .wp-block-uagb-advanced-heading.uagb-block-69b8009d.wp-block-uagb-advanced-heading .uagb-heading-text,
    .wp-block-uagb-advanced-heading.uagb-block-d13edb34.wp-block-uagb-advanced-heading .uagb-heading-text{
      color: #3AA6A1;
    }
}

@media screen and (max-width: 1024px)
{
    .page-id-1812 .air-quality-slider-css .slide-radius .swiper-content .wp-block-uagb-container { height: 600px !important;}
    
    .uagb-block-ba9dbd89 .wp-block-uagb-image__figure img {
      width: 350px;
      height: auto;
    }

}


@media screen and (max-width: 767px)
{
    
    .uagb-block-ba9dbd89 .wp-block-uagb-image__figure img {
      width: 350px;
      height: auto;
    }

}

.shop-banner-css .swiper-slide .wp-block-uagb-container{
    background-position: center 80% !important;
}

.shop-banner-css .homepage-breadcrumbs .uagb-heading-text{
    color: #3AA6A1 !important;
}

/* Keep arrows active even when Swiper adds disabled class */
.shop-banner-css .swiper-button-prev,
.shop-banner-css .swiper-button-next,
.homepage-banner-css .swiper-button-prev,
.homepage-banner-css .swiper-button-next,{
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.shop-banner-css .swiper-button-disabled,
.homepage-banner-css .swiper-button-disabled{
  pointer-events: auto !important;
  opacity: 1 !important;      /* remove dim */
  cursor: pointer !important;
}

.homepage-separator,
.shop-separator
{
    opacity: 0.8;
    background: var(--Neutrals-Clinic-White, #FFF);
    backdrop-filter: blur(10px);
}

/* Make the slider container the positioning context */
.uagb-block-53c5055e{
  position: relative !important;
}

/* Pin breadcrumbs at top of the whole slider */
.uagb-block-53c5055e .hp-breadcrumbs-fixed{
  position: absolute !important;
  top: 20px !important;          /* adjust */
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  display: flex !important;
  justify-content: center !important;
  pointer-events: auto;
}

/* If any parent adds weird transform/overflow, keep visible */
.uagb-block-53c5055e .uagb-slides,
.uagb-block-53c5055e .uagb-swiper,
.uagb-block-53c5055e .swiper{
  overflow: visible !important;
}

/* Hide duplicates in slides */
.uagb-block-53c5055e .swiper-slide .homepage-breadcrumbs{
  display:none !important;
}

/* Make slider positioning context */
.uagb-block-53c5055e{
  position: relative !important;
}

/* Overlay pinned inside slider */
.uagb-block-53c5055e .shop-bc-overlay{
  position: absolute !important;
  top: 20px !important;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 999999 !important;
  pointer-events: none;
}

.uagb-block-53c5055e .shop-bc-overlay .shop-breadcrumbs{
  margin: 0 !important;
  pointer-events: auto;
}

/* Optional: hide original inside slide */
.uagb-block-53c5055e .swiper-slide .shop-breadcrumbs{
  visibility: hidden !important;
  height: 3px;
}

/* =========================================
   WHY IQAIR – Custom Glass Arrows
   (Keep Swiper positioning, icon via ::before)
   ========================================= */

/* Arrow container (DO NOT touch positioning props) */
.air-quality-slider-css .swiper-button-prev,
.air-quality-slider-css .swiper-button-next {
    display: flex !important;
    width: 30px !important;
    height: 30px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0;

    border-radius: 30px !important;
    background: rgba(211, 217, 226, 0.50) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    border: none !important;

    /* IMPORTANT: ensure icon can be centered */
    position: relative !important;
}

/* Remove default swiper arrow */
.air-quality-slider-css .swiper-button-prev::after,
.air-quality-slider-css .swiper-button-next::after {
    display: none !important;
}

/* IMPORTANT: remove bg-image from button itself (we’ll use ::before) */
.air-quality-slider-css .swiper-button-prev,
.air-quality-slider-css .swiper-button-next {
    background-image: none !important;
}

/* Shared icon (pseudo-element) */
.air-quality-slider-css .swiper-button-prev::before,
.air-quality-slider-css .swiper-button-next::before {
    content: "" !important;
    display: block !important;

    width: 10px !important;
    height: 8.75px !important;
    flex-shrink: 0 !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    /* If swiper has weird opacity/filters, keep visible */
    opacity: 1 !important;
}

/* LEFT ICON */
.air-quality-slider-css .swiper-button-prev::before {
    background-image: url("/wp-content/uploads/2026/02/arrow-left.svg") !important;
}

/* RIGHT ICON */
.air-quality-slider-css .swiper-button-next::before {
    background-image: url("/wp-content/uploads/2026/02/arrow-right.svg") !important;
}

/* Disabled state */
.air-quality-slider-css .swiper-button-disabled {
    opacity: 0.4 !important;
}

/*.shop-banner-css .shop-progress
{
    display: none !important;
}
*/

/* Target ONLY this Info Box title */
.uagb-block-b58756ab .uagb-ifb-title {
    width: 80%; 
    align-items: center; 
    text-align: center; 
    justify-content: center; 
    display: inline-block;
}

/* Target breadcrumbs inside slide content only */
.uagb-block-53c5055e 
.swiper-slide 
.uagb-block-3a5d310e 
> .shop-breadcrumbs {
    padding-top:60px;
}

/* Faster transition */
.uagb-block-53c5055e .swiper-button-prev,
.uagb-block-53c5055e .swiper-button-next {
    transition: background-color 0.12s ease, background-image 0s;
}

/* HOVER BACKGROUND */
.uagb-block-53c5055e .swiper-button-prev:hover,
.uagb-block-53c5055e .swiper-button-next:hover {
    background-color: #ffffff !important;
}

/* HOVER ICON - LEFT */
.uagb-block-53c5055e .swiper-button-prev:hover::after {
    background-image: url('/wp-content/uploads/2026/02/arrow-left-sm.svg') !important;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}

/* HOVER ICON - RIGHT */
.uagb-block-53c5055e .swiper-button-next:hover::after {
    background-image: url('/wp-content/uploads/2026/02/arrow-right-sm.svg') !important;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
}

/* Make infobox content vertical */
.iqair-slider .uagb-ifb-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Push button to bottom */
.iqair-slider .uagb-ifb-button-wrapper {
    margin-top: auto;
}

.footer-widget1-title h3
{
    margin-bottom: 30px !important;
}

.ast-footer-social-1-wrap .ast-builder-social-element svg
{
    width:24px;
    height:24px;
}

/* =========================================================
   Footer Newsletter (GF #1)
   Hover: button expands LEFT only (right edge fixed)
   Matches Figma without complicated hacks
   ========================================================= */

#gform_wrapper_1{
  --btn-w: 140px;      /* normal button width */
  --btn-w-hover: 175px;/* hover button width (wider to the left) */
  --btn-gap: 8px;      /* space from outer border */
}

/* Make the 2-field row a positioning context */
#gform_wrapper_1 #gform_fields_1{
  position: relative;
  display: block;         /* we will place submit absolutely */
}

/* Email field takes full width */
#gform_wrapper_1 #field_1_2{
  width: 100%;
}

/* Add right padding so email text never goes under the button (use HOVER width) */
#gform_wrapper_1 #input_1_2{
  padding-right: calc(var(--btn-w-hover) + (var(--btn-gap) * 2)) !important;
}

/* Put the submit field on top-right of the rounded container */
#gform_wrapper_1 #field_submit{
  position: absolute;
  top: 50%;
  right: var(--btn-gap);
  transform: translateY(-50%);
  width: var(--btn-w);
  z-index: 5;

  /* IMPORTANT: allow width animation without layout shift */
  transition: width .22s ease;
}

/* Hover expands the container (growth goes LEFT because right is fixed) */
#gform_wrapper_1 #field_submit:hover{
  width: var(--btn-w-hover);
}

/* Button fills its container */
#gform_wrapper_1 #field_submit #gform_submit_button_1{
  width: 100% !important;
  white-space: nowrap;      /* prevent Subscribe breaking */
  text-align: center;
}

/* Optional: mobile tune (smaller expansion) */
@media (max-width: 767px){
  #gform_wrapper_1{
    --btn-w: 120px;
    --btn-w-hover: 120px;
    --btn-gap: 6px;
  }
}

/* Optional: mobile tune (smaller expansion) */
@media (max-width: 1024px){
  #gform_wrapper_1{
    --btn-w: 120px;
    --btn-w-hover: 140px;
    --btn-gap: 6px;
  }
}

/* =========================================================
   GF #1 — Only change styles when ERROR
   (normal state remains untouched)
   ========================================================= */

#gform_wrapper_1{
  --err: #ff4d4d;               /* change error color here */
  --err-bg: rgba(255,77,77,.12);
}

/* ---------------------------
   1) Hide spinner ALWAYS (optional)
   --------------------------- */
#gform_wrapper_1 .gform_ajax_spinner,
#gform_wrapper_1 .gform-loader,
#gform_wrapper_1 .gform_spinner,
#gform_wrapper_1 .gform-theme-button-spinner{
  display:none !important;
}

/* ---------------------------
   2) ERROR-ONLY: Summary box styling
   --------------------------- */
#gform_wrapper_1.gform_validation_error .gform_validation_errors{
  background: var(--err-bg) !important;
  border: 1px solid var(--err) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin: 0 0 12px 0 !important;
}

#gform_wrapper_1.gform_validation_error .gform_validation_errors,
#gform_wrapper_1.gform_validation_error .gform_validation_errors a,
#gform_wrapper_1.gform_validation_error .gform_submission_error{
  color: var(--err) !important;
}

/* ---------------------------
   3) ERROR-ONLY: Email field border + message positioning
   --------------------------- */
#gform_wrapper_1 #field_1_2{
  position: relative; /* needed for absolute error message */
}

/* only reserve space for message when error */
#gform_wrapper_1 #field_1_2.gfield_error{
  padding-bottom: 20px;
}

/* red border only when error */
#gform_wrapper_1 #field_1_2.gfield_error #input_1_2{
  border-color: var(--err) !important;
  box-shadow: 0 0 0 2px rgba(255,77,77,.18) !important;
}

/* message only styled when error */
#gform_wrapper_1 #field_1_2.gfield_error #validation_message_1_2{
  position: absolute;
  left: 25px;
  bottom: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--err) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* ---------------------------
   4) ERROR-ONLY: Button style changes
   (normal button untouched)
   --------------------------- */
#gform_wrapper_1.gform_validation_error #gform_submit_button_1{
  /* example: outline button red */
  border-color: var(--err) !important;
  box-shadow: 0 0 0 2px rgba(255,77,77,.18) !important;
}

/* optional: keep hover expansion still working during error */
#gform_wrapper_1.gform_validation_error #field_submit:hover{
  /* nothing here unless you want a different hover on error */
}



.post-template-css .wp-block-post-title
{
    font-family: "Red Hat Display";
    font-weight: 700;
    line-height: 120%; /* 28.8px */
}

@media (max-width: 767px){
  .uagb-block-527770ed .wp-block-columns:has(.footer-address){
    padding-left: 40px !important;
    padding-right: 20px !important;
  }
  
   .uagb-block-527770ed .wp-block-columns:has(.uagb-block-0760be00) > .wp-block-column:nth-child(2){
    text-align: start !important;
  }
}

/* Slide 2 active */
.shop-banner-css.is-slide-2 .shop-bc-overlay .shop-breadcrumbs,
.shop-banner-css.is-slide-2 .shop-bc-overlay .shop-breadcrumbs a{
  color: #ffffff; /* slide 2 color */
}

/* Slide 3 active */
.shop-banner-css.is-slide-3 .shop-bc-overlay .shop-breadcrumbs,
.shop-banner-css.is-slide-3 .shop-bc-overlay .shop-breadcrumbs a{
  color: #ffffff; /* slide 3 color */
}

/* CLOSE button circle (ellipse version) */
.chaty-cta-close svg ellipse {
  fill: #004F8B !important;
}

/* Hide the white X lines (rect elements) */
.chaty-i-trigger .open-chaty .chaty-svg{
  display:none !important;
}

.chaty-widget .chaty-cta-close svg ellipse,
#chaty-widget-0 .chaty-i-trigger .chaty-cta-button button {
  fill: #004F8B !important;
  background-color: #004F8B !important;
}

/* OPEN button circle */
.chaty-cta-main svg circle {
  fill: #004F8B !important; /* change to your color */
}

.chaty-i-trigger .open-chaty{
  position: relative;
}

section#block-14 a{
  color: #fff !important;
}

.chaty-i-trigger .open-chaty::after{
  content:"";
  width:30px;
  height:30px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;

  /* 👇 put your svg here (url-encoded) */
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20fill%3D'none'%3E%3Cpath%20d%3D'M6.24979%2013.75C6.24979%208.22715%2010.7266%203.75%2016.2489%203.75C21.7713%203.75%2026.2481%208.22715%2026.2481%2013.75C26.2481%2015.1875%2025.9448%2016.5542%2025.3987%2017.7895L26.25%2023.7491L21.1432%2022.4723C19.6965%2023.2859%2018.0269%2023.75%2016.2489%2023.75M3.75118%2020C3.75118%2020.8985%203.94073%2021.7526%204.28201%2022.5247L3.75%2026.2494L6.94144%2025.4514C7.84554%2025.9599%208.88893%2026.25%2010.0001%2026.25C13.4512%2026.25%2016.2489%2023.4518%2016.2489%2020C16.2489%2016.5482%2013.4512%2013.75%2010.0001%2013.75C6.5489%2013.75%203.75118%2016.5482%203.75118%2020Z'%20stroke%3D'white'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
}

/* Hide floating buttons when footer is in view */
/* Hide floating widgets when footer is in view (stable) 
body.oai-footer-hide #chaty-widget-0,
body.oai-footer-hide .chaty,
body.oai-footer-hide #ast-scroll-top{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
/*   transform: translateY(12px); */
 /* transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
} */

/* Normal state */
#chaty-widget-0, .chaty, #ast-scroll-top{
  transition: opacity .18s ease, transform .18s ease;
}

.astra-advanced-hook-4625  #gform_wrapper_1 #gform_fields_1
{
    background: #FFF;
}

.astra-advanced-hook-4625 .gform-theme.gform-theme--framework.gform_wrapper  #gform_1 input:is([type=submit],[type=button],[type=reset]){
	border-radius: 100px;
    background: #004F8B;
	color: #FFF;
	font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
}

/* Target Gravity Form 1 placeholder */
.astra-advanced-hook-4625 #gform_wrapper_1 input::placeholder {
  color: #2E3A45 !important;
  opacity: 0.5; /* Ensures full white in some browsers */
}

/* Optional: target only the email field specifically */
.astra-advanced-hook-4625 #gform_wrapper_1 #input_1_2::placeholder {
  color: #2E3A45 !important;
  opacity: 0.5;
}

/* Set typed text color */
.astra-advanced-hook-4625 #gform_wrapper_1 input[type="email"] {
  color: #2E3A45 !important;
}

/* Optional: keep placeholder white */
.astra-advanced-hook-4625 #gform_wrapper_1 input[type="email"]::placeholder {
  color: #2E3A45;
  opacity: 1;
}

.astra-advanced-hook-4625 .gform_confirmation_message_1
{
    color: #FFF;
}

.astra-advanced-hook-4625 .uagb-block-b58756ab .uagb-ifb-title
{
    width: 100%;
}

/* Hide unwanted category LI completely */
.uagb-block-13e3635b .uagb-tax-list:has(a[href*="/category/air-purifier/"]),
.uagb-block-13e3635b .uagb-tax-list:has(a[href*="/category/air-quality/"]),
.uagb-block-13e3635b .uagb-tax-list:has(a[href*="/category/news/"]),
.uagb-block-13e3635b .uagb-tax-list:has(a[href*="/category/testimonials/"]) {
    display: none !important;
}

/* Align taxonomy list to the left */
.uagb-block-13e3635b .uagb-list-wrap {
    justify-content: flex-start !important;
    text-align: left;
}

/* Center text inside each category item */
.uagb-block-13e3635b .uagb-tax-link {
    text-align: start;
    display: block;
}

.wp-block-uagb-taxonomy-list.uagb-block-13e3635b 
ul.uagb-list-wrap {
    margin: 0 !important;          /* reset default */
    margin-top: 0;              /* change to what you need */
    margin-bottom: 0;
}

.page-id-2245 .wp-block-uagb-taxonomy-list .uagb-list-wrap
{
    padding: 20px 0px 10px 0px;
    align-self: stretch;
    border-bottom: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2);
    background: rgba(244, 246, 248, 0.80);
    backdrop-filter: blur(10px);
}

/* ===== Custom Archive Breadcrumb ===== */

.custom-archive-breadcrumbs{
  font-family: Inter, sans-serif;
  font-size: 0.95em;
  line-height: 150%;
}

/* Home + Learn */
.custom-archive-breadcrumbs a{
  color: var(--Neutrals-Slate-Text, #2E3A45);
  font-weight: 400;
  text-decoration: none;
  opacity: 0.5;
  font-size: 0.95em;
}

/* Separator */
.custom-archive-breadcrumbs .sep{
  padding: 0 4px;
  color: var(--Neutrals-Slate-Text, #2E3A45);
  font-weight: 400;
  opacity: 0.5;
}

/* Category Name */
.custom-archive-breadcrumbs .current{
  color: var(--Accent-Teal-Accent, #3AA6A1);
  font-weight: 600;
}

body.archive .ast-archive-description
{
    padding:0px;
    padding-top:30px;
    padding-bottom:60px;
}


body.archive .ast-archive-description .ast-archive-title
{
    color: var(--Primary-Suprayi-Blue, #004F8B);
    leading-trim: both;
    text-edge: cap;
    
    /* XX Large */
    font-family: "Red Hat Display";
    font-size: 3.5em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 67.2px */
    text-transform: uppercase;
}

/* =========================================
   Sticky Taxonomy List (fixed until footer)
   Target: .uagb-list-wrap.tax-sticky
   ========================================= */

/* IMPORTANT: sticky/fixed breaks if any parent has overflow hidden/auto */
.wp-block-query,
.wp-block-uagb-taxonomy-list,
.uagb-taxonomy__outer-wrap,
.uagb-container-inner-blocks-wrap{
  overflow: visible !important;
}

/* Base bar style */
.uagb-list-wrap.tax-sticky{
  z-index: 9999;
  background: #F7F9FB;
  padding: 10px 0;
  margin: 0;
}

/* Fixed state (JS adds .is-fixed) */
.uagb-list-wrap.tax-sticky.is-fixed{
  position: fixed;
  top: var(--tax-sticky-top, 80px);
  left: 0;
  right: 0;
  width: 100vw;
}

/* Inner alignment (so content follows site container) */
/* Full-width sticky background */
.uagb-taxonomy__outer-wrap:has(.uagb-list-wrap.tax-sticky.is-fixed){
  position: relative;
}

/* When fixed: background stays full width */
.uagb-taxonomy__outer-wrap .uagb-list-wrap.tax-sticky.is-fixed{
  position: fixed;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 1340px !important;              /* match inner-blocks-wrap */
  max-width: calc(100vw - 70px) !important; /* keep same side breathing space */
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

/* Make the fixed bar background full width using the parent */
.uagb-taxonomy__outer-wrap .uagb-list-wrap.tax-sticky.is-fixed{
  background: transparent !important;
}
.uagb-taxonomy__outer-wrap:has(.uagb-list-wrap.tax-sticky.is-fixed)::before{
  content:"";
  position: fixed;
  left: 0;
  right: 0;
  top: var(--tax-sticky-top, 80px);
  height: 35px; /* match your bar height */
  background: rgba(244, 246, 248, 0.80);
  z-index: 9998;
  border-bottom: 1px solid #D3D9E2;
}
.uagb-taxonomy__outer-wrap .uagb-list-wrap.tax-sticky.is-fixed{
  z-index: 9999;
}

/* Bottom pinned state (JS adds .is-bottom) */
.uagb-list-wrap.tax-sticky.is-bottom{
  position: absolute;
  top: auto;
  bottom: 0;              /* ✅ pin to bottom of its wrapper */
  left: 0;
  right: 0;
  width: 100%;
}

/* Mobile/Tablet: keep one row and allow swipe */
@media (max-width: 768px){
  .uagb-list-wrap.tax-sticky{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: hidden !important;
  }

  .uagb-list-wrap.tax-sticky .uagb-tax-list{
    width: 100%;
  }

  .uagb-list-wrap.tax-sticky .uagb-tax-link{
    display: block;
    width: 100%;
  }

  .uagb-list-wrap.tax-sticky .uagb-tax-separator{
    display: none !important;
  }
  
  .wp-block-uagb-advanced-heading.uagb-block-9724a1e6.wp-block-uagb-advanced-heading
  {
      padding-top:20px;
  }
}

@media (max-width: 1024px){
  .uagb-list-wrap.tax-sticky{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 12px;
    overflow: hidden !important;
  }

  .uagb-list-wrap.tax-sticky .uagb-tax-list{
    width: 100%;
  }

  .uagb-list-wrap.tax-sticky .uagb-tax-link{
    display: block;
    width: 100%;
  }

  .uagb-list-wrap.tax-sticky .uagb-tax-separator{
    display: none !important;
  }
  
  .iqair-slider .iqair-slider-item .swiper-content .uagb-container-inner-blocks-wrap .uagb-infobox-icon-above-title
  {
      height: 55% !important;
  }
  
/*   .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]
  {
      padding-left: 10px !important;
  } */
}

/* =========================================
   Taxonomy hover: progress underline + color
   ========================================= */

.uagb-list-wrap.tax-sticky .uagb-tax-link-wrap{
  position: relative;
}

/* link base */
.uagb-list-wrap.tax-sticky .uagb-tax-link{
  position: relative;
  display: inline-block;
  padding:0px;
  padding-bottom: 4px;                /* gives room for underline */
  color: #004F8B;                  /* your default */
  text-decoration: none !important;
  transition: color .25s ease;
}

/* underline track (hidden by default = scaleX(0)) */
.uagb-list-wrap.tax-sticky .uagb-tax-link::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;                    /* distance from text; adjust */
  height: 1px;
  background: #3AA6A1;             /* ✅ underline color */
  transform: scaleX(0);            /* ✅ start “empty” */
  transform-origin: left;
  transition: transform .35s ease; /* ✅ progress animation */
}

/* hover = color + underline expands */
.uagb-list-wrap.tax-sticky .uagb-tax-link:hover,
.uagb-list-wrap.tax-sticky .uagb-tax-link:focus-visible{
  color: #3AA6A1 !important;       /* ✅ text becomes green */
}

.uagb-list-wrap.tax-sticky .uagb-tax-link:hover::after,
.uagb-list-wrap.tax-sticky .uagb-tax-link:focus-visible::after{
  transform: scaleX(1);            /* ✅ underline “fills” */
}

/* active/current category stays filled */
.uagb-list-wrap.tax-sticky .current-cat > .uagb-tax-link-wrap .uagb-tax-link,
.uagb-list-wrap.tax-sticky .current-cat-ancestor > .uagb-tax-link-wrap .uagb-tax-link{
  color: #3AA6A1 !important;
}
.uagb-list-wrap.tax-sticky .current-cat > .uagb-tax-link-wrap .uagb-tax-link::after,
.uagb-list-wrap.tax-sticky .current-cat-ancestor > .uagb-tax-link-wrap .uagb-tax-link::after{
  transform: scaleX(1);
}

/* if separators exist, keep them from messing with underline spacing */
.uagb-list-wrap.tax-sticky .uagb-tax-separator{
  margin-top: 6px;
}

/* =========================
   Popular Topics Styling
   ========================= */

.wp-block-tag-cloud {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 0px;
}

/* Force same font size (WP tag cloud changes size by count) */
.wp-block-tag-cloud .tag-cloud-link {
   color: var(--Primary-Suprayi-Blue, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    /* Reg/Bold */
    font-family: Inter;
    font-size: 1em !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

/* Add hashtag automatically */
.wp-block-tag-cloud .tag-cloud-link::before {
  content: "#";
  font-weight: 400;
  color: #2E3A45; /* adjust to your brand blue */
}

/* Hover */
.wp-block-tag-cloud .tag-cloud-link:hover {
  color: #004F8B;
}

.wp-block-tag-cloud .tag-cloud-link:hover::before  {
  color: #004F8B; /* adjust to your brand blue */
}

/* First tag highlighted */
.wp-block-tag-cloud .tag-cloud-link:first-child {
  color: #004F8B !important;
  font-weight: 600;
}

/* Also make the # blue */
.wp-block-tag-cloud .tag-cloud-link:first-child::before {
  color: #004F8B !important;
}

/* =========================================
   Query Loop -> Native slider (no Swiper)cha
   Shows 3, moves 1
   ========================================= */

.qloop-slider {
  position: relative;
}

.qloop-slider__viewport{
  overflow: hidden;
}

.qloop-slider__track{
  display: flex !important;
  gap: 24px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;

  /* hide scrollbar */
  scrollbar-width: none;
}
.qloop-slider__track::-webkit-scrollbar{ display:none; }

.qloop-slider__track > li{
  scroll-snap-align: start;
  flex: 0 0 calc((100% - (24px * 2)) / 3); /* 3 per view */
}

/* tablet */
@media (max-width: 1200px){
  .qloop-slider__track > li{
    flex-basis: calc((100% - 20px) / 2); /* 2 per view */
  }
  .qloop-slider__track{ gap: 20px; }
}

/* mobile */
@media (max-width: 921px){
  .qloop-slider{
    --gap: 20px;      /* match your tablet gap */
    --peek: 50px;     /* adjust peek size */
  }

  .qloop-slider__track{
    gap: var(--gap) !important;
    width: max-content !important;
  }

  .qloop-slider__track > li{
    flex: 0 0 calc((100% - var(--gap) - var(--peek)) / 1) !important;
    max-width: calc((100% - var(--gap) - var(--peek)) / 1) !important;
  }
}

/* arrows */
.qloop-slider__btn{
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(211,217,226,.50);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 0;
  cursor: pointer;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qloop-slider__btn--prev{ left: 10px; }
.qloop-slider__btn--next{ right: 10px; }

.qloop-slider__btn svg{
  width: 14px;
  height: 14px;
  display: block;
}

/* hide WP query pagination when slider exists */
.qloop-slider + nav.wp-block-query-pagination{
  display: none !important;
}

/* =========================================
   Learn page – Query loop slider arrows
   ========================================= */

/* button size + center */
.qloop-slider .qloop-slider__btn{
  display: flex !important;
  width: 30px !important;
  height: 30px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 24px !important;
  flex-shrink: 0 !important;

  border: 1px solid #FFFFFF !important;   /* optional, remove if not needed */
  border-radius: 30px;
  background: rgba(211, 217, 226, 0.50);
  backdrop-filter: blur(5px);
  border-radius: 999px !important;
  padding: 0 !important;

  /* keep your positioning from earlier */
}

/* svg size */
.qloop-slider .qloop-slider__btn svg{
  width: 10px !important;
  height: 8.75px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* stroke default: white */
.qloop-slider .qloop-slider__btn svg path{
  stroke: #FFF !important;
  stroke-width: 1.5px !important;
}

/* hover: bg white, icon #004F8B */
.qloop-slider .qloop-slider__btn:hover{
  background: #FFF !important;
}

.qloop-slider .qloop-slider__btn:hover svg path{
  stroke: #004F8B !important;
}

/* =========================================
   Learn page – Query loop slider arrows
   ========================================= */


/* svg size */
.qloop-slider .qloop-slider__btn svg{
  width: 10px !important;
  height: 8.75px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* stroke default: white */
.qloop-slider .qloop-slider__btn svg path{
  stroke: #FFF !important;
  stroke-width: 1.5px !important;
}

/* hover: bg white, icon #004F8B */
.qloop-slider .qloop-slider__btn:hover{
  background: #FFF !important;
}

.qloop-slider .qloop-slider__btn:hover svg path{
  stroke: #004F8B !important;
}

/* hard-hide arrow (no click area, no overlay) */
.qloop-slider .qloop-slider__btn.is-hidden{
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* ===== qloop slider peek ===== */
.qloop-slider{
  position: relative;
}

/* viewport hides overflow but allows peek via padding */
.qloop-slider__viewport{
  overflow: hidden;
}

/* make UL a horizontal row */
.qloop-slider__track{
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  /* your normal gap can stay (or set it here) */
  gap: 24px; /* adjust to match your grid gap */

  /* PEEK amount */
  --peek: 60px;

  /* create “space” so you can see next/prev card cut */
  padding-left: var(--peek);
  padding-right: var(--peek);

  /* keep the first card aligned to container edge visually */
  margin-left: calc(var(--peek) * -1);
  margin-right: calc(var(--peek) * -1);

  /* optional: nicer snapping */
  scroll-snap-type: x mandatory;
}

.qloop-slider__track > li{
  flex: 0 0 calc((100% - (24px * 2)) / 3); /* 3 cards per view */
  scroll-snap-align: start;
}

@media screen and (min-width: 921px)
{
    /* ===== qloop slider: 3 cards + peek of 4th ===== */
    .qloop-slider
    {
      position: relative;
      --gap: 24px;     /* match your card gap */
      --peek: 60px;    /* how much of 4th you want to see */
    }
    
    /* IMPORTANT: the viewport gets right padding to “reserve” peek space */
    .qloop-slider__viewport{
      overflow: hidden;              /* keeps it clean */ */
      box-sizing: border-box;
    }
    
    /* track scrolls */
    .qloop-slider__track{
      display: flex !important;
      flex-wrap: nowrap !important;
      gap: var(--gap) !important;
    
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      scroll-behavior: smooth;
    
      /* optional */
      scroll-snap-type: x mandatory;
    
      /* remove any grid effects */
      width: max-content !important;
    }
    
    /* each card = 1/3 of (viewport - gaps - peek)  ✅ */
    .qloop-slider__track > li{
      flex: 0 0 calc((100% - (var(--gap) * 2) - var(--peek)) / 3) !important;
      max-width: calc((100% - (var(--gap) * 2) - var(--peek)) / 3) !important;
    
      scroll-snap-align: start;
    }
    
    form#gform_1 {
        height: 50px !important;
    }
}

@media screen and (max-width: 768px)
{
    .qloop-slider__btn{
        top:30%;
    }
    
    .hero-section .info-box p#main-title
    {
        font-size: 1.5em !important;
    }
    
    .single-post #content{
        padding-top: 60px; /* adjust to match your header height */
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 768px)
{
    .page-id-1812 .hero-section .info-box p#main-title
    {
        font-size: 0.85em !important;
    }
    
    .page-id-1812 .hero-section .text-content p#info-text
    {
        font-size: 0.75em !important;
        line-height: 120% !important;
    }
    
    .page-id-1812 .hero-section .info-box
    {
        padding: 10px !important;
    }
    
    .page-id-1812 .hero-section .content-wrapper
    {
        top: -10%;
    }
	
	.hero-section .info-icon
	{
		width:30px;
		height:30px;
	}
	
	.hero-section .info-container
	{
		margin-top:20px !important;
	}
}

/* ===== Tablet: 2 cards + peek of 3rd ===== */
@media screen and (max-width: 1200px) and (min-width: 769px){

  .qloop-slider{
    --gap: 20px;      /* match your tablet gap */
    --peek: 50px;     /* adjust peek size */
  }

  .qloop-slider__track{
    gap: var(--gap) !important;
    width: max-content !important;
  }

  .qloop-slider__track > li{
    flex: 0 0 calc((100% - var(--gap) - var(--peek)) / 2) !important;
    max-width: calc((100% - var(--gap) - var(--peek)) / 2) !important;
  }
}

/* =========================================
   LEARN (page-id-2245) – Align tags to bottom
   Applies to ALL query loops (grid + qloop slider)
   ========================================= */

/* 1) Make each post card a vertical flex column (full height) */
body.page-id-2245 .wp-block-query ul.wp-block-post-template > li.wp-block-post{
  display: flex !important;
  flex-direction: column !important;
}

/* 2) Make the list/track stretch items to same row height */
body.page-id-2245 .wp-block-query ul.wp-block-post-template{
  align-items: stretch !important;  /* flex track (qloop) will stretch items */
}

/* 3) Push the tags block to the bottom */
body.page-id-2245
.wp-block-query
ul.wp-block-post-template
> li.wp-block-post
.taxonomy-post_tag.wp-block-post-terms{
  margin-top: auto !important;      /* ✅ key line */
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;              /* optional: nicer chip spacing */
}

/* Optional: if you ever see the tags block shrink weirdly */
body.page-id-2245
.wp-block-query
ul.wp-block-post-template
> li.wp-block-post
.taxonomy-post_tag.wp-block-post-terms{
  align-self: stretch !important;
}

.uagb-list-wrap.tax-sticky,
.page-id-2245 .wp-block-uagb-taxonomy-list .uagb-list-wrap
{
    padding-top:0px;
    padding-bottom:0px;
}

.custom-archive-card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

.custom-archive-card__thumb img{
  width:100%;
  height:auto;
  display:block;
  border-radius:20px;
}

.custom-archive-card__body{
  padding:26px 26px 22px;
}

.custom-archive-card__cat{
    font-family: "Inter";
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
    line-height: 24px;
    letter-spacing: 2px;
    color: #2e3a45;
}

.custom-archive-card__title{
  padding: 20px 0px 20px 0px;
  font-size:28px;
  line-height:1.15;
}

.custom-archive-card__title a{
  text-decoration:none;
}

.custom-archive-card__title a
{
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Regular */
    font-family: "Red Hat Display";
    font-size: 0.87em;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
}

.custom-archive-card__meta{
    font-family: "Inter";
    font-weight: 400;
    font-size: 1em;
    line-height: 24px;
    color: var(--Neutrals-Slate-Text, #2E3A45);
}

.custom-archive-card__tags a{
    padding: 5px 10px 6px 10px !important;
    border-radius: 30px !important;
    border: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2) !important;
    background: var(--Neutrals-Soft-Light-Grey, #F4F6F8) !important;
    font-family: Inter;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
	color: #2E3A45;
	 margin-right:10px;
	border-radius: 30px;
	padding: 10px;
border: 1px solid #D3D9E2;
}

/* Force archive card to stack (image on top, content below) */
.custom-archive-card{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Make thumbnail block take full width */
.custom-archive-card__thumb{
  display:block !important;
  width:100% !important;
}

/* Ensure image spans full card width (no side thumbnail layout) */
.custom-archive-card__thumb img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit: cover;           /* keeps it nicely cropped */
  border-radius:20px;          /* match your design */
}

/* Body always below image */
.custom-archive-card__body{
  width:100% !important;
}

.custom-archive-card{
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  min-height: 650px;
}

.custom-archive-card__body{
  padding:26px;
}

.custom-archive-card__thumb img
{
    height: 300px !important;
}

body.archive #page {
  background: #F4F6F8;
}

.ast-archive-description,
.site-content .ast-grid-3 .ast-article-post
{
    background-color: transparent !important;
    box-shadow: none;
}

.site-content .ast-grid-3 .ast-article-post:hover
{
    background-color: #FFF !important;
}

/* Make each grid column stretch equally */
.ast-row {
  display: flex;
  flex-wrap: wrap;
}

.ast-archive-post {
  display: flex;
}

.custom-archive-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.custom-archive-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.custom-archive-card__tags {
  margin-top: auto;
}

body.archive .ast-post-filter{
  display:none !important;
}

.uagb-block-13e3635b.uagb-layout-list .uagb-tax-list .uagb-tax-link-wrap
{
    margin-bottom: 0px;
}

.articles-small
{
    color: var(--Neutrals-Mid-Grey-Subtext, #6B7785);
    leading-trim: both;
    text-edge: cap;
    
    /* Tiny/Reg */
    font-family: Inter;
    font-size: 0.85em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.uagb-block-15a54b31 .uagb-toc__wrap .uagb-toc__title
{
    align-self: stretch;
    color: var(--Primary-Suprayi-Blue, #004F8B);
    leading-trim: both;
    text-edge: cap;
    
    /* Regular */
    font-family: "Red Hat Display";
    font-size: 1.5em;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
}

.uagb-block-15a54b31 .uagb-toc__list-wrap li a
{
    align-self: stretch;
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Reg/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

@media (min-width:1201px){
  body.single-post.ast-separate-container .entry-content > .alignfull,
  body.single-post.ast-separate-container .entry-content > .alignfull{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.uagb-block-7de3e3e2 ul.wp-block-post-template.columns-3 > li.wp-block-post
{
    background: none;
}

.uagb-block-7de3e3e2 ul.wp-block-post-template.columns-3 > li.wp-block-post:hover {
    background-color:#FFF;
}

.single-post-css .taxonomy-category a, 
.single-post-css1 .taxonomy-category a,
article.type-post .post-content .ast-taxonomy-container.cat-links a{
	color: var(--Neutrals-Mid-Grey-Subtext, #6B7785);
    leading-trim: both;
    text-edge: cap;
    
    /* Reg/ALL CAPS */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.single-post-css .wp-block-post-terms__separator,
.single-post-css1 .wp-block-post-terms__separator
{
    display:inline;
}

/* Target ALL text inside this section */
.single-post-column{
    color: var(--Neutrals-Mid-Grey-Subtext, #6B7785);
    leading-trim: both;
    text-edge: cap;
    
    /* Tiny/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.wp-block-uagb-advanced-heading.uagb-block-1a386c8f .uagb-heading-text {
    color: var(--Neutrals-Mid-Grey-Subtext, #6B7785) !important;
    leading-trim: both;
    text-edge: cap;
    
    /* Tiny/Reg */
    font-family: Inter;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* Make sure headings inside inherit */
.single-post-column .uagb-heading-text {
  color: var(--Neutrals-Mid-Grey-Subtext, #6B7785);
    leading-trim: both;
    text-edge: cap;
    
    /* Tiny/Reg */
    font-family: Inter;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* Make sure date text also inherit */
.single-post-column .wp-block-post-date,
.single-post-column .wp-block-post-date time {
  color: var(--Neutrals-Mid-Grey-Subtext, #6B7785);
    leading-trim: both;
    text-edge: cap;
    
    /* Tiny/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* ===============================
   UAGB TABLE OF CONTENTS STYLE
   =============================== */

/* 1️⃣ Remove markers (numbers / bullets) — FIRST LEVEL ONLY */
.uagb-block-15a54b31 .uagb-toc__list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2️⃣ Base link style (Normal state) */
.uagb-block-15a54b31 .uagb-toc__list > li > a {
  color: var(--Neutrals-Slate-Text, #2E3A45);
  font-family: Inter, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */

  text-decoration: none;
}

/* 3️⃣ Hover effect (ONLY first-level items) */
.uagb-block-15a54b31 .uagb-toc__list > li > a:hover {
  color: var(--Primary-Suprayi-Blue, #004F8B);

  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* 4️⃣ Nested list (sub items) — optional indent */
.uagb-block-15a54b31 .uagb-toc__list .uagb-toc__list {
  list-style: none !important;
  padding-left: 20px;
}

/* Add space between parent item and its child list */
.uagb-block-15a54b31 .uagb-toc__list > li > ul {
  margin-top: 10px;   /* space between parent and child */
}

/* =========================================================
   ARTICLES (all single posts): global paragraph styling
   Applies to this page + any articles copied from it
   ========================================================= */

/* 1) Normal WordPress paragraphs inside post content */

/* 2) UAGB “Advanced Heading” paragraphs (they output <p class="uagb-heading-text">) */
body.single-post .entry-content p:not(:is(.single-post-quote p, .single-post-sub-title p)),
body.single-post .wp-block-post-content p:not(:is(.single-post-quote p, .single-post-sub-title p)) 
{
  font-family: Inter, sans-serif !important;
  font-size: 1em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  color: var(--Neutrals-Slate-Text, #2E3A45) !important;
  align-self: stretch;
}

/* =================================================
   SINGLE POST TITLE STYLE (All Articles)
   ================================================= */

.single-post .single-post-title h2,
.single-post .single-post-title h3{

  color: var(--Primary-Suprayi-Blue, #004F8B) !important;

  font-family: "Red Hat Display", sans-serif !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
  padding-bottom: 20px;
  align-self: stretch;

  margin: 0 !important;
}

.single-post-sub-title h4,
.single-post-sub-title h3
{
    align-self: stretch;
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    /* Small */
    font-family: "Red Hat Display";
    font-size: 1.25em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    padding-top: 20px;
    padding-bottom: 20px;
}

.single-post-sub-title p,
.single-post-sub-title-h3 h3
{
    align-self: stretch;
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.single-post-quote p
{
    
    flex: 1 0 0;
    color:  #004F8B;
    leading-trim: both;
    text-edge: cap;
    /* Regular */
    font-family: "Red Hat Display";
    font-size: 1.5em;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
}

.quote-container
{
    display: flex;
    padding: 30px 0 30px 30px !important;
    align-items: center !important;
    gap:  10px !important;
    align-self: stretch;
    border-left: 4px solid #3AA6A1;
    border-color: #3AA6A1 !important;
}

@media only screen and (max-width: 976px)
{
    .uagb-block-8a8c95c1 .uagb-ifb-title {
        line-height: 120%;
    }
}

.h3-title h3
{
    font-size : 1.25em !important;
}

/* MOBILE + TABLET: sticky taxonomy bar edge-to-edge */
@media (max-width: 1024px)
{
  .uagb-taxonomy__outer-wrap .uagb-list-wrap.tax-sticky.is-fixed
  {
      max-width:calc(100vw - 35px) !important;
  }
  
  .uagb-taxonomy__outer-wrap:has(.uagb-list-wrap.tax-sticky.is-fixed)::before
  {
      height: auto;
  }
  
    .single-post.ast-no-sidebar.ast-separate-container .entry-content .alignfull{
      margin: 0 !important;
    }
}

.hero-section #image-canvas {
    object-fit: cover !important;
}

.single-post-css .wp-block-post-title
{
    margin-bottom : 0px !important;
}

.single-post-column .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column
{
    max-height: 50px;
}

@media only screen and (max-width: 767px)
{
    .woocommerce-shop .wp-block-uagb-advanced-heading.uagb-block-4e957d69.wp-block-uagb-advanced-heading {
        padding-top: 0px !important;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
}

.shop-actions-row .tinvwl_add_to_wishlist_button{
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop-actions-row .ast-on-card-button,
.shop-actions-row .woosc-btn,
.shop-actions-row .tinv-wraper{
  flex-shrink: 0;
}

/* Completely remove wishlist from shop loop 
.woocommerce-shop .tinv-wraper,
.woocommerce-shop .tinvwl-loop-button-wrapper,
.woocommerce-shop .tinvwl_add_to_wishlist_button,
.woocommerce-shop .tinvwl-tooltip,
.single-product .tinv-wraper,
.single-product .tinvwl-loop-button-wrapper,
.single-product .tinvwl_add_to_wishlist_button,
.single-product .tinvwl-tooltip{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}*/

/* Compare button — icon only, beside add-to-cart */
.woocommerce-shop li.product .woosc-btn,
.woocommerce ul.products li.product .woosc-btn
.single-product  li.product .woosc-btn{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-left: 8px !important;
  width: 44px;               /* match your ATC button footprint */
  height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}

/* Optional: hover feedback */
.woocommerce-shop li.product .woosc-btn:hover,
.woocommerce ul.products li.product .woosc-btn:hover,
.single-product  li.product .woosc-btn:hover{
  opacity: .85;
}

/* Make sure it sits nicely with Astra add-to-cart button */
.woocommerce-shop li.product a.ast-on-card-button.add_to_cart_button,
.woocommerce ul.products li.product a.ast-on-card-button.add_to_cart_button,
.single-product li.product a.ast-on-card-button.add_to_cart_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Position compare icon same zone as add-to-cart */
.woocommerce-shop li.product .woosc-btn,
.woocommerce ul.products li.product .woosc-btn,
.single-product li.product .woosc-btn{
  position: absolute !important;
  top: 10px;      /* adjust if needed */
  right: 55px;    /* slightly left of ATC */
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border: none !important;
}

/* If Astra positions ATC absolutely, this keeps compare aligned */
.woocommerce-shop li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.single-product li.product .astra-shop-thumbnail-wrap{
  position: relative;
  overflow: visible !important;
}

/* Make thumb wrapper a positioning context */
.woocommerce-shop li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.single-product li.product .astra-shop-thumbnail-wrap
{
  position: relative;
  overflow: visible !important;
}

/* Our new actions row (top-right) */
.woocommerce-shop li.product .astra-shop-thumbnail-wrap .shop-actions-row,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .shop-actions-row,
.single-product li.product .astra-shop-thumbnail-wrap .shop-actions-row{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 50;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

/* Show ONLY on hover */
.woocommerce-shop li.product:hover .astra-shop-thumbnail-wrap .shop-actions-row,
.woocommerce ul.products li.product:hover .astra-shop-thumbnail-wrap .shop-actions-row,
.single-product li.product:hover .astra-shop-thumbnail-wrap .shop-actions-row{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Normalize BOTH buttons to same size */
.woocommerce-shop li.product .astra-shop-thumbnail-wrap .shop-actions-row
a.ast-on-card-button,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .shop-actions-row
a.ast-on-card-button,
.single-product li.product .astra-shop-thumbnail-wrap .shop-actions-row
a.ast-on-card-button{
  position: static !important;      /* IMPORTANT: disable Astra absolute */
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

/* Compare look + custom icon */
.woocommerce-shop li.product .astra-shop-thumbnail-wrap .shop-actions-row .woosc-btn,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .shop-actions-row .woosc-btn,
.single-product li.product .astra-shop-thumbnail-wrap .shop-actions-row .woosc-btn{
  background: #CFE9E8 !important;
  border-radius: 50%;
  border: none !important;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15) !important;
  padding: 2px !important;
  position: static !important;
  width: 32px !important;
  height: 32px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

/* MATCH COMPARE BUTTON STYLE */
.woocommerce-shop li.product .shop-actions-row .tinvwl_add_to_wishlist_button,
.woocommerce ul.products li.product .shop-actions-row .tinvwl_add_to_wishlist_button,
.single-product li.product .shop-actions-row .tinvwl_add_to_wishlist_button{
  background: #CFE9E8 !important;
  border-radius: 50%;
  border: none !important;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15) !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

/* hide default compare icon */
.woocommerce-shop .shop-actions-row .woosc-btn .woosc-btn-icon,
.single-product .shop-actions-row .woosc-btn .woosc-btn-icon{
  display:none !important;
}

/* make button layout stable */
.woocommerce-shop .shop-actions-row .woosc-btn,
.single-product .shop-actions-row .woosc-btn {
  display:flex !important;
  align-items:center;
  justify-content:center;
}

/* custom svg icon */
.woocommerce-shop li.product button.woosc-btn:not(.woosc-added)::before,
.woocommerce ul.products li.product button.woosc-btn:not(.woosc-added)::before,
.single-product li.product button.woosc-btn:not(.woosc-added)::before{
  content:"";
  width:30px;
  height:30px;
  display:block;
  background-image:url("/wp-content/uploads/2026/03/compare.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.single-product div.product button.woosc-btn:not(.woosc-added)::before{
  content:"";
  width:30px;
  height:30px;
  display:block;
  background-image:url("/wp-content/uploads/2026/03/compare_white.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* icon when product already added to compare */
/* ADDED state — force pseudo element back (WOOSC sometimes disables :before) */
.woocommerce-shop li.product button.woosc-btn.woosc-btn-added.woosc-added:after,
.woocommerce ul.products li.product button.woosc-btn.woosc-btn-added.woosc-added:after,
.single-product li.product button.woosc-btn.woosc-btn-added.woosc-added:after{
  content: "" !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  background: url("/wp-content/uploads/2026/03/check-02.svg") no-repeat center / contain !important;
}

.single-product div.product button.woosc-btn.woosc-btn-added.woosc-added::after{
  content:"";
  width:30px;
  height:30px;
  display:block;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 11.8784C7.94144 12.5631 9.82432 14.4459 10.5946 15.7297C11.536 13.6757 13.9324 9.05405 16.5 7' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.woosc-btn-icon{
  display:none !important;
}

/* compare page */
.compare-breadcrumbs .uagb-heading-text a:nth-child(-n+3){
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Small/Reg */
    font-family: Inter;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.page-id-5193 .entry-header h1
{
    display: none;
}

/* Hide ONLY the header label cell */


/* Remove borders */
.woosc_table,
.woosc_table th,
.woosc_table td{
  border:none !important;
}

.woosc_table{
  border-collapse:collapse !important;
}

.woosc_table tr.tr-image td.td-label{
    font-size:0;
}

.ast-on-card-button .ahfb-svg-iconset
{
    background: #CFE9E8;
    opacity: 1;
}

.woosc_table tr.tr-image td.col{
  text-align:start;
}

.woosc_table tr.tr-image td.col img{
  width:150px !important;
  height:150px !important;
  object-fit:contain;
  display:block;
}

.compare-product-meta{
  text-align:start;
  margin-top:10px;
}

.compare-product-name{
    align-self: stretch;
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    /* Small */
    font-family: "Red Hat Display";
    font-size: 1.5em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    margin-bottom:15px;
}

.compare-view-details{
    border-radius: 40px;
    border: 1px solid var(--Accent-Teal-Accent, #3AA6A1);
    background: var(--Neutrals-Clinic-White, #FFF);
    display: flex;
    height: 40px;
    width:137px;
    padding: 0 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    margin-bottom:20px;
    color: var(--Accent-Teal-Accent, #3AA6A1);
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
}

.compare-view-details{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* overlay */
.compare-view-details::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;        /* anchor right */
    width: 0;
    height: 100%;
    z-index: -1;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: #3aa6a1;
    transition: width .5s ease-in-out;
}

/* hover */
.compare-view-details:hover::before{
    width: 100%;
}

.compare-view-details:hover{
    color:#fff;
}

.compare-product-price{
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Reg/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.woosc_table td.td-label{
  color: var(--Neutrals-Slate-Text, #2E3A45);

  font-family: Inter;
  font-size: 0.875em;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;

  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 20px;

  border-top: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2);
  border-bottom: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2);
}

.woosc_table td.col{
  color: var(--Neutrals-Slate-Text, #2E3A45);

  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;

  padding: 10px 20px;

  border-top: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2);
  border-bottom: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2);
}

.single-post-column :where(.is-layout-flex){
  gap: 5px !important;
}

.single-post-column{
  display: flex;
  gap: 20px;
}

.single-post-column > .wp-block-column{
  flex: 0 0 auto !important;
}

@media (max-width: 767px){

  /* stack the 3 metadata items vertically */
  .single-post-column.wp-block-columns{
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
  }

  /* each item takes full row */
  .single-post-column.wp-block-columns > .wp-block-column{
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* inner row: label + value close together */
  .single-post-column.wp-block-columns > .wp-block-column > .wp-block-group.is-layout-flex{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
  }

  /* override WP block gap variable */
  .single-post-column.wp-block-columns > .wp-block-column > .wp-block-group.is-layout-flex{
    --wp--style--block-gap: 5px !important;
  }

  /* remove paragraph default margins */
  .single-post-column .uagb-heading-text,
  .single-post-column .wp-block-post-date,
  .single-post-column .wp-block-post-date time,
  .single-post-column p{
    margin: 0 !important;
  }

  /* IMPORTANT: cancel nowrap from is-nowrap */
  .single-post-column .is-nowrap{
    flex-wrap: wrap !important;
  }
  
  .articles-small
  {
      width: auto !important;
  }
  
  .single-post.ast-no-sidebar.ast-separate-container .entry-content .alignfull{
      margin: 0 !important;
    }
}

.suprayi-compare-picker{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:32px;
    align-items:center;
    margin:0 0 40px;
}

.suprayi-compare-picker__col{
    width:100%;
}

.suprayi-compare-picker__select{
    width:100%;
    min-height:60px;
    padding: 14px 20px !important;
    border: 1px solid #D3D9E2 !important;
    border-radius: 100px !important;
    background:#fff;
    color: #2E3A45 !important;
    font-family: 'Inter';
    font-size: 1em;
    line-height:150%;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    outline:none;
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%233AA6A1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 14px center;
    background-size:14px 14px;
}

.suprayi-compare-picker__select:hover,
.suprayi-compare-picker__select:focus{
    border-color:#3AA6A1;
    color:#1f2d3d;
}

.suprayi-compare-empty{
    padding: 1em 2em 1em 3.5em;
    color: #004F8B;
    font-family:"Red Hat Display", sans-serif;
    font-size:1em;
    background: #CFE9E8;
    border-top: 2px solid #004F8B;
}

@media (max-width: 921px){
    .suprayi-compare-picker{
        grid-template-columns:1fr;
        gap:16px;
    }
}

/* Query Loop hover zoom like Astra WooCommerce */
/* Prevent image overflow */
.wp-block-query .wp-block-post-featured-image,
.custom-archive-card__thumb{
    overflow: hidden;
}

/* Smooth transition */
.wp-block-query .wp-block-post-featured-image img,
.custom-archive-card__thumb img{
    backface-visibility: hidden;
    transition: filter .6s, opacity .6s, transform .6s;
    transform: scale(1);
}

/* Hover zoom */
.wp-block-query .wp-block-post:hover .wp-block-post-featured-image img,
.custom-archive-card:hover .custom-archive-card__thumb img{
    transform: scale(1.1);
}

/* compare row */
.woosc_table .suprayi-compare-select-row > td{
    background: transparent;
    padding: 10px 12px;
    vertical-align: middle;
    border: 0;
}

/* first left label column: keep space for alignment, but hide text */
.woosc_table .suprayi-compare-select-label{
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap;
    padding: 10px 12px;
}

/* remove fake text if any */
.woosc_table .suprayi-compare-select-label::before{
    content: "";
}

#suprayi-toast{
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background: #FFF;
    color: #004F8B;
    padding: 14px 24px;
    border-radius: 10px;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 150%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    opacity: 0;
    pointer-events: none;
    z-index: 99999;
    transition: all .3s ease;
}

#suprayi-toast.show{
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* remove borders from header/product rows */
/* remove borders from header rows */
.woosc_table .suprayi-compare-select-row td,
.woosc_table .tr-name td,
.woosc_table .tr-image td{
    border: none !important;
}

/* start borders after the image row */
.woosc_table .tr-image + tr td,
.woosc_table .tr-image + tr ~ tr td{
    border-top: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2) !important;
}

/* ensure the last row has bottom border */
.woosc_table tbody tr:last-child td{
    border-bottom: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2) !important;
}

/* flattened rows match other compare rows */
.woosc_table .suprayi-added-attr-row .td-label {
    color: #2E3A45;
    font-weight: 600;
    vertical-align: middle;
}

.woosc_table .suprayi-added-attr-row .col {
    color: #2E3A45;
    vertical-align: middle;
}

/* make values inside p not add extra spacing */
.woosc_table .suprayi-added-attr-row .col p {
    margin: 0;
}

/* optional: remove extra spacing from old nested table content before removal flash */
.woosc_table .tr-additional .shop_attributes {
    margin: 0;
}
/* each compare cell */
.woosc_table .suprayi-compare-select-cell{
    padding: 10px 12px;
}

/* figma-style select */
.woosc_table .suprayi-compare-table-select{
    width: 100%;
    display: flex;
    padding: 14px 48px 14px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    border-radius: 100px;
    border: 1px solid var(--Neutrals-Cool-Grey, #D3D9E2);
    background: var(--Neutrals-Clinic-White, #FFF);
    box-sizing: border-box;

    color: var(--Neutrals-Slate-Text, #2E3A45);
    font-family: Inter, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    outline: none;
    box-shadow: none;
    cursor: pointer;

    /* custom dropdown icon */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M7 10L12.0008 14.58L17 10' stroke='%233AA6A1' stroke-width='1.5' stroke-linecap='square'/></svg>");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 24px 24px;
}

/* hover/focus */
.woosc_table .suprayi-compare-table-select:hover,
.woosc_table .suprayi-compare-table-select:focus{
    border-color: #c5ced8;
    outline: none;
    box-shadow: none;
}

/* optional: row spacing below select row */
.woosc_table .suprayi-compare-select-row{
    border-bottom: 0;
}

/* optional: make first row feel more like figma */
.woosc_table .suprayi-compare-select-row + tr td{
    padding-top: 18px;
}

.page-id-5193 #content{
	background-color: #FFF;
}

.woosc_table .tr-price {
    display: none;
}

.compare-product-price{
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    /* Reg/Reg */
    font-family: Inter;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.compare-product-price .woocommerce-Price-currencySymbol{
    margin-right:3px;
}

/* hide WPC compare popup/messages */
.woosc-area,
.woosc-popup,
.woosc-notice,
.woosc-message,
.woosc-alert,
.woosc-toast,
.mfp-woosc,
div[class*="woosc-message"],
div[class*="woosc-popup"],
div[class*="woosc-notice"]{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.notiny,
.notiny-container,
.notiny-base,
.notiny-layout{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#suprayi-toast-wrap{
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(100% - 32px);
    max-width: 520px;
    pointer-events: none;
}

.suprayi-toast-item{
    background: #CFE9E8;
    color: #004F8B;
    padding: 10px 20px;
    border: 1px solid #004F8B;
    border-radius: 0;
    font-family: Inter, sans-serif;
    font-size: 0.85em;
    line-height: 150%;
    text-align: center;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    opacity: 0;
    transform: translateY(-8px);
    transition: all .20s ease;
}

.suprayi-toast-item.show{
    opacity: 1;
    transform: translateY(0);
}

.woocommerce-products-header h1
{
    color: var(--Primary-Suprayi-Blue, #004F8B);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    
    /* X Large */
    font-family: "Red Hat Display";
    font-size: 2.75em;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 52.8px */
}

.woocommerce ul.products, .woocommerce-page ul.products
{
    column-gap: 12px;
}

.iqair-slider .iqair-slider-item h3
{
    font-weight: 800;
}

#product-5072 .ast-single-product-thumbnails 
.ast-woocommerce-product-gallery__image[data-slide-number="5"]{
    height: 156.25px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

#product-5072 .ast-single-product-thumbnails 
.ast-woocommerce-product-gallery__image[data-slide-number="5"] img{
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block;
}

.page-id-2245 .single-post-css1:not(.uagb-block-7de3e3e2) .wp-block-uagb-advanced-heading h2.uagb-heading-text,
.wp-block-uagb-advanced-heading.uagb-block-8093ed95 .uagb-heading-text
{
    line-height:1em;
}

.single-post-css1:not(.uagb-block-7de3e3e2) .wp-block-uagb-buttons.uagb-buttons__outer-wrap,
.page-id-1812 .uagb-block-515bc249{
    padding-top:2px;
}

.single-post #content
{
    padding-top:80px;
}

.single-post .wp-block-uagb-advanced-heading.uagb-block-9724a1e6 .uagb-heading-text
{
    line-height: 90%;
}

.single-post .ast-container
{
    padding:0px;
}

/* .ast-builder-grid-row
{
    padding-left:35px;
    padding-right:35px;
} */

.single-post-css1 .wp-block-uagb-advanced-heading:not(.uagb-block-9724a1e6) h2.uagb-heading-text
{
    color: var(--Primary-Suprayi-Blue, #004F8B);
    leading-trim: both;
    text-edge: cap;
    
    /* Large */
    font-family: "Red Hat Display";
    font-size: 2.5em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 48px */
}

.wp-block-uagb-container .uagb-container__video-wrap video
{
    object-fit: fill;
}

.uagb-block-983fcc39 .open-video-popup,
.uagb-block-983fcc39 .open-video-popup svg{
    cursor: pointer;
}

.suprayi-faq .accordion-item__toggle
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Small */
    font-family: "Red Hat Display";
    font-size: 0.82em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
	padding: 10px 0px;
}

.suprayi-faq .wp-block-woocommerce-accordion-panel,
.product-tech-faq .wp-block-woocommerce-accordion-panel {
    font-family: "Inter";
    font-size: 1em !important;
    font-weight: 400;
    line-height: 140%;
    color: #2E3A45;
}

.product-tech-faq .accordion-item__toggle
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Small */
    font-family: "Red Hat Display";
    font-size: 1.04em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
	padding: 10px 0px;
}

.suprayi-faq button.accordion-item__toggle:hover,
.suprayi-faq button.accordion-item__toggle:active,
.suprayi-faq button.accordion-item__toggle:focus,
.product-tech-faq button.accordion-item__toggle:hover,
.product-tech-faq button.accordion-item__toggle:active,
.product-tech-faq button.accordion-item__toggle:focus{
    background-color: transparent !important;
}

.suprayi-faq .is-layout-flow>.wp-block-woocommerce-accordion-panel, .wp-block-woocommerce-accordion-panel
{
    padding-left: 35px;
    padding-top: 10px;
}

.suprayi-faq .accordion-item__toggle-icon svg,
.product-tech-faq .accordion-item__toggle-icon svg{
    width:24px !important;
    height:24px !important;
    color:#004f8b;
    fill:#004f8b;
}

.suprayi-faq .accordion-item__toggle-icon,
.product-tech-faq .accordion-item__toggle-icon{
    margin-right:10px;
}

.product-tech-faq .wp-block-accordion-heading__toggle {
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    /* Medium */
    font-family: "Red Hat Display";
    font-size: 1.04em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    padding:10px 0px;
}

.suprayi-faq .wp-block-accordion-heading__toggle{
    color: var(--Neutrals-Slate-Text, #2E3A45);
    leading-trim: both;
    text-edge: cap;
    
    /* Small */
    font-family: "Red Hat Display";
    font-size: 0.82em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    padding:10px 0px;
}

.suprayi-faq button.wp-block-accordion-heading__toggle:hover,
.suprayi-faq button.wp-block-accordion-heading__toggle:active,
.suprayi-faq button.wp-block-accordion-heading__toggle:focus,
.product-tech-faq button.wp-block-accordion-heading__toggle:hover,
.product-tech-faq button.wp-block-accordion-heading__toggle:active,
.product-tech-faq button.wp-block-accordion-heading__toggle:focus {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none;
}

.suprayi-faq .wp-block-accordion-heading__toggle,
.suprayi-faq .wp-block-accordion-heading__toggle:hover,
.suprayi-faq .wp-block-accordion-heading__toggle:focus,
.suprayi-faq .wp-block-accordion-heading__toggle:active,
.product-tech-faq .wp-block-accordion-heading__toggle,
.product-tech-faq .wp-block-accordion-heading__toggle:hover,
.product-tech-faq .wp-block-accordion-heading__toggle:focus,
.product-tech-faq .wp-block-accordion-heading__toggle:active,
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
    text-decoration: none !important;
}

.suprayi-faq .wp-block-accordion-panel,
.product-tech-faq .wp-block-accordion-panel {
    padding-top: 10px;
}

.suprayi-faq .wp-block-accordion-panel p,
.product-tech-faq .wp-block-accordion-panel p {
    margin: 0;
    font-size:1em;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.suprayi-faq .wp-block-accordion-panel,
.product-tech-faq .wp-block-accordion-panel {
    padding-left: 45px;
    text-align: left;
    margin:0px;
}

.product-tech-faq .accordion-item__toggle span:first-child {
    color: var(--Neutrals-Slate-Text, #2E3A45);

    /* Typography */
    font-family: "Red Hat Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;

    /* Optional properties (not widely supported yet) */
    leading-trim: both;
    text-edge: cap;
}

.product-tech-faq table td:first-child {
    color: var(--Neutrals-Slate-Text, #2E3A45);

    /* Typography */
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    line-height: 150%;

    /* Optional experimental properties */
    leading-trim: both;
    text-edge: cap;
}

/* Hide default + icon */
.suprayi-faq .wp-block-accordion-heading__toggle-icon,
.product-tech-faq .wp-block-accordion-heading__toggle-icon {
    font-size: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right:10px;
}

/* Default (closed) → Chevron DOWN */
.suprayi-faq .wp-block-accordion-heading__toggle-icon::before,
.product-tech-faq .wp-block-accordion-heading__toggle-icon::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right:10px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10L12.0008 14.58L17 10' stroke='%23004F8B' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
}

/* When OPEN → Chevron UP */
.suprayi-faq .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::before,
.product-tech-faq .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::before {
    transform: rotate(180deg);
}

.suprayi-faq .wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon,
.product-tech-faq .wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon
{
    transform: rotate(0deg) !important;
}

.product-tech-faq table {
    table-layout: fixed;
    width: 100%;
}

.product-tech-faq table td:first-child {
    width: 25%;
}

.product-tech-faq table td:last-child {
    width: 70%;
}

.product-tech-faq table td {
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
}

.product-tech-faq table,
.product-tech-faq table td,
.product-tech-faq table tr {
    border-color: #D3D9E2;
}

.shop-actions-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  flex-wrap:nowrap;
}

.shop-actions-row .ast-on-card-button,
.shop-actions-row .woosc-btn,
.shop-actions-row .tinv-wraper{
  position:relative !important;
  top:2px !important;
  right:auto !important;
  left:10px !important;
  bottom:auto !important;
  margin:0 !important;
  flex:0 0 auto;
}

.shop-actions-row .tinv-wraper{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  min-width:auto !important;
}

.shop-actions-row .tinvwl_add_to_wishlist_button{
  display:flex !important;
  align-items:center;
  justify-content:center;
  position:relative !important;
  margin:0 !important;
}

.shop-actions-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  flex-wrap:nowrap;
}

.shop-actions-row .tinv-wraper{
  position:relative !important;
  top:-1px !important;
  left:5px !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  width:28px !important;
  height:30px !important;
  min-width:28px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}

.shop-actions-row .tinvwl_add_to_wishlist_button{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:36px !important;
  height:36px !important;
  margin:0 !important;
  padding:0 !important;
}

.shop-actions-row .tinvwl_add_to_wishlist_button img{
  display:block !important;
  width:20px !important;
  height:20px !important;
}

.shop-actions-row .tinvwl-tooltip,
.shop-actions-row .tinv-wishlist-clear{
  display:none !important;
}

@media (max-width: 1024px) {
  #gform_1 #input_1_2 {
    font-size: 9px;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  #gform_1 #input_1_2::placeholder,
  #gform_1 #input_1_2::-webkit-input-placeholder,
  #gform_1 #input_1_2::-moz-placeholder,
  #gform_1 #input_1_2:-ms-input-placeholder,
  #gform_1 #input_1_2:-moz-placeholder {
    font-size: 12px !important;
    color: #999 !important;
  }
}

@media (max-width: 767px) {
  .uagb-block-3493dc57 img {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .uagb-block-3493dc57 img {
    min-width: 250px !important;
  }
  
  .uagb-block-3493dc57 .swiper-slide {
    width: 100% !important;
  }

  .uagb-block-3493dc57 .swiper-wrapper {
    transform: none !important;
  }
  
  .uagb-block-3493dc57 .wp-block-uagb-image.alignleft {
      margin-right: 0 !important;
    }
}

@media (max-width: 767px) {

  .uagb-block-3493dc57 .wp-block-uagb-image.alignleft {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
  }

  .uagb-block-3493dc57 .wp-block-uagb-image.alignleft .wp-block-uagb-image__figure {
    margin: 0 auto !important;
    text-align: center !important;
    display: table !important;
  }

  .uagb-block-3493dc57 .wp-block-uagb-image.alignleft img {
    display: block !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 767px) {
  .uagb-block-3493dc57 .swiper-slide,
  .uagb-block-3493dc57 .swiper-content,
  .uagb-block-3493dc57 .uagb-block-3bba3c46,
  .uagb-block-3493dc57 .uagb-block-b2c25c9c,
  .uagb-block-3493dc57 .uagb-block-6918b56a,
  .uagb-block-3493dc57 .wp-block-columns {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .uagb-block-3493dc57 .swiper-content,
  .uagb-block-3493dc57 .uagb-block-3bba3c46,
  .uagb-block-3493dc57 .uagb-block-b2c25c9c,
  .uagb-block-3493dc57 .uagb-block-6918b56a {
    display: block !important;
  }

  .uagb-block-3493dc57 .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .uagb-block-3493dc57 .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .uagb-block-3493dc57 .wp-block-uagb-image.alignleft,
  .uagb-block-3493dc57 .wp-block-uagb-image__figure,
  .uagb-block-3493dc57 .wp-block-uagb-image__figure img {
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
    float: none !important;
  }
}

@media (max-width: 767px) {
  .uagb-block-9c3ef44c img,
  .uagb-block-5f403ad7 img,
  .uagb-block-44e7ea41 img
  {
    width: 100% !important;
    min-width: 280px !important; 
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .uagb-block-9c3ef44c .wp-block-uagb-image__figure,
  .uagb-block-5f403ad7 .wp-block-uagb-image__figure,
  .uagb-block-44e7ea41 .wp-block-uagb-image__figure{
    margin: 0 auto !important;
    text-align: center !important;
  }
  
  .page-id-2530 .iqair-slider .iqair-slider-item .wp-block-uagb-image img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 305px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    }
}

@media (max-width: 767px) {
  .page-id-2539 .wp-container-core-columns-is-layout-a5cdd475 {
    padding-top: 80px !important;
  }
}


@media (max-width: 767px) {
    .uagb-block-5f403ad7 img,
    .uagb-block-9c3ef44c img,
    .uagb-block-aff93704 img,
    .uagb-block-44e7ea41 img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }
    
    .wp-block-uagb-container.uagb-block-206bfca3
    {
        padding-top: 60px;
    }
    
    .related.products
    {
        padding: 30px 10px;
    }
    
    .woosc_table .suprayi-compare-table-select
    {
        width: 200px;
        padding: 14px 48px 14px 20px !important
    }
}

@media (min-width: 768px){
	.footer-copyright-mobile
	{
		display:none;
	}
}
@media (max-width: 767px) {
	
	.uagb-slider-container.uagb-block-f5d9f721 .swiper-wrapper
	{
		min-height:700px;
	}
	
    .site-primary-footer-wrap 
    aside[data-section="sidebar-widgets-footer-widget-1"] 
    #block-36 
    .wp-container-core-columns-is-layout-28f84493 
    > .wp-block-column:first-child {
        padding-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .site-primary-footer-wrap 
    aside[data-section="sidebar-widgets-footer-widget-1"] 
    #block-36 
    .wp-container-core-columns-is-layout-28f84493 
    > .wp-block-column:first-child 
    .wp-block-social-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .site-primary-footer-wrap 
    aside[data-section="sidebar-widgets-footer-widget-1"] 
    #block-36 
    .wp-container-core-columns-is-layout-28f84493 
    > .wp-block-column:first-child 
    .wp-social-link {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .site-primary-footer-wrap 
    aside[data-section="sidebar-widgets-footer-widget-1"] 
    #block-36 
    .wp-container-core-columns-is-layout-28f84493 
    > .wp-block-column:first-child 
    .wp-block-social-link-anchor {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
	
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]
	{
		margin-left:0;
	}
	
	.wp-block-social-links
	{
		justify-content:center;
	}
	
	.wp-container-core-columns-is-layout-28f84493
	{
		gap:20px;
	}
}

.site-primary-footer-wrap 
#block-36 
.wp-social-link-youtube svg {
    width: 1.8em;
    height: 1.8em;
}

.site-primary-footer-wrap 
#block-36 
.wp-social-link:not(.wp-social-link-youtube) svg {
    width: 1.25em;
    height: 1.25em;
}

.site-primary-footer-wrap 
#block-36 
.wp-container-core-columns-is-layout-28f84493 {
    display: flex !important;
    align-items: flex-end !important;
}

@media (min-width: 768px) {
    .site-primary-footer-wrap 
    aside[data-section="sidebar-widgets-footer-widget-1"] 
    #block-36 
    .wp-block-columns.wp-container-core-columns-is-layout-28f84493 
    > .wp-block-column:first-child,
    
    .site-primary-footer-wrap 
    aside[data-section="sidebar-widgets-footer-widget-1"] 
    #block-36 
    .wp-block-columns.wp-container-core-columns-is-layout-28f84493 
    > .wp-block-column:nth-child(3) {
        flex-basis: 40% !important;
    }
}

#block-36 .wp-container-core-columns-is-layout-28f84493 .wp-block-social-links {
    gap: 10px !important;
}


.uagb-block-00db1526 > .uagb-container-inner-blocks-wrap > p:first-child:not(:has(table)) {
    padding: 1em 2em 1em 3.5em;
    color: #004F8B;
    font-family:"Red Hat Display", sans-serif;
    font-size:1em;
    background: #CFE9E8;
    border-top: 2px solid #004F8B;
}

#gform_2 .gf-uagb-wrapper button.gf-submit-link.blue-button:focus,
#gform_2 .gf-uagb-wrapper button.gf-submit-link.blue-button:active {
    outline: none !important;
    box-shadow: none !important;
}

.site-footer-below-section-1 .ast-footer-copyright p span {
    color: var(--White, #FFF);
	leading-trim: both;
	text-edge: cap;
	/* Small/Reg */
	font-family: Inter;
	font-size: 0.85em;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
}

.footer-powered-by .uagb-heading-text,
.wp-block-uagb-advanced-heading.uagb-block-7959b705 .uagb-heading-text,
.footer-powered-by .uagb-heading-text a{
    font-size: 0.95em !important;
    font-weight: 400;
}


.wp-block-uagb-advanced-heading.uagb-block-7959b705 a
{
	font-size: 0.95em !important;
}

.site-footer-below-section-2 .wp-block-social-links svg {
    width: 20px;
    height: 20px;
}

.site-footer-below-section-2 .wp-block-social-link a {
    width: 24px;
    height: 24px;
}

.uagb-block-a2737b81 .wp-container-core-columns-is-layout-28f84493 {
    margin-bottom: 0 !important;
}

.wp-block-uagb-advanced-heading.uagb-block-7959b705 .uagb-heading-text
{
	line-height:28px;
}

/* Hide ONLY inline validation message */
#gform_wrapper_1 .gfield_validation_message {
    display: none !important;
}

/* Remove the extra space below the field */
#gform_wrapper_1 .gfield_error {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove spacing inside field container */
#gform_wrapper_1 .gfield {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 375px)
{
	.iqair-slider .iqair-slider-item .swiper-content .uagb-container-inner-blocks-wrap {
        height: 650px !important;
    }
}

@media screen and (max-width: 1024px)
{
	.shop-progress {
        z-index:50 !important;
    }
    
    .ast-header-html-1
    {
        height:26px;
        width:35px;
    }
    
    .ast-header-html-2
    {
        width:35px;
    }
    
    .ast-site-header-cart-li
    {
        min-width:100px;
    }
}

@media (max-width: 768px) {
  #air-right {
    display: none !important;
    width: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .air-left,
  .uagb-block-3493dc57.uagb-slider-container {
    width: 100% !important;
  }

  .wp-block-column.air-left {
    flex-basis: 100% !important;
  }

  .wp-block-column[style*="flex-basis:65%"] {
    flex-basis: 100% !important;
  }
}

@media (max-width: 768px) {
  .uagb-block-3493dc57,
  .uagb-block-3493dc57 .uagb-slides,
  .uagb-block-3493dc57 .uagb-swiper,
  .uagb-block-3493dc57 .swiper-wrapper,
  .uagb-block-3493dc57 .swiper-slide,
  .uagb-block-3493dc57 .swiper-content {
    min-height: 0 !important;
    height: auto;
  }

  .uagb-block-3493dc57 .swiper-slide {
    align-self: flex-start !important;
  }
	
  .wp-block-columns.wp-container-core-columns-is-layout-28f84493 > .wp-block-column:nth-child(2) {
     padding-left: 0px !important;
  }
	
  .uagb-block-ede50bda .wp-block-list li {
	  list-style-position: inside;
	  word-break: normal;
	  overflow-wrap: break-word;
	  width:90%;
	}
}

@media (max-width: 544px)
{
	.ast-header-break-point .ast-shop-toolbar-container 
	{
		display:contents !important;
	}
	
	.woocommerce-shop .woocommerce-result-count
	{
		text-align: center;
	}
}

@media (max-width:1100px) and (min-width:1025px)
{
    .wp-block-uagb-advanced-heading.uagb-block-7367daf8 .uagb-heading-text
    {
        font-size:2.75em;
    }
}

@media (max-width:1071px) and (min-width:1025px)
{
    .ast-header-html-1
    {
        height:28px;
        width:28px;
    }
    
    .ast-header-html-2
    {
        width:28px;
    }
    
    .ast-site-header-cart-li
    {
        min-width:100px;
    }
}

.custom-archive-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top:10px;
}

.custom-archive-card__tags a {
  display: inline-block;
  white-space: normal;      /* allow wrapping */
  word-break: keep-all;     /* prevent breaking words */
}