.elementor-kit-22{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d1fce5a:#8FA6FF;--e-global-color-4e296e6:#4F7CFF;--e-global-color-6868f99:#B36BFF;--e-global-color-545f54d:#C48CFF;--e-global-color-04e1007:#FF7CC5;--e-global-color-4dd659c:#FF9FD6;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"K2D";--e-global-typography-accent-font-weight:500;background-color:#FAFAFC;}.elementor-kit-22 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== BUTTON SYSTEM v3 — paste this entire block into Elementor > Site Settings > Custom CSS ===== */
/* Confirmed via direct DOM inspection: Jeg Kit's button widget structure is
   <div class="jkit-button [your-class]"><a class="jkit-button-wrapper">Text</a></div>
   Our class lands on the outer .jkit-button div, and the actual clickable
   element is the .jkit-button-wrapper link inside it. Every rule below
   targets that real element specifically, plus resets the outer wrapper. */

.site-btn-primary .jkit-button-wrapper{
  font-family:'Inter', sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  padding:14px 28px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, #4F7CFF 0%, #B36BFF 55%, #FF7CC5 100%) !important;
  color:#fff !important;
  border:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  cursor:pointer !important;
  position:relative;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
.site-btn-primary .jkit-button-wrapper::before{
  content:'';
  position:absolute;
  inset:-10px;
  background:linear-gradient(135deg, #4F7CFF 0%, #B36BFF 55%, #FF7CC5 100%);
  border-radius:999px;
  filter:blur(22px);
  opacity:.55;
  z-index:-1;
  transition:opacity .3s ease, filter .3s ease;
}
.site-btn-primary .jkit-button-wrapper:hover{
  transform:translateY(-3px);
}
.site-btn-primary .jkit-button-wrapper:hover::before{
  opacity:.8;
  filter:blur(28px);
}
.site-btn-primary .jkit-button-wrapper:active{
  transform:translateY(-1px) scale(0.98);
  transition-duration:.12s;
}

.site-btn-outline .jkit-button-wrapper{
  font-family:'Inter', sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  padding:14px 28px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#1D1D1F !important;
  border:1.5px solid rgba(79,124,255,0.25) !important;
  box-shadow:0 4px 14px rgba(31,38,135,0.06);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), border-color .3s ease, box-shadow .3s ease;
}
.site-btn-outline .jkit-button-wrapper:hover{
  transform:translateY(-3px);
  border-color:#4F7CFF !important;
  box-shadow:0 10px 24px rgba(79,124,255,0.15);
}
.site-btn-outline .jkit-button-wrapper:active{
  transform:translateY(-1px) scale(0.98);
  transition-duration:.12s;
}

.site-btn-ghost .jkit-button-wrapper{
  font-family:'Inter', sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  padding:14px 28px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.1) !important;
  color:#fff !important;
  border:1.5px solid rgba(255,255,255,0.35) !important;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .3s ease, border-color .3s ease;
}
.site-btn-ghost .jkit-button-wrapper:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,0.18) !important;
  border-color:rgba(255,255,255,0.55) !important;
}
.site-btn-ghost .jkit-button-wrapper:active{
  transform:translateY(-1px) scale(0.98);
  transition-duration:.12s;
}

.site-btn-sm .jkit-button-wrapper{
  font-size:13px !important;
  padding:10px 20px !important;
}

/* Reset the outer .jkit-button wrapper itself so it can't render its own
   background/box behind the real button — this is what was causing the
   oversized pill effect. */
.jkit-button.site-btn-primary,
.jkit-button.site-btn-outline,
.jkit-button.site-btn-ghost{
  background:none !important;
  box-shadow:none !important;
  border:none !important;
  padding:0 !important;
  display:inline-block !important;
  width:auto !important;
}

@media (prefers-reduced-motion: reduce){
  .site-btn-primary .jkit-button-wrapper,
  .site-btn-outline .jkit-button-wrapper,
  .site-btn-ghost .jkit-button-wrapper{
    transition:none !important;
  }
}/* End custom CSS */