.elementor-22332 .elementor-element.elementor-element-13228e3{--display:flex;}.elementor-22332 .elementor-element.elementor-element-f0a828d{--display:flex;}.elementor-22332 .elementor-element.elementor-element-bcdfd67{--display:flex;}.elementor-22332 .elementor-element.elementor-element-f3bc393{color:var( --e-global-color-f00f2f1 );}.elementor-22332 .elementor-element.elementor-element-6158c05{--display:flex;}.elementor-22332 .elementor-element.elementor-element-3c43295{color:#FFFFFF;}.elementor-22332 .elementor-element.elementor-element-9062d39{--display:flex;}.elementor-22332 .elementor-element.elementor-element-2566471{color:#FFFFFF;}.elementor-22332 .elementor-element.elementor-element-518279c{--display:flex;}.elementor-22332 .elementor-element.elementor-element-1f52f8d{color:#FFFFFF;}.elementor-22332 .elementor-element.elementor-element-17d62eb{--display:flex;}.elementor-22332 .elementor-element.elementor-element-f9e7abe{color:#FFFFFF;}.elementor-22332 .elementor-element.elementor-element-d14f92e{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-22332 .elementor-element.elementor-element-d14f92e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-secondary );}.elementor-22332 .elementor-element.elementor-element-d14f92e > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );}.elementor-22332 .elementor-element.elementor-element-d14f92e {--n-accordion-padding:30px 30px 30px 30px;}/* Start custom CSS for text-editor, class: .elementor-element-e2e07d7 */ul, ol {
    padding-left: 30px;
    list-style-position: inside;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-d14f92e *//* KME Accordion — works for Elementor Classic + Nested (and optional Jeg) */
.kme-accordion{
  --kme-notch:38px;
  --kme-notch-bg:#fffff;         /* MUST match the section background */
  --kme-bg1:#3d3d3d;
  --kme-bg2:#1a1a1a;
  --kme-border:rgba(255,255,255,.22);
  --kme-radius:0px;
}

/* =========================
   CLASSIC ACCORDION
   ========================= */
.kme-accordion .elementor-accordion .elementor-accordion-item{
  position:relative;
  overflow:hidden;
  border-radius:var(--kme-radius);
  border:1px solid var(--kme-border);
  background:linear-gradient(135deg,var(--kme-bg1) 0%, var(--kme-bg2) 55%, var(--kme-bg1) 100%);
  clip-path: polygon(0 0,100% 0,100% calc(100% - var(--kme-notch)),calc(100% - var(--kme-notch)) 100%,0 100%);
}
.kme-accordion .elementor-accordion .elementor-accordion-item:after{
  content:"";
  position:absolute; right:0; bottom:0;
  width:var(--kme-notch); height:var(--kme-notch);
  background:var(--kme-notch-bg);
  clip-path: polygon(100% 0,100% 100%,0 100%);
  pointer-events:none;
}
/* ensure title/content inherit the card bg */
.kme-accordion .elementor-accordion .elementor-tab-title,
.kme-accordion .elementor-accordion .elementor-tab-content{
  background:transparent !important;
}
/* rotate icon when open */
.kme-accordion .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i{
  transform:rotate(180deg);
}
.kme-accordion .elementor-accordion .elementor-accordion-icon i{
  transition:transform .25s ease;
}

/* =========================
   NESTED ACCORDION (new)
   ========================= */
.kme-accordion .e-n-accordion-item{
  position:relative;
  overflow:hidden;
  border-radius:var(--kme-radius);
  border:1px solid var(--kme-border);
  background:linear-gradient(135deg,var(--kme-bg1) 0%, var(--kme-bg2) 55%, var(--kme-bg1) 100%);
  clip-path: polygon(0 0,100% 0,100% calc(100% - var(--kme-notch)),calc(100% - var(--kme-notch)) 100%,0 100%);
}
.kme-accordion .e-n-accordion-item:after{
  content:"";
  position:absolute; right:0; bottom:0;
  width:var(--kme-notch); height:var(--kme-notch);
  background:var(--kme-notch-bg);
  clip-path: polygon(100% 0,100% 100%,0 100%);
  pointer-events:none;
}
/* remove default backgrounds so the “card” shows */
.kme-accordion .e-n-accordion-item-title,
.kme-accordion .e-n-accordion-item-content{
  background:transparent !important;
}
/* rotate nested icon when open (most builds use aria-expanded) */
.kme-accordion [aria-expanded="true"] .e-n-accordion-item-title-icon,
.kme-accordion [aria-expanded="true"] .e-n-accordion-item-title-icon i,
.kme-accordion [aria-expanded="true"] .e-n-accordion-item-title-icon svg{
  transform:rotate(180deg);
}
.kme-accordion .e-n-accordion-item-title-icon,
.kme-accordion .e-n-accordion-item-title-icon i,
.kme-accordion .e-n-accordion-item-title-icon svg{
  transition:transform .25s ease;
}

/* =========================
   OPTIONAL: Jeg Kit Accordion
   (only if your widget is Jeg, not Elementor)
   ========================= */
.kme-accordion .jeg_accordion_wrapper .jeg_accordion_item{
  position:relative;
  overflow:hidden;
  border-radius:var(--kme-radius);
  border:1px solid var(--kme-border);
  background:linear-gradient(135deg,var(--kme-bg1) 0%, var(--kme-bg2) 55%, var(--kme-bg1) 100%);
  clip-path: polygon(0 0,100% 0,100% calc(100% - var(--kme-notch)),calc(100% - var(--kme-notch)) 100%,0 100%);
}
.kme-accordion .jeg_accordion_wrapper .jeg_accordion_item:after{
  content:"";
  position:absolute; right:0; bottom:0;
  width:var(--kme-notch); height:var(--kme-notch);
  background:var(--kme-notch-bg);
  clip-path: polygon(100% 0,100% 100%,0 100%);
  pointer-events:none;
}

@media (max-width:767px){
  .kme-accordion{ --kme-notch:38px; }
}/* End custom CSS */
/* Start custom CSS *//* ---------- Utility classes (use in Elementor “CSS Classes”) ---------- */

/* background helpers */
.kme-bg{ background: var(--kme-bg) !important; }
.kme-bg-soft{ background: var(--kme-bg-soft) !important; }

/* border + radius */
.kme-border{ border:1px solid var(--kme-border) !important; }
.kme-radius-sm{ border-radius: var(--kme-radius-sm) !important; }
.kme-radius-md{ border-radius: var(--kme-radius-md) !important; }
.kme-radius-lg{ border-radius: var(--kme-radius-lg) !important; }

/* shadows */
.kme-shadow-2{ box-shadow: var(--kme-shadow-2) !important; }
.kme-shadow-3{ box-shadow: var(--kme-shadow-3) !important; }
.kme-shadow-4{ box-shadow: var(--kme-shadow-4) !important; }

/* section padding presets (match your JSON intent: 80/64/40 etc) */
.kme-pad-hero{ padding:80px 24px !important; }
.kme-pad-xl{ padding:64px 24px !important; }
.kme-pad-lg{ padding:40px !important; }
.kme-pad-md{ padding:24px !important; }
.kme-pad-sm{ padding:16px !important; }

@media (max-width:1024px){
  .kme-pad-hero{ padding:72px 24px !important; }
  .kme-pad-xl{ padding:56px 24px !important; }
  .kme-pad-lg{ padding:32px !important; }
}
@media (max-width:767px){
  .kme-pad-hero{ padding:64px 24px !important; }
  .kme-pad-xl{ padding:40px 24px !important; }
}



/* =========================================================
   KME UI CSS (tokens + price + header + mobile drawer)

   ========================================================= */

/* ---------- Tokens (light) ---------- */
:root{
  --kme-primary:#F13030;
  --kme-accent:#AEA896;
  --kme-text:#1A1A1A;
  --kme-line:rgba(26,26,26,.10);
  --kme-bg-solid:#ffffff;
}

/* ---------- Price (Elementor widget custom CSS uses body.elementor-page-22332) ---------- */
body.elementor-page-22332 .kme-price{display:inline-flex;align-items:baseline;gap:.15em;line-height:1;}
body.elementor-page-22332 .kme-price-amount{font-size:3em;font-weight:800;}
body.elementor-page-22332 .kme-price-term{font-size:.85em;font-weight:600;opacity:.8;}

/* ---------- Header blur (scoped) ---------- */
.kme-header{
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid var(--kme-line);
  z-index: 99999;
  position: relative;
}

/* real blur only where supported */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  .kme-header{
    background: rgba(255,255,255,.78);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    backdrop-filter: blur(10px) saturate(140%);
  }
}

