.elementor-27 .elementor-element.elementor-element-3d2bb5de:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-3d2bb5de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-27 .elementor-element.elementor-element-3d2bb5de > .elementor-container{max-width:690px;}.elementor-27 .elementor-element.elementor-element-3d2bb5de{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-3d2bb5de > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27 .elementor-element.elementor-element-2fa4b705.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-27 .elementor-element.elementor-element-6b974187{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:autopx;--margin-right:autopx;}.elementor-27 .elementor-element.elementor-element-3b4b9735{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF2E;--border-color:#FFFFFF2E;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:15px;--padding-right:15px;}.elementor-27 .elementor-element.elementor-element-3b4b9735:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-3b4b9735 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C9;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-27 .elementor-element.elementor-element-63dc9656 img{width:40px;height:40px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--main .elementor-item{color:#E9E9E9;fill:#E9E9E9;padding-left:13px;padding-right:13px;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a, .elementor-27 .elementor-element.elementor-element-853e8cd .elementor-menu-toggle{color:#E3E3E3;fill:#E3E3E3;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown{background-color:#000000BF;border-radius:5px 5px 5px 5px;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a:hover,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a:focus,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a.highlighted,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-menu-toggle:hover,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a:hover,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a:focus,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown a.highlighted{background-color:#00000080;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-27 .elementor-element.elementor-element-853e8cd div.elementor-menu-toggle{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-853e8cd div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-bb91a0a .elementor-button{background-color:#61CE7000;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF85;border-radius:50px 50px 50px 50px;padding:10px 16px 10px 16px;}.elementor-27 .elementor-element.elementor-element-bb91a0a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-27 .elementor-element.elementor-element-c117b4e:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-c117b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-27 .elementor-element.elementor-element-c117b4e > .elementor-container{max-width:670px;}.elementor-27 .elementor-element.elementor-element-c117b4e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-c117b4e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27 .elementor-element.elementor-element-f0e1178.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-27 .elementor-element.elementor-element-c17ed9e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:autopx;--margin-right:autopx;}.elementor-27 .elementor-element.elementor-element-58b520d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF2E;--border-color:#FFFFFF2E;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:15px;--padding-right:15px;}.elementor-27 .elementor-element.elementor-element-58b520d:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-58b520d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C9;}.elementor-27 .elementor-element.elementor-element-65cef5f img{width:40px;height:40px;}.elementor-27 .elementor-element.elementor-element-86e0654 .elementor-button{background-color:#61CE7000;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF85;border-radius:50px 50px 50px 50px;padding:10px 16px 10px 16px;}.elementor-27 .elementor-element.elementor-element-86e0654 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-27 .elementor-element.elementor-element-42e540f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--dropdown a, .elementor-27 .elementor-element.elementor-element-42e540f .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--dropdown .elementor-item, .elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-27 .elementor-element.elementor-element-42e540f div.elementor-menu-toggle{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-42e540f div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-853e8cd .elementor-nav-menu--main .elementor-item{padding-left:13px;padding-right:13px;}.elementor-27 .elementor-element.elementor-element-c117b4e{z-index:10000000000000000;}.elementor-27 .elementor-element.elementor-element-58b520d{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-27 .elementor-element.elementor-element-65cef5f{text-align:left;}.elementor-27 .elementor-element.elementor-element-42e540f.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--dropdown{border-radius:10px 10px 10px 10px;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-27 .elementor-element.elementor-element-42e540f .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-27 .elementor-element.elementor-element-42e540f{--nav-menu-icon-size:27px;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-2fa4b705{width:100%;}.elementor-27 .elementor-element.elementor-element-f0e1178{width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-853e8cd */.elementor-nav-menu .sub-arrow {
    padding: 5px;
    margin-right: -10px !important;
}

/* Import Manrope font */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');

@media (min-width: 767px) {

/* Glassmorphism effect for submenu dropdown */
.elementor-nav-menu--dropdown,
.elementor-nav-menu .elementor-nav-menu--dropdown {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    padding: 6px !important;
    min-width: 260px !important;
    width: 260px !important;
    font-family: 'Manrope', sans-serif !important;
}

/* Target your specific dropdown structure */
.elementor-nav-menu--dropdown .elementor-sub-item {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    padding: 8px 12px !important;
    min-height: 48px !important;
    border-radius: 8px !important;
    transition: color 0.2s ease !important;
    color: #e5e7eb !important;
    text-decoration: none !important;
    margin: 1px 0 !important;
    font-family: 'Manrope', sans-serif !important;
}

/* Hover effect - only color change */
.elementor-nav-menu--dropdown .elementor-sub-item:hover {
    color: #ffffff !important;
}

.elementor-nav-menu--dropdown .elementor-sub-item:hover::after {
    color: #d1d5db !important;
}

/* Add icons before the text */
.elementor-nav-menu--dropdown .elementor-sub-item::before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2px;
}

/* Add descriptions after the text */
.elementor-nav-menu--dropdown .elementor-sub-item::after {
    content: attr(data-description);
    position: absolute;
    top: 26px;
    left: 40px;
    font-size: 11px;
    color: #9ca3af;
    line-height: 1.2;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Manrope', sans-serif !important;
}

/* Title text styling */
.elementor-nav-menu--dropdown .elementor-sub-item {
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* Content AI Studio - Target the li element and style the a element inside */
.elementor-nav-menu--dropdown li.studio .elementor-sub-item::before,
.elementor-nav-menu--dropdown .studio .elementor-sub-item::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e5e7eb" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg>');
}

.elementor-nav-menu--dropdown li.studio .elementor-sub-item::after,
.elementor-nav-menu--dropdown .studio .elementor-sub-item::after {
    content: "AI-powered content suite";
}

/* AI Events Pro */
.elementor-nav-menu--dropdown li.events .elementor-sub-item::before,
.elementor-nav-menu--dropdown .events .elementor-sub-item::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e5e7eb" stroke-width="2"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/></svg>');
}

