.elementor-4358 .elementor-element.elementor-element-a32243b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-a32243b.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-f4cce0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-4358 .elementor-element.elementor-element-f4cce0a .elementor-icon-wrapper{text-align:center;}.elementor-4358 .elementor-element.elementor-element-f4cce0a .elementor-icon{font-size:18px;}.elementor-4358 .elementor-element.elementor-element-f4cce0a .elementor-icon svg{height:18px;}.elementor-4358 .elementor-element.elementor-element-69f3e48{--display:grid;--min-height:auto;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:none;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--align-items:normal;--grid-justify-content:normal;--overflow:hidden;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:rgba(255, 255, 255, 0.125);--border-color:rgba(255, 255, 255, 0.125);--border-radius:16px 16px 16px 16px;--margin-top:44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-69f3e48:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-69f3e48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000040;}.elementor-4358 .elementor-element.elementor-element-c570aa8{--display:grid;--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:none;--gap:20px 40px;--row-gap:20px;--column-gap:40px;--grid-auto-flow:row;--align-items:start;--grid-justify-content:normal;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:auto;--margin-right:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-4358 .elementor-element.elementor-element-c570aa8:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-c570aa8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-4358 .elementor-element.elementor-element-d9e502c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-d9e502c.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-819d142{--display:grid;--min-height:auto;--e-con-grid-template-columns:48px 1fr;--e-con-grid-template-rows:none;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:normal;--grid-justify-content:normal;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-819d142:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-819d142 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-4358 .elementor-element.elementor-element-ae3affb{--display:grid;--min-height:auto;--e-con-grid-template-columns:48px 1fr;--e-con-grid-template-rows:none;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:normal;--grid-justify-content:normal;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-ae3affb:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-ae3affb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-4358 .elementor-element.elementor-element-9c8b214{--display:grid;--min-height:auto;--e-con-grid-template-columns:48px 1fr;--e-con-grid-template-rows:none;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:normal;--grid-justify-content:normal;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-9710aca );--border-color:var( --e-global-color-9710aca );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-9c8b214:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-9c8b214 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-4358 .elementor-element.elementor-element-3a46fd2{--display:grid;--min-height:auto;--e-con-grid-template-columns:48px 1fr;--e-con-grid-template-rows:none;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:normal;--grid-justify-content:normal;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-3a46fd2:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-3a46fd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-4358 .elementor-element.elementor-element-2d794ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-2d794ba.elementor-element{--align-self:center;}.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-4358 .elementor-element.elementor-element-1c3ae4a{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-4358 .elementor-element.elementor-element-79028ce{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4358 .elementor-element.elementor-element-79028ce.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-79028ce img{width:100%;}.elementor-4358 .elementor-element.elementor-element-1382b25{--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-4358 .elementor-element.elementor-element-0b28ad5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-0b28ad5.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-0b28ad5 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-4358 .elementor-element.elementor-element-c0f6561{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-4358 .elementor-element.elementor-element-62dccc8{--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-4358 .elementor-element.elementor-element-8ffccb1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4358 .elementor-element.elementor-element-8ffccb1.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-8ffccb1 img{width:100%;}.elementor-4358 .elementor-element.elementor-element-ed29cac{--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-4358 .elementor-element.elementor-element-ee22aa1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-ee22aa1.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-ee22aa1 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-4358 .elementor-element.elementor-element-636dc45{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-4358 .elementor-element.elementor-element-1731b3f{--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-4358 .elementor-element.elementor-element-a99ede4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4358 .elementor-element.elementor-element-a99ede4.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-a99ede4 img{width:100%;}.elementor-4358 .elementor-element.elementor-element-aacccd0{--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-4358 .elementor-element.elementor-element-2304c03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-2304c03.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-2304c03 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-4358 .elementor-element.elementor-element-fa37c77{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-4358 .elementor-element.elementor-element-8173c3c{--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-4358 .elementor-element.elementor-element-50d3748{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4358 .elementor-element.elementor-element-50d3748.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-50d3748 img{width:100%;}.elementor-4358 .elementor-element.elementor-element-68e2a5e{--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-4358 .elementor-element.elementor-element-e4df290{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-e4df290.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-e4df290 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-4358 .elementor-element.elementor-element-89aafa8{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-4358 .elementor-element.elementor-element-68d5369{--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-4358 .elementor-element.elementor-element-f4a99de{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4358 .elementor-element.elementor-element-f4a99de.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-f4a99de img{width:100%;}.elementor-4358 .elementor-element.elementor-element-e23f30e{--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-4358 .elementor-element.elementor-element-0181e1c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-0181e1c.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-0181e1c .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-4358 .elementor-element.elementor-element-af25161{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-4358 .elementor-element.elementor-element-2489d42{--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-4358 .elementor-element.elementor-element-04d20d6{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4358 .elementor-element.elementor-element-04d20d6.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-04d20d6 img{width:100%;}.elementor-4358 .elementor-element.elementor-element-d7de52d{--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-4358 .elementor-element.elementor-element-7edb8de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-7edb8de.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-7edb8de .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-4358 .elementor-element.elementor-element-3c6a7ef{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-4358 .elementor-element.elementor-element-a4701e9{--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-4358 .elementor-element.elementor-element-0a68c60{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4358 .elementor-element.elementor-element-0a68c60.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-0a68c60 img{width:100%;}.elementor-4358 .elementor-element.elementor-element-f9cea49{--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-4358 .elementor-element.elementor-element-db3e3bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-db3e3bf.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-db3e3bf .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-4358 .elementor-element.elementor-element-54a4e18{text-align:start;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:#FFFFFF80;}.elementor-4358 .elementor-element.elementor-element-d979a99{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--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-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:14px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#000000;}.elementor-4358 .elementor-element.elementor-element-d979a99 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-4358 .elementor-element.elementor-element-d979a99.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;border-style:solid;border-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-d979a99.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4358 .elementor-element.elementor-element-d979a99.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-4358 .elementor-element.elementor-element-d979a99.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-4358 .elementor-element.elementor-element-d979a99.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-4358 .elementor-element.elementor-element-519dad1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-4358 .elementor-element.elementor-element-519dad1 .elementor-icon-wrapper{text-align:center;}.elementor-4358 .elementor-element.elementor-element-519dad1 .elementor-icon{font-size:18px;}.elementor-4358 .elementor-element.elementor-element-519dad1 .elementor-icon svg{height:18px;}.elementor-4358 .elementor-element.elementor-element-11d1c29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-11d1c29.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-c465de8{--display:grid;--min-height:auto;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:18px 18px;--row-gap:18px;--column-gap:18px;--grid-auto-flow:row;--align-items:normal;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-c465de8:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-c465de8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-4358 .elementor-element.elementor-element-5c268e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-5c268e1.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-76f2b57{width:var( --container-widget-width, 100% );max-width:100%;margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4358 .elementor-element.elementor-element-76f2b57.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-73d33c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-73d33c5.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-396ef26{width:var( --container-widget-width, auto );max-width:auto;background-color:rgba(0, 0, 0, 0);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:auto;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;text-align:start;}.elementor-4358 .elementor-element.elementor-element-396ef26 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17.5px;font-weight:400;text-transform:none;line-height:32.375px;color:rgba(255, 255, 255, 0.5);}.elementor-4358 .elementor-element.elementor-element-475d36d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-4358 .elementor-element.elementor-element-475d36d .elementor-icon-wrapper{text-align:center;}.elementor-4358 .elementor-element.elementor-element-475d36d .elementor-icon{font-size:18px;}.elementor-4358 .elementor-element.elementor-element-475d36d .elementor-icon svg{height:18px;}.elementor-4358 .elementor-element.elementor-element-1a38496{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-1a38496.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-68b81c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-68b81c3.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-a80aac8{width:var( --container-widget-width, 100% );max-width:100%;margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4358 .elementor-element.elementor-element-a80aac8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-2a72a8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-2a72a8a.elementor-element{--align-self:center;}.elementor-4358 .elementor-element.elementor-element-ccd0371{--display:grid;--min-height:auto;--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:none;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:center;--grid-justify-content:normal;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-4358 .elementor-element.elementor-element-ccd0371:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-ccd0371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-4358 .elementor-element.elementor-element-b05a682{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-4358 .elementor-element.elementor-element-b05a682 .elementor-icon-wrapper{text-align:center;}.elementor-4358 .elementor-element.elementor-element-b05a682 .elementor-icon{font-size:18px;}.elementor-4358 .elementor-element.elementor-element-b05a682 .elementor-icon svg{height:18px;}.elementor-4358 .elementor-element.elementor-element-f40daad{--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-4358 .elementor-element.elementor-element-f40daad:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-f40daad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-4358 .elementor-element.elementor-element-f40daad::before, .elementor-4358 .elementor-element.elementor-element-f40daad > .elementor-background-video-container::before, .elementor-4358 .elementor-element.elementor-element-f40daad > .e-con-inner > .elementor-background-video-container::before, .elementor-4358 .elementor-element.elementor-element-f40daad > .elementor-background-slideshow::before, .elementor-4358 .elementor-element.elementor-element-f40daad > .e-con-inner > .elementor-background-slideshow::before, .elementor-4358 .elementor-element.elementor-element-f40daad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://snoxdigital.com/wp-content/uploads/2026/04/imgi_42_default.png");--background-overlay:'';background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-4358 .elementor-element.elementor-element-eae2aa6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-ba2b42e{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-4358 .elementor-element.elementor-element-1c28dfa{--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-4358 .elementor-element.elementor-element-a354577{--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-4358 .elementor-element.elementor-element-a354577:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-a354577 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000026;}.elementor-4358 .elementor-element.elementor-element-bc707af{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-4358 .elementor-element.elementor-element-d70aa8c{--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-4358 .elementor-element.elementor-element-d70aa8c:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-d70aa8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000026;}.elementor-4358 .elementor-element.elementor-element-54038ba{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-4358 .elementor-element.elementor-element-6c1d5de{--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-4358 .elementor-element.elementor-element-6c1d5de:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-6c1d5de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000026;}.elementor-4358 .elementor-element.elementor-element-bd48460{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-4358 .elementor-element.elementor-element-d2d567a{--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-4358 .elementor-element.elementor-element-d2d567a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#00000026;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9710aca );}:where( .elementor-4358 .elementor-element.elementor-element-d2d567a > .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-4358 .elementor-element.elementor-element-d2d567a {--n-accordion-padding:25px 20px 25px 20px;}:where( .elementor-4358 .elementor-element.elementor-element-d2d567a > .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-4358 .elementor-element.elementor-element-2dea570{--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-4358 .elementor-element.elementor-element-2dea570:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-2dea570 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000026;}.elementor-4358 .elementor-element.elementor-element-8e058b2{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-4358 .elementor-element.elementor-element-d3fcc1a{--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-4358 .elementor-element.elementor-element-d3fcc1a:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-d3fcc1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000026;}.elementor-4358 .elementor-element.elementor-element-bc6f566{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-4358 .elementor-element.elementor-element-7c63fa1{--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-4358 .elementor-element.elementor-element-7c63fa1:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-7c63fa1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000026;}.elementor-4358 .elementor-element.elementor-element-b78637b{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-4358 .elementor-element.elementor-element-9c1be9f{--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-4358 .elementor-element.elementor-element-9c1be9f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#00000026;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9710aca );}:where( .elementor-4358 .elementor-element.elementor-element-9c1be9f > .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-4358 .elementor-element.elementor-element-9c1be9f {--n-accordion-padding:25px 20px 25px 20px;}:where( .elementor-4358 .elementor-element.elementor-element-9c1be9f > .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-4358 .elementor-element.elementor-element-9eb5d94{width:var( --container-widget-width, auto );max-width:auto;background-color:rgba(0, 0, 0, 0);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:6px 12px 6px 12px;--container-widget-width:auto;--container-widget-flex-grow:0;border-radius:999px 999px 999px 999px;text-align:center;}.elementor-4358 .elementor-element.elementor-element-9eb5d94 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;text-transform:none;line-height:20.8px;color:rgb(255, 255, 255);}.elementor-4358 .elementor-element.elementor-element-b5c6e92{--display:grid;--min-height:auto;--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:none;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;--align-items:center;--grid-justify-content:normal;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-b5c6e92:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-b5c6e92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0);}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group > label, .elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-subgroup label{color:var( --e-global-color-e0187c9 );}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group > label{font-family:"Inter Tight", Sans-serif;font-size:13px;font-weight:500;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-type-html{padding-bottom:0px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group .elementor-field{color:#191919;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group .elementor-field, .elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#E3E3E3;border-width:2px 2px 2px 2px;border-radius:8px 8px 8px 8px;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#E3E3E3;border-width:2px 2px 2px 2px;border-radius:8px 8px 8px 8px;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-field-group .elementor-select-wrapper::before{color:#E3E3E3;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-button{font-family:"Inter Tight", Sans-serif;font-size:15px;font-weight:500;border-radius:8px 8px 8px 8px;padding:13px 0px 13px 0px;}.elementor-4358 .elementor-element.elementor-element-2115c0e .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-ede081f );color:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-button[type="submit"]{background-color:var( --e-global-color-ede081f );color:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-ede081f );color:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4358 .elementor-element.elementor-element-2115c0e .elementor-message{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-4358 .elementor-element.elementor-element-2115c0e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4358 .elementor-element.elementor-element-89aaaad{width:var( --container-widget-width, 14px );max-width:14px;margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:14px;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-89aaaad .elementor-icon-wrapper{text-align:start;}.elementor-4358 .elementor-element.elementor-element-89aaaad.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-89aaaad.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-89aaaad.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-89aaaad.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-89aaaad.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-89aaaad .elementor-icon{font-size:13px;}.elementor-4358 .elementor-element.elementor-element-89aaaad .elementor-icon svg{height:13px;}.elementor-4358 .elementor-element.elementor-element-5e803e8{width:var( --container-widget-width, 14px );max-width:14px;margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:14px;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-5e803e8 .elementor-icon-wrapper{text-align:start;}.elementor-4358 .elementor-element.elementor-element-5e803e8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-5e803e8.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-5e803e8.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-5e803e8.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-5e803e8.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-5e803e8 .elementor-icon{font-size:13px;}.elementor-4358 .elementor-element.elementor-element-5e803e8 .elementor-icon svg{height:13px;}.elementor-4358 .elementor-element.elementor-element-ff202c8{width:var( --container-widget-width, 14px );max-width:14px;margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:14px;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-ff202c8 .elementor-icon-wrapper{text-align:start;}.elementor-4358 .elementor-element.elementor-element-ff202c8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-ff202c8.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-ff202c8.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-ff202c8.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-ff202c8.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-ff202c8 .elementor-icon{font-size:13px;}.elementor-4358 .elementor-element.elementor-element-ff202c8 .elementor-icon svg{height:13px;}.elementor-4358 .elementor-element.elementor-element-d43c1ef{width:var( --container-widget-width, 14px );max-width:14px;margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:14px;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-d43c1ef .elementor-icon-wrapper{text-align:start;}.elementor-4358 .elementor-element.elementor-element-d43c1ef.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-d43c1ef.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-d43c1ef.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-d43c1ef.elementor-view-framed .elementor-icon, .elementor-4358 .elementor-element.elementor-element-d43c1ef.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-d43c1ef .elementor-icon{font-size:13px;}.elementor-4358 .elementor-element.elementor-element-d43c1ef .elementor-icon svg{height:13px;}.elementor-4358 .elementor-element.elementor-element-2927f02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-4358 .elementor-element.elementor-element-2927f02 .elementor-icon-wrapper{text-align:center;}.elementor-4358 .elementor-element.elementor-element-2927f02 .elementor-icon{font-size:18px;}.elementor-4358 .elementor-element.elementor-element-2927f02 .elementor-icon svg{height:18px;}body.elementor-page-4358:not(.elementor-motion-effects-element-type-background), body.elementor-page-4358 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-4358 .elementor-element.elementor-element-69f3e48{--min-height:auto;--grid-auto-flow:row;--margin-top:44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-c570aa8{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:auto;--margin-right:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-4358 .elementor-element.elementor-element-819d142{--min-height:auto;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-ae3affb{--min-height:auto;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-9c8b214{--min-height:auto;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-3a46fd2{--min-height:auto;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-1382b25{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-ed29cac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-aacccd0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-68e2a5e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-e23f30e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-d7de52d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-f9cea49{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-d979a99{--n-tabs-title-font-size:15px;}.elementor-4358 .elementor-element.elementor-element-c465de8{--min-height:auto;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-396ef26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-4358 .elementor-element.elementor-element-ccd0371{--min-height:auto;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-ba2b42e{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}.elementor-4358 .elementor-element.elementor-element-d2d567a{--n-accordion-title-font-size:16px;}.elementor-4358 .elementor-element.elementor-element-9c1be9f{--n-accordion-title-font-size:16px;}.elementor-4358 .elementor-element.elementor-element-9eb5d94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:6px 12px 6px 12px;--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-4358 .elementor-element.elementor-element-b5c6e92{--min-height:auto;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-89aaaad{width:var( --container-widget-width, 14px );max-width:14px;--container-widget-width:14px;--container-widget-flex-grow:0;}.elementor-4358 .elementor-element.elementor-element-5e803e8{width:var( --container-widget-width, 14px );max-width:14px;--container-widget-width:14px;--container-widget-flex-grow:0;}.elementor-4358 .elementor-element.elementor-element-ff202c8{width:var( --container-widget-width, 14px );max-width:14px;--container-widget-width:14px;--container-widget-flex-grow:0;}.elementor-4358 .elementor-element.elementor-element-d43c1ef{width:var( --container-widget-width, 14px );max-width:14px;--container-widget-width:14px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-4358 .elementor-element.elementor-element-a32243b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-69f3e48{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-c570aa8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-d9e502c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-819d142{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-ae3affb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-9c8b214{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-3a46fd2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-2d794ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-1c3ae4a{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4358 .elementor-element.elementor-element-79028ce{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-1382b25{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-0b28ad5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-0b28ad5 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-4358 .elementor-element.elementor-element-c0f6561{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-62dccc8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4358 .elementor-element.elementor-element-8ffccb1{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-ed29cac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-ee22aa1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-ee22aa1 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-4358 .elementor-element.elementor-element-636dc45{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-1731b3f{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4358 .elementor-element.elementor-element-a99ede4{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-aacccd0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-2304c03{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-2304c03 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-4358 .elementor-element.elementor-element-fa37c77{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-8173c3c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4358 .elementor-element.elementor-element-50d3748{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-68e2a5e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-e4df290{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-e4df290 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-4358 .elementor-element.elementor-element-89aafa8{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-68d5369{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4358 .elementor-element.elementor-element-f4a99de{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-e23f30e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-0181e1c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-0181e1c .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-4358 .elementor-element.elementor-element-af25161{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-2489d42{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4358 .elementor-element.elementor-element-04d20d6{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-d7de52d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-7edb8de{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-7edb8de .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-4358 .elementor-element.elementor-element-3c6a7ef{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-a4701e9{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4358 .elementor-element.elementor-element-0a68c60{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-f9cea49{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-db3e3bf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-db3e3bf .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-4358 .elementor-element.elementor-element-54a4e18{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-d979a99{--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-4358 .elementor-element.elementor-element-11d1c29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-c465de8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-5c268e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-73d33c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-396ef26{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-4358 .elementor-element.elementor-element-1a38496{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-68b81c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-2a72a8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-ccd0371{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4358 .elementor-element.elementor-element-f40daad{--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-4358 .elementor-element.elementor-element-eae2aa6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4358 .elementor-element.elementor-element-ba2b42e{width:100%;max-width:100%;font-size:16px;}.elementor-4358 .elementor-element.elementor-element-1c28dfa{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4358 .elementor-element.elementor-element-d2d567a{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-9c1be9f{width:100%;max-width:100%;}.elementor-4358 .elementor-element.elementor-element-9eb5d94{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-4358 .elementor-element.elementor-element-b5c6e92{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4358 .elementor-element.elementor-element-c570aa8{--content-width:1400px;}.elementor-4358 .elementor-element.elementor-element-1382b25{--width:50%;}.elementor-4358 .elementor-element.elementor-element-ed29cac{--width:50%;}.elementor-4358 .elementor-element.elementor-element-aacccd0{--width:50%;}.elementor-4358 .elementor-element.elementor-element-68e2a5e{--width:50%;}.elementor-4358 .elementor-element.elementor-element-e23f30e{--width:50%;}.elementor-4358 .elementor-element.elementor-element-d7de52d{--width:50%;}.elementor-4358 .elementor-element.elementor-element-f9cea49{--width:50%;}.elementor-4358 .elementor-element.elementor-element-f40daad{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4358 .elementor-element.elementor-element-1382b25{--width:100%;}.elementor-4358 .elementor-element.elementor-element-ed29cac{--width:100%;}.elementor-4358 .elementor-element.elementor-element-aacccd0{--width:100%;}.elementor-4358 .elementor-element.elementor-element-68e2a5e{--width:100%;}.elementor-4358 .elementor-element.elementor-element-e23f30e{--width:100%;}.elementor-4358 .elementor-element.elementor-element-d7de52d{--width:100%;}.elementor-4358 .elementor-element.elementor-element-f9cea49{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-a32243b */--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-69f3e48 */.elementor-4358 .elementor-element.elementor-element-69f3e48{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: opacity, transform; transition-duration: 0.6s, 0.6s; transition-delay: 0s, 0s; transition-timing-function: ease, cubic-bezier(0.2, 0.7, 0.3, 1); height: auto; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}.elementor-4358 .elementor-element.elementor-element-69f3e48{transform-origin:50% 50% !important;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d9e502c */--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-819d142 */.elementor-4358 .elementor-element.elementor-element-819d142{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ae3affb */.elementor-4358 .elementor-element.elementor-element-ae3affb{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c8b214 */.elementor-4358 .elementor-element.elementor-element-9c8b214{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3a46fd2 */.elementor-4358 .elementor-element.elementor-element-3a46fd2{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c570aa8 */.elementor-4358 .elementor-element.elementor-element-c570aa8{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2d794ba */--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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-0bb8277 *//* ===== 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-a797c76 *//* ===== 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-b66190f *//* ===== 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-259aa91 *//* ===== 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-a6b34b0 *//* ===== 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-cfc0b11 *//* ===== 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-79d5b49 *//* ===== 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-11d1c29 */--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-c465de8 */.elementor-4358 .elementor-element.elementor-element-c465de8{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: opacity, transform; transition-duration: 0.6s, 0.6s; transition-delay: 0s, 0s; transition-timing-function: ease, cubic-bezier(0.2, 0.7, 0.3, 1); right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}.elementor-4358 .elementor-element.elementor-element-c465de8{transform-origin:50% 50% !important;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5c268e1 */--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-76f2b57 */.table-7sf5c7 { display: table; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; width: 100%; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 326.621px; padding: 0px; } .tr-3oatu5 { display: table-row; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 47.7734px; margin: 0px; padding: 0px; } .th-gofx9k { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: 19.2px; letter-spacing: 0.72px; text-align: left; color: rgba(255, 255, 255, 0.35); border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.35); border-right-color: rgba(255, 255, 255, 0.35); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.35); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-transform: uppercase; text-decoration-color: rgba(255, 255, 255, 0.35); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 316.055px; fixed-height: 47.7734px; margin: 0px; } .th-8vd2hk { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: 19.2px; letter-spacing: 0.72px; text-align: left; color: rgba(255, 255, 255, 0.35); border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.35); border-right-color: rgba(255, 255, 255, 0.35); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.35); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-transform: uppercase; text-decoration-color: rgba(255, 255, 255, 0.35); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 371.992px; fixed-height: 47.7734px; margin: 0px; } .th-0v4bau { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: 19.2px; letter-spacing: 0.72px; text-align: left; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-transform: uppercase; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 494.727px; fixed-height: 47.7734px; margin: 0px; } .tr-pxq7m0 { display: table-row; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 55.6445px; margin: 0px; padding: 0px; } .td-p9upk4 { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 316.055px; fixed-height: 55.6445px; margin: 0px; } .td-20p6qe { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.5); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 371.992px; fixed-height: 55.6445px; margin: 0px; } .td-lz8qaa { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 600; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 494.727px; fixed-height: 55.6445px; margin: 0px; } .tr-ip6ru6 { display: table-row; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 55.6445px; margin: 0px; padding: 0px; } .td-guw308 { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 316.055px; fixed-height: 55.6445px; margin: 0px; } .td-ht47zs { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.5); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 371.992px; fixed-height: 55.6445px; margin: 0px; } .td-021dma { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 600; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 494.727px; fixed-height: 55.6445px; margin: 0px; } @media (max-width: 1024px) { .table-7sf5c7 { display: table; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 100%; fixed-width: 662px; fixed-height: 433.891px; padding: 0px; } .tr-3oatu5 { display: table-row; fixed-width: 662px; fixed-height: 66.875px; margin: 0px; padding: 0px; } .th-gofx9k { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; fixed-width: 180.391px; fixed-height: 66.875px; margin: 0px; } .th-8vd2hk { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; fixed-width: 209.156px; fixed-height: 66.875px; margin: 0px; } .th-0v4bau { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; fixed-width: 272.453px; fixed-height: 66.875px; margin: 0px; } .tr-pxq7m0 { display: table-row; fixed-width: 662px; fixed-height: 77.7812px; margin: 0px; padding: 0px; } .td-p9upk4 { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 180.391px; fixed-height: 77.7812px; margin: 0px; } .td-20p6qe { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 209.156px; fixed-height: 77.7812px; margin: 0px; } .td-lz8qaa { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 272.453px; fixed-height: 77.7812px; margin: 0px; } .tr-ip6ru6 { display: table-row; fixed-width: 662px; fixed-height: 55.3906px; margin: 0px; padding: 0px; } .td-guw308 { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 180.391px; fixed-height: 55.3906px; margin: 0px; } .td-ht47zs { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 209.156px; fixed-height: 55.3906px; margin: 0px; } .td-021dma { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 272.453px; fixed-height: 55.3906px; margin: 0px; } } .elementor-4358 .elementor-element.elementor-element-76f2b57 table{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; translate: none; rotate: none; scale: none; visibility: visible; clip-path: none; mask-image: none; filter: none; backdrop-filter: none; height: auto; transform: none; aspect-ratio: auto; grid-area: auto; overflow: visible; pointer-events: auto; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration: none; text-decoration-line: none; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; text-decoration-thickness: auto; text-underline-offset: auto; background-blend-mode: normal; column-count: auto; break-inside: auto; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-fill-mode: none; animation-play-state: running;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-73d33c5 */--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 heading, class: .elementor-element-396ef26 */.b-zib29j { font-weight: 600; color: rgb(255, 255, 255); } .elementor-4358 .elementor-element.elementor-element-396ef26 p{background-image: none;} .elementor-4358 .elementor-element.elementor-element-396ef26{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease;}.elementor-4358 .elementor-element.elementor-element-396ef26{transform-origin:50% 50% !important;}.elementor-4358 .elementor-element.elementor-element-396ef26 .elementor-heading-title{transform:none !important;translate:none !important;rotate:none !important;scale:none !important;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1a38496 */--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-68b81c3 */--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-a80aac8 */.table-7sf5c7 { display: table; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; width: 100%; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 326.621px; padding: 0px; } .tr-3oatu5 { display: table-row; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 47.7734px; margin: 0px; padding: 0px; } .th-gofx9k { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: 19.2px; letter-spacing: 0.72px; text-align: left; color: rgba(255, 255, 255, 0.35); border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.35); border-right-color: rgba(255, 255, 255, 0.35); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.35); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-transform: uppercase; text-decoration-color: rgba(255, 255, 255, 0.35); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 316.055px; fixed-height: 47.7734px; margin: 0px; } .th-8vd2hk { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: 19.2px; letter-spacing: 0.72px; text-align: left; color: rgba(255, 255, 255, 0.35); border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.35); border-right-color: rgba(255, 255, 255, 0.35); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.35); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-transform: uppercase; text-decoration-color: rgba(255, 255, 255, 0.35); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 371.992px; fixed-height: 47.7734px; margin: 0px; } .th-0v4bau { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: 19.2px; letter-spacing: 0.72px; text-align: left; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-transform: uppercase; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 494.727px; fixed-height: 47.7734px; margin: 0px; } .tr-pxq7m0 { display: table-row; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 55.6445px; margin: 0px; padding: 0px; } .td-p9upk4 { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 316.055px; fixed-height: 55.6445px; margin: 0px; } .td-20p6qe { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.5); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 371.992px; fixed-height: 55.6445px; margin: 0px; } .td-lz8qaa { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 600; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 494.727px; fixed-height: 55.6445px; margin: 0px; } .tr-ip6ru6 { display: table-row; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); border-width: 0px; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 1182.77px; fixed-height: 55.6445px; margin: 0px; padding: 0px; } .td-guw308 { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 316.055px; fixed-height: 55.6445px; margin: 0px; } .td-ht47zs { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.125); border-top-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgba(255, 255, 255, 0.5); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 371.992px; fixed-height: 55.6445px; margin: 0px; } .td-021dma { display: table-cell; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-size: 14px; font-weight: 600; font-style: normal; line-height: 22.4px; letter-spacing: normal; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(255, 255, 255, 0.125); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0.125); border-left-color: rgb(255, 255, 255); border-width: 0px 0px 1.25px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1.25px; border-left-width: 0px; border-style: none none solid; border-bottom-style: solid; border-radius: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; visibility: visible; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; overflow: visible; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; background-blend-mode: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-play-state: running; fixed-width: 494.727px; fixed-height: 55.6445px; margin: 0px; } @media (max-width: 1024px) { .table-7sf5c7 { display: table; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 100%; fixed-width: 662px; fixed-height: 433.891px; padding: 0px; } .tr-3oatu5 { display: table-row; fixed-width: 662px; fixed-height: 66.875px; margin: 0px; padding: 0px; } .th-gofx9k { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; fixed-width: 180.391px; fixed-height: 66.875px; margin: 0px; } .th-8vd2hk { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; fixed-width: 209.156px; fixed-height: 66.875px; margin: 0px; } .th-0v4bau { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; fixed-width: 272.453px; fixed-height: 66.875px; margin: 0px; } .tr-pxq7m0 { display: table-row; fixed-width: 662px; fixed-height: 77.7812px; margin: 0px; padding: 0px; } .td-p9upk4 { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 180.391px; fixed-height: 77.7812px; margin: 0px; } .td-20p6qe { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 209.156px; fixed-height: 77.7812px; margin: 0px; } .td-lz8qaa { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 272.453px; fixed-height: 77.7812px; margin: 0px; } .tr-ip6ru6 { display: table-row; fixed-width: 662px; fixed-height: 55.3906px; margin: 0px; padding: 0px; } .td-guw308 { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 180.391px; fixed-height: 55.3906px; margin: 0px; } .td-ht47zs { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 209.156px; fixed-height: 55.3906px; margin: 0px; } .td-021dma { display: table-cell; border-width: 0px 0px 1px; border-bottom-width: 1px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; fixed-width: 272.453px; fixed-height: 55.3906px; margin: 0px; } } .elementor-4358 .elementor-element.elementor-element-a80aac8 table{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; gap: normal; justify-items: normal; font-family: Inter, sans-serif; font-style: normal; line-height: 25.6px; letter-spacing: normal; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; translate: none; rotate: none; scale: none; visibility: visible; clip-path: none; mask-image: none; filter: none; backdrop-filter: none; height: auto; transform: none; aspect-ratio: auto; grid-area: auto; overflow: visible; pointer-events: auto; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap-mode: wrap; text-decoration: none; text-decoration-line: none; text-decoration-color: rgb(255, 255, 255); text-decoration-style: solid; text-decoration-thickness: auto; text-underline-offset: auto; background-blend-mode: normal; column-count: auto; break-inside: auto; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; animation-fill-mode: none; animation-play-state: running;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2a72a8a */--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-ccd0371 */.elementor-4358 .elementor-element.elementor-element-ccd0371{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eae2aa6 */--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 heading, class: .elementor-element-9eb5d94 */.elementor-4358 .elementor-element.elementor-element-9eb5d94 span{background-image: none;} .elementor-4358 .elementor-element.elementor-element-9eb5d94{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; height: auto;}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-89aaaad */.elementor-4358 .elementor-element.elementor-element-89aaaad{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; line-height: 0px; height: 14px;} .elementor-4358 .elementor-element.elementor-element-89aaaad svg{stroke: rgb(255, 255, 255);}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5e803e8 */.elementor-4358 .elementor-element.elementor-element-5e803e8{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; line-height: 0px; height: 14px;} .elementor-4358 .elementor-element.elementor-element-5e803e8 svg{stroke: rgb(255, 255, 255);}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ff202c8 */.elementor-4358 .elementor-element.elementor-element-ff202c8{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; line-height: 0px; height: 14px;} .elementor-4358 .elementor-element.elementor-element-ff202c8 svg{stroke: rgb(255, 255, 255);}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d43c1ef */.elementor-4358 .elementor-element.elementor-element-d43c1ef{right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; line-height: 0px; height: 14px;} .elementor-4358 .elementor-element.elementor-element-d43c1ef svg{stroke: rgb(255, 255, 255);}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b5c6e92 */.elementor-4358 .elementor-element.elementor-element-b5c6e92{justify-items: normal; font-style: normal; visibility: visible; white-space: normal; word-break: normal; overflow-wrap: normal; transition-property: all; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease; right: auto; bottom: auto; animation-name: none; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-iteration-count: 1; animation-timing-function: ease; align-content: normal;}/* End custom CSS */