/* Prevent header containers from clipping dropdowns/drawers */
.kme-header,
.kme-header .e-con,
.kme-header .e-con-inner,
.kme-header .elementor-widget,
.kme-header .elementor-widget-container{
  overflow: visible !important;
}

/* =========================================================
   Elementor Nav Menu: Mobile drawer from LEFT (NO JS)
   Add class "kme-mobile-drawer" on the Nav Menu widget
   ========================================================= */
@media (max-width:1024px){

  /* Drawer base (closed) */
  .kme-mobile-drawer nav.elementor-nav-menu--dropdown{
    position: fixed !important;
    top: 0; left: 0;
    height: 100vh;
    width: min(86vw, 360px);
    z-index: 99999;

    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    transform: translateX(-105%);
    transition: transform .28s ease;

    background: var(--kme-bg-solid);
    box-shadow: 0 20px 60px rgba(0,0,0,.18);

    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* OPEN state (Elementor toggle aria-expanded) */
  .kme-mobile-drawer .elementor-menu-toggle[aria-expanded="true"] + nav.elementor-nav-menu--dropdown,
  .kme-mobile-drawer .elementor-menu-toggle[aria-expanded="true"] ~ nav.elementor-nav-menu--dropdown{
    transform: translateX(0);
  }

  /* Tap targets + subtle divider */
  .kme-mobile-drawer nav.elementor-nav-menu--dropdown a{
    display:block;
    padding: 14px 16px;
    color: var(--kme-text);
  }

  /* Optional: highlight active link using primary */
  .kme-mobile-drawer nav.elementor-nav-menu--dropdown .current-menu-item > a{
    color: var(--kme-primary);
  }

  @media (prefers-reduced-motion: reduce){
    .kme-mobile-drawer nav.elementor-nav-menu--dropdown{ transition:none; }
  }
}/* End custom CSS */