.elementor-3098 .elementor-element.elementor-element-f54125b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.85;border-style:none;--border-style:none;--padding-top:90px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-f54125b:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-f54125b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/04/freepik_generate-9-different-angles-of-this-image-tile-3_0002-e1775328701125.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-f54125b::before, .elementor-3098 .elementor-element.elementor-element-f54125b > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-f54125b > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-f54125b > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-f54125b > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-f54125b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-a058930{--display:flex;--min-height:600px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;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:#FFFFFF33;--border-color:#FFFFFF33;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-a058930:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-a058930 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background-image:url("https://devbysnox.cc/wp-content/uploads/2026/05/untitled-design-12-6a039c558d5b6-scaled.webp");background-position:center center;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-a058930::before, .elementor-3098 .elementor-element.elementor-element-a058930 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-a058930 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-a058930 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-a058930 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-a058930 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-43c3305{width:var( --container-widget-width, 45% );max-width:45%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:start;}.elementor-3098 .elementor-element.elementor-element-43c3305 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:800;line-height:1.1em;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-3098 .elementor-element.elementor-element-67e32ab{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-b433209.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-00f7a92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-00f7a92::before, .elementor-3098 .elementor-element.elementor-element-00f7a92 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-00f7a92 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-00f7a92 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-00f7a92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-00f7a92 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-3098 .elementor-element.elementor-element-eeb3f59{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-eeb3f59 img{width:100%;}.elementor-3098 .elementor-element.elementor-element-7cf5d06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-33df181{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-33df181.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-33df181 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-94f4a2b{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-7f55768{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-7f55768::before, .elementor-3098 .elementor-element.elementor-element-7f55768 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-7f55768 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-7f55768 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-7f55768 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-7f55768 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-3098 .elementor-element.elementor-element-bbd1139{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-3cf934e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-3cf934e.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-3cf934e img{width:100%;}.elementor-3098 .elementor-element.elementor-element-3b4a33e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-146fb04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-146fb04.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-146fb04 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-9e7d0a9{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-7043b3b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-433dc01{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-433dc01.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-433dc01 img{width:100%;}.elementor-3098 .elementor-element.elementor-element-dff1bfd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-1efa98f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-1efa98f.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-1efa98f .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-0044c28{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-3639387{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-e83be9d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-e83be9d.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-e83be9d img{width:100%;}.elementor-3098 .elementor-element.elementor-element-1606c2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-985478d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-985478d.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-985478d .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-cb34468{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-3c10453{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-a27b06c{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-a27b06c.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-a27b06c img{width:100%;}.elementor-3098 .elementor-element.elementor-element-e587f90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-9dcb2f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-9dcb2f4.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-9dcb2f4 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-524e954{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-aa682f8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-5f4d2ba{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-5f4d2ba.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-5f4d2ba img{width:100%;}.elementor-3098 .elementor-element.elementor-element-89b66b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-91243b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-91243b4.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-91243b4 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-4516dd8{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-b22bd60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-825b239{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-825b239.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-825b239 img{width:100%;}.elementor-3098 .elementor-element.elementor-element-5b7fecf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-5f13af0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-5f13af0.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-5f13af0 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-b1a0109{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-a1b1be0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-18a1080{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-18a1080.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-18a1080 img{width:100%;}.elementor-3098 .elementor-element.elementor-element-e5a790e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-d83e141{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-d83e141.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-d83e141 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-2d04c48{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-cead2cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-833926e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-833926e.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-833926e img{width:100%;}.elementor-3098 .elementor-element.elementor-element-74f3288{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-fedb521{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-fedb521.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-fedb521 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-73ed9c3{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-19467cf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-16e1506{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-16e1506.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-16e1506 img{width:100%;}.elementor-3098 .elementor-element.elementor-element-c967024{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-520b96b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-520b96b.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-520b96b .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-04c8050{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-37005bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-67e3abe{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-67e3abe.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-67e3abe img{width:100%;}.elementor-3098 .elementor-element.elementor-element-a8dd7ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-fbd9e76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-fbd9e76.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-fbd9e76 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-71ec33c{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-6b47b41{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-gap:50px;--n-tabs-title-border-radius:100px 100px 100px 100px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#000000;}.elementor-3098 .elementor-element.elementor-element-6b47b41 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-3098 .elementor-element.elementor-element-6b47b41.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.5) inset;}.elementor-3098 .elementor-element.elementor-element-6b47b41.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3098 .elementor-element.elementor-element-6b47b41.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-6b47b41.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:0px 0px 20px 0px rgba(255, 255, 255, 0.5) inset;}.elementor-3098 .elementor-element.elementor-element-6b47b41.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:500;}.elementor-3098 .elementor-element.elementor-element-4cf4724{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-4cf4724::before, .elementor-3098 .elementor-element.elementor-element-4cf4724 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-4cf4724 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-4cf4724 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-4cf4724 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-4cf4724 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-e1d4d4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-a21beb5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-3098 .elementor-element.elementor-element-a31e862{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-a31e862.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-a31e862 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-c442640{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3098 .elementor-element.elementor-element-de4863f{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-item > a{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:500;line-height:1.3em;}.elementor-3098 .elementor-element.elementor-element-de4863f .elementor-icon-list-text{color:#D2D2D2;transition:color 0.3s;}.elementor-3098 .elementor-element.elementor-element-f4c6f56{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-32b4510{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-32b4510.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-32b4510 img{width:100%;}.elementor-3098 .elementor-element.elementor-element-b5a30eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-3098 .elementor-element.elementor-element-5b6824f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;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:#2A2A2A;--border-color:#2A2A2A;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-3098 .elementor-element.elementor-element-5b6824f:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-5b6824f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/05/imgi_64_i0cWTfeGJ4hb2YAQ85yyhPYjes.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-5b6824f::before, .elementor-3098 .elementor-element.elementor-element-5b6824f > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-5b6824f > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-5b6824f > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-5b6824f > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-5b6824f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;background-image:url("https://devbysnox.cc/wp-content/uploads/2026/04/imgi_42_default.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-6acc7dd{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-6acc7dd.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-6acc7dd .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-e3fe1aa{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-e1e88dd .deensimc-scroll-text{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:500;line-height:1.3em;color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-e1e88dd .deensimc-text-wrapper svg{fill:#FFFFFF;height:20px;width:20px;align-self:center;flex-shrink:0;}.elementor-3098 .elementor-element.elementor-element-e1e88dd .deensimc-text-wrapper i{color:#FFFFFF;font-size:20px;align-self:center;flex-shrink:0;}.elementor-3098 .elementor-element.elementor-element-e1e88dd .deensimc-text-wrapper{gap:30px;}.elementor-3098 .elementor-element.elementor-element-5f2f316{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-5f2f316::before, .elementor-3098 .elementor-element.elementor-element-5f2f316 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-5f2f316 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-5f2f316 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-5f2f316 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-5f2f316 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-5015093{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-3098 .elementor-element.elementor-element-38db2b7{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-38db2b7.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-38db2b7 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-68f7aa3{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-f7365bd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-f7365bd::before, .elementor-3098 .elementor-element.elementor-element-f7365bd > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-f7365bd > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-f7365bd > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-f7365bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-f7365bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-9e1ace1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-d649eb9{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-d649eb9.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-d649eb9 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-5b13be5{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-5ac38c6{--e-image-carousel-slides-to-show:8;}.elementor-3098 .elementor-element.elementor-element-5ac38c6 .swiper-wrapper{display:flex;align-items:center;}.elementor-3098 .elementor-element.elementor-element-8d1c239{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-8d1c239::before, .elementor-3098 .elementor-element.elementor-element-8d1c239 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-8d1c239 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-8d1c239 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-8d1c239 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-8d1c239 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-6285147{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-3098 .elementor-element.elementor-element-f9c331b{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-f9c331b.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-f9c331b .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-3d3e0ed{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-59db2cd{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3098 .elementor-element.elementor-element-465765a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;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:#2A2A2A;--border-color:#2A2A2A;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3098 .elementor-element.elementor-element-465765a:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-465765a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/05/imgi_64_i0cWTfeGJ4hb2YAQ85yyhPYjes.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-465765a::before, .elementor-3098 .elementor-element.elementor-element-465765a > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-465765a > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-465765a > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-465765a > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-465765a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-b73b0b7 .elementor-icon-wrapper{text-align:center;}.elementor-3098 .elementor-element.elementor-element-b73b0b7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-b73b0b7.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-b73b0b7.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-b73b0b7.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-b73b0b7.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-dd0bef3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-3098 .elementor-element.elementor-element-dd0bef3.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-dd0bef3 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:25px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-7a33f9a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;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:#2A2A2A;--border-color:#2A2A2A;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3098 .elementor-element.elementor-element-7a33f9a:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-7a33f9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/05/imgi_64_i0cWTfeGJ4hb2YAQ85yyhPYjes.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-7a33f9a::before, .elementor-3098 .elementor-element.elementor-element-7a33f9a > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-7a33f9a > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-7a33f9a > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-7a33f9a > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-7a33f9a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-662cd68 .elementor-icon-wrapper{text-align:center;}.elementor-3098 .elementor-element.elementor-element-662cd68.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-662cd68.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-662cd68.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-662cd68.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-662cd68.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-65cb612{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-3098 .elementor-element.elementor-element-65cb612.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-65cb612 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:25px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-9956236{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;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:#2A2A2A;--border-color:#2A2A2A;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3098 .elementor-element.elementor-element-9956236:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-9956236 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/05/imgi_64_i0cWTfeGJ4hb2YAQ85yyhPYjes.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-9956236::before, .elementor-3098 .elementor-element.elementor-element-9956236 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-9956236 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-9956236 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-9956236 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-9956236 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-f255185 .elementor-icon-wrapper{text-align:center;}.elementor-3098 .elementor-element.elementor-element-f255185.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-f255185.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-f255185.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-f255185.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-f255185.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-cbda997{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-3098 .elementor-element.elementor-element-cbda997.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-cbda997 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:25px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-d718d5f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;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:#2A2A2A;--border-color:#2A2A2A;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3098 .elementor-element.elementor-element-d718d5f:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-d718d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/05/imgi_64_i0cWTfeGJ4hb2YAQ85yyhPYjes.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3098 .elementor-element.elementor-element-d718d5f::before, .elementor-3098 .elementor-element.elementor-element-d718d5f > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-d718d5f > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-d718d5f > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-d718d5f > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-d718d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-70fd023 .elementor-icon-wrapper{text-align:center;}.elementor-3098 .elementor-element.elementor-element-70fd023.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-70fd023.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-70fd023.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-70fd023.elementor-view-framed .elementor-icon, .elementor-3098 .elementor-element.elementor-element-70fd023.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3098 .elementor-element.elementor-element-2f95271{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-3098 .elementor-element.elementor-element-2f95271.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-2f95271 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:25px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-a968d22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-a968d22::before, .elementor-3098 .elementor-element.elementor-element-a968d22 > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-a968d22 > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-a968d22 > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-a968d22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-a968d22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3098 .elementor-element.elementor-element-2b5baab{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 50px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-2b5baab.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-2b5baab img{width:100%;}.elementor-3098 .elementor-element.elementor-element-0a2c472{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-4019e35{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-3098 .elementor-element.elementor-element-4019e35.elementor-element{--align-self:flex-start;}.elementor-3098 .elementor-element.elementor-element-4019e35 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-1b0c453{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3098 .elementor-element.elementor-element-e9f4984{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-item > a{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:500;line-height:1.3em;}.elementor-3098 .elementor-element.elementor-element-e9f4984 .elementor-icon-list-text{color:#D2D2D2;transition:color 0.3s;}.elementor-3098 .elementor-element.elementor-element-1b6fd77{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-42ff43a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.8;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-3098 .elementor-element.elementor-element-42ff43a:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-42ff43a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-3098 .elementor-element.elementor-element-42ff43a::before, .elementor-3098 .elementor-element.elementor-element-42ff43a > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-42ff43a > .e-con-inner > .elementor-background-video-container::before, .elementor-3098 .elementor-element.elementor-element-42ff43a > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-42ff43a > .e-con-inner > .elementor-background-slideshow::before, .elementor-3098 .elementor-element.elementor-element-42ff43a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/04/imgi_42_default.png");--background-overlay:'';background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-3098 .elementor-element.elementor-element-cd7eb2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-e3e3fc1{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-3098 .elementor-element.elementor-element-e3e3fc1.elementor-element{--align-self:center;}.elementor-3098 .elementor-element.elementor-element-e3e3fc1 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-3098 .elementor-element.elementor-element-92af0f7{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-3098 .elementor-element.elementor-element-17586fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-254930d{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-254930d:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-254930d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-445f598{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-2b9129f{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-2b9129f:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-2b9129f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-f228add{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-0642e78{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-0642e78:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-0642e78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-6a669da{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-038dad3{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-038dad3:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-038dad3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-05ba511{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-7ec276f{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-7ec276f:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-7ec276f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-8674bbd{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-1ac8760{--n-accordion-title-font-size:18px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:10px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-normal-color:var( --e-global-color-e0187c9 );--n-accordion-title-hover-color:var( --e-global-color-b506a33 );--n-accordion-title-active-color:var( --e-global-color-b506a33 );--n-accordion-icon-size:16px;}.elementor-3098 .elementor-element.elementor-element-1ac8760 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FFFFFF26;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9710aca );}:where( .elementor-3098 .elementor-element.elementor-element-1ac8760 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F4F6F0;--border-radius:0px 0px 24px 24px;--padding-top:25px;--padding-right:25px;--padding-bottom:25px;--padding-left:25px;}.elementor-3098 .elementor-element.elementor-element-1ac8760 {--n-accordion-padding:25px 20px 25px 20px;}:where( .elementor-3098 .elementor-element.elementor-element-1ac8760 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter Tight", Sans-serif;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;word-spacing:0em;}.elementor-3098 .elementor-element.elementor-element-76cbe30{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-76cbe30:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-76cbe30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-b57dc3f{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-e8a80c9{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-e8a80c9:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-e8a80c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-42c8ee2{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-caa5782{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-caa5782:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-caa5782 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-072770e{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-4d1c29e{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-4d1c29e:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-4d1c29e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-d244291{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-baf7036{--display:flex;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:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3098 .elementor-element.elementor-element-baf7036:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-baf7036 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-3098 .elementor-element.elementor-element-afe9ac1{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0.5px;color:var( --e-global-color-b506a33 );}.elementor-3098 .elementor-element.elementor-element-b5ed3f4{--n-accordion-title-font-size:18px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:10px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-normal-color:var( --e-global-color-e0187c9 );--n-accordion-title-hover-color:var( --e-global-color-b506a33 );--n-accordion-title-active-color:var( --e-global-color-b506a33 );--n-accordion-icon-size:16px;}.elementor-3098 .elementor-element.elementor-element-b5ed3f4 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FFFFFF26;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9710aca );}:where( .elementor-3098 .elementor-element.elementor-element-b5ed3f4 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F4F6F0;--border-radius:0px 0px 24px 24px;--padding-top:25px;--padding-right:25px;--padding-bottom:25px;--padding-left:25px;}.elementor-3098 .elementor-element.elementor-element-b5ed3f4 {--n-accordion-padding:25px 20px 25px 20px;}:where( .elementor-3098 .elementor-element.elementor-element-b5ed3f4 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter Tight", Sans-serif;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;word-spacing:0em;}body.elementor-page-3098:not(.elementor-motion-effects-element-type-background), body.elementor-page-3098 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-3098 .elementor-element.elementor-element-a058930{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-00f7a92{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-7cf5d06{--width:50%;}.elementor-3098 .elementor-element.elementor-element-7f55768{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-3b4a33e{--width:50%;}.elementor-3098 .elementor-element.elementor-element-dff1bfd{--width:50%;}.elementor-3098 .elementor-element.elementor-element-1606c2b{--width:50%;}.elementor-3098 .elementor-element.elementor-element-e587f90{--width:50%;}.elementor-3098 .elementor-element.elementor-element-89b66b5{--width:50%;}.elementor-3098 .elementor-element.elementor-element-5b7fecf{--width:50%;}.elementor-3098 .elementor-element.elementor-element-e5a790e{--width:50%;}.elementor-3098 .elementor-element.elementor-element-74f3288{--width:50%;}.elementor-3098 .elementor-element.elementor-element-c967024{--width:50%;}.elementor-3098 .elementor-element.elementor-element-a8dd7ef{--width:50%;}.elementor-3098 .elementor-element.elementor-element-4cf4724{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-e1d4d4f{--width:50%;}.elementor-3098 .elementor-element.elementor-element-b5a30eb{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-5b6824f{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-5f2f316{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-f7365bd{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-8d1c239{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-a968d22{--content-width:1400px;}.elementor-3098 .elementor-element.elementor-element-0a2c472{--width:50%;}.elementor-3098 .elementor-element.elementor-element-42ff43a{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3098 .elementor-element.elementor-element-7cf5d06{--width:100%;}.elementor-3098 .elementor-element.elementor-element-3b4a33e{--width:100%;}.elementor-3098 .elementor-element.elementor-element-dff1bfd{--width:100%;}.elementor-3098 .elementor-element.elementor-element-1606c2b{--width:100%;}.elementor-3098 .elementor-element.elementor-element-e587f90{--width:100%;}.elementor-3098 .elementor-element.elementor-element-89b66b5{--width:100%;}.elementor-3098 .elementor-element.elementor-element-5b7fecf{--width:100%;}.elementor-3098 .elementor-element.elementor-element-e5a790e{--width:100%;}.elementor-3098 .elementor-element.elementor-element-74f3288{--width:100%;}.elementor-3098 .elementor-element.elementor-element-c967024{--width:100%;}.elementor-3098 .elementor-element.elementor-element-a8dd7ef{--width:100%;}.elementor-3098 .elementor-element.elementor-element-e1d4d4f{--width:100%;}.elementor-3098 .elementor-element.elementor-element-0a2c472{--width:100%;}}@media(max-width:1024px){.elementor-3098 .elementor-element.elementor-element-43c3305{width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;}.elementor-3098 .elementor-element.elementor-element-67e32ab{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-3098 .elementor-element.elementor-element-7cf5d06{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-3b4a33e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-dff1bfd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-1606c2b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-e587f90{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-89b66b5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-5b7fecf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-e5a790e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-74f3288{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-c967024{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-a8dd7ef{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-6b47b41{--n-tabs-title-font-size:15px;}.elementor-3098 .elementor-element.elementor-element-e1d4d4f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-6acc7dd{--container-widget-width:73%;--container-widget-flex-grow:0;width:var( --container-widget-width, 73% );max-width:73%;}.elementor-3098 .elementor-element.elementor-element-e3fe1aa{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}.elementor-3098 .elementor-element.elementor-element-38db2b7{--container-widget-width:73%;--container-widget-flex-grow:0;width:var( --container-widget-width, 73% );max-width:73%;}.elementor-3098 .elementor-element.elementor-element-68f7aa3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}.elementor-3098 .elementor-element.elementor-element-d649eb9{--container-widget-width:73%;--container-widget-flex-grow:0;width:var( --container-widget-width, 73% );max-width:73%;}.elementor-3098 .elementor-element.elementor-element-5b13be5{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}.elementor-3098 .elementor-element.elementor-element-5ac38c6{--e-image-carousel-slides-to-show:7;}.elementor-3098 .elementor-element.elementor-element-f9c331b{--container-widget-width:73%;--container-widget-flex-grow:0;width:var( --container-widget-width, 73% );max-width:73%;}.elementor-3098 .elementor-element.elementor-element-3d3e0ed{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}.elementor-3098 .elementor-element.elementor-element-59db2cd{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-0a2c472{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-92af0f7{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}.elementor-3098 .elementor-element.elementor-element-1ac8760{--n-accordion-title-font-size:16px;}.elementor-3098 .elementor-element.elementor-element-b5ed3f4{--n-accordion-title-font-size:16px;}}@media(max-width:767px){.elementor-3098 .elementor-element.elementor-element-f54125b:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-f54125b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devbysnox.cc/wp-content/uploads/2026/04/freepik_generate-9-different-angles-of-this-image-tile-3_0002-e1775328701125.png");background-position:center center;}.elementor-3098 .elementor-element.elementor-element-f54125b{--overlay-opacity:0.7;--padding-top:85px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-a058930{--min-height:500px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-a058930:not(.elementor-motion-effects-element-type-background), .elementor-3098 .elementor-element.elementor-element-a058930 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-3098 .elementor-element.elementor-element-43c3305{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-43c3305 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-67e32ab{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-00f7a92{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-eeb3f59{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-7cf5d06{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-33df181{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-33df181 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-94f4a2b{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-7f55768{--gap:50px 20px;--row-gap:50px;--column-gap:20px;--border-radius:30px 30px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-bbd1139{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-3cf934e{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-3b4a33e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-146fb04{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-146fb04 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-9e7d0a9{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-7043b3b{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-433dc01{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-dff1bfd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-1efa98f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-1efa98f .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-0044c28{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-3639387{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-e83be9d{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-1606c2b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-985478d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-985478d .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-cb34468{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-3c10453{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-a27b06c{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-e587f90{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-9dcb2f4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-9dcb2f4 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-524e954{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-aa682f8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-5f4d2ba{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-89b66b5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-91243b4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-91243b4 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-4516dd8{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-b22bd60{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-825b239{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-5b7fecf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-5f13af0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-5f13af0 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-b1a0109{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-a1b1be0{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-18a1080{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-e5a790e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-d83e141{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-d83e141 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-2d04c48{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-cead2cd{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-833926e{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-74f3288{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-fedb521{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-fedb521 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-73ed9c3{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-19467cf{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-16e1506{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-c967024{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-520b96b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-520b96b .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-04c8050{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-37005bd{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3098 .elementor-element.elementor-element-67e3abe{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-a8dd7ef{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-fbd9e76{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-fbd9e76 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-71ec33c{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-6b47b41{--n-tabs-gap:30px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:13px;}.elementor-3098 .elementor-element.elementor-element-4cf4724{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-e1d4d4f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-a21beb5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-a31e862{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-a31e862 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-c442640{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-32b4510{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-5b6824f{--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-6acc7dd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-6acc7dd .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-e3fe1aa{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-5f2f316{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:30px 30px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-5015093{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-38db2b7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-38db2b7 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-68f7aa3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-f7365bd{--gap:30px 20px;--row-gap:30px;--column-gap:20px;--border-radius:30px 30px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-9e1ace1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-d649eb9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-d649eb9 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-5b13be5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-5ac38c6{--e-image-carousel-slides-to-show:3;}.elementor-3098 .elementor-element.elementor-element-8d1c239{--gap:30px 20px;--row-gap:30px;--column-gap:20px;--border-radius:30px 30px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-6285147{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-f9c331b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-f9c331b .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-3d3e0ed{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-59db2cd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3098 .elementor-element.elementor-element-465765a{--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-dd0bef3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-dd0bef3 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-7a33f9a{--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-65cb612{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-65cb612 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-9956236{--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-cbda997{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-cbda997 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-d718d5f{--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-2f95271{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-2f95271 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-a968d22{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-2b5baab{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-0a2c472{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3098 .elementor-element.elementor-element-4019e35{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-4019e35 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-1b0c453{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-42ff43a{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-3098 .elementor-element.elementor-element-cd7eb2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-e3e3fc1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3098 .elementor-element.elementor-element-e3e3fc1 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-3098 .elementor-element.elementor-element-92af0f7{width:100%;max-width:100%;font-size:16px;}.elementor-3098 .elementor-element.elementor-element-17586fc{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3098 .elementor-element.elementor-element-1ac8760{width:100%;max-width:100%;}.elementor-3098 .elementor-element.elementor-element-b5ed3f4{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-1bcfed6 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fccd0b *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f278dbd *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9a4eda *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297aa4e *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b57872 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f032c *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda7d10 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52aa9c4 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3f7afa *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3db635 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a21beb5 */--bg-color: #fff;        /* background */
--border-color: #FFFFFF33;    /* border */
--text-color: #504F4F;      /* text */
--dot-color: #34c759;       /* green dot */

--font-family: 'Inter';     /* change font */
--font-size: 13px;
--font-weight: 500;

--border-radius: 8px;      /* roundness *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4c6f56 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5015093 */--bg-color: #fff;        /* background */
--border-color: #FFFFFF33;    /* border */
--text-color: #504F4F;      /* text */
--dot-color: #34c759;       /* green dot */

--font-family: 'Inter';     /* change font */
--font-size: 13px;
--font-weight: 500;

--border-radius: 8px;      /* roundness *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d1907 *//* =========================================
   INTER TIGHT FONT
========================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&display=swap');

/* =========================================
   MAIN WRAPPER
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps{
    font-family:'Inter Tight',sans-serif !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    justify-content:center;
    align-items:stretch;

    gap:18px;

    width:100%;
    max-width:1400px;

    margin:auto;
    padding:0px 0px;

    position:relative;

    overflow-x:auto;
    overflow-y:visible;

    scrollbar-width:none;
}

.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps::-webkit-scrollbar{
    display:none;
}

/* =========================================
   CENTER LINE
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps::before{
    content:'';

    position:absolute;
    top:58px;
    left:5%;
    width:90%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.08),
        transparent
    );

    z-index:0;
}

/* =========================================
   ANIMATIONS
========================================= */
@keyframes floatCard{
    0%{transform:translateY(0px);}
    50%{transform:translateY(-6px);}
    100%{transform:translateY(0px);}
}

@keyframes glowPulse{
    0%{box-shadow:0 0 0 rgba(255,255,255,0);}
    50%{box-shadow:0 0 22px rgba(255,255,255,0.10);}
    100%{box-shadow:0 0 0 rgba(255,255,255,0);}
}

@keyframes shimmer{
    0%{transform:translateX(-120%);}
    100%{transform:translateX(120%);}
}

/* =========================================
   STEP BOX
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step{
    position:relative;
    z-index:2;

    flex:1 1 0 !important;

    min-width:220px;
    max-width:260px;

    overflow:hidden;

    padding:28px 18px;

    border-radius:24px;

    background:linear-gradient(
        180deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.02)
    );

    border:1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    text-align:center;

    transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;

    animation:floatCard 6s ease-in-out infinite;
}

/* FLOAT DELAYS */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step:nth-child(2){animation-delay:.7s;}
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step:nth-child(3){animation-delay:1.4s;}
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step:nth-child(4){animation-delay:2.1s;}
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step:nth-child(5){animation-delay:2.8s;}

/* =========================================
   ACTIVE BOX
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step.active{
    background:linear-gradient(
        180deg,
        rgba(255,255,255,0.07),
        rgba(255,255,255,0.03)
    );

    border-color:rgba(255,255,255,0.16);

    box-shadow:0 10px 40px rgba(255,255,255,0.04);
}

/* =========================================
   HOVER
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step:hover{
    transform:translateY(-8px) scale(1.02);

    border-color:rgba(255,255,255,0.18);

    background:linear-gradient(
        180deg,
        rgba(255,255,255,0.06),
        rgba(255,255,255,0.03)
    );

    box-shadow:
    0 20px 40px rgba(0,0,0,0.45),
    0 0 30px rgba(255,255,255,0.06);
}

/* =========================================
   SHIMMER EFFECT
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step::before{
    content:'';

    position:absolute;
    top:0;
    left:0;

    width:40%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.07),
        transparent
    );

    transform:translateX(-120%);
}

.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step:hover::before{
    animation:shimmer 1.2s ease;
}

/* =========================================
   NUMBER CIRCLE
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .circle{
    width:64px;
    height:64px;

    margin:0 auto 20px;

    border-radius:50%;

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

    background:#0d0d0d;

    border:1px solid rgba(255,255,255,0.08);

    color:#fff;

    font-size:22px;
    font-weight:700;

    animation:glowPulse 4s ease-in-out infinite;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 25px rgba(0,0,0,0.35);

    transition:all .4s cubic-bezier(.22,1,.36,1);
}

/* ACTIVE NUMBER */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step.active .circle{
    background:#fff;
    color:#000;
    border-color:#fff;
    box-shadow:0 0 28px rgba(255,255,255,0.18);
}

/* HOVER NUMBER */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step:hover .circle{
    transform:rotate(8deg) scale(1.08);
}

/* =========================================
   TITLE
========================================= */
.elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps h3{
    color:#fff;
    font-size:17px;
    line-height:1.45;
    font-weight:650;
    letter-spacing:-0.03em;
    margin:0;
    word-break:break-word;
}

/* =========================================
   TABLET + MOBILE LAYOUT FIX
========================================= */
@media (max-width:1024px){

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps{
        flex-direction:column !important;
        overflow-x:hidden;
        align-items:center;
    }

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step{
        width:100%;
        max-width:650px;
        min-width:auto;

        min-height:180px;
        height:auto;
    }

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps::before{
        display:none;
    }

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .circle{
        margin-bottom:18px;
    }
}

@media (max-width:767px){

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps{
        flex-direction:column !important;
        align-items:stretch;
        gap:14px;
    }

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .step{
        width:100%;
        max-width:100%;
        min-width:auto;

        min-height:200px;

        padding:26px 18px;

        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps h3{
        font-size:15px;
        line-height:1.5;
    }

    .elementor-3098 .elementor-element.elementor-element-68d1907 .saas-steps .circle{
        width:58px;
        height:58px;
        font-size:20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f2f316 */.elementor-3098 .elementor-element.elementor-element-5f2f316 .saas-steps{
    display:flex !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;

    justify-content:center;
    align-items:stretch;

    gap:18px;

    width:100%;
}

/* EACH BOX */
.elementor-3098 .elementor-element.elementor-element-5f2f316 .saas-steps .step{
    flex:1 1 0 !important;
    min-width:0 !important;

    background:rgba(255,255,255,0.03);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:24px;

    padding:30px 20px;

    text-align:center;
}

/* MOBILE */
@media(max-width:767px){

    .elementor-3098 .elementor-element.elementor-element-5f2f316 .saas-steps{
        flex-direction:column !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e1ace1 */--bg-color: #fff;        /* background */
--border-color: #FFFFFF33;    /* border */
--text-color: #504F4F;      /* text */
--dot-color: #34c759;       /* green dot */

--font-family: 'Inter';     /* change font */
--font-size: 13px;
--font-weight: 500;

--border-radius: 8px;      /* roundness *//* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-5ac38c6 */.elementor-3098 .elementor-element.elementor-element-5ac38c6 .swiper-wrapper {
      -webkit-transition-timing-function: linear;
      -moz-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7365bd */.elementor-3098 .elementor-element.elementor-element-f7365bd .saas-steps{
    display:flex !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;

    justify-content:center;
    align-items:stretch;

    gap:18px;

    width:100%;
}

/* EACH BOX */
.elementor-3098 .elementor-element.elementor-element-f7365bd .saas-steps .step{
    flex:1 1 0 !important;
    min-width:0 !important;

    background:rgba(255,255,255,0.03);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:24px;

    padding:30px 20px;

    text-align:center;
}

/* MOBILE */
@media(max-width:767px){

    .elementor-3098 .elementor-element.elementor-element-f7365bd .saas-steps{
        flex-direction:column !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6285147 */--bg-color: #fff;        /* background */
--border-color: #FFFFFF33;    /* border */
--text-color: #504F4F;      /* text */
--dot-color: #34c759;       /* green dot */

--font-family: 'Inter';     /* change font */
--font-size: 13px;
--font-weight: 500;

--border-radius: 8px;      /* roundness *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d1c239 */.elementor-3098 .elementor-element.elementor-element-8d1c239 .saas-steps{
    display:flex !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;

    justify-content:center;
    align-items:stretch;

    gap:18px;

    width:100%;
}

/* EACH BOX */
.elementor-3098 .elementor-element.elementor-element-8d1c239 .saas-steps .step{
    flex:1 1 0 !important;
    min-width:0 !important;

    background:rgba(255,255,255,0.03);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:24px;

    padding:30px 20px;

    text-align:center;
}

/* MOBILE */
@media(max-width:767px){

    .elementor-3098 .elementor-element.elementor-element-8d1c239 .saas-steps{
        flex-direction:column !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b6fd77 *//* ===== MASTER CONTROLS ===== */
.e-btn {

  /* 🎨 BACKGROUND */
  --bg: rgba(255, 255, 255, 0.08);
  --bg-hover: rgba(255, 255, 255, 0.14);
  --bg-active: rgba(255, 255, 255, 0.10);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #ffffff;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.15);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* ✨ SHADOW */
  --shadow: 0 4px 20px rgba(255,255,255,0.05);
  --shadow-hover: 0 8px 30px rgba(255,255,255,0.08);

  /* 💡 INNER LIGHT */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.25);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.35);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #ffffff;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(0,0,0,0.05);

  /* 📐 SIZE & SPACING */
  --padding-y: 10px;
  --padding-x: 18px;
  --radius: 999px;

  --icon-size: 20px;
  --gap: 10px;

  /* 🔤 TYPOGRAPHY */
  --font-family: sans-serif "inter tight";
  --font-size: 14px;
  --font-weight: 500;

  /* ⚡ MOTION */
  --transition: 0.35s ease;
  --hover-lift: -2px;

  /* ===== BASE ===== */
  display: inline-flex;
  align-items: center;
  gap: var(--gap);

  text-decoration: none;
  cursor: pointer;

  background: var(--bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  color: var(--text);

  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--radius);

  border: 1px solid var(--border);

  box-shadow:
    var(--shadow),
    var(--inner-light);

  transition: var(--transition);
}

/* ===== HOVER ===== */
.e-btn:hover {
  background: var(--bg-hover);
  color: var(--text-hover);
  border-color: var(--border-hover);

  transform: translateY(var(--hover-lift));

  box-shadow:
    var(--shadow-hover),
    var(--inner-light-hover);
}

/* ===== ACTIVE ===== */
.e-btn:active {
  background: var(--bg-active);
  color: var(--text-active);
  transform: translateY(0);
}

/* ===== ICON ===== */
.e-btn__icon {
  width: var(--icon-size);
  height: var(--icon-size);

  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;

  background: var(--icon-bg);
  color: var(--icon-color);

  border: 1px solid var(--icon-border);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6);

  transition: var(--transition);
}

/* ICON HOVER */
.e-btn:hover .e-btn__icon {
  background: var(--icon-bg-hover);
  color: var(--icon-color-hover);
}

/* ===== SVG ===== */
.e-btn__icon svg {
  width: 10px;
}

/* ===== ICON ANIMATION ===== */
.e-btn__icon-copy {
  position: absolute;
  transform: translate(-150%, 150%);
}

.e-btn:hover .e-btn__icon svg:first-child {
  transform: translate(150%, -150%);
  transition: transform var(--transition);
}

.e-btn:hover .e-btn__icon-copy {
  transform: translate(0);
  transition: transform var(--transition) 0.1s;
}


/* ===== DARK VARIANT ===== */
.e-btn--dark {

  /* 🎨 BACKGROUND */
  --bg: rgba(20, 20, 20, 0.6);
  --bg-hover: rgba(35, 35, 35, 0.8);
  --bg-active: rgba(25, 25, 25, 0.7);

  /* 📝 TEXT */
  --text: #ffffff;
  --text-hover: #ffffff;
  --text-active: #cccccc;

  /* 🧱 BORDER */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.18);

  /* ✨ SHADOW */
  --shadow: 0 6px 30px rgba(0,0,0,0.6);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.8);

  /* 💡 INNER LIGHT (more subtle for dark UI) */
  --inner-light: inset 0 1px 0 rgba(255,255,255,0.06);
  --inner-light-hover: inset 0 1px 0 rgba(255,255,255,0.1);

  /* 🔘 ICON */
  --icon-bg: #ffffff;
  --icon-bg-hover: #f1f1f1;

  --icon-color: #000000;
  --icon-color-hover: #000000;

  --icon-border: rgba(255,255,255,0.08);

  /* 🔥 OPTIONAL: stronger blur for premium feel */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd7eb2f */--bg-color: #fff;        /* background */
--border-color: #FFFFFF33;    /* border */
--text-color: #504F4F;      /* text */
--dot-color: #34c759;       /* green dot */

--font-family: 'Inter';     /* change font */
--font-size: 13px;
--font-weight: 500;

--border-radius: 8px;      /* roundness *//* End custom CSS */