.elementor-716 .elementor-element.elementor-element-d398552{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0;--padding-top:30px;--padding-bottom:30px;--padding-left:300px;--padding-right:300px;}.elementor-716 .elementor-element.elementor-element-d398552::before, .elementor-716 .elementor-element.elementor-element-d398552 > .elementor-background-video-container::before, .elementor-716 .elementor-element.elementor-element-d398552 > .e-con-inner > .elementor-background-video-container::before, .elementor-716 .elementor-element.elementor-element-d398552 > .elementor-background-slideshow::before, .elementor-716 .elementor-element.elementor-element-d398552 > .e-con-inner > .elementor-background-slideshow::before, .elementor-716 .elementor-element.elementor-element-d398552 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1A1A1A;background-image:url("https://wepello.com/wp-content/uploads/2025/09/Team-2-1.jpg");--background-overlay:'';}.elementor-716 .elementor-element.elementor-element-8fea10f{--display:flex;--overlay-opacity:0.5;}.elementor-716 .elementor-element.elementor-element-8fea10f::before, .elementor-716 .elementor-element.elementor-element-8fea10f > .elementor-background-video-container::before, .elementor-716 .elementor-element.elementor-element-8fea10f > .e-con-inner > .elementor-background-video-container::before, .elementor-716 .elementor-element.elementor-element-8fea10f > .elementor-background-slideshow::before, .elementor-716 .elementor-element.elementor-element-8fea10f > .e-con-inner > .elementor-background-slideshow::before, .elementor-716 .elementor-element.elementor-element-8fea10f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-716 .elementor-element.elementor-element-8d9af66{--display:flex;}.elementor-716 .elementor-element.elementor-element-fd68f15{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-716 .elementor-element.elementor-element-977ae5d{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;}.elementor-716 .elementor-element.elementor-element-977ae5d img{width:100%;}.elementor-716 .elementor-element.elementor-element-8d212fa.elementor-element{--align-self:center;}.elementor-716 .elementor-element.elementor-element-8d212fa .elementor-icon-wrapper{text-align:center;}.elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a655845 );}.elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-default .elementor-icon{color:var( --e-global-color-a655845 );border-color:var( --e-global-color-a655845 );}.elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-a655845 );}.elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-framed .elementor-icon:hover, .elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-framed .elementor-icon:hover, .elementor-716 .elementor-element.elementor-element-8d212fa.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-716 .elementor-element.elementor-element-8d212fa .elementor-icon{font-size:33px;}.elementor-716 .elementor-element.elementor-element-8d212fa .elementor-icon svg{height:33px;}.elementor-716 .elementor-element.elementor-element-9a9a420{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-c8649b1{--display:flex;}.elementor-716 .elementor-element.elementor-element-c8649b1:not(.elementor-motion-effects-element-type-background), .elementor-716 .elementor-element.elementor-element-c8649b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-63d3077 );}.elementor-716 .elementor-element.elementor-element-0312d46{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-716 .elementor-element.elementor-element-ad6a2ac{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-ad6a2ac:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-ad6a2ac, .elementor-716 .elementor-element.elementor-element-ad6a2ac::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-ad6a2ac.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-93a61a7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-28bea22{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-28bea22.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-58447bc .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-58447bc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-58447bc.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-58447bc.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-58447bc.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-58447bc.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-58447bc .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-58447bc .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-cca19d7{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-cca19d7.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-b5b6024 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-b5b6024 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-b5b6024 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-b5b6024 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-b5b6024 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-b5b6024 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-b5b6024 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-24b896b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-9c426f0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-716 .elementor-element.elementor-element-9c426f0:not(.elementor-motion-effects-element-type-background), .elementor-716 .elementor-element.elementor-element-9c426f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-63d3077 );}.elementor-716 .elementor-element.elementor-element-34a05a0{--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:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-716 .elementor-element.elementor-element-7936cc5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-7936cc5:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-7936cc5, .elementor-716 .elementor-element.elementor-element-7936cc5::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-7936cc5.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-80ccdf9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-3ca7118{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-3ca7118.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-2a50a92 .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-2a50a92.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-2a50a92.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-2a50a92.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-2a50a92.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-2a50a92.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-2a50a92 .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-2a50a92 .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-567a948{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-567a948.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-74aaa41 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-74aaa41 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-74aaa41 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-74aaa41 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-74aaa41 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-74aaa41 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-74aaa41 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-404f4cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-3709fc0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-3709fc0:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-3709fc0, .elementor-716 .elementor-element.elementor-element-3709fc0::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-3709fc0.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-45a30c6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-3842289{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-3842289.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-7e25fa0 .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-7e25fa0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-7e25fa0.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-7e25fa0.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-7e25fa0.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-7e25fa0.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-7e25fa0 .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-7e25fa0 .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-215fe0c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-215fe0c.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-c7f8673 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-c7f8673 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-c7f8673 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-c7f8673 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-c7f8673 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-c7f8673 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-c7f8673 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-ebe11c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-be83732{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-be83732:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-be83732, .elementor-716 .elementor-element.elementor-element-be83732::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-be83732.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-cf57b53{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-0e9394f{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-0e9394f.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-262163c .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-262163c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-262163c.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-262163c.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-262163c.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-262163c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-262163c .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-262163c .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-fa579fa{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-fa579fa.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-fa27e44 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-fa27e44 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-fa27e44 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-fa27e44 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-fa27e44 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-fa27e44 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-fa27e44 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-3b53b67{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-f96d1c7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-f96d1c7:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-f96d1c7, .elementor-716 .elementor-element.elementor-element-f96d1c7::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-f96d1c7.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-cc3a821{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-12820e4{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-12820e4.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-11a4639 .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-11a4639.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-11a4639.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-11a4639.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-11a4639.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-11a4639.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-11a4639 .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-11a4639 .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-d70dfba{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-d70dfba.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-8073468 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-8073468 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-8073468 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-8073468 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-8073468 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-8073468 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-8073468 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-2e7bfaf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-2f034f6{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-716 .elementor-element.elementor-element-f0e6fcc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-f0e6fcc:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-f0e6fcc, .elementor-716 .elementor-element.elementor-element-f0e6fcc::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-f0e6fcc.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-fec0ce4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-0b09820{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-0b09820.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-8cb048f .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-8cb048f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-8cb048f.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-8cb048f.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-8cb048f.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-8cb048f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-8cb048f .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-8cb048f .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-4874f0b{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-4874f0b.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-9e5f6a1 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-9e5f6a1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-9e5f6a1 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-9e5f6a1 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-9e5f6a1 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-9e5f6a1 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-9e5f6a1 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-20947de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-a556483{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-a556483:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-a556483, .elementor-716 .elementor-element.elementor-element-a556483::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-a556483.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-a134764{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-5cfd2ab{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-5cfd2ab.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-fa56d20 .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-fa56d20.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-fa56d20.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-fa56d20.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-fa56d20.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-fa56d20.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-fa56d20 .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-fa56d20 .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-adb6a21{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-adb6a21.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-3c8a46d .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-3c8a46d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-3c8a46d .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-3c8a46d .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-3c8a46d .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-3c8a46d .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-3c8a46d .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-8c3ba43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-e6263ea{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-e6263ea:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-e6263ea, .elementor-716 .elementor-element.elementor-element-e6263ea::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-e6263ea.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-77c10c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-a5a7226{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-a5a7226.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-bbea0ad .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-bbea0ad.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-bbea0ad.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-bbea0ad.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-bbea0ad.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-bbea0ad.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-bbea0ad .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-bbea0ad .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-d1b25f9{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-d1b25f9.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-f5924b3 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-f5924b3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-f5924b3 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-f5924b3 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-f5924b3 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-f5924b3 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-f5924b3 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-d3613fe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-9dc1f57{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-9dc1f57:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-9dc1f57, .elementor-716 .elementor-element.elementor-element-9dc1f57::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-9dc1f57.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-d6c6033{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-84f9139{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-84f9139.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-c943113 .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-c943113.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-c943113.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-c943113.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-c943113.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-c943113.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-c943113 .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-c943113 .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-d1233f3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-d1233f3.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-0da1d15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-376e658{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-716 .elementor-element.elementor-element-6635626{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-6635626:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-6635626, .elementor-716 .elementor-element.elementor-element-6635626::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-6635626.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-930bce0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-9437f39{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-9437f39.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-263fc84 .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-263fc84.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-263fc84.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-263fc84.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-263fc84.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-263fc84.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-263fc84 .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-263fc84 .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-7491f78{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-7491f78.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-51b3ea0 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-51b3ea0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-51b3ea0 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-51b3ea0 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-51b3ea0 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-51b3ea0 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-51b3ea0 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-2696580{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-b91e0f9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-b91e0f9:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-b91e0f9, .elementor-716 .elementor-element.elementor-element-b91e0f9::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-b91e0f9.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-f3c154d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-ae1b9bc{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-ae1b9bc.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-4cedce2 .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-4cedce2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-4cedce2.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-4cedce2.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-4cedce2.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-4cedce2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-4cedce2 .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-4cedce2 .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-2d33779{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-2d33779.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-fda2cd3 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-fda2cd3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-fda2cd3 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-fda2cd3 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-fda2cd3 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-fda2cd3 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-fda2cd3 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-cbb1283{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-593468d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-593468d:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-716 .elementor-element.elementor-element-593468d, .elementor-716 .elementor-element.elementor-element-593468d::before{--border-transition:0.3s;}.elementor-716 .elementor-element.elementor-element-593468d.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-5f4a479{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-716 .elementor-element.elementor-element-8db1e71{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-716 .elementor-element.elementor-element-8db1e71.e-con{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-b51c04c .elementor-icon-wrapper{text-align:start;}.elementor-716 .elementor-element.elementor-element-b51c04c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-b51c04c.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-b51c04c.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-b51c04c.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-b51c04c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-b51c04c .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-b51c04c .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-eb5891a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-eb5891a.e-con{--align-self:center;}.elementor-716 .elementor-element.elementor-element-e504577 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-e504577 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-716 .elementor-element.elementor-element-e504577 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-716 .elementor-element.elementor-element-e504577 .elementor-button:hover, .elementor-716 .elementor-element.elementor-element-e504577 .elementor-button:focus{color:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-e504577 .elementor-button:hover svg, .elementor-716 .elementor-element.elementor-element-e504577 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-716 .elementor-element.elementor-element-d25979b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 25px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-931e4dc{--n-accordion-title-font-size:1.6rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:15px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-secondary );--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:15px;}.elementor-716 .elementor-element.elementor-element-931e4dc > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-716 .elementor-element.elementor-element-931e4dc {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-716 .elementor-element.elementor-element-931e4dc > .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", Sans-serif;font-weight:700;line-height:1.4em;}:where( .elementor-716 .elementor-element.elementor-element-931e4dc > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-716 .elementor-element.elementor-element-f751b7e{--display:flex;}.elementor-716 .elementor-element.elementor-element-f751b7e:not(.elementor-motion-effects-element-type-background), .elementor-716 .elementor-element.elementor-element-f751b7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-63d3077 );}.elementor-716 .elementor-element.elementor-element-68bd116{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-716 .elementor-element.elementor-element-93dcb32{--n-accordion-title-font-size:1.6rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-accent );--n-accordion-title-hover-color:var( --e-global-color-secondary );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:15px;}.elementor-716 .elementor-element.elementor-element-93dcb32 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-716 .elementor-element.elementor-element-93dcb32 {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-716 .elementor-element.elementor-element-93dcb32 > .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", Sans-serif;font-weight:700;line-height:1.4em;}:where( .elementor-716 .elementor-element.elementor-element-93dcb32 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-716 .elementor-element.elementor-element-c124566{--display:flex;}.elementor-716 .elementor-element.elementor-element-c124566:not(.elementor-motion-effects-element-type-background), .elementor-716 .elementor-element.elementor-element-c124566 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-63d3077 );}.elementor-716 .elementor-element.elementor-element-50bdafe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-3595d78{--n-accordion-title-font-size:1.6rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-secondary );--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-icon-size:15px;}.elementor-716 .elementor-element.elementor-element-3595d78 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-716 .elementor-element.elementor-element-3595d78 {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-716 .elementor-element.elementor-element-3595d78 > .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", Sans-serif;font-weight:700;line-height:1.4em;}:where( .elementor-716 .elementor-element.elementor-element-3595d78 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-716 .elementor-element.elementor-element-c139de3{--display:flex;}.elementor-716 .elementor-element.elementor-element-b42cb04{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-accent );}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.4em;}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-716 .elementor-element.elementor-element-2c35acc{--display:flex;}.elementor-716 .elementor-element.elementor-element-3c28690{width:var( --container-widget-width, 7% );max-width:7%;padding:8px 8px 8px 8px;--container-widget-width:7%;--container-widget-flex-grow:0;border-style:none;border-radius:50px 50px 50px 50px;}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-element{--align-self:flex-end;}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:24px;}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-framed .elementor-icon, .elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-framed:has(:hover) .elementor-icon, .elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-default:has(:hover) .elementor-icon, .elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-framed:has(:focus) .elementor-icon, .elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-framed:has(:hover) .elementor-icon, .elementor-716 .elementor-element.elementor-element-3c28690.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon{font-size:36px;}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title, .elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title a{font-family:var( --e-global-typography-e47857a-font-family ), Sans-serif;font-size:var( --e-global-typography-e47857a-font-size );font-weight:var( --e-global-typography-e47857a-font-weight );line-height:var( --e-global-typography-e47857a-line-height );}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title{color:var( --e-global-color-secondary );}#elementor-popup-modal-716 .dialog-widget-content{animation-duration:0.8s;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-716{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-716 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}@media(max-width:1024px){.elementor-716 .elementor-element.elementor-element-d398552{--min-height:100vh;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-716 .elementor-element.elementor-element-fd68f15{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-716 .elementor-element.elementor-element-977ae5d{--container-widget-width:23%;--container-widget-flex-grow:0;width:var( --container-widget-width, 23% );max-width:23%;}.elementor-716 .elementor-element.elementor-element-8d212fa{margin:0px -3px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-8d212fa .elementor-icon{font-size:25px;}.elementor-716 .elementor-element.elementor-element-8d212fa .elementor-icon svg{height:25px;}.elementor-716 .elementor-element.elementor-element-9a9a420{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-c8649b1{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-0312d46{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-9c426f0{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-34a05a0{--border-radius:20px 20px 20px 20px;--padding-top:030px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-716 .elementor-element.elementor-element-2f034f6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-716 .elementor-element.elementor-element-376e658{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-931e4dc{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-item-title-space-between:10px;--n-accordion-title-font-size:1.6rem;}.elementor-716 .elementor-element.elementor-element-931e4dc {--n-accordion-padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-f751b7e{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-68bd116{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-93dcb32{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-item-title-space-between:10px;--n-accordion-title-font-size:1.6rem;}.elementor-716 .elementor-element.elementor-element-93dcb32 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-c124566{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-3595d78{padding:10px 0px 0px 0px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-item-title-space-between:10px;--n-accordion-title-font-size:1.6rem;}.elementor-716 .elementor-element.elementor-element-3595d78 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-c139de3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-716 .elementor-element.elementor-element-b42cb04{padding:32px 0px 0px 0px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item > a{font-size:1rem;}.elementor-716 .elementor-element.elementor-element-3c28690{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-716 .elementor-element.elementor-element-3c28690.elementor-element{--align-self:flex-end;}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title, .elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title a{font-size:var( --e-global-typography-e47857a-font-size );line-height:var( --e-global-typography-e47857a-line-height );}#elementor-popup-modal-716 .dialog-message{width:100vw;}#elementor-popup-modal-716{justify-content:center;align-items:center;}#elementor-popup-modal-716 .dialog-widget-content{border-radius:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-716 .elementor-element.elementor-element-d398552{--width:100%;--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-716 .elementor-element.elementor-element-8fea10f{--width:100%;--min-height:100vh;--padding-top:50px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-716 .elementor-element.elementor-element-8d9af66{--justify-content:space-between;}.elementor-716 .elementor-element.elementor-element-fd68f15{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-716 .elementor-element.elementor-element-977ae5d{--container-widget-width:41%;--container-widget-flex-grow:0;width:var( --container-widget-width, 41% );max-width:41%;}.elementor-716 .elementor-element.elementor-element-8d212fa{margin:0px -3px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-8d212fa .elementor-icon{font-size:22px;}.elementor-716 .elementor-element.elementor-element-8d212fa .elementor-icon svg{height:22px;}.elementor-716 .elementor-element.elementor-element-9a9a420{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-716 .elementor-element.elementor-element-c8649b1{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-0312d46{--width:100%;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-ad6a2ac{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-93a61a7{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-28bea22{--width:10%;}.elementor-716 .elementor-element.elementor-element-cca19d7{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-9c426f0{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-34a05a0{--width:100%;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-7936cc5{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-80ccdf9{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-3ca7118{--width:10%;}.elementor-716 .elementor-element.elementor-element-567a948{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-3709fc0{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-45a30c6{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-3842289{--width:10%;}.elementor-716 .elementor-element.elementor-element-215fe0c{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-be83732{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-cf57b53{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-0e9394f{--width:10%;}.elementor-716 .elementor-element.elementor-element-fa579fa{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-f96d1c7{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-cc3a821{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-12820e4{--width:10%;}.elementor-716 .elementor-element.elementor-element-d70dfba{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-f0e6fcc{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-fec0ce4{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-0b09820{--width:10%;}.elementor-716 .elementor-element.elementor-element-4874f0b{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-a556483{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-a134764{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-5cfd2ab{--width:10%;}.elementor-716 .elementor-element.elementor-element-adb6a21{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-e6263ea{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-77c10c3{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-a5a7226{--width:10%;}.elementor-716 .elementor-element.elementor-element-d1b25f9{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-9dc1f57{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-d6c6033{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-84f9139{--width:10%;}.elementor-716 .elementor-element.elementor-element-d1233f3{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-7040b4d .elementor-button{font-size:1rem;}.elementor-716 .elementor-element.elementor-element-6635626{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-930bce0{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-9437f39{--width:10%;}.elementor-716 .elementor-element.elementor-element-7491f78{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-b91e0f9{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-f3c154d{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-ae1b9bc{--width:10%;}.elementor-716 .elementor-element.elementor-element-2d33779{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-593468d{--width:90%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-716 .elementor-element.elementor-element-5f4a479{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-716 .elementor-element.elementor-element-8db1e71{--width:10%;}.elementor-716 .elementor-element.elementor-element-eb5891a{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-931e4dc{--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:15px;--n-accordion-title-font-size:1.4rem;}.elementor-716 .elementor-element.elementor-element-931e4dc {--n-accordion-padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-f751b7e{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-68bd116{--width:100%;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-93dcb32{--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:15px;--n-accordion-title-font-size:1.4rem;}.elementor-716 .elementor-element.elementor-element-93dcb32 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-52c7021{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-c124566{--border-radius:20px 20px 20px 20px;}.elementor-716 .elementor-element.elementor-element-3595d78{padding:8px 0px 0px 0px;--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:15px;--n-accordion-title-font-size:1.4rem;}.elementor-716 .elementor-element.elementor-element-3595d78 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-907a9c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-c139de3{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-b42cb04{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-716 .elementor-element.elementor-element-b42cb04 .elementor-icon-list-item > a{font-size:1rem;}.elementor-716 .elementor-element.elementor-element-2c35acc{--justify-content:space-between;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-716 .elementor-element.elementor-element-3c28690{padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-wrapper{text-align:end;gap:18px;}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title{margin-block-end:0px;}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon{font-size:30px;}.elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title, .elementor-716 .elementor-element.elementor-element-3c28690 .elementor-icon-box-title a{font-size:var( --e-global-typography-e47857a-font-size );line-height:var( --e-global-typography-e47857a-line-height );}#elementor-popup-modal-716 .dialog-message{width:100vw;}#elementor-popup-modal-716{justify-content:center;align-items:center;}}@media(min-width:768px){.elementor-716 .elementor-element.elementor-element-0312d46{--width:100%;}.elementor-716 .elementor-element.elementor-element-ad6a2ac{--width:95%;}.elementor-716 .elementor-element.elementor-element-93a61a7{--width:100%;}.elementor-716 .elementor-element.elementor-element-28bea22{--width:15%;}.elementor-716 .elementor-element.elementor-element-cca19d7{--width:87%;}.elementor-716 .elementor-element.elementor-element-34a05a0{--width:100%;}.elementor-716 .elementor-element.elementor-element-7936cc5{--width:95%;}.elementor-716 .elementor-element.elementor-element-80ccdf9{--width:100%;}.elementor-716 .elementor-element.elementor-element-3ca7118{--width:15%;}.elementor-716 .elementor-element.elementor-element-567a948{--width:87%;}.elementor-716 .elementor-element.elementor-element-3709fc0{--width:95%;}.elementor-716 .elementor-element.elementor-element-45a30c6{--width:100%;}.elementor-716 .elementor-element.elementor-element-3842289{--width:15%;}.elementor-716 .elementor-element.elementor-element-215fe0c{--width:87%;}.elementor-716 .elementor-element.elementor-element-be83732{--width:95%;}.elementor-716 .elementor-element.elementor-element-cf57b53{--width:100%;}.elementor-716 .elementor-element.elementor-element-0e9394f{--width:15%;}.elementor-716 .elementor-element.elementor-element-fa579fa{--width:87%;}.elementor-716 .elementor-element.elementor-element-f96d1c7{--width:95%;}.elementor-716 .elementor-element.elementor-element-cc3a821{--width:100%;}.elementor-716 .elementor-element.elementor-element-12820e4{--width:15%;}.elementor-716 .elementor-element.elementor-element-d70dfba{--width:87%;}.elementor-716 .elementor-element.elementor-element-2f034f6{--width:100%;}.elementor-716 .elementor-element.elementor-element-f0e6fcc{--width:95%;}.elementor-716 .elementor-element.elementor-element-fec0ce4{--width:100%;}.elementor-716 .elementor-element.elementor-element-0b09820{--width:15%;}.elementor-716 .elementor-element.elementor-element-4874f0b{--width:87%;}.elementor-716 .elementor-element.elementor-element-a556483{--width:95%;}.elementor-716 .elementor-element.elementor-element-a134764{--width:100%;}.elementor-716 .elementor-element.elementor-element-5cfd2ab{--width:15%;}.elementor-716 .elementor-element.elementor-element-adb6a21{--width:87%;}.elementor-716 .elementor-element.elementor-element-e6263ea{--width:95%;}.elementor-716 .elementor-element.elementor-element-77c10c3{--width:100%;}.elementor-716 .elementor-element.elementor-element-a5a7226{--width:15%;}.elementor-716 .elementor-element.elementor-element-d1b25f9{--width:87%;}.elementor-716 .elementor-element.elementor-element-9dc1f57{--width:95%;}.elementor-716 .elementor-element.elementor-element-d6c6033{--width:100%;}.elementor-716 .elementor-element.elementor-element-84f9139{--width:15%;}.elementor-716 .elementor-element.elementor-element-d1233f3{--width:87%;}.elementor-716 .elementor-element.elementor-element-376e658{--width:100%;}.elementor-716 .elementor-element.elementor-element-6635626{--width:95%;}.elementor-716 .elementor-element.elementor-element-930bce0{--width:100%;}.elementor-716 .elementor-element.elementor-element-9437f39{--width:15%;}.elementor-716 .elementor-element.elementor-element-7491f78{--width:87%;}.elementor-716 .elementor-element.elementor-element-b91e0f9{--width:95%;}.elementor-716 .elementor-element.elementor-element-f3c154d{--width:100%;}.elementor-716 .elementor-element.elementor-element-ae1b9bc{--width:15%;}.elementor-716 .elementor-element.elementor-element-2d33779{--width:87%;}.elementor-716 .elementor-element.elementor-element-593468d{--width:95%;}.elementor-716 .elementor-element.elementor-element-5f4a479{--width:100%;}.elementor-716 .elementor-element.elementor-element-8db1e71{--width:15%;}.elementor-716 .elementor-element.elementor-element-eb5891a{--width:87%;}.elementor-716 .elementor-element.elementor-element-68bd116{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-716 .elementor-element.elementor-element-2c35acc{--width:100%;}}/* Start custom CSS for icon, class: .elementor-element-8d212fa */.close-popup-btn { cursor: pointer !important; position: relative; z-index: 9999; } /* Optional: Add hover effect */ .close-popup-btn:hover { opacity: 0.8; transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ad6a2ac *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7936cc5 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3709fc0 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be83732 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f96d1c7 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f0e6fcc *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a556483 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6263ea *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9dc1f57 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6635626 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b91e0f9 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-593468d *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ad6a2ac *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7936cc5 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3709fc0 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be83732 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f96d1c7 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f0e6fcc *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a556483 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6263ea *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9dc1f57 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6635626 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b91e0f9 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-593468d *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ad6a2ac *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7936cc5 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3709fc0 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be83732 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f96d1c7 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f0e6fcc *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a556483 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6263ea *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9dc1f57 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6635626 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b91e0f9 *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-593468d *//* ================================================ MAIN CONTAINER HOVER EFFECT Changes color of icon and heading when hovering over main container AND adds slight zoom in effect to the container ================================================ */ .maincontainermenu:hover .icon1, .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Slight zoom in effect for main container */ .maincontainermenu:hover { transform: scale(1.03); transition: transform 0.3s ease; } /* Set initial transition for container */ .maincontainermenu { transition: transform 0.3s ease; } /* ================================================ ICON COLOR FIX - Multiple approaches to ensure it works ================================================ */ /* Approach 1: Target the icon element directly */ .maincontainermenu:hover .icon1 { color: #7B2FF7 !important; fill: #7B2FF7 !important; transition: color 0.3s ease, fill 0.3s ease; } /* Approach 2: Target if it's an SVG icon */ .maincontainermenu:hover .icon1 svg { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 3: Target SVG path specifically */ .maincontainermenu:hover .icon1 svg path { fill: #7B2FF7 !important; transition: fill 0.3s ease; } /* Approach 4: Target if it's a font icon (i tag) */ .maincontainermenu:hover .icon1 i { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ HEADING COLOR CHANGE ================================================ */ .maincontainermenu:hover .module-title .elementor-button-text { color: #7B2FF7 !important; transition: color 0.3s ease; } /* ================================================ ARROW EFFECTS ================================================ */ /* Hide arrow by default */ .module-title .elementor-button-icon .icon-right-arrow { opacity: 0; transform: translateX(-10px); display: inline-block; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; } /* Show arrow with slide effect on heading hover */ .module-title:hover .elementor-button-icon .icon-right-arrow { opacity: 1; transform: translateX(0); visibility: visible; } /* ================================================ TRANSITION SETUP ================================================ */ /* For all icon types */ .maincontainermenu .icon1, .maincontainermenu .icon1 svg, .maincontainermenu .icon1 svg path, .maincontainermenu .icon1 i { transition: color 0.3s ease, fill 0.3s ease; } /* For heading text */ .maincontainermenu .module-title .elementor-button-text { transition: color 0.3s ease; } /* ================================================ ZOOM IN EFFECT SETUP Clean zoom effect without shadow ================================================ */ /* Ensure smooth zoom transition */ .maincontainermenu { transform-origin: center center; will-change: transform; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d398552 */.mobilemenuglassy { background: linear-gradient(145deg, rgba(240, 248, 255, 1) 10%, /* Alice blue */ rgba(230, 230, 250, 1) 50%, /* Lavender */ rgba(255, 240, 245, 1) 80%, /* Lavender blush */ rgba(255, 240, 245, 1) 100%); /* White */ backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }/* End custom CSS */