.elementor-nav-menu--dropdown li.events .elementor-sub-item::after,
.elementor-nav-menu--dropdown .events .elementor-sub-item::after {
    content: "Smart event management";
}

/* AI Newsletter Pro */
.elementor-nav-menu--dropdown li.newslet .elementor-sub-item::before,
.elementor-nav-menu--dropdown .newslet .elementor-sub-item::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e5e7eb" stroke-width="2"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/><path d="M18 14h-8"/><path d="M15 18h-5"/><path d="M10 6h8v4h-8V6z"/></svg>');
}

.elementor-nav-menu--dropdown li.newslet .elementor-sub-item::after,
.elementor-nav-menu--dropdown .newslet .elementor-sub-item::after {
    content: "Automated newsletter creation";
}

/* SportsScoreX */
.elementor-nav-menu--dropdown li.scorex .elementor-sub-item::before,
.elementor-nav-menu--dropdown .scorex .elementor-sub-item::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e5e7eb" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/><path d="M8 2v2"/><path d="M16 2v2"/><path d="M2 8h2"/><path d="M2 16h2"/><path d="M20 8h2"/><path d="M20 16h2"/></svg>');
}

.elementor-nav-menu--dropdown li.scorex .elementor-sub-item::after,
.elementor-nav-menu--dropdown .scorex .elementor-sub-item::after {
    content: "Live sports scores";
}

/* Fact Checker */
.elementor-nav-menu--dropdown li.facty .elementor-sub-item::before,
.elementor-nav-menu--dropdown .facty .elementor-sub-item::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e5e7eb" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9c1.24 0 2.43.25 3.51.7"/></svg>');
}

.elementor-nav-menu--dropdown li.facty .elementor-sub-item::after,
.elementor-nav-menu--dropdown .facty .elementor-sub-item::after {
    content: "Verify information instantly";
}

/* AI Audio */
.elementor-nav-menu--dropdown li.audy .elementor-sub-item::before,
.elementor-nav-menu--dropdown .audy .elementor-sub-item::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e5e7eb" stroke-width="2"><path d="M12 2a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="m19 10-2 2"/><path d="m17 12-2 2"/><path d="M19 9v3a7 7 0 0 1-14 0v-3"/><path d="M12 18v4"/><path d="M8 22h8"/></svg>');
}

.elementor-nav-menu--dropdown li.audy .elementor-sub-item::after,
.elementor-nav-menu--dropdown .audy .elementor-sub-item::after {
    content: "AI-powered audio generation";
}

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb91a0a *//* UPDATED CSS - Replace your existing rainbow-glow-button styles with this */

/* CSS Variables for colors */
:root {
  --color-1: 0 100% 63%; /* Red */
  --color-2: 270 100% 63%; /* Purple */
  --color-3: 210 100% 63%; /* Blue */
  --color-4: 120 100% 63%; /* Green */
  --color-5: 60 100% 63%; /* Yellow */
}

.rainbow-glow-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  border-radius: 50px;
  border: 1px solid transparent;
  background: 
    linear-gradient(#000, #000) padding-box,
    linear-gradient(90deg, 
      hsl(var(--color-1)), 
      hsl(var(--color-5)), 
      hsl(var(--color-3)), 
      hsl(var(--color-4)), 
      hsl(var(--color-2))
    ) border-box;
  background-size: 100%, 200%;
  font-weight: 500;
  color: white;
  cursor: pointer;
  animation: rainbow-border 3s linear infinite;
  transition: all 0.3s ease;
  overflow: visible;
}

/* Full border glow effect that matches the border */
.rainbow-glow-button::before {
  content: '';
  position: absolute;
  inset: -4px; /* This creates the glow around entire button */
  border-radius: 50px;
  padding: 4px; /* This controls glow thickness */
  background: linear-gradient(90deg, 
    hsl(var(--color-1)), 
    hsl(var(--color-5)), 
    hsl(var(--color-3)), 
    hsl(var(--color-4)), 
    hsl(var(--color-2))
  );
  background-size: 200%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  filter: blur(6px);
  animation: rainbow-border 3s linear infinite;
  z-index: -1;
  opacity: 0.8;
}

