.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-782b9c7:#D3D3D3;--e-global-color-048ca70:#9929EA;--e-global-color-5ee3d43:#0D0D0D;--e-global-color-b1bbc9b:#EAEAEA;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-5ee3d43 );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.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 *//* --- Glassmorph utility: attach .glassmorph or #glassmorph --- */
/* This only controls background, border and visual effects (no width/height/padding/border-radius). */
.glassmorph,
#glassmorph {
  /* customizable vars — override per element with inline style or another rule */
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  --glass-border: rgba(255,255,255,0.18);
  --glass-accent: rgba(255,255,255,0.06); /* subtle inner highlight */
  --glass-shadow: 0 12px 30px rgba(6,6,8,0.45);

  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow), inset 0 1px 0 var(--glass-accent);
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background-clip: padding-box; /* keeps border visible on rounded corners */
  /* don't change layout/shape: do NOT set width/height/padding/border-radius here */
  isolation: isolate; /* ensure blend mode and backdrop-filter behave consistently */
}

/* subtle hover enhancement (optional) */
.glassmorph:hover,
#glassmorph:hover {
  --glass-border: rgba(255,255,255,0.24);
  --glass-accent: rgba(255,255,255,0.09);
  --glass-shadow: 0 18px 40px rgba(6,6,8,0.5);
  backdrop-filter: blur(12px) saturate(130%);
  -webkit-backdrop-filter: blur(12px) saturate(130%);
}

/* Example dark-tinted variant you can apply instead:
   .glassmorph--deep { --glass-bg: linear-gradient(135deg, rgba(10,14,20,0.42), rgba(10,14,20,0.18)); }
*/

/* ===== Solid Purple CTA ===== */
.cta-solid .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 16px 30px 16px 34px;

    background: #9929EA;
    color: #ffffff;

    border-radius: 60px;
    border: 2px solid rgba(255,255,255,0.15);

    box-shadow:
        0 0 0 4px rgba(153, 41, 234, 0.15),
        0 12px 35px rgba(153, 41, 234, 0.45);

    overflow: hidden;
    transition: all 0.3s ease;
}

/* White Center Glow */
.cta-solid .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        circle at center,
        rgba(255,255,255,0.35) 0%,
        rgba(255,255,255,0.15) 25%,
        rgba(255,255,255,0.05) 45%,
        transparent 70%
    );
    pointer-events: none;
}

/* Hover lift */
.cta-solid .elementor-button:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 0 6px rgba(153, 41, 234, 0.25),
        0 18px 45px rgba(153, 41, 234, 0.6);
}

/* Bigger White Icon Circle */
.cta-solid .elementor-button-icon {
    background: #ffffff;
    color: #111;

    width: 44px;     /* Bigger circle */
    height: 44px;

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

    border-radius: 50%;
    font-size: 18px;

    transition: all 0.3s ease;
}

/* Slight arrow move */
.cta-solid .elementor-button:hover .elementor-button-icon {
    transform: translateX(4px);
}

/* Fix spacing */
.cta-solid .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.figma-glass-header {
    position: relative;
    z-index: 10; /* ensure proper stacking */

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.40) 0%,
        rgba(0, 0, 0, 0.20) 100%
    );

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

    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.10);

    isolation: isolate; /* CRITICAL FIX */
}


/* ===== Base Button ===== */
.figma-premium-btn .elementor-button {
    position: relative;
    background: #9929EA;
    border: none;
    overflow: visible;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 10px 20px -6px rgba(128,128,128,0.25);
    z-index: 1;
}

/* ===== Outside Gradient Border (5px) ===== */
.figma-premium-btn .elementor-button::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.10),
        rgba(153,153,153,0.10)
    );

    z-index: -1;
}

/* ===== White Center Glow (Your Provided Style Adapted) ===== */
.figma-premium-btn .elementor-button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;

    background: radial-gradient(
        circle at center,
        rgba(255,255,255,0.35) 0%,
        rgba(255,255,255,0.15) 25%,
        rgba(255,255,255,0.05) 45%,
        transparent 70%
    );

    pointer-events: none;
    z-index: 1;
}

/* Keep text above glow */
.figma-premium-btn .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}/* End custom CSS */