.elementor-kit-6{--e-global-color-primary:#F5AF98;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#FC7051;--e-global-color-83abc95:#F9F1EA;--e-global-color-bedd473:#F5EBE1;--e-global-color-369cd81:#000000;--e-global-color-ea7ae8c:#98F5C3;--e-global-color-cd309e2:#FFE08F;--e-global-color-ec0f16a:#908F8F;--e-global-color-b4b7ab9:#A39696;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:1.125rem;}.elementor-kit-6 a{color:var( --e-global-color-accent );text-decoration:underline;}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:#000000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:4rem;font-weight:700;text-transform:none;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:bold;text-transform:none;}.elementor-kit-6 h3{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2rem;font-weight:bold;}.elementor-kit-6 h4{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.5rem;font-weight:bold;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.125rem;font-weight:500;color:var( --e-global-color-secondary );background-color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;padding:1rem 2rem 1rem 2rem;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-kit-6 label{font-size:1.125rem;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:1rem;color:var( --e-global-color-b4b7ab9 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-bedd473 );border-radius:20px 20px 20px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:75rem;}.e-con{--container-max-width:75rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:1.5rem;}.elementor-element{--widgets-spacing:1.5rem 1.5rem;--widgets-spacing-row:1.5rem;--widgets-spacing-column:1.5rem;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:3rem;}.elementor-kit-6 h2{font-size:2rem;}.elementor-kit-6 h3{font-size:1.75rem;}.elementor-kit-6 h4{font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:1.125rem;}.elementor-kit-6 h1{font-size:2.5rem;}.elementor-kit-6 h2{font-size:2rem;}.elementor-kit-6 h3{font-size:1.75rem;}.elementor-kit-6 h4{font-size:1.25rem;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:1rem;padding:1rem 1.2rem 1rem 1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== AXE-WEB Pill Buttons (Elementor) – unified CSS ===== */
:root{
  --aw-bw: 2px;                  /* border width */
  --aw-br: 100px;                /* pill radius */
  --aw-fill: #F9F1EA;            /* default inner fill */
  --aw-text: #000;               /* default text color */
  --aw-dir: to right;            /* gradient direction (left → right) */

  /* brand stops */
  --aw-green:  #98F5C3;
  --aw-yellow: #FFE08F;
  --aw-orange: #FC7051;

  /* tri-color BORDER (default for base & fullrev) */
  --aw-grad:     linear-gradient(var(--aw-dir), var(--aw-green) 0%, var(--aw-yellow) 50%, var(--aw-orange) 100%);
  --aw-grad-rev: linear-gradient(var(--aw-dir), var(--aw-orange) 0%, var(--aw-yellow) 50%, var(--aw-green) 100%);

  /* fills */
  --aw-fill-gy:  linear-gradient(var(--aw-dir), var(--aw-green) 0%, var(--aw-yellow) 100%); /* fillgrad base */
  --aw-fill-yo:  linear-gradient(var(--aw-dir), var(--aw-yellow) 0%, var(--aw-orange) 100%);/* fillgrad hover */
  --aw-fill-gyo: linear-gradient(var(--aw-dir), var(--aw-green) 0%, var(--aw-yellow) 50%, var(--aw-orange) 100%); /* fillgo base */
  --aw-fill-oyg: linear-gradient(var(--aw-dir), var(--aw-orange) 0%, var(--aw-yellow) 50%, var(--aw-green) 100%); /* fillgo hover */

  /* two-stop rings for fillgrad */
  --aw-ring-gy:  linear-gradient(var(--aw-dir), var(--aw-green) 0%, var(--aw-yellow) 100%);
  --aw-ring-yo:  linear-gradient(var(--aw-dir), var(--aw-yellow) 0%, var(--aw-orange) 100%);
}

/* ---------- Base: inner gradient BORDER (G→Y→O), hover = grow + slide ---------- */
.aw-pill .elementor-button{
  position: relative; z-index: 0;
  border: var(--aw-bw) solid transparent;
  border-radius: var(--aw-br);
  background-image:
    linear-gradient(var(--aw-fill), var(--aw-fill)),
    var(--aw-grad);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-size: auto, 250% 250%;
  background-position: center, 0% 50%;
  transition: background-position .5s ease, transform .14s ease-out;
  color: var(--aw-text);
  text-decoration: none;
}
.aw-pill .elementor-button:hover{
  background-position: center, 100% 50%;
  transform: scale(1.02);
}

/* Keyboard focus */
.aw-pill .elementor-button:focus-visible{
  outline: 2px solid currentColor; outline-offset: 2px;
}

/* Fill modifiers (work with any variant) */
.aw-pill.aw-pill--dark .elementor-button{ --aw-fill:#000; --aw-text:#fff; }
.aw-pill.aw-pill--outline .elementor-button{ --aw-fill:transparent; --aw-text:#000; }

/* ---------- Outside ring + reverse on hover ---------- */
/* Use: aw-pill aw-pill--fullrev  (keeps fill; ring is drawn outside) */
.aw-pill.aw-pill--fullrev .elementor-button{
  background-image: linear-gradient(var(--aw-fill), var(--aw-fill));
  background-origin: border-box; background-clip: padding-box;
  border: none; position: relative; z-index:0; transition: transform .14s ease-out;
}
/* ring layers (outside, cross-fade) */
.aw-pill.aw-pill--fullrev .elementor-button::before,
.aw-pill.aw-pill--fullrev .elementor-button::after{
  content:""; position:absolute; inset: calc(-1 * var(--aw-bw));
  border-radius: calc(var(--aw-br) + var(--aw-bw));
  padding: var(--aw-bw); pointer-events:none; z-index:-1;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  transition: opacity .35s ease;
}
.aw-pill.aw-pill--fullrev .elementor-button::before{ background: var(--aw-grad);     opacity:1; }
.aw-pill.aw-pill--fullrev .elementor-button::after { background: var(--aw-grad-rev); opacity:0; }
.aw-pill.aw-pill--fullrev .elementor-button:hover::before{ opacity:0; }
.aw-pill.aw-pill--fullrev .elementor-button:hover::after { opacity:1; }
.aw-pill.aw-pill--fullrev .elementor-button:hover{ transform: scale(1.02); }

/* ---------- FILLGRAD: fill G→Y, hover Y→O; outside ring matches & flips ---------- */
/* Use: aw-pill aw-pill--fillgrad (don’t add --fullrev; already handles ring) */
.aw-pill.aw-pill--fillgrad .elementor-button{
  background-image: var(--aw-fill-gy);
  background-origin: border-box; background-clip: padding-box;
  border: none; position: relative; z-index:0;
  transition: transform .14s ease-out;
}
/* hover fill (Y→O) fades in */
.aw-pill.aw-pill--fillgrad .elementor-button::before{
  content:""; position:absolute; inset:0; border-radius: var(--aw-br);
  background: var(--aw-fill-yo); opacity:0; transition: opacity .5s ease;
  z-index:0; pointer-events:none;
}
.aw-pill.aw-pill--fillgrad .elementor-button:hover::before{ opacity:1; }
.aw-pill.aw-pill--fillgrad .elementor-button:hover{ transform: scale(1.02); }

/* outside ring flips from G→Y to Y→O */
.aw-pill.aw-pill--fillgrad .elementor-button::after{
  content:""; position:absolute; inset: calc(-1 * var(--aw-bw));
  border-radius: calc(var(--aw-br) + var(--aw-bw));
  padding: var(--aw-bw); pointer-events:none; z-index:-1;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  background: var(--aw-ring-gy);
  transition: opacity .5s ease;
}
/* second ring for hover (Y→O) */
.aw-pill.aw-pill--fillgrad .elementor-button::after{ box-shadow:none; }
.aw-pill.aw-pill--fillgrad .elementor-button::before, /* keep order above hover fill */
.aw-pill.aw-pill--fillgrad .elementor-button::after{ }
.aw-pill.aw-pill--fillgrad .elementor-button:hover::after{
  background: var(--aw-ring-yo);
}

/* --- Keep button text above overlays (works with or without base class) --- */
.aw-pill .elementor-button .elementor-button-text,
.aw-pill .elementor-button .elementor-button-icon,
.aw-pill .elementor-button .elementor-align-icon,
.aw-pill--fillgo .elementor-button .elementor-button-text,
.aw-pill--fillgo .elementor-button .elementor-button-icon,
.aw-pill--fillgo .elementor-button .elementor-align-icon{
  position: relative;
  z-index: 2;
}

/* ===== FILLGO: full G→Y→O fill; hover O→Y→G; ring matches fill ===== */
/* Works with: class="aw-pill aw-pill--fillgo"  OR  class="aw-pill--fillgo" */
.aw-pill.aw-pill--fillgo .elementor-button,
.aw-pill--fillgo .elementor-button{
  /* base geometry (duplicated so it works without aw-pill) */
  position: relative;
  border: none;                 /* we draw the ring outside */
  border-radius: var(--aw-br, 100px);
  color: var(--aw-text, #000);
  overflow: visible;            /* needed for outside ring */

  /* base fill: GREEN → YELLOW → ORANGE */
  background-image: linear-gradient(to right, #98F5C3 0%, #FFE08F 50%, #FC7051 100%);
  background-origin: border-box;
  background-clip: padding-box;
  transition: transform .14s ease-out;
}

/* overlay fill (reversed) fades in smoothly on hover (no banding) */
.aw-pill.aw-pill--fillgo .elementor-button::after,
.aw-pill--fillgo .elementor-button::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  /* ORANGE → YELLOW → GREEN */
  background: linear-gradient(to right, #FC7051 0%, #FFE08F 50%, #98F5C3 100%);
  opacity: 0;
  transition: opacity .5s ease;
  z-index: 0;                   /* below the text (which is z-index:2) */
}
.aw-pill.aw-pill--fillgo .elementor-button:hover::after,
.aw-pill--fillgo .elementor-button:hover::after{
  opacity: 1;
}
.aw-pill.aw-pill--fillgo .elementor-button:hover,
.aw-pill--fillgo .elementor-button:hover{
  transform: scale(1.02);
}

/* outside ring that MATCHES the fill (and slides a bit on hover) */
.aw-pill.aw-pill--fillgo .elementor-button::before,
.aw-pill--fillgo .elementor-button::before{
  content: "";
  position: absolute;
  inset: calc(-1 * var(--aw-bw, 2px));
  border-radius: calc(var(--aw-br, 100px) + var(--aw-bw, 2px));
  padding: var(--aw-bw, 2px);
  pointer-events: none;
  z-index: -1;

  /* cut the inner area so only the ring is visible */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  /* same gradient as the fill (G→Y→O) */
  background: linear-gradient(to right, #98F5C3 0%, #FFE08F 50%, #FC7051 100%);
  background-size: 150% 100%;
  background-position: 0% 50%;
  transition: background-position .5s ease;
}
.aw-pill.aw-pill--fillgo .elementor-button:hover::before,
.aw-pill--fillgo .elementor-button:hover::before{
  background-position: 100% 50%;
}

/* optional: NO RING */
.aw-pill.aw-pill--fillgo.aw-pill--noring .elementor-button::before,
.aw-pill--fillgo.aw-pill--noring .elementor-button::before{ display: none; }



/* ===== Universal outside gradient ring ===== */
:root{
  /* same tri-color you used on buttons */
  --aw-ring-grad: linear-gradient(279deg, #98F5C3 0%, #FFE08F 50%, #FC7051 100%);
}

/* Apply to any wrapper (Image, Video, Column, Container, etc.) */
.aw-ring{
  /* set a default radius; feel free to override in Elementor’s Style → Border Radius */
  border-radius: 24px;
  position: relative;
  z-index: 0;        /* keep stacking sane */
  --aw-bw: 5px;      /* default ring width (desktop) */
}

/* The ring itself (outside the box) */
.aw-ring::before{
  content:"";
  position:absolute;
  inset: calc(-1 * var(--aw-bw));
  border-radius: inherit;      /* matches your element’s corners */
  padding: var(--aw-bw);
  pointer-events:none;
  z-index: 1;                  /* show above the element’s edges */
  background: var(--aw-ring-grad);

  /* mask out the inside so only the ring is visible */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Mobile ring thickness (Elementor’s default mobile breakpoint) */
@media (max-width: 767px){
  .aw-ring{ --aw-bw: 3px; }
}

/* Handy shape helpers (optional) — add alongside aw-ring if needed */
.aw-ring--pill   { border-radius: 100px; }   /* pills */
.aw-ring--circle { border-radius: 9999px; }  /* perfect circles *//* End custom CSS */