/* Additional outer glow for more intensity */
.rainbow-glow-button::after {
  content: '';
  position: absolute;
  inset: -8px;
  border-radius: 50px;
  background: linear-gradient(90deg, 
    hsl(var(--color-1)), 
    hsl(var(--color-5)), 
    hsl(var(--color-3)), 
    hsl(var(--color-4)), 
    hsl(var(--color-2))
  );
  background-size: 200%;
  filter: blur(12px);
  animation: rainbow-border 3s linear infinite;
  z-index: -2;
  opacity: 0.4;
}

/* Rainbow animation for both border and glow */
@keyframes rainbow-border {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

/* Ensure button content stays visible */
.rainbow-glow-button .elementor-button-content-wrapper,
.rainbow-glow-button .elementor-button-text {
  position: relative;
  z-index: 1;
  color: white;
}

/* Hover effects */
.rainbow-glow-button:hover {
  transform: translateY(-1px);
}

.rainbow-glow-button:hover::before {
  filter: blur(8px);
  opacity: 1;
}

.rainbow-glow-button:hover::after {
  filter: blur(16px);
  opacity: 0.6;
}

/* Focus states for accessibility */
.rainbow-glow-button:focus-visible {
  outline: 1px solid white;
  outline-offset: 2px;
}

/* Disabled state */
.rainbow-glow-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* Faster animation on hover */
.rainbow-glow-button:hover,
.rainbow-glow-button:hover::before,
.rainbow-glow-button:hover::after {
  animation-duration: 1.5s;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86e0654 *//* UPDATED CSS - Replace your existing rainbow-glow-button styles with this */

/* CSS Variables for colors */
:root {
  --color-1: 0 100% 63%; /* Red */
  --color-2: 270 100% 63%; /* Purple */
  --color-3: 210 100% 63%; /* Blue */
  --color-4: 120 100% 63%; /* Green */
  --color-5: 60 100% 63%; /* Yellow */
}

.rainbow-glow-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  border-radius: 50px;
  border: 1px solid transparent;
  background: 
    linear-gradient(#000, #000) padding-box,
    linear-gradient(90deg, 
      hsl(var(--color-1)), 
      hsl(var(--color-5)), 
      hsl(var(--color-3)), 
      hsl(var(--color-4)), 
      hsl(var(--color-2))
    ) border-box;
  background-size: 100%, 200%;
  font-weight: 500;
  color: white;
  cursor: pointer;
  animation: rainbow-border 3s linear infinite;
  transition: all 0.3s ease;
  overflow: visible;
}

/* Full border glow effect that matches the border */
.rainbow-glow-button::before {
  content: '';
  position: absolute;
  inset: -4px; /* This creates the glow around entire button */
  border-radius: 50px;
  padding: 4px; /* This controls glow thickness */
  background: linear-gradient(90deg, 
    hsl(var(--color-1)), 
    hsl(var(--color-5)), 
    hsl(var(--color-3)), 
    hsl(var(--color-4)), 
    hsl(var(--color-2))
  );
  background-size: 200%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  filter: blur(6px);
  animation: rainbow-border 3s linear infinite;
  z-index: -1;
  opacity: 0.8;
}

/* Additional outer glow for more intensity */
.rainbow-glow-button::after {
  content: '';
  position: absolute;
  inset: -8px;
  border-radius: 50px;
  background: linear-gradient(90deg, 
    hsl(var(--color-1)), 
    hsl(var(--color-5)), 
    hsl(var(--color-3)), 
    hsl(var(--color-4)), 
    hsl(var(--color-2))
  );
  background-size: 200%;
  filter: blur(12px);
  animation: rainbow-border 3s linear infinite;
  z-index: -2;
  opacity: 0.4;
}

/* Rainbow animation for both border and glow */
@keyframes rainbow-border {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

/* Ensure button content stays visible */
.rainbow-glow-button .elementor-button-content-wrapper,
.rainbow-glow-button .elementor-button-text {
  position: relative;
  z-index: 1;
  color: white;
}

/* Hover effects */
.rainbow-glow-button:hover {
  transform: translateY(-1px);
}

.rainbow-glow-button:hover::before {
  filter: blur(8px);
  opacity: 1;
}

.rainbow-glow-button:hover::after {
  filter: blur(16px);
  opacity: 0.6;
}

/* Focus states for accessibility */
.rainbow-glow-button:focus-visible {
  outline: 1px solid white;
  outline-offset: 2px;
}

/* Disabled state */
.rainbow-glow-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* Faster animation on hover */
.rainbow-glow-button:hover,
.rainbow-glow-button:hover::before,
.rainbow-glow-button:hover::after {
  animation-duration: 1.5s;
}/* End custom CSS */