.elementor-2889 .elementor-element.elementor-element-bb54af0{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2889 .elementor-element.elementor-element-b619ea7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2889 .elementor-element.elementor-element-b619ea7.e-con{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-e7c5b99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2889 .elementor-element.elementor-element-9788f3f{width:var( --container-widget-width, 18% );max-width:18%;padding:0px 0px 0px 0px;--container-widget-width:18%;--container-widget-flex-grow:0;text-align:start;}.elementor-2889 .elementor-element.elementor-element-9788f3f img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2889 .elementor-element.elementor-element-4b45a4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -24px) 0px;}.elementor-2889 .elementor-element.elementor-element-4b45a4e.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-6a3645a{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2889 .elementor-element.elementor-element-6a3645a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:19px;letter-spacing:0.4px;color:#000000;}.elementor-2889 .elementor-element.elementor-element-60b3a22{--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;--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2889 .elementor-element.elementor-element-6c9d678 .elementor-button{background-color:#014EE6;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-6c9d678{width:var( --container-widget-width, 47.817% );max-width:47.817%;--container-widget-width:47.817%;--container-widget-flex-grow:0;}.elementor-2889 .elementor-element.elementor-element-6c9d678.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2889 .elementor-element.elementor-element-6c9d678 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2889 .elementor-element.elementor-element-51f636f .elementor-button{background-color:#007A11;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-51f636f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2889 .elementor-element.elementor-element-51f636f .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-2889 .elementor-element.elementor-element-60b2fd1{--display:flex;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-cdf7290 .elementor-button{background-color:#014EE6;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-cdf7290{margin:-132px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2889 .elementor-element.elementor-element-cdf7290.elementor-element{--align-self:flex-end;}.elementor-2889 .elementor-element.elementor-element-cdf7290 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2889 .elementor-element.elementor-element-525cebc{width:var( --container-widget-width, 73% );max-width:73%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 8px 8px 8px;--container-widget-width:73%;--container-widget-flex-grow:0;z-index:500;background-image:linear-gradient(180deg, #6F8CC59C 0%, #064DDAD6 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#002369;border-radius:10px 10px 10px 10px;box-shadow:3px 4px 1px 0px rgba(25.943478260869558, 107.51359168241964, 183.6, 0.65);text-align:center;}.elementor-2889 .elementor-element.elementor-element-525cebc.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-525cebc .elementor-heading-title{font-family:"Arsenal", Sans-serif;font-size:28px;font-weight:600;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-2f5890b{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-2f5890b.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-2f5890b img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-5518375{--display:flex;}.elementor-2889 .elementor-element.elementor-element-611ea0d{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-611ea0d.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#242424;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2889 .elementor-element.elementor-element-18122f7{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#363434;}.elementor-2889 .elementor-element.elementor-element-18122f7.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-0feca64{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2889 .elementor-element.elementor-element-15e4120{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-15e4120 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-3c15950{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-3c15950 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-1110f60{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-1110f60 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-7b233a5{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-7b233a5 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-2868ea4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2889 .elementor-element.elementor-element-15125a1{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-15125a1 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-05194f7{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-05194f7 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-f296cc1{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-f296cc1 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-75207fc{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-75207fc .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2889 .elementor-element.elementor-element-d7dd599{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-153e35f{--display:flex;}.elementor-2889 .elementor-element.elementor-element-ddc0894{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-ddc0894.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#242424;}.elementor-2889 .elementor-element.elementor-element-7dea723{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#363434;}.elementor-2889 .elementor-element.elementor-element-7dea723.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-235eda4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-2aa1c33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2889 .elementor-element.elementor-element-a26da7a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2889 .elementor-element.elementor-element-a26da7a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2889 .elementor-element.elementor-element-a26da7a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2889 .elementor-element.elementor-element-dba3f92{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2889 .elementor-element.elementor-element-1bd00fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-e45656d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2889 .elementor-element.elementor-element-e45656d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2889 .elementor-element.elementor-element-e45656d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2889 .elementor-element.elementor-element-9a7842e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-text{transition:color 0.3s;}.elementor-2889 .elementor-element.elementor-element-0c260dc{--display:flex;}.elementor-2889 .elementor-element.elementor-element-2b21b8c{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-2b21b8c.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#242424;}.elementor-2889 .elementor-element.elementor-element-03c8b3f{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#363434;}.elementor-2889 .elementor-element.elementor-element-03c8b3f.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-1a113e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-cff3616{--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:flex-start;}.elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-f864305{--display:flex;}.elementor-2889 .elementor-element.elementor-element-aaa2734{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-aaa2734.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#242424;}.elementor-2889 .elementor-element.elementor-element-efb0195{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#363434;}.elementor-2889 .elementor-element.elementor-element-efb0195.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-f5c716f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-b1866d3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2889 .elementor-element.elementor-element-b1866d3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2889 .elementor-element.elementor-element-b1866d3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2889 .elementor-element.elementor-element-f6ac3fc.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2889 .elementor-element.elementor-element-f6ac3fc.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2889 .elementor-element.elementor-element-f6ac3fc.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2889 .elementor-element.elementor-element-01097e3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-127a414.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2889 .elementor-element.elementor-element-127a414.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2889 .elementor-element.elementor-element-127a414.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2889 .elementor-element.elementor-element-2b1e00b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2889 .elementor-element.elementor-element-2b1e00b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2889 .elementor-element.elementor-element-2b1e00b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2889 .elementor-element.elementor-element-0114cbb{--display:flex;}.elementor-2889 .elementor-element.elementor-element-0114cbb.e-con{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-0768f1f{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-0768f1f.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#242424;}.elementor-2889 .elementor-element.elementor-element-dbf23d2{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#363434;}.elementor-2889 .elementor-element.elementor-element-dbf23d2.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-cf90ddc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-f13851c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-3446d44{--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:flex-start;}.elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-1ef8a96{--display:flex;}.elementor-2889 .elementor-element.elementor-element-1ef8a96.e-con{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-742c80f{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-742c80f.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-7dda205{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-7dda205.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-90644c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-2889 .elementor-element.elementor-element-9c6f4f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-8f3a869 .elementor-button{background-color:#014EE6;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-8f3a869 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2889 .elementor-element.elementor-element-f20da0e .elementor-button{background-color:#007A11;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-f20da0e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2889 .elementor-element.elementor-element-f20da0e .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-2889 .elementor-element.elementor-element-48ba1d9{--display:flex;}.elementor-2889 .elementor-element.elementor-element-643bdfa{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-643bdfa.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-643bdfa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#242424;}.elementor-2889 .elementor-element.elementor-element-c8979a4{text-align:center;}.elementor-2889 .elementor-element.elementor-element-35d7609{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-4bc326d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-4bc326d:not(.elementor-motion-effects-element-type-background), .elementor-2889 .elementor-element.elementor-element-4bc326d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEE3E3;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2889 .elementor-element.elementor-element-4f20017.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-wrapper{text-align:center;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter{flex-direction:column;}.elementor-2889 .elementor-element.elementor-element-61e6227{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-61e6227:not(.elementor-motion-effects-element-type-background), .elementor-2889 .elementor-element.elementor-element-61e6227 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEE3E3;}.elementor-2889 .elementor-element.elementor-element-fe853c5.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-wrapper{text-align:center;}.elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter{flex-direction:column;}.elementor-2889 .elementor-element.elementor-element-d59e6b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-d59e6b3:not(.elementor-motion-effects-element-type-background), .elementor-2889 .elementor-element.elementor-element-d59e6b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEE3E3;}.elementor-2889 .elementor-element.elementor-element-e455ce2.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-wrapper{text-align:center;}.elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter{flex-direction:column;}.elementor-2889 .elementor-element.elementor-element-ea070da{--display:flex;}.elementor-2889 .elementor-element.elementor-element-ea070da.e-con{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-724fc72{width:var( --container-widget-width, 87% );max-width:87%;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-724fc72.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-724fc72 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-8298950{text-align:center;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-e261e54{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-wrapper{text-align:center;}.elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-wrapper{text-align:center;}.elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-wrapper{text-align:center;}.elementor-2889 .elementor-element.elementor-element-c14a93b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-3049b73 .elementor-button{background-color:#014EE6;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-b11ed3f .elementor-button{background-color:#007A11;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-b11ed3f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2889 .elementor-element.elementor-element-4ef0735{--display:flex;}.elementor-2889 .elementor-element.elementor-element-78d04eb{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-78d04eb.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#242424;}.elementor-2889 .elementor-element.elementor-element-6d0bcdc{text-align:center;}.elementor-2889 .elementor-element.elementor-element-0f420c0{--display:flex;}.elementor-2889 .elementor-element.elementor-element-ade9b1d{width:var( --container-widget-width, 87% );max-width:87%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-2889 .elementor-element.elementor-element-ade9b1d.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-ade9b1d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-83238ff{text-align:center;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-9a498ef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-7fef8df .elementor-button{background-color:#014EE6;border-radius:10px 10px 10px 10px;}.elementor-2889 .elementor-element.elementor-element-6bb810a .elementor-button{background-color:#007A11;border-radius:10px 10px 10px 10px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2889 .elementor-element.elementor-element-49a7213{--divider-border-style:solid;--divider-color:#D8CFCF;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-49a7213 .elementor-divider-separator{width:100%;}.elementor-2889 .elementor-element.elementor-element-49a7213 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2889 .elementor-element.elementor-element-69b4aa2{text-align:center;color:#FFFFFF;}.elementor-2889 .elementor-element.elementor-element-77fa7ea{--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-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon-wrapper{text-align:center;}.elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon-wrapper{text-align:center;}@media(max-width:767px){.elementor-2889 .elementor-element.elementor-element-60b3a22{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2889 .elementor-element.elementor-element-6c9d678{--container-widget-width:295px;--container-widget-flex-grow:0;width:var( --container-widget-width, 295px );max-width:295px;}.elementor-2889 .elementor-element.elementor-element-60b2fd1{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2889 .elementor-element.elementor-element-60b2fd1.e-con{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-525cebc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;--container-widget-width:906px;--container-widget-flex-grow:0;width:var( --container-widget-width, 906px );max-width:906px;}.elementor-2889 .elementor-element.elementor-element-2f5890b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2889 .elementor-element.elementor-element-2f5890b img{width:100%;height:350px;}.elementor-2889 .elementor-element.elementor-element-611ea0d{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-0feca64{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2889 .elementor-element.elementor-element-15e4120{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-15e4120.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-3c15950{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-3c15950.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-1110f60{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-1110f60.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-7b233a5{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-7b233a5.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-15125a1{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-15125a1.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-05194f7{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-05194f7.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-f296cc1{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-f296cc1.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-75207fc{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-2889 .elementor-element.elementor-element-75207fc.elementor-element{--align-self:center;}.elementor-2889 .elementor-element.elementor-element-ddc0894{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-7dea723{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-235eda4{--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-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-2b21b8c{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-aaa2734{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img{margin-bottom:15px;}.elementor-2889 .elementor-element.elementor-element-0768f1f{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-742c80f{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-643bdfa{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-643bdfa .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-ea070da{--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-2889 .elementor-element.elementor-element-724fc72{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2889 .elementor-element.elementor-element-724fc72 .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-c14a93b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2889 .elementor-element.elementor-element-78d04eb{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title{font-size:21px;}.elementor-2889 .elementor-element.elementor-element-ade9b1d{width:100%;max-width:100%;}.elementor-2889 .elementor-element.elementor-element-ade9b1d .elementor-heading-title{font-size:21px;}}/* Start custom CSS for html, class: .elementor-element-c68b01a */.spoken-ticker { width: 100%; height: 54px; overflow: hidden; background: #f1ebff; white-space: nowrap; display: flex; align-items: center; box-sizing: border-box; } .spoken-ticker-track { display: flex; align-items: center; width: max-content; flex-shrink: 0; animation: moveTicker 20s linear infinite; will-change: transform; } .spoken-ticker-track span { color: #8b6be8; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase; padding: 0 45px; line-height: 1; } .spoken-ticker-track b { color: #8b6be8; font-size: 14px; font-weight: 900; line-height: 1; } /* RIGHT → LEFT */ @keyframes moveTicker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* ========================= MOBILE RESPONSIVE ========================= */ @media (max-width: 767px) { .spoken-ticker { height: 46px; width: 100%; } .spoken-ticker-track { animation-duration: 16s; } .spoken-ticker-track span { font-size: 12px; letter-spacing: 0.8px; padding: 0 22px; } .spoken-ticker-track b { font-size: 10px; } } /* Small Mobile */ @media (max-width: 480px) { .spoken-ticker { height: 44px; } .spoken-ticker-track { animation-duration: 14s; } .spoken-ticker-track span { font-size: 11px; letter-spacing: 0.6px; padding: 0 18px; } .spoken-ticker-track b { font-size: 9px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4b45a4e *//* EDITABLE ELEMENTOR GLASS HEADING */ .elementor-2889 .elementor-element.elementor-element-4b45a4e, .elementor-2889 .elementor-element.elementor-element-4b45a4e * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-4b45a4e { width: 100% !important; max-width: 100% !important; position: relative !important; isolation: isolate !important; } .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; max-width: 100% !important; margin: 0 !important; padding: 10px 19px !important; overflow: hidden !important; border: 1px solid rgba(151, 124, 238, 0.38) !important; border-radius: 999px !important; color: #7655dc !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.94), rgba(247, 244, 255, 0.88), rgba(226, 219, 255, 0.82) ) !important; box-shadow: 0 12px 28px rgba(117, 82, 221, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(133, 101, 218, 0.12) !important; backdrop-filter: blur(20px) saturate(160%) !important; -webkit-backdrop-filter: blur(20px) saturate(160%) !important; font-weight: 750 !important; line-height: 1.25 !important; letter-spacing: 0.35px !important; white-space: normal !important; text-align: center !important; transition: all 0.35s ease !important; animation: editableLavenderFloat 5s ease-in-out infinite !important; } /* Moving glass shine */ .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title::after { content: "" !important; position: absolute !important; top: -60% !important; left: -80% !important; width: 30% !important; height: 220% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(22deg) !important; pointer-events: none !important; animation: editableLavenderShine 6s ease-in-out infinite !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title:hover { color: #6341ce !important; border-color: rgba(125, 91, 224, 0.58) !important; transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 18px 34px rgba(117, 82, 221, 0.24), 0 0 22px rgba(167, 139, 250, 0.24), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } /* Desktop text size */ @media (min-width: 768px) { .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title { font-size: clamp(12px, 1.25vw, 15px) !important; } } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title { width: fit-content !important; max-width: 100% !important; padding: 8px 14px !important; font-size: clamp(10px, 3.3vw, 13px) !important; line-height: 1.3 !important; letter-spacing: 0.2px !important; white-space: normal !important; text-wrap: balance !important; } } /* Very small mobile */ @media (max-width: 380px) { .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title { padding: 8px 11px !important; font-size: 10px !important; } } /* Animations */ @keyframes editableLavenderFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } @keyframes editableLavenderShine { 0% { left: -80%; } 45%, 100% { left: 135%; } } /* Reduced motion support */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title, .elementor-2889 .elementor-element.elementor-element-4b45a4e .elementor-heading-title::after { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-af439a8 *//* FINAL PREMIUM LAVENDER HERO HEADING CSS */ .nx-english-hero-title, .nx-english-hero-title * { box-sizing: border-box !important; } .nx-english-hero-title { position: relative !important; width: 100% !important; max-width: 730px !important; padding: 10px 0 25px !important; overflow: visible !important; isolation: isolate !important; } .nx-english-hero-title h1 { position: relative !important; z-index: 2 !important; margin: 0 !important; padding: 0 !important; color: #071a44 !important; font-family: inherit !important; font-size: clamp(42px, 5.2vw, 76px) !important; font-weight: 800 !important; line-height: 1.02 !important; letter-spacing: -2.8px !important; text-align: left !important; white-space: normal !important; } .nx-english-hero-title h1 > span { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; animation: nxHeroReveal 0.8s ease both !important; } .nx-english-hero-title h1 > span:nth-child(1) { animation-delay: 0.1s !important; } .nx-english-hero-title h1 > span:nth-child(2) { animation-delay: 0.2s !important; } .nx-english-hero-title h1 > span:nth-child(3) { animation-delay: 0.3s !important; } .nx-english-hero-title h1 > span:nth-child(4) { animation-delay: 0.4s !important; } /* Lavender highlighted word */ .nx-english-hero-title .nx-highlight { position: relative !important; width: fit-content !important; color: transparent !important; background: linear-gradient( 100deg, #7048d8, #8b6cf6, #c4b5fd, #7048d8 ) !important; background-size: 250% auto !important; -webkit-background-clip: text !important; background-clip: text !important; animation: nxHeroReveal 0.8s ease both, nxHeroGradient 5s ease-in-out infinite !important; } /* Lavender underline */ .nx-english-hero-title .nx-highlight::after { content: "" !important; position: absolute !important; left: 3px !important; bottom: -10px !important; width: 190px !important; height: 7px !important; border-radius: 50% !important; background: linear-gradient( 90deg, #7048d8, #a78bfa, transparent ) !important; transform: rotate(-3deg) !important; transform-origin: left center !important; animation: nxHeroUnderline 1s ease 0.8s both !important; } /* Soft lavender background glow */ .nx-title-glow { position: absolute !important; z-index: -1 !important; top: -90px !important; right: -130px !important; width: 320px !important; height: 320px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(196, 181, 253, 0.42), rgba(237, 233, 254, 0.20) 48%, transparent 72% ) !important; filter: blur(5px) !important; animation: nxHeroGlow 6s ease-in-out infinite !important; } /* Bottom lavender line */ .nx-title-line { width: 150px !important; height: 4px !important; margin-top: 30px !important; border-radius: 999px !important; background: linear-gradient( 90deg, #7048d8, #a78bfa, transparent ) !important; } /* Animations */ @keyframes nxHeroReveal { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } } @keyframes nxHeroGradient { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes nxHeroUnderline { from { opacity: 0; transform: scaleX(0) rotate(-3deg); } to { opacity: 1; transform: scaleX(1) rotate(-3deg); } } @keyframes nxHeroGlow { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-18px, 20px) scale(1.08); } } /* Mobile */ @media (max-width: 767px) { .nx-english-hero-title { padding: 8px 0 22px !important; } .nx-english-hero-title h1 { font-size: clamp(36px, 10vw, 52px) !important; line-height: 1.04 !important; letter-spacing: -1.8px !important; } .nx-english-hero-title h1 > span { white-space: normal !important; } .nx-english-hero-title .nx-highlight::after { bottom: -7px !important; width: 145px !important; height: 5px !important; } .nx-title-glow { top: -50px !important; right: -150px !important; width: 250px !important; height: 250px !important; } .nx-title-line { width: 110px !important; margin-top: 24px !important; } } @media (max-width: 420px) { .nx-english-hero-title h1 { font-size: 38px !important; letter-spacing: -1.4px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6a3645a */.nx-main-copy, .nx-highlight-copy { display: block !important; font-family: inherit !important; text-transform: uppercase !important; } .nx-main-copy { color: #071a44 !important; font-size: clamp(16px, 1.35vw, 21px) !important; font-weight: 600 !important; line-height: 1.5 !important; letter-spacing: 0.2px !important; } .nx-highlight-copy { margin-top: 14px !important; padding-left: 14px !important; border-left: 4px solid #a70438 !important; color: #a70438 !important; font-size: clamp(18px, 1.2vw, 19px) !important; font-weight: 800 !important; line-height: 1.4 !important; letter-spacing: 0.25px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b619ea7 *//* SAFE ELEMENTOR PRO LAVENDER CONTAINER CSS */ /* Only selected container will be affected */ .elementor-2889 .elementor-element.elementor-element-b619ea7 { position: relative !important; isolation: isolate !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-height: 320px !important; padding: clamp(20px, 4vw, 30px) !important; overflow: hidden !important; background: radial-gradient( circle at 10% 0%, rgba(196, 181, 253, 0.36), transparent 32% ), radial-gradient( circle at 100% 20%, rgba(167, 139, 250, 0.25), transparent 30% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 243, 255, 0.94) 55%, rgba(250, 248, 255, 0.98) 100% ) !important; border: 1px solid rgba(196, 181, 253, 0.75) !important; border-radius: 0 !important; box-shadow: 0 18px 45px rgba(112, 72, 216, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; backdrop-filter: blur(18px) saturate(140%) !important; -webkit-backdrop-filter: blur(18px) saturate(140%) !important; } /* Elementor inner wrapper */ .elementor-2889 .elementor-element.elementor-element-b619ea7 > .e-con-inner, .elementor-2889 .elementor-element.elementor-element-b619ea7 > .elementor-container { width: 100% !important; max-width: 100% !important; background: transparent !important; } /* Soft glass shine */ .elementor-2889 .elementor-element.elementor-element-b619ea7::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; pointer-events: none !important; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.34) 45%, transparent 70% ) !important; opacity: 0.75 !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-b619ea7 { min-height: 280px !important; padding: 24px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-b619ea7 { width: 100% !important; min-height: auto !important; padding: 20px !important; border-radius: 0 !important; } .elementor-2889 .elementor-element.elementor-element-b619ea7 > .e-con-inner, .elementor-2889 .elementor-element.elementor-element-b619ea7 > .elementor-container { width: 100% !important; flex-direction: column !important; } } /* Small mobile */ @media (max-width: 480px) { .elementor-2889 .elementor-element.elementor-element-b619ea7 { padding: 16px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-611ea0d *//* ===================================== CENTERED THICK HEADING LINE ===================================== */ .elementor-2889 .elementor-element.elementor-element-611ea0d { position: relative !important; overflow: visible !important; } .elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title { position: relative !important; display: block !important; margin: 0 !important; padding-bottom: 20px !important; text-align: center !important; } /* Thick centered line */ .elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 285px !important; height: 7px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(104, 64, 190, 0.12) 0%, #7043ca 18%, #895cdd 50%, #7043ca 82%, rgba(104, 64, 190, 0.12) 100% ) !important; clip-path: polygon( 0 42%, 100% 0, 100% 64%, 0 100% ) !important; transform: translateX(-50%) rotate(-1deg) !important; transform-origin: center !important; box-shadow: 0 4px 12px rgba(105, 64, 194, 0.32) !important; pointer-events: none !important; } /* Bright center shine */ .elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 95px !important; height: 2px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; transform: translateX(-50%) rotate(-1deg) !important; pointer-events: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title::after { width: 245px !important; height: 6px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title { padding-bottom: 15px !important; } .elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title::after { width: 180px !important; height: 5px !important; } .elementor-2889 .elementor-element.elementor-element-611ea0d .elementor-heading-title::before { width: 60px !important; height: 2px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-077a305 *//* ========================================= PREMIUM CENTERED WHITE-PURPLE ICON BOX Elementor Pro Custom CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-077a305, .elementor-2889 .elementor-element.elementor-element-077a305 * { box-sizing: border-box !important; } /* Main box */ .elementor-2889 .elementor-element.elementor-element-077a305 { --purple: #7048d8; --purple-light: #a78bfa; --purple-soft: #f3edff; --border: #dfd4ff; --heading: #24183f; --description: #655b78; position: relative !important; isolation: isolate !important; overflow: hidden !important; display: block !important; width: 100% !important; min-height: 185px !important; padding: 28px 22px 24px !important; text-align: center !important; background: radial-gradient( circle at 50% -20%, rgba(167, 139, 250, 0.25), transparent 40% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 55%, #f3edff 100% ) !important; border: 1px solid var(--border) !important; border-radius: 22px !important; box-shadow: 0 14px 32px rgba(112, 72, 216, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* Soft top glow */ .elementor-2889 .elementor-element.elementor-element-077a305::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: -75px !important; left: 50% !important; width: 230px !important; height: 150px !important; transform: translateX(-50%) !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.28), transparent 70% ) !important; filter: blur(8px) !important; pointer-events: none !important; } /* Purple side accent */ .elementor-2889 .elementor-element.elementor-element-077a305::after { content: "" !important; position: absolute !important; z-index: 1 !important; top: 22px !important; bottom: 22px !important; left: 0 !important; width: 4px !important; border-radius: 0 8px 8px 0 !important; background: linear-gradient( 180deg, var(--purple-light), var(--purple), #5632b5 ) !important; box-shadow: 0 0 15px rgba(112, 72, 216, 0.35) !important; } /* Centered icon box layout */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; gap: 14px !important; text-align: center !important; } /* Icon holder */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon { position: relative !important; isolation: isolate !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 62px !important; width: 62px !important; height: 62px !important; min-width: 62px !important; margin: 0 !important; border: 1px solid rgba(112, 72, 216, 0.27) !important; border-radius: 18px !important; background: linear-gradient( 145deg, #ffffff 0%, #f6f1ff 50%, #e5d9ff 100% ) !important; box-shadow: 0 9px 20px rgba(112, 72, 216, 0.2), inset 0 1px 0 #ffffff !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* Soft circle behind icon */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon::before { content: "" !important; position: absolute !important; z-index: 0 !important; width: 42px !important; height: 42px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.52), rgba(167, 139, 250, 0.12) 58%, transparent 75% ) !important; box-shadow: 0 0 18px rgba(112, 72, 216, 0.22) !important; } /* Icon link / wrapper */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon .elementor-icon { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; color: var(--purple) !important; background: transparent !important; text-decoration: none !important; } /* Font icon */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon i { position: relative !important; z-index: 3 !important; display: block !important; color: var(--purple) !important; font-size: 38px !important; line-height: 1 !important; filter: drop-shadow( 0 3px 5px rgba(112, 72, 216, 0.24) ) !important; } /* SVG icon */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon svg { position: relative !important; z-index: 3 !important; display: block !important; width: 38px !important; height: 38px !important; color: var(--purple) !important; fill: currentColor !important; stroke: currentColor !important; filter: drop-shadow( 0 3px 5px rgba(112, 72, 216, 0.24) ) !important; } /* Centered content */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-content { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; min-width: 0 !important; text-align: center !important; } /* Heading */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-title a { display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: var(--heading) !important; font-size: 20px !important; font-weight: 750 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; word-break: break-word !important; } /* Description */ .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-description { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--description) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: center !important; word-break: break-word !important; } /* Hover effect */ @media (hover: hover) { .elementor-2889 .elementor-element.elementor-element-077a305:hover { transform: translateY(-6px) !important; border-color: var(--purple) !important; box-shadow: 0 20px 42px rgba(112, 72, 216, 0.22), 0 0 0 4px rgba(167, 139, 250, 0.12), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-077a305:hover .elementor-icon-box-icon { transform: translateY(-3px) scale(1.08) rotate(-3deg) !important; box-shadow: 0 12px 26px rgba(112, 72, 216, 0.3), 0 0 22px rgba(167, 139, 250, 0.42), inset 0 1px 0 #ffffff !important; } } /* Tablet */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-077a305 { min-height: 165px !important; padding: 23px 17px 20px !important; border-radius: 19px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-wrapper { gap: 12px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon { flex-basis: 54px !important; width: 54px !important; height: 54px !important; min-width: 54px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon i { font-size: 33px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon svg { width: 33px !important; height: 33px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-title a { font-size: 18px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-description { font-size: 15px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-077a305 { min-height: 145px !important; padding: 19px 14px 17px !important; border-radius: 17px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-wrapper { gap: 10px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon { flex-basis: 47px !important; width: 47px !important; height: 47px !important; min-width: 47px !important; border-radius: 14px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon::before { width: 31px !important; height: 31px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon i { font-size: 28px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-icon svg { width: 28px !important; height: 28px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-title a { font-size: 16px !important; } .elementor-2889 .elementor-element.elementor-element-077a305 .elementor-icon-box-description { font-size: 14px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7527979 *//* ========================================= CENTERED WHITE + LAVENDER FLOW ========================================= */ .nx-flow-card, .nx-flow-card * { box-sizing: border-box; } /* Main card */ .nx-flow-card { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; margin: 0 auto; padding: 16px 20px; overflow: hidden; text-align: center; background: radial-gradient( circle at 100% 0%, rgba(196, 181, 253, 0.42), transparent 35% ), radial-gradient( circle at 0% 100%, rgba(233, 213, 255, 0.34), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 52%, #f1ebff 100% ); border: 1px solid rgba(166, 139, 236, 0.32); border-radius: 18px; box-shadow: 0 14px 32px rgba(126, 91, 190, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.98); backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); } /* Centered flow */ .nx-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 1100px; margin: 0 auto; gap: 9px; text-align: center; } /* Flow steps */ .nx-step { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 17px; color: #715b9f; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.98), rgba(248, 244, 255, 0.92) ); border: 1px solid rgba(166, 139, 236, 0.38); border-radius: 999px; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 6px 15px rgba(126, 91, 190, 0.10); animation: nxLavenderHighlight 7.5s ease-in-out infinite; transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease; } /* Arrows */ .nx-arrow { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #9276ca; font-size: 21px; font-weight: 600; line-height: 1; } /* Animation sequence */ .nx-step-1 { animation-delay: 0s; } .nx-step-2 { animation-delay: 1.5s; } .nx-step-3 { animation-delay: 3s; } .nx-step-4 { animation-delay: 4.5s; } .nx-step-5 { animation-delay: 6s; } /* Active lavender highlight */ @keyframes nxLavenderHighlight { 0%, 5% { color: #ffffff; background: linear-gradient( 135deg, #bca7ff 0%, #9474ec 55%, #7655d5 100% ); border-color: rgba(126, 91, 214, 0.65); transform: translateY(-3px) scale(1.04); box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.16), 0 11px 24px rgba(126, 91, 214, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.55); } 12%, 100% { color: #715b9f; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.98), rgba(248, 244, 255, 0.92) ); border-color: rgba(166, 139, 236, 0.38); transform: translateY(0) scale(1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 6px 15px rgba(126, 91, 190, 0.10); } } /* Hover */ .nx-step:hover { color: #ffffff; background: linear-gradient( 135deg, #bca7ff, #805fdc ); border-color: #9b7bea; transform: translateY(-4px) scale(1.04); box-shadow: 0 12px 25px rgba(112, 72, 216, 0.25), 0 0 0 4px rgba(167, 139, 250, 0.10); } /* Tablet */ @media (max-width: 767px) { .nx-flow-card { padding: 14px 13px; border-radius: 16px; } .nx-flow { justify-content: center; gap: 7px; } .nx-step { min-height: 40px; padding: 8px 13px; font-size: 13px; } .nx-arrow { font-size: 17px; } } /* Small mobile */ @media (max-width: 420px) { .nx-flow-card { padding: 12px 9px; } .nx-flow { gap: 6px; } .nx-step { min-height: 36px; padding: 7px 10px; font-size: 12px; } .nx-arrow { font-size: 15px; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .nx-step { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7dd599 *//* ========================================= PREMIUM WHITE-PURPLE THEME BACKGROUND Elementor Pro Container CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-d7dd599, .elementor-2889 .elementor-element.elementor-element-d7dd599 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-d7dd599 { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 465px !important; padding: clamp(32px, 5vw, 48px) clamp(22px, 5vw, 42px) !important; background: radial-gradient( circle at 100% 100%, rgba(167, 139, 250, 0.38), transparent 43% ), radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.30), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #f8f5ff 52%, #eee8ff 100% ) !important; border: 1px solid rgba(196, 181, 253, 0.78) !important; border-radius: 32px !important; box-shadow: 0 22px 55px rgba(112, 72, 216, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -20px 45px rgba(112, 72, 216, 0.08) !important; color: #302258 !important; } /* Soft top shine */ .elementor-2889 .elementor-element.elementor-element-d7dd599::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: -45% !important; left: -12% !important; width: 75% !important; height: 90% !important; pointer-events: none !important; background: radial-gradient( ellipse, rgba(255, 255, 255, 0.72), transparent 68% ) !important; filter: blur(10px) !important; } /* Bottom purple glow */ .elementor-2889 .elementor-element.elementor-element-d7dd599::after { content: "" !important; position: absolute !important; z-index: 0 !important; right: -100px !important; bottom: -140px !important; width: 390px !important; height: 300px !important; pointer-events: none !important; background: radial-gradient( ellipse, rgba(167, 139, 250, 0.40), transparent 70% ) !important; filter: blur(18px) !important; } /* Keep Elementor content above background */ .elementor-2889 .elementor-element.elementor-element-d7dd599 > .e-con-inner, .elementor-2889 .elementor-element.elementor-element-d7dd599 > .elementor-container, .elementor-2889 .elementor-element.elementor-element-d7dd599 > .elementor-widget-wrap, .elementor-2889 .elementor-element.elementor-element-d7dd599 .elementor-widget { position: relative !important; z-index: 2 !important; } /* Purple headings */ .elementor-2889 .elementor-element.elementor-element-d7dd599 h1, .elementor-2889 .elementor-element.elementor-element-d7dd599 h2, .elementor-2889 .elementor-element.elementor-element-d7dd599 h3, .elementor-2889 .elementor-element.elementor-element-d7dd599 h4 { color: #302258 !important; } /* Soft purple paragraph text */ .elementor-2889 .elementor-element.elementor-element-d7dd599 p { color: #655b78 !important; } /* Links */ .elementor-2889 .elementor-element.elementor-element-d7dd599 a { color: #7048d8 !important; } /* Responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-d7dd599 { min-height: auto !important; padding: 30px 20px !important; border-radius: 24px !important; } } @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-d7dd599 { padding: 25px 16px !important; border-radius: 20px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ddc0894 *//* ===================================== CENTERED THICK HEADING LINE ===================================== */ .elementor-2889 .elementor-element.elementor-element-ddc0894 { position: relative !important; overflow: visible !important; } .elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title { position: relative !important; display: block !important; margin: 0 !important; padding-bottom: 20px !important; text-align: center !important; } /* Thick centered line */ .elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 285px !important; height: 7px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(104, 64, 190, 0.12) 0%, #7043ca 18%, #895cdd 50%, #7043ca 82%, rgba(104, 64, 190, 0.12) 100% ) !important; clip-path: polygon( 0 42%, 100% 0, 100% 64%, 0 100% ) !important; transform: translateX(-50%) rotate(-1deg) !important; transform-origin: center !important; box-shadow: 0 4px 12px rgba(105, 64, 194, 0.32) !important; pointer-events: none !important; } /* Bright center shine */ .elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 95px !important; height: 2px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; transform: translateX(-50%) rotate(-1deg) !important; pointer-events: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title::after { width: 245px !important; height: 6px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title { padding-bottom: 15px !important; } .elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title::after { width: 180px !important; height: 5px !important; } .elementor-2889 .elementor-element.elementor-element-ddc0894 .elementor-heading-title::before { width: 60px !important; height: 2px !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-a26da7a *//* ========================================= PREMIUM WHITE + PURPLE GLASS IMAGE BOX ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-a26da7a, .elementor-2889 .elementor-element.elementor-element-a26da7a * { box-sizing: border-box !important; } /* Main box */ .elementor-2889 .elementor-element.elementor-element-a26da7a { --purple: #7048d8; --purple-dark: #5132a9; --purple-light: #a78bfa; --border: #ded2ff; --text: #302650; --muted: #6b5a8f; position: relative !important; isolation: isolate !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 8px !important; overflow: hidden !important; background: radial-gradient( circle at 12% 8%, rgba(167, 139, 250, 0.22), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #faf8ff 48%, #eee7ff 100% ) !important; border: 1px solid var(--border) !important; border-radius: 24px !important; box-shadow: 0 18px 40px rgba(112, 72, 216, 0.18), 0 5px 14px rgba(112, 72, 216, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; } /* Animated purple glow */ .elementor-2889 .elementor-element.elementor-element-a26da7a::before { content: "" !important; position: absolute !important; z-index: 0 !important; inset: -40% !important; pointer-events: none !important; background: radial-gradient( circle at 15% 18%, rgba(167, 139, 250, 0.35), transparent 28% ), radial-gradient( circle at 88% 85%, rgba(112, 72, 216, 0.25), transparent 32% ) !important; opacity: 0.9 !important; animation: nxPurpleGlow 8s ease-in-out infinite alternate !important; } /* Elementor image container */ .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container { position: relative !important; z-index: 1 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 18px !important; line-height: 0 !important; } /* Image links and wrappers */ .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container picture { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 18px !important; line-height: 0 !important; } /* Main image */ .elementor-2889 .elementor-element.elementor-element-a26da7a img { position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 3 / 2 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; border-radius: 18px !important; filter: saturate(1.05) contrast(1.02) brightness(1.01) !important; transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s ease !important; } /* Soft image shine */ .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container::after { content: "" !important; position: absolute !important; z-index: 3 !important; inset: 0 !important; pointer-events: none !important; background: linear-gradient( 125deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.08) 22%, transparent 48%, transparent 72%, rgba(112, 72, 216, 0.16) 100% ) !important; border-radius: 18px !important; } /* Optional image title/text */ .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-content, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-image-caption { position: relative !important; z-index: 5 !important; padding: 14px 8px 4px !important; color: var(--muted) !important; text-align: center !important; line-height: 1.5 !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-title { margin: 0 0 6px !important; color: var(--text) !important; font-size: clamp(18px, 2vw, 24px) !important; font-weight: 800 !important; line-height: 1.2 !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-description, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-image-caption { margin: 0 !important; color: var(--muted) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.55 !important; } /* Desktop hover */ @media (hover: hover) and (pointer: fine) { .elementor-2889 .elementor-element.elementor-element-a26da7a:hover { transform: translateY(-7px) !important; border-color: var(--purple-light) !important; box-shadow: 0 28px 58px rgba(112, 72, 216, 0.26), 0 0 0 4px rgba(167, 139, 250, 0.14), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a:hover img { transform: scale(1.06) !important; filter: saturate(1.14) contrast(1.04) brightness(1.03) !important; } } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-a26da7a { padding: 7px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container picture, .elementor-2889 .elementor-element.elementor-element-a26da7a img, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container::after { border-radius: 16px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-a26da7a { padding: 6px !important; border-radius: 19px !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container picture, .elementor-2889 .elementor-element.elementor-element-a26da7a img, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container::after { border-radius: 14px !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a img { aspect-ratio: 1.45 / 1 !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-content, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-image-caption { padding: 12px 6px 3px !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-title { font-size: 18px !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-image-box-description, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-image-caption { font-size: 13px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-a26da7a { padding: 5px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container picture, .elementor-2889 .elementor-element.elementor-element-a26da7a img, .elementor-2889 .elementor-element.elementor-element-a26da7a .elementor-widget-container::after { border-radius: 12px !important; } .elementor-2889 .elementor-element.elementor-element-a26da7a img { aspect-ratio: 1.35 / 1 !important; } } /* Glow animation */ @keyframes nxPurpleGlow { 0% { transform: translate3d(-3%, -3%, 0) scale(1); } 100% { transform: translate3d(4%, 4%, 0) scale(1.1); } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-a26da7a, .elementor-2889 .elementor-element.elementor-element-a26da7a::before, .elementor-2889 .elementor-element.elementor-element-a26da7a img { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-dba3f92 *//* ========================================= PREMIUM WHITE-PURPLE POPUP ICON LIST ========================================= */ .elementor-2889 .elementor-element.elementor-element-dba3f92, .elementor-2889 .elementor-element.elementor-element-dba3f92 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 { --popup-white: #ffffff; --popup-lavender: #f7f3ff; --card-white: #ffffff; --card-lavender: #faf7ff; --border: #e2d7ff; --purple: #7048d8; --purple-light: #a78bfa; --text: #302650; position: relative !important; isolation: isolate !important; overflow: hidden !important; display: block !important; width: 100% !important; max-width: 100% !important; padding: 13px !important; background: linear-gradient( 135deg, #ffffff 0%, #fbf9ff 52%, #f3edff 100% ) !important; border: 1px solid var(--border) !important; border-radius: 20px !important; box-shadow: 0 20px 45px rgba(112, 72, 216, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(18px) saturate(140%) !important; -webkit-backdrop-filter: blur(18px) saturate(140%) !important; } /* Soft lavender glow */ .elementor-2889 .elementor-element.elementor-element-dba3f92::before { content: "" !important; position: absolute !important; z-index: -1 !important; inset: 0 !important; pointer-events: none !important; background: radial-gradient( circle at 100% 0%, rgba(167, 139, 250, 0.22), transparent 36% ), radial-gradient( circle at 0% 100%, rgba(196, 181, 253, 0.18), transparent 40% ) !important; } /* Icon list wrapper */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-items { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* White card */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 55px !important; margin: 0 !important; padding: 0 16px !important; gap: 12px !important; background: linear-gradient( 135deg, var(--card-white), var(--card-lavender) ) !important; border: 1px solid var(--border) !important; border-radius: 16px !important; box-shadow: 0 5px 15px rgba(112, 72, 216, 0.08), inset 0 1px 0 #ffffff !important; transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Link compatibility */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item > a { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 55px !important; color: inherit !important; text-decoration: none !important; } /* Purple cross icon */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 16px !important; width: 16px !important; min-width: 16px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; color: var(--purple) !important; font-size: 0 !important; line-height: 1 !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-icon::before { content: "×" !important; display: block !important; color: var(--purple) !important; font-family: Arial, sans-serif !important; font-size: 27px !important; font-weight: 400 !important; line-height: 20px !important; text-shadow: 0 3px 8px rgba(112, 72, 216, 0.18) !important; } /* Hide original Elementor icon */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-icon svg { display: none !important; } /* Dark purple text */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-text { flex: 1 1 auto !important; min-width: 0 !important; display: block !important; color: var(--text) !important; font-family: inherit !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.1px !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important; } /* Hover */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item:hover, .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item:focus-within { transform: translateY(-3px) !important; background: linear-gradient( 135deg, #ffffff, #f2ecff ) !important; border-color: var(--purple) !important; box-shadow: 0 10px 25px rgba(112, 72, 216, 0.18), 0 0 0 3px rgba(167, 139, 250, 0.12), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item:hover .elementor-icon-list-icon::before { color: #5b3cc4 !important; transform: scale(1.1) !important; } /* Optional active item */ .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item.is-active { border-color: var(--purple) !important; box-shadow: 0 10px 25px rgba(112, 72, 216, 0.18), 0 0 0 3px rgba(167, 139, 250, 0.12) !important; } /* Tablet and mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-dba3f92 { padding: 10px !important; border-radius: 17px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-items { gap: 10px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item { min-height: 53px !important; padding: 0 13px !important; border-radius: 14px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item > a { min-height: 53px !important; gap: 10px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-text { font-size: 15px !important; line-height: 1.35 !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-dba3f92 { padding: 8px !important; border-radius: 15px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item { min-height: 51px !important; padding: 0 11px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item > a { min-height: 51px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-text { font-size: 14px !important; } .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-icon::before { font-size: 24px !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-dba3f92 .elementor-icon-list-item { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e45656d *//* ========================================= PREMIUM WHITE + PURPLE GLASS IMAGE BOX ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-e45656d, .elementor-2889 .elementor-element.elementor-element-e45656d * { box-sizing: border-box !important; } /* Main box */ .elementor-2889 .elementor-element.elementor-element-e45656d { --purple: #7048d8; --purple-dark: #5132a9; --purple-light: #a78bfa; --border: #ded2ff; --text: #302650; --muted: #6b5a8f; position: relative !important; isolation: isolate !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 8px !important; overflow: hidden !important; background: radial-gradient( circle at 12% 8%, rgba(167, 139, 250, 0.22), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #faf8ff 48%, #eee7ff 100% ) !important; border: 1px solid var(--border) !important; border-radius: 24px !important; box-shadow: 0 18px 40px rgba(112, 72, 216, 0.18), 0 5px 14px rgba(112, 72, 216, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; } /* Animated purple glow */ .elementor-2889 .elementor-element.elementor-element-e45656d::before { content: "" !important; position: absolute !important; z-index: 0 !important; inset: -40% !important; pointer-events: none !important; background: radial-gradient( circle at 15% 18%, rgba(167, 139, 250, 0.35), transparent 28% ), radial-gradient( circle at 88% 85%, rgba(112, 72, 216, 0.25), transparent 32% ) !important; opacity: 0.9 !important; animation: nxPurpleGlow 8s ease-in-out infinite alternate !important; } /* Elementor image container */ .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container { position: relative !important; z-index: 1 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 18px !important; line-height: 0 !important; } /* Image links and wrappers */ .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container picture { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 18px !important; line-height: 0 !important; } /* Main image */ .elementor-2889 .elementor-element.elementor-element-e45656d img { position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 3 / 2 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; border-radius: 18px !important; filter: saturate(1.05) contrast(1.02) brightness(1.01) !important; transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s ease !important; } /* Soft image shine */ .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container::after { content: "" !important; position: absolute !important; z-index: 3 !important; inset: 0 !important; pointer-events: none !important; background: linear-gradient( 125deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.08) 22%, transparent 48%, transparent 72%, rgba(112, 72, 216, 0.16) 100% ) !important; border-radius: 18px !important; } /* Optional image title/text */ .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-content, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-image-caption { position: relative !important; z-index: 5 !important; padding: 14px 8px 4px !important; color: var(--muted) !important; text-align: center !important; line-height: 1.5 !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-title { margin: 0 0 6px !important; color: var(--text) !important; font-size: clamp(18px, 2vw, 24px) !important; font-weight: 800 !important; line-height: 1.2 !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-description, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-image-caption { margin: 0 !important; color: var(--muted) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.55 !important; } /* Desktop hover */ @media (hover: hover) and (pointer: fine) { .elementor-2889 .elementor-element.elementor-element-e45656d:hover { transform: translateY(-7px) !important; border-color: var(--purple-light) !important; box-shadow: 0 28px 58px rgba(112, 72, 216, 0.26), 0 0 0 4px rgba(167, 139, 250, 0.14), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } .elementor-2889 .elementor-element.elementor-element-e45656d:hover img { transform: scale(1.06) !important; filter: saturate(1.14) contrast(1.04) brightness(1.03) !important; } } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-e45656d { padding: 7px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container picture, .elementor-2889 .elementor-element.elementor-element-e45656d img, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container::after { border-radius: 16px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-e45656d { padding: 6px !important; border-radius: 19px !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container picture, .elementor-2889 .elementor-element.elementor-element-e45656d img, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container::after { border-radius: 14px !important; } .elementor-2889 .elementor-element.elementor-element-e45656d img { aspect-ratio: 1.45 / 1 !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-content, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-image-caption { padding: 12px 6px 3px !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-title { font-size: 18px !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-image-box-description, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-image-caption { font-size: 13px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-e45656d { padding: 5px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container > figure, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container figure > a, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container picture, .elementor-2889 .elementor-element.elementor-element-e45656d img, .elementor-2889 .elementor-element.elementor-element-e45656d .elementor-widget-container::after { border-radius: 12px !important; } .elementor-2889 .elementor-element.elementor-element-e45656d img { aspect-ratio: 1.35 / 1 !important; } } /* Glow animation */ @keyframes nxPurpleGlow { 0% { transform: translate3d(-3%, -3%, 0) scale(1); } 100% { transform: translate3d(4%, 4%, 0) scale(1.1); } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-e45656d, .elementor-2889 .elementor-element.elementor-element-e45656d::before, .elementor-2889 .elementor-element.elementor-element-e45656d img { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-9a7842e *//* ========================================= PREMIUM WHITE-PURPLE POPUP ICON LIST CROSS REMOVED — CHECK ICON ENABLED ========================================= */ .elementor-2889 .elementor-element.elementor-element-9a7842e, .elementor-2889 .elementor-element.elementor-element-9a7842e * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e { --border: #e2d7ff; --purple: #7048d8; --text: #302650; position: relative !important; isolation: isolate !important; overflow: hidden !important; display: block !important; width: 100% !important; max-width: 100% !important; padding: 13px !important; background: linear-gradient( 135deg, #ffffff 0%, #fbf9ff 52%, #f3edff 100% ) !important; border: 1px solid var(--border) !important; border-radius: 20px !important; box-shadow: 0 20px 45px rgba(112, 72, 216, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(18px) saturate(140%) !important; -webkit-backdrop-filter: blur(18px) saturate(140%) !important; } /* Soft lavender glow */ .elementor-2889 .elementor-element.elementor-element-9a7842e::before { content: "" !important; position: absolute !important; z-index: -1 !important; inset: 0 !important; pointer-events: none !important; background: radial-gradient( circle at 100% 0%, rgba(167, 139, 250, 0.22), transparent 36% ), radial-gradient( circle at 0% 100%, rgba(196, 181, 253, 0.18), transparent 40% ) !important; } /* Icon list wrapper */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-items { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* White card */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 55px !important; margin: 0 !important; padding: 0 16px !important; gap: 12px !important; background: linear-gradient( 135deg, #ffffff, #faf7ff ) !important; border: 1px solid var(--border) !important; border-radius: 16px !important; box-shadow: 0 5px 15px rgba(112, 72, 216, 0.08), inset 0 1px 0 #ffffff !important; transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Link compatibility */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item > a { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 55px !important; color: inherit !important; text-decoration: none !important; } /* Elementor check icon */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 20px !important; width: 20px !important; min-width: 20px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; color: var(--purple) !important; font-size: 18px !important; line-height: 1 !important; } /* Remove custom cross */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon::before { content: none !important; display: none !important; } /* Show selected Elementor icon */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon i { display: inline-block !important; color: var(--purple) !important; font-size: 18px !important; line-height: 1 !important; font-style: normal !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon svg { display: block !important; width: 18px !important; height: 18px !important; color: var(--purple) !important; fill: currentColor !important; stroke: currentColor !important; } /* Text */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-text { flex: 1 1 auto !important; min-width: 0 !important; display: block !important; color: var(--text) !important; font-family: inherit !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.1px !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important; } /* Hover */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item:hover, .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item:focus-within { transform: translateY(-3px) !important; background: linear-gradient( 135deg, #ffffff, #f2ecff ) !important; border-color: var(--purple) !important; box-shadow: 0 10px 25px rgba(112, 72, 216, 0.18), 0 0 0 3px rgba(167, 139, 250, 0.12), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #5b3cc4 !important; transform: scale(1.12) !important; } /* Active item */ .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item.is-active { border-color: var(--purple) !important; box-shadow: 0 10px 25px rgba(112, 72, 216, 0.18), 0 0 0 3px rgba(167, 139, 250, 0.12) !important; } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-9a7842e { padding: 10px !important; border-radius: 17px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-items { gap: 10px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item { min-height: 53px !important; padding: 0 13px !important; border-radius: 14px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item > a { min-height: 53px !important; gap: 10px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-text { font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon { flex-basis: 18px !important; width: 18px !important; min-width: 18px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon svg { font-size: 16px !important; width: 16px !important; height: 16px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-9a7842e { padding: 8px !important; border-radius: 15px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item { min-height: 51px !important; padding: 0 11px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item > a { min-height: 51px !important; } .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-text { font-size: 14px !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-item, .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-9a7842e .elementor-icon-list-icon svg { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153e35f *//* ========================================= PREMIUM LAVENDER-PURPLE SECTION BACKGROUND Elementor Pro Container CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-153e35f, .elementor-2889 .elementor-element.elementor-element-153e35f * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-153e35f { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 260px !important; padding: clamp(32px, 5vw, 58px) clamp(14px, 3vw, 36px) !important; background: radial-gradient( circle at 8% 12%, rgba(255, 255, 255, 0.42), transparent 28% ), radial-gradient( circle at 95% 18%, rgba(83, 69, 181, 0.28), transparent 34% ), radial-gradient( circle at 76% 100%, rgba(255, 255, 255, 0.13), transparent 30% ), linear-gradient( 135deg, #d9d5ff 0%, #b5afe9 46%, #7569bd 100% ) !important; border: 0 !important; border-radius: 0 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -35px 70px rgba(71, 58, 151, 0.12) !important; } /* Soft moving glass shine */ .elementor-2889 .elementor-element.elementor-element-153e35f::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: -40% !important; left: -65% !important; width: 45% !important; height: 180% !important; pointer-events: none !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.22) 48%, transparent 100% ) !important; transform: rotate(14deg) translateX(0) !important; animation: lavenderBackgroundShine 9s ease-in-out infinite !important; } /* Bottom-right soft glow */ .elementor-2889 .elementor-element.elementor-element-153e35f::after { content: "" !important; position: absolute !important; z-index: 0 !important; right: -100px !important; bottom: -130px !important; width: 360px !important; height: 260px !important; pointer-events: none !important; background: radial-gradient( ellipse, rgba(255, 255, 255, 0.18), transparent 70% ) !important; filter: blur(8px) !important; animation: lavenderBackgroundGlow 7s ease-in-out infinite !important; } /* Keep content above background effects */ .elementor-2889 .elementor-element.elementor-element-153e35f > .e-con-inner, .elementor-2889 .elementor-element.elementor-element-153e35f > .elementor-container, .elementor-2889 .elementor-element.elementor-element-153e35f > .elementor-widget-wrap { position: relative !important; z-index: 2 !important; } /* Responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-153e35f { min-height: 220px !important; padding: 30px 16px !important; } } @media (max-width: 480px) { .elementor-2889 .elementor-element.elementor-element-153e35f { min-height: 190px !important; padding: 26px 14px !important; } } /* Animations */ @keyframes lavenderBackgroundShine { 0%, 20% { transform: rotate(14deg) translateX(-180%); } 70%, 100% { transform: rotate(14deg) translateX(520%); } } @keyframes lavenderBackgroundGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.7; } 50% { transform: translate(-20px, -18px) scale(1.1); opacity: 1; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-153e35f::before, .elementor-2889 .elementor-element.elementor-element-153e35f::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b21b8c *//* ===================================== CENTERED THICK HEADING LINE ===================================== */ .elementor-2889 .elementor-element.elementor-element-2b21b8c { position: relative !important; overflow: visible !important; } .elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title { position: relative !important; display: block !important; margin: 0 !important; padding-bottom: 20px !important; text-align: center !important; } /* Thick centered line */ .elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 285px !important; height: 7px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(104, 64, 190, 0.12) 0%, #7043ca 18%, #895cdd 50%, #7043ca 82%, rgba(104, 64, 190, 0.12) 100% ) !important; clip-path: polygon( 0 42%, 100% 0, 100% 64%, 0 100% ) !important; transform: translateX(-50%) rotate(-1deg) !important; transform-origin: center !important; box-shadow: 0 4px 12px rgba(105, 64, 194, 0.32) !important; pointer-events: none !important; } /* Bright center shine */ .elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 95px !important; height: 2px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; transform: translateX(-50%) rotate(-1deg) !important; pointer-events: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title::after { width: 245px !important; height: 6px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title { padding-bottom: 15px !important; } .elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title::after { width: 180px !important; height: 5px !important; } .elementor-2889 .elementor-element.elementor-element-2b21b8c .elementor-heading-title::before { width: 60px !important; height: 2px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8371ded *//* PREMIUM LAVENDER GLASS ICON BOX */ .elementor-2889 .elementor-element.elementor-element-8371ded, .elementor-2889 .elementor-element.elementor-element-8371ded * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-8371ded { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 145px !important; padding: 22px !important; border: 1px solid rgba(155, 126, 235, 0.32) !important; border-radius: 24px !important; background: radial-gradient( circle at 0% 0%, rgba(210, 197, 255, 0.42), transparent 38% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.96), rgba(247, 244, 255, 0.9), rgba(231, 224, 255, 0.82) ) !important; box-shadow: 0 14px 32px rgba(119, 83, 220, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(132, 98, 214, 0.1) !important; backdrop-filter: blur(22px) saturate(160%) !important; -webkit-backdrop-filter: blur(22px) saturate(160%) !important; transition: all 0.35s ease !important; } /* Soft decorative glow */ .elementor-2889 .elementor-element.elementor-element-8371ded::before { content: "" !important; position: absolute !important; top: -70px !important; right: -65px !important; width: 170px !important; height: 170px !important; border-radius: 50% !important; background: rgba(185, 158, 255, 0.24) !important; filter: blur(18px) !important; pointer-events: none !important; } /* Moving shine */ .elementor-2889 .elementor-element.elementor-element-8371ded::after { content: "" !important; position: absolute !important; top: -70% !important; left: -80% !important; width: 30% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ) !important; transform: rotate(22deg) !important; pointer-events: none !important; animation: iconBoxShine 6s ease-in-out infinite !important; } /* Main layout */ .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; width: 100% !important; margin: 0 !important; } /* Icon area */ .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon { flex: 0 0 60px !important; width: 60px !important; margin: 0 !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655dc !important; border: 1px solid rgba(155, 126, 235, 0.4) !important; border-radius: 19px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98), rgba(224, 215, 255, 0.9) ) !important; box-shadow: 0 9px 20px rgba(119, 83, 220, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1) !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon svg { width: 28px !important; height: 28px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon i { font-size: 26px !important; line-height: 1 !important; } /* Text content */ .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-content { flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-title { margin: 0 0 7px !important; color: #39256f !important; font-size: clamp(16px, 1.6vw, 21px) !important; font-weight: 750 !important; line-height: 1.2 !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-title a { color: inherit !important; text-decoration: none !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-description { margin: 0 !important; color: #655b82 !important; font-size: clamp(13px, 1.2vw, 15px) !important; line-height: 1.6 !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-8371ded:hover { transform: translateY(-6px) !important; border-color: rgba(125, 91, 224, 0.58) !important; box-shadow: 0 22px 42px rgba(119, 83, 220, 0.23), 0 0 24px rgba(167, 139, 250, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } .elementor-2889 .elementor-element.elementor-element-8371ded:hover .elementor-icon-box-icon .elementor-icon { transform: rotate(-5deg) scale(1.08) !important; color: #6341ce !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-8371ded { min-height: auto !important; padding: 17px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-wrapper { gap: 12px !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon { flex: 0 0 48px !important; width: 48px !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 15px !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon i { font-size: 21px !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-title { margin-bottom: 5px !important; font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-description { font-size: 12px !important; line-height: 1.5 !important; } } /* Shine animation */ @keyframes iconBoxShine { 0% { left: -80%; } 45%, 100% { left: 135%; } } /* Disable motion if required */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-8371ded, .elementor-2889 .elementor-element.elementor-element-8371ded::after, .elementor-2889 .elementor-element.elementor-element-8371ded .elementor-icon-box-icon .elementor-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d8f27f3 *//* PREMIUM LAVENDER GLASS ICON BOX */ .elementor-2889 .elementor-element.elementor-element-d8f27f3, .elementor-2889 .elementor-element.elementor-element-d8f27f3 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 145px !important; padding: 22px !important; border: 1px solid rgba(155, 126, 235, 0.32) !important; border-radius: 24px !important; background: radial-gradient( circle at 0% 0%, rgba(210, 197, 255, 0.42), transparent 38% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.96), rgba(247, 244, 255, 0.9), rgba(231, 224, 255, 0.82) ) !important; box-shadow: 0 14px 32px rgba(119, 83, 220, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(132, 98, 214, 0.1) !important; backdrop-filter: blur(22px) saturate(160%) !important; -webkit-backdrop-filter: blur(22px) saturate(160%) !important; transition: all 0.35s ease !important; } /* Soft decorative glow */ .elementor-2889 .elementor-element.elementor-element-d8f27f3::before { content: "" !important; position: absolute !important; top: -70px !important; right: -65px !important; width: 170px !important; height: 170px !important; border-radius: 50% !important; background: rgba(185, 158, 255, 0.24) !important; filter: blur(18px) !important; pointer-events: none !important; } /* Moving shine */ .elementor-2889 .elementor-element.elementor-element-d8f27f3::after { content: "" !important; position: absolute !important; top: -70% !important; left: -80% !important; width: 30% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ) !important; transform: rotate(22deg) !important; pointer-events: none !important; animation: iconBoxShine 6s ease-in-out infinite !important; } /* Main layout */ .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; width: 100% !important; margin: 0 !important; } /* Icon area */ .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon { flex: 0 0 60px !important; width: 60px !important; margin: 0 !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655dc !important; border: 1px solid rgba(155, 126, 235, 0.4) !important; border-radius: 19px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98), rgba(224, 215, 255, 0.9) ) !important; box-shadow: 0 9px 20px rgba(119, 83, 220, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1) !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon svg { width: 28px !important; height: 28px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon i { font-size: 26px !important; line-height: 1 !important; } /* Text content */ .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-content { flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-title { margin: 0 0 7px !important; color: #39256f !important; font-size: clamp(16px, 1.6vw, 21px) !important; font-weight: 750 !important; line-height: 1.2 !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-title a { color: inherit !important; text-decoration: none !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-description { margin: 0 !important; color: #655b82 !important; font-size: clamp(13px, 1.2vw, 15px) !important; line-height: 1.6 !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-d8f27f3:hover { transform: translateY(-6px) !important; border-color: rgba(125, 91, 224, 0.58) !important; box-shadow: 0 22px 42px rgba(119, 83, 220, 0.23), 0 0 24px rgba(167, 139, 250, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3:hover .elementor-icon-box-icon .elementor-icon { transform: rotate(-5deg) scale(1.08) !important; color: #6341ce !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-d8f27f3 { min-height: auto !important; padding: 17px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-wrapper { gap: 12px !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon { flex: 0 0 48px !important; width: 48px !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 15px !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon i { font-size: 21px !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-title { margin-bottom: 5px !important; font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-description { font-size: 12px !important; line-height: 1.5 !important; } } /* Shine animation */ @keyframes iconBoxShine { 0% { left: -80%; } 45%, 100% { left: 135%; } } /* Disable motion if required */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-d8f27f3, .elementor-2889 .elementor-element.elementor-element-d8f27f3::after, .elementor-2889 .elementor-element.elementor-element-d8f27f3 .elementor-icon-box-icon .elementor-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ba235da *//* PREMIUM LAVENDER GLASS ICON BOX */ .elementor-2889 .elementor-element.elementor-element-ba235da, .elementor-2889 .elementor-element.elementor-element-ba235da * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-ba235da { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 145px !important; padding: 22px !important; border: 1px solid rgba(155, 126, 235, 0.32) !important; border-radius: 24px !important; background: radial-gradient( circle at 0% 0%, rgba(210, 197, 255, 0.42), transparent 38% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.96), rgba(247, 244, 255, 0.9), rgba(231, 224, 255, 0.82) ) !important; box-shadow: 0 14px 32px rgba(119, 83, 220, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(132, 98, 214, 0.1) !important; backdrop-filter: blur(22px) saturate(160%) !important; -webkit-backdrop-filter: blur(22px) saturate(160%) !important; transition: all 0.35s ease !important; } /* Soft decorative glow */ .elementor-2889 .elementor-element.elementor-element-ba235da::before { content: "" !important; position: absolute !important; top: -70px !important; right: -65px !important; width: 170px !important; height: 170px !important; border-radius: 50% !important; background: rgba(185, 158, 255, 0.24) !important; filter: blur(18px) !important; pointer-events: none !important; } /* Moving shine */ .elementor-2889 .elementor-element.elementor-element-ba235da::after { content: "" !important; position: absolute !important; top: -70% !important; left: -80% !important; width: 30% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ) !important; transform: rotate(22deg) !important; pointer-events: none !important; animation: iconBoxShine 6s ease-in-out infinite !important; } /* Main layout */ .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; width: 100% !important; margin: 0 !important; } /* Icon area */ .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon { flex: 0 0 60px !important; width: 60px !important; margin: 0 !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655dc !important; border: 1px solid rgba(155, 126, 235, 0.4) !important; border-radius: 19px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98), rgba(224, 215, 255, 0.9) ) !important; box-shadow: 0 9px 20px rgba(119, 83, 220, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1) !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon svg { width: 28px !important; height: 28px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon i { font-size: 26px !important; line-height: 1 !important; } /* Text content */ .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-content { flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-title { margin: 0 0 7px !important; color: #39256f !important; font-size: clamp(16px, 1.6vw, 21px) !important; font-weight: 750 !important; line-height: 1.2 !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-title a { color: inherit !important; text-decoration: none !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-description { margin: 0 !important; color: #655b82 !important; font-size: clamp(13px, 1.2vw, 15px) !important; line-height: 1.6 !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-ba235da:hover { transform: translateY(-6px) !important; border-color: rgba(125, 91, 224, 0.58) !important; box-shadow: 0 22px 42px rgba(119, 83, 220, 0.23), 0 0 24px rgba(167, 139, 250, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } .elementor-2889 .elementor-element.elementor-element-ba235da:hover .elementor-icon-box-icon .elementor-icon { transform: rotate(-5deg) scale(1.08) !important; color: #6341ce !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-ba235da { min-height: auto !important; padding: 17px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-wrapper { gap: 12px !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon { flex: 0 0 48px !important; width: 48px !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 15px !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon i { font-size: 21px !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-title { margin-bottom: 5px !important; font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-description { font-size: 12px !important; line-height: 1.5 !important; } } /* Shine animation */ @keyframes iconBoxShine { 0% { left: -80%; } 45%, 100% { left: 135%; } } /* Disable motion if required */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-ba235da, .elementor-2889 .elementor-element.elementor-element-ba235da::after, .elementor-2889 .elementor-element.elementor-element-ba235da .elementor-icon-box-icon .elementor-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9336565 *//* PREMIUM LAVENDER GLASS ICON BOX */ .elementor-2889 .elementor-element.elementor-element-9336565, .elementor-2889 .elementor-element.elementor-element-9336565 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-9336565 { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 145px !important; padding: 22px !important; border: 1px solid rgba(155, 126, 235, 0.32) !important; border-radius: 24px !important; background: radial-gradient( circle at 0% 0%, rgba(210, 197, 255, 0.42), transparent 38% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.96), rgba(247, 244, 255, 0.9), rgba(231, 224, 255, 0.82) ) !important; box-shadow: 0 14px 32px rgba(119, 83, 220, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(132, 98, 214, 0.1) !important; backdrop-filter: blur(22px) saturate(160%) !important; -webkit-backdrop-filter: blur(22px) saturate(160%) !important; transition: all 0.35s ease !important; } /* Soft decorative glow */ .elementor-2889 .elementor-element.elementor-element-9336565::before { content: "" !important; position: absolute !important; top: -70px !important; right: -65px !important; width: 170px !important; height: 170px !important; border-radius: 50% !important; background: rgba(185, 158, 255, 0.24) !important; filter: blur(18px) !important; pointer-events: none !important; } /* Moving shine */ .elementor-2889 .elementor-element.elementor-element-9336565::after { content: "" !important; position: absolute !important; top: -70% !important; left: -80% !important; width: 30% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ) !important; transform: rotate(22deg) !important; pointer-events: none !important; animation: iconBoxShine 6s ease-in-out infinite !important; } /* Main layout */ .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; width: 100% !important; margin: 0 !important; } /* Icon area */ .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon { flex: 0 0 60px !important; width: 60px !important; margin: 0 !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655dc !important; border: 1px solid rgba(155, 126, 235, 0.4) !important; border-radius: 19px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98), rgba(224, 215, 255, 0.9) ) !important; box-shadow: 0 9px 20px rgba(119, 83, 220, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1) !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon svg { width: 28px !important; height: 28px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon i { font-size: 26px !important; line-height: 1 !important; } /* Text content */ .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-content { flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-title { margin: 0 0 7px !important; color: #39256f !important; font-size: clamp(16px, 1.6vw, 21px) !important; font-weight: 750 !important; line-height: 1.2 !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-title a { color: inherit !important; text-decoration: none !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-description { margin: 0 !important; color: #655b82 !important; font-size: clamp(13px, 1.2vw, 15px) !important; line-height: 1.6 !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-9336565:hover { transform: translateY(-6px) !important; border-color: rgba(125, 91, 224, 0.58) !important; box-shadow: 0 22px 42px rgba(119, 83, 220, 0.23), 0 0 24px rgba(167, 139, 250, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } .elementor-2889 .elementor-element.elementor-element-9336565:hover .elementor-icon-box-icon .elementor-icon { transform: rotate(-5deg) scale(1.08) !important; color: #6341ce !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-9336565 { min-height: auto !important; padding: 17px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-wrapper { gap: 12px !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon { flex: 0 0 48px !important; width: 48px !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 15px !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon i { font-size: 21px !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-title { margin-bottom: 5px !important; font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-description { font-size: 12px !important; line-height: 1.5 !important; } } /* Shine animation */ @keyframes iconBoxShine { 0% { left: -80%; } 45%, 100% { left: 135%; } } /* Disable motion if required */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-9336565, .elementor-2889 .elementor-element.elementor-element-9336565::after, .elementor-2889 .elementor-element.elementor-element-9336565 .elementor-icon-box-icon .elementor-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-e724b60 *//* PREMIUM LAVENDER GLASS ICON BOX */ .elementor-2889 .elementor-element.elementor-element-e724b60, .elementor-2889 .elementor-element.elementor-element-e724b60 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 145px !important; padding: 22px !important; border: 1px solid rgba(155, 126, 235, 0.32) !important; border-radius: 24px !important; background: radial-gradient( circle at 0% 0%, rgba(210, 197, 255, 0.42), transparent 38% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.96), rgba(247, 244, 255, 0.9), rgba(231, 224, 255, 0.82) ) !important; box-shadow: 0 14px 32px rgba(119, 83, 220, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(132, 98, 214, 0.1) !important; backdrop-filter: blur(22px) saturate(160%) !important; -webkit-backdrop-filter: blur(22px) saturate(160%) !important; transition: all 0.35s ease !important; } /* Soft decorative glow */ .elementor-2889 .elementor-element.elementor-element-e724b60::before { content: "" !important; position: absolute !important; top: -70px !important; right: -65px !important; width: 170px !important; height: 170px !important; border-radius: 50% !important; background: rgba(185, 158, 255, 0.24) !important; filter: blur(18px) !important; pointer-events: none !important; } /* Moving shine */ .elementor-2889 .elementor-element.elementor-element-e724b60::after { content: "" !important; position: absolute !important; top: -70% !important; left: -80% !important; width: 30% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ) !important; transform: rotate(22deg) !important; pointer-events: none !important; animation: iconBoxShine 6s ease-in-out infinite !important; } /* Main layout */ .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; width: 100% !important; margin: 0 !important; } /* Icon area */ .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon { flex: 0 0 60px !important; width: 60px !important; margin: 0 !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655dc !important; border: 1px solid rgba(155, 126, 235, 0.4) !important; border-radius: 19px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98), rgba(224, 215, 255, 0.9) ) !important; box-shadow: 0 9px 20px rgba(119, 83, 220, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1) !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon svg { width: 28px !important; height: 28px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon i { font-size: 26px !important; line-height: 1 !important; } /* Text content */ .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-content { flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-title { margin: 0 0 7px !important; color: #39256f !important; font-size: clamp(16px, 1.6vw, 21px) !important; font-weight: 750 !important; line-height: 1.2 !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-title a { color: inherit !important; text-decoration: none !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-description { margin: 0 !important; color: #655b82 !important; font-size: clamp(13px, 1.2vw, 15px) !important; line-height: 1.6 !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-e724b60:hover { transform: translateY(-6px) !important; border-color: rgba(125, 91, 224, 0.58) !important; box-shadow: 0 22px 42px rgba(119, 83, 220, 0.23), 0 0 24px rgba(167, 139, 250, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; } .elementor-2889 .elementor-element.elementor-element-e724b60:hover .elementor-icon-box-icon .elementor-icon { transform: rotate(-5deg) scale(1.08) !important; color: #6341ce !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-e724b60 { min-height: auto !important; padding: 17px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-wrapper { gap: 12px !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon { flex: 0 0 48px !important; width: 48px !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 15px !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon i { font-size: 21px !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-title { margin-bottom: 5px !important; font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-description { font-size: 12px !important; line-height: 1.5 !important; } } /* Shine animation */ @keyframes iconBoxShine { 0% { left: -80%; } 45%, 100% { left: 135%; } } /* Disable motion if required */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-e724b60, .elementor-2889 .elementor-element.elementor-element-e724b60::after, .elementor-2889 .elementor-element.elementor-element-e724b60 .elementor-icon-box-icon .elementor-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-aaa2734 *//* ===================================== CENTERED THICK HEADING LINE ===================================== */ .elementor-2889 .elementor-element.elementor-element-aaa2734 { position: relative !important; overflow: visible !important; } .elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title { position: relative !important; display: block !important; margin: 0 !important; padding-bottom: 20px !important; text-align: center !important; } /* Thick centered line */ .elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 285px !important; height: 7px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(104, 64, 190, 0.12) 0%, #7043ca 18%, #895cdd 50%, #7043ca 82%, rgba(104, 64, 190, 0.12) 100% ) !important; clip-path: polygon( 0 42%, 100% 0, 100% 64%, 0 100% ) !important; transform: translateX(-50%) rotate(-1deg) !important; transform-origin: center !important; box-shadow: 0 4px 12px rgba(105, 64, 194, 0.32) !important; pointer-events: none !important; } /* Bright center shine */ .elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 95px !important; height: 2px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; transform: translateX(-50%) rotate(-1deg) !important; pointer-events: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title::after { width: 245px !important; height: 6px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title { padding-bottom: 15px !important; } .elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title::after { width: 180px !important; height: 5px !important; } .elementor-2889 .elementor-element.elementor-element-aaa2734 .elementor-heading-title::before { width: 60px !important; height: 2px !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b1866d3 *//* ========================================= PREMIUM WHITE-PURPLE IMAGE BOX Apply on Elementor Image Box widget ========================================= */ .elementor-2889 .elementor-element.elementor-element-b1866d3, .elementor-2889 .elementor-element.elementor-element-b1866d3 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 { width: 100% !important; max-width: 100% !important; overflow: visible !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-wrapper { position: relative !important; overflow: hidden !important; width: 100% !important; background: linear-gradient( 180deg, #ffffff 0%, #f4efff 56%, #dcd4ff 100% ) !important; border: 1px solid rgba(112, 72, 216, 0.38) !important; border-radius: 18px !important; box-shadow: 0 12px 28px rgba(112, 72, 216, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* Image area */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; overflow: hidden !important; line-height: 0 !important; } /* Image */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img img { display: block !important; width: 100% !important; height: auto !important; min-height: 190px !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; border-radius: 16px 16px 0 0 !important; filter: saturate(1.04) contrast(1.02) brightness(1.02) !important; transition: transform 0.5s ease, filter 0.5s ease !important; } /* Image shine */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img::after { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; left: -120% !important; width: 55% !important; height: 100% !important; pointer-events: none !important; background: linear-gradient( 110deg, transparent, rgba(255, 255, 255, 0.42), transparent ) !important; transform: skewX(-20deg) !important; transition: left 0.8s ease !important; } /* Content area */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-content { position: relative !important; z-index: 3 !important; display: block !important; width: 100% !important; padding: 20px 16px 22px !important; background: linear-gradient( 180deg, rgba(239, 234, 255, 0.96), rgba(218, 210, 255, 0.98) ) !important; text-align: center !important; } /* Heading */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-title { margin: 0 !important; padding: 0 !important; color: #35216d !important; font-size: clamp(18px, 2.1vw, 22px) !important; font-weight: 750 !important; line-height: 1.22 !important; letter-spacing: -0.35px !important; text-align: center !important; } /* Heading link */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-title a { color: #35216d !important; text-decoration: none !important; } /* Description if used */ .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-description { margin: 10px 0 0 !important; color: #66568a !important; font-size: 15px !important; line-height: 1.45 !important; text-align: center !important; } /* Hover */ @media (hover: hover) { .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-wrapper:hover { transform: translateY(-6px) !important; border-color: #7048d8 !important; box-shadow: 0 20px 40px rgba(112, 72, 216, 0.24), 0 0 0 4px rgba(167, 139, 250, 0.12), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1.045) !important; filter: saturate(1.12) contrast(1.04) brightness(1.04) !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-wrapper:hover .elementor-image-box-img::after { left: 130% !important; } } /* Tablet */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-wrapper { border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img img { min-height: 170px !important; border-radius: 14px 14px 0 0 !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-content { padding: 17px 14px 19px !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-title { font-size: 18px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img img { min-height: 150px !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-content { padding: 15px 12px 17px !important; } .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-title { font-size: 17px !important; line-height: 1.25 !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-wrapper, .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img img, .elementor-2889 .elementor-element.elementor-element-b1866d3 .elementor-image-box-img::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-f6ac3fc *//* ========================================= PREMIUM WHITE-PURPLE IMAGE BOX Apply on Elementor Image Box widget ========================================= */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc, .elementor-2889 .elementor-element.elementor-element-f6ac3fc * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc { width: 100% !important; max-width: 100% !important; overflow: visible !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-wrapper { position: relative !important; overflow: hidden !important; width: 100% !important; background: linear-gradient( 180deg, #ffffff 0%, #f4efff 56%, #dcd4ff 100% ) !important; border: 1px solid rgba(112, 72, 216, 0.38) !important; border-radius: 18px !important; box-shadow: 0 12px 28px rgba(112, 72, 216, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* Image area */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; overflow: hidden !important; line-height: 0 !important; } /* Image */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img img { display: block !important; width: 100% !important; height: auto !important; min-height: 190px !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; border-radius: 16px 16px 0 0 !important; filter: saturate(1.04) contrast(1.02) brightness(1.02) !important; transition: transform 0.5s ease, filter 0.5s ease !important; } /* Image shine */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img::after { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; left: -120% !important; width: 55% !important; height: 100% !important; pointer-events: none !important; background: linear-gradient( 110deg, transparent, rgba(255, 255, 255, 0.42), transparent ) !important; transform: skewX(-20deg) !important; transition: left 0.8s ease !important; } /* Content area */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-content { position: relative !important; z-index: 3 !important; display: block !important; width: 100% !important; padding: 20px 16px 22px !important; background: linear-gradient( 180deg, rgba(239, 234, 255, 0.96), rgba(218, 210, 255, 0.98) ) !important; text-align: center !important; } /* Heading */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-title { margin: 0 !important; padding: 0 !important; color: #35216d !important; font-size: clamp(18px, 2.1vw, 22px) !important; font-weight: 750 !important; line-height: 1.22 !important; letter-spacing: -0.35px !important; text-align: center !important; } /* Heading link */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-title a { color: #35216d !important; text-decoration: none !important; } /* Description if used */ .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-description { margin: 10px 0 0 !important; color: #66568a !important; font-size: 15px !important; line-height: 1.45 !important; text-align: center !important; } /* Hover */ @media (hover: hover) { .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-wrapper:hover { transform: translateY(-6px) !important; border-color: #7048d8 !important; box-shadow: 0 20px 40px rgba(112, 72, 216, 0.24), 0 0 0 4px rgba(167, 139, 250, 0.12), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1.045) !important; filter: saturate(1.12) contrast(1.04) brightness(1.04) !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-wrapper:hover .elementor-image-box-img::after { left: 130% !important; } } /* Tablet */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-wrapper { border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img img { min-height: 170px !important; border-radius: 14px 14px 0 0 !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-content { padding: 17px 14px 19px !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-title { font-size: 18px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img img { min-height: 150px !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-content { padding: 15px 12px 17px !important; } .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-title { font-size: 17px !important; line-height: 1.25 !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-wrapper, .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img img, .elementor-2889 .elementor-element.elementor-element-f6ac3fc .elementor-image-box-img::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-127a414 *//* ========================================= PREMIUM WHITE-PURPLE IMAGE BOX Apply on Elementor Image Box widget ========================================= */ .elementor-2889 .elementor-element.elementor-element-127a414, .elementor-2889 .elementor-element.elementor-element-127a414 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-127a414 { width: 100% !important; max-width: 100% !important; overflow: visible !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-wrapper { position: relative !important; overflow: hidden !important; width: 100% !important; background: linear-gradient( 180deg, #ffffff 0%, #f4efff 56%, #dcd4ff 100% ) !important; border: 1px solid rgba(112, 72, 216, 0.38) !important; border-radius: 18px !important; box-shadow: 0 12px 28px rgba(112, 72, 216, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* Image area */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; overflow: hidden !important; line-height: 0 !important; } /* Image */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img img { display: block !important; width: 100% !important; height: auto !important; min-height: 190px !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; border-radius: 16px 16px 0 0 !important; filter: saturate(1.04) contrast(1.02) brightness(1.02) !important; transition: transform 0.5s ease, filter 0.5s ease !important; } /* Image shine */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img::after { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; left: -120% !important; width: 55% !important; height: 100% !important; pointer-events: none !important; background: linear-gradient( 110deg, transparent, rgba(255, 255, 255, 0.42), transparent ) !important; transform: skewX(-20deg) !important; transition: left 0.8s ease !important; } /* Content area */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-content { position: relative !important; z-index: 3 !important; display: block !important; width: 100% !important; padding: 20px 16px 22px !important; background: linear-gradient( 180deg, rgba(239, 234, 255, 0.96), rgba(218, 210, 255, 0.98) ) !important; text-align: center !important; } /* Heading */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-title { margin: 0 !important; padding: 0 !important; color: #35216d !important; font-size: clamp(18px, 2.1vw, 22px) !important; font-weight: 750 !important; line-height: 1.22 !important; letter-spacing: -0.35px !important; text-align: center !important; } /* Heading link */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-title a { color: #35216d !important; text-decoration: none !important; } /* Description if used */ .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-description { margin: 10px 0 0 !important; color: #66568a !important; font-size: 15px !important; line-height: 1.45 !important; text-align: center !important; } /* Hover */ @media (hover: hover) { .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-wrapper:hover { transform: translateY(-6px) !important; border-color: #7048d8 !important; box-shadow: 0 20px 40px rgba(112, 72, 216, 0.24), 0 0 0 4px rgba(167, 139, 250, 0.12), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1.045) !important; filter: saturate(1.12) contrast(1.04) brightness(1.04) !important; } .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-wrapper:hover .elementor-image-box-img::after { left: 130% !important; } } /* Tablet */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-wrapper { border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img img { min-height: 170px !important; border-radius: 14px 14px 0 0 !important; } .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-content { padding: 17px 14px 19px !important; } .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-title { font-size: 18px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img img { min-height: 150px !important; } .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-content { padding: 15px 12px 17px !important; } .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-title { font-size: 17px !important; line-height: 1.25 !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-wrapper, .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img img, .elementor-2889 .elementor-element.elementor-element-127a414 .elementor-image-box-img::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2b1e00b *//* ========================================= PREMIUM WHITE-PURPLE IMAGE BOX Apply on Elementor Image Box widget ========================================= */ .elementor-2889 .elementor-element.elementor-element-2b1e00b, .elementor-2889 .elementor-element.elementor-element-2b1e00b * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b { width: 100% !important; max-width: 100% !important; overflow: visible !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-wrapper { position: relative !important; overflow: hidden !important; width: 100% !important; background: linear-gradient( 180deg, #ffffff 0%, #f4efff 56%, #dcd4ff 100% ) !important; border: 1px solid rgba(112, 72, 216, 0.38) !important; border-radius: 18px !important; box-shadow: 0 12px 28px rgba(112, 72, 216, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* Image area */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; overflow: hidden !important; line-height: 0 !important; } /* Image */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img img { display: block !important; width: 100% !important; height: auto !important; min-height: 190px !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; border-radius: 16px 16px 0 0 !important; filter: saturate(1.04) contrast(1.02) brightness(1.02) !important; transition: transform 0.5s ease, filter 0.5s ease !important; } /* Image shine */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img::after { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; left: -120% !important; width: 55% !important; height: 100% !important; pointer-events: none !important; background: linear-gradient( 110deg, transparent, rgba(255, 255, 255, 0.42), transparent ) !important; transform: skewX(-20deg) !important; transition: left 0.8s ease !important; } /* Content area */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-content { position: relative !important; z-index: 3 !important; display: block !important; width: 100% !important; padding: 20px 16px 22px !important; background: linear-gradient( 180deg, rgba(239, 234, 255, 0.96), rgba(218, 210, 255, 0.98) ) !important; text-align: center !important; } /* Heading */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-title { margin: 0 !important; padding: 0 !important; color: #35216d !important; font-size: clamp(18px, 2.1vw, 22px) !important; font-weight: 750 !important; line-height: 1.22 !important; letter-spacing: -0.35px !important; text-align: center !important; } /* Heading link */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-title a { color: #35216d !important; text-decoration: none !important; } /* Description if used */ .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-description { margin: 10px 0 0 !important; color: #66568a !important; font-size: 15px !important; line-height: 1.45 !important; text-align: center !important; } /* Hover */ @media (hover: hover) { .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-wrapper:hover { transform: translateY(-6px) !important; border-color: #7048d8 !important; box-shadow: 0 20px 40px rgba(112, 72, 216, 0.24), 0 0 0 4px rgba(167, 139, 250, 0.12), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1.045) !important; filter: saturate(1.12) contrast(1.04) brightness(1.04) !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-wrapper:hover .elementor-image-box-img::after { left: 130% !important; } } /* Tablet */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-wrapper { border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img img { min-height: 170px !important; border-radius: 14px 14px 0 0 !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-content { padding: 17px 14px 19px !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-title { font-size: 18px !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img img { min-height: 150px !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-content { padding: 15px 12px 17px !important; } .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-title { font-size: 17px !important; line-height: 1.25 !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-wrapper, .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img img, .elementor-2889 .elementor-element.elementor-element-2b1e00b .elementor-image-box-img::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f864305 *//* SAFE ELEMENTOR PRO LAVENDER CONTAINER CSS */ /* Only selected container will be affected */ .elementor-2889 .elementor-element.elementor-element-f864305 { position: relative !important; isolation: isolate !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-height: 320px !important; padding: clamp(20px, 4vw, 30px) !important; overflow: hidden !important; background: radial-gradient( circle at 10% 0%, rgba(196, 181, 253, 0.36), transparent 32% ), radial-gradient( circle at 100% 20%, rgba(167, 139, 250, 0.25), transparent 30% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 243, 255, 0.94) 55%, rgba(250, 248, 255, 0.98) 100% ) !important; border: 1px solid rgba(196, 181, 253, 0.75) !important; border-radius: 0 !important; box-shadow: 0 18px 45px rgba(112, 72, 216, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; backdrop-filter: blur(18px) saturate(140%) !important; -webkit-backdrop-filter: blur(18px) saturate(140%) !important; } /* Elementor inner wrapper */ .elementor-2889 .elementor-element.elementor-element-f864305 > .e-con-inner, .elementor-2889 .elementor-element.elementor-element-f864305 > .elementor-container { width: 100% !important; max-width: 100% !important; background: transparent !important; } /* Soft glass shine */ .elementor-2889 .elementor-element.elementor-element-f864305::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; pointer-events: none !important; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.34) 45%, transparent 70% ) !important; opacity: 0.75 !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-f864305 { min-height: 280px !important; padding: 24px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-f864305 { width: 100% !important; min-height: auto !important; padding: 20px !important; border-radius: 0 !important; } .elementor-2889 .elementor-element.elementor-element-f864305 > .e-con-inner, .elementor-2889 .elementor-element.elementor-element-f864305 > .elementor-container { width: 100% !important; flex-direction: column !important; } } /* Small mobile */ @media (max-width: 480px) { .elementor-2889 .elementor-element.elementor-element-f864305 { padding: 16px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0768f1f *//* ===================================== CENTERED THICK HEADING LINE ===================================== */ .elementor-2889 .elementor-element.elementor-element-0768f1f { position: relative !important; overflow: visible !important; } .elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title { position: relative !important; display: block !important; margin: 0 !important; padding-bottom: 20px !important; text-align: center !important; } /* Thick centered line */ .elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 285px !important; height: 7px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(104, 64, 190, 0.12) 0%, #7043ca 18%, #895cdd 50%, #7043ca 82%, rgba(104, 64, 190, 0.12) 100% ) !important; clip-path: polygon( 0 42%, 100% 0, 100% 64%, 0 100% ) !important; transform: translateX(-50%) rotate(-1deg) !important; transform-origin: center !important; box-shadow: 0 4px 12px rgba(105, 64, 194, 0.32) !important; pointer-events: none !important; } /* Bright center shine */ .elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 95px !important; height: 2px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; transform: translateX(-50%) rotate(-1deg) !important; pointer-events: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title::after { width: 245px !important; height: 6px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title { padding-bottom: 15px !important; } .elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title::after { width: 180px !important; height: 5px !important; } .elementor-2889 .elementor-element.elementor-element-0768f1f .elementor-heading-title::before { width: 60px !important; height: 2px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bc5b5bf *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf, .elementor-2889 .elementor-element.elementor-element-bc5b5bf * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-bc5b5bf:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-bc5b5bf { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-bc5b5bf { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-bc5b5bf, .elementor-2889 .elementor-element.elementor-element-bc5b5bf::before, .elementor-2889 .elementor-element.elementor-element-bc5b5bf::after, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon, .elementor-2889 .elementor-element.elementor-element-bc5b5bf .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a8ac557 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-a8ac557, .elementor-2889 .elementor-element.elementor-element-a8ac557 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-a8ac557::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-a8ac557::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-a8ac557 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-a8ac557:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-a8ac557 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-a8ac557 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-a8ac557, .elementor-2889 .elementor-element.elementor-element-a8ac557::before, .elementor-2889 .elementor-element.elementor-element-a8ac557::after, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-a8ac557 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-48cc893 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-48cc893, .elementor-2889 .elementor-element.elementor-element-48cc893 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-48cc893::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-48cc893::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-48cc893 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-48cc893:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-48cc893 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-48cc893:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-48cc893 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-48cc893, .elementor-2889 .elementor-element.elementor-element-48cc893::before, .elementor-2889 .elementor-element.elementor-element-48cc893::after, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-48cc893 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6624cb6 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-6624cb6, .elementor-2889 .elementor-element.elementor-element-6624cb6 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-6624cb6::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-6624cb6::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-6624cb6 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-6624cb6:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-6624cb6 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-6624cb6 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-6624cb6, .elementor-2889 .elementor-element.elementor-element-6624cb6::before, .elementor-2889 .elementor-element.elementor-element-6624cb6::after, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-6624cb6 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cc00181 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-cc00181, .elementor-2889 .elementor-element.elementor-element-cc00181 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-cc00181::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-cc00181::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-cc00181 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-cc00181:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-cc00181 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-cc00181:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-cc00181 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-cc00181, .elementor-2889 .elementor-element.elementor-element-cc00181::before, .elementor-2889 .elementor-element.elementor-element-cc00181::after, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-cc00181 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-20ec270 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-20ec270, .elementor-2889 .elementor-element.elementor-element-20ec270 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-20ec270::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-20ec270::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-20ec270 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-20ec270:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-20ec270 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-20ec270:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-20ec270 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-20ec270, .elementor-2889 .elementor-element.elementor-element-20ec270::before, .elementor-2889 .elementor-element.elementor-element-20ec270::after, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-20ec270 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ba81121 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-ba81121, .elementor-2889 .elementor-element.elementor-element-ba81121 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-ba81121::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-ba81121::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-ba81121 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-ba81121:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-ba81121 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-ba81121:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-ba81121 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-ba81121, .elementor-2889 .elementor-element.elementor-element-ba81121::before, .elementor-2889 .elementor-element.elementor-element-ba81121::after, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-ba81121 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c8e6e9 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-6c8e6e9:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-6c8e6e9 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-6c8e6e9 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-6c8e6e9, .elementor-2889 .elementor-element.elementor-element-6c8e6e9::before, .elementor-2889 .elementor-element.elementor-element-6c8e6e9::after, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-6c8e6e9 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-be9b908 *//* PREMIUM WHITE LAVENDER LIQUID GLASS CONTAINER */ .elementor-2889 .elementor-element.elementor-element-be9b908, .elementor-2889 .elementor-element.elementor-element-be9b908 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 { --lavender: #8064d8; --lavender-light: #c4b5fd; --lavender-soft: #f1ebff; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-height: 190px !important; padding: clamp(24px, 4vw, 44px) !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 8% 0%, rgba(196, 181, 253, 0.5), transparent 30% ), radial-gradient( circle at 95% 12%, rgba(221, 214, 254, 0.58), transparent 32% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 48%, #f0eaff 100% ) !important; background-size: 180% 180%, 180% 180%, 100% 100% !important; border: 1px solid rgba(151, 120, 226, 0.34) !important; border-radius: 30px !important; box-shadow: 0 20px 48px rgba(126, 91, 190, 0.17), 0 0 32px rgba(196, 181, 253, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(126, 91, 190, 0.1) !important; backdrop-filter: blur(26px) saturate(165%) !important; -webkit-backdrop-filter: blur(26px) saturate(165%) !important; animation: nxLiquidBackground 12s ease-in-out infinite !important; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Floating lavender liquid orb */ .elementor-2889 .elementor-element.elementor-element-be9b908::before { content: "" !important; position: absolute !important; top: -105px !important; right: -80px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.42), rgba(221, 214, 254, 0.15) 48%, transparent 72% ) !important; filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; animation: nxOrbFloat 8s ease-in-out infinite !important; } /* Moving glass reflection */ .elementor-2889 .elementor-element.elementor-element-be9b908::after { content: "" !important; position: absolute !important; top: -90% !important; left: -70% !important; width: 25% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.78), transparent ) !important; transform: rotate(24deg) !important; pointer-events: none !important; z-index: 1 !important; animation: nxGlassReflection 8s ease-in-out infinite !important; } /* Keep Elementor content above glass effects */ .elementor-2889 .elementor-element.elementor-element-be9b908 > * { position: relative !important; z-index: 2 !important; } /* Icon Box layout */ .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-wrapper { transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-wrapper:hover { transform: translateY(-5px) !important; } /* Icon Box main icon */ .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-widget-icon .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #7655d5 !important; background: linear-gradient( 145deg, #ffffff 0%, #f4efff 52%, #ddd2ff 100% ) !important; border: 1px solid rgba(151, 120, 226, 0.42) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(126, 91, 190, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1) !important; animation: nxIconFloat 4.5s ease-in-out infinite !important; transition: all 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-widget-icon .elementor-icon svg { width: 29px !important; height: 29px !important; fill: currentColor !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-widget-icon .elementor-icon i { font-size: 27px !important; } /* Icon hover motion */ .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-icon .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-widget-icon .elementor-icon:hover { color: #ffffff !important; background: linear-gradient( 135deg, #b9a3ff, #8064d8 ) !important; transform: translateY(-5px) rotate(-7deg) scale(1.1) !important; box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.16), 0 16px 30px rgba(126, 91, 190, 0.34) !important; animation-play-state: paused !important; } /* Icon Box text */ .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-title { color: #4c3975 !important; transition: color 0.3s ease !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-description { color: #76678f !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #7655d5 !important; } /* Icon List styling */ .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-item { transition: transform 0.35s ease, background 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-item:hover { transform: translateX(7px) !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin-right: 8px !important; color: #7655d5 !important; background: linear-gradient( 135deg, #ffffff, #e9e0ff ) !important; border: 1px solid rgba(151, 120, 226, 0.35) !important; border-radius: 50% !important; box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff !important; animation: nxListIconPulse 3.5s ease-in-out infinite !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-icon i, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; fill: currentColor !important; } /* Staggered icon-list animation */ .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: 0.3s !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: 0.6s !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: 0.9s !important; } /* Container hover */ .elementor-2889 .elementor-element.elementor-element-be9b908:hover { transform: translateY(-6px) !important; border-color: rgba(126, 91, 214, 0.56) !important; box-shadow: 0 28px 58px rgba(126, 91, 190, 0.24), 0 0 38px rgba(196, 181, 253, 0.25), inset 0 1px 0 #ffffff !important; } /* Background movement */ @keyframes nxLiquidBackground { 0%, 100% { background-position: 0% 0%, 100% 0%, 0% 50%; } 50% { background-position: 32% 22%, 72% 35%, 100% 60%; } } /* Orb movement */ @keyframes nxOrbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-28px, 22px) scale(1.13); } } /* Reflection movement */ @keyframes nxGlassReflection { 0% { left: -70%; } 45%, 100% { left: 140%; } } /* Icon movement */ @keyframes nxIconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-7px) rotate(3deg); } } /* List icon pulse */ @keyframes nxListIconPulse { 0%, 100% { transform: scale(1); box-shadow: 0 6px 14px rgba(126, 91, 190, 0.15), inset 0 1px 0 #ffffff; } 50% { transform: scale(1.12); box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.14), 0 9px 18px rgba(126, 91, 190, 0.22); } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-be9b908 { min-height: auto !important; padding: 24px 18px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-icon .elementor-icon, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-widget-icon .elementor-icon { width: 50px !important; height: 50px !important; border-radius: 16px !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-icon .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-widget-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-box-icon .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-widget-icon .elementor-icon i { font-size: 22px !important; } .elementor-2889 .elementor-element.elementor-element-be9b908:hover { transform: translateY(-3px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-be9b908 { padding: 20px 14px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-icon { width: 24px !important; height: 24px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-be9b908, .elementor-2889 .elementor-element.elementor-element-be9b908::before, .elementor-2889 .elementor-element.elementor-element-be9b908::after, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-be9b908 .elementor-icon-list-icon { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-742c80f *//* ===================================== BLACK + WHITE CENTERED HEADING LINE ===================================== */ .elementor-2889 .elementor-element.elementor-element-742c80f { position: relative !important; overflow: visible !important; } .elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title { position: relative !important; display: block !important; margin: 0 !important; padding-bottom: 20px !important; text-align: center !important; } /* Black and white line */ .elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 285px !important; height: 7px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(0, 0, 0, 0.12) 0%, #000000 18%, #ffffff 50%, #000000 82%, rgba(0, 0, 0, 0.12) 100% ) !important; clip-path: polygon( 0 42%, 100% 0, 100% 64%, 0 100% ) !important; transform: translateX(-50%) rotate(-1deg) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; pointer-events: none !important; } /* White shine */ .elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 95px !important; height: 2px !important; border-radius: 999px !important; background: #ffffff !important; transform: translateX(-50%) rotate(-1deg) !important; pointer-events: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title::after { width: 245px !important; height: 6px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title { padding-bottom: 15px !important; } .elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title::after { width: 180px !important; height: 5px !important; } .elementor-2889 .elementor-element.elementor-element-742c80f .elementor-heading-title::before { width: 60px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ca0455b *//* ========================================= PREMIUM VERTICAL ORANGE + LAVENDER ICON BOX ELEMENTOR PRO FRIENDLY FULLY MOBILE RESPONSIVE ========================================= */ .elementor-2889 .elementor-element.elementor-element-ca0455b, .elementor-2889 .elementor-element.elementor-element-ca0455b * { box-sizing: border-box !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-ca0455b { --orange: #ff7540; --orange-dark: #f45f32; --purple: #30227a; --text: #3f3852; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 360px !important; padding: 38px 36px 42px !important; background: radial-gradient( circle at 100% 0%, rgba(196, 181, 253, 0.48), transparent 42% ), linear-gradient( 145deg, #ffffff 0%, #faf8ff 52%, #f0eaff 100% ) !important; border: 1px solid rgba(196, 181, 253, 0.65) !important; border-radius: 29px !important; box-shadow: 0 13px 32px rgba(112, 72, 216, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* Soft highlight */ .elementor-2889 .elementor-element.elementor-element-ca0455b::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 0 !important; height: 1px !important; pointer-events: none !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.95), transparent ) !important; } /* Lavender glow */ .elementor-2889 .elementor-element.elementor-element-ca0455b::after { content: "" !important; position: absolute !important; top: -105px !important; right: -90px !important; z-index: 0 !important; width: 230px !important; height: 230px !important; border-radius: 50% !important; pointer-events: none !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.25), transparent 70% ) !important; filter: blur(8px) !important; } /* Vertical layout */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Icon top-left */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; align-self: flex-start !important; width: 58px !important; height: 58px !important; min-width: 58px !important; margin: 0 0 34px 0 !important; padding: 0 !important; text-align: left !important; } /* Icon link */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; } /* Orange icon */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon { position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; color: #ffffff !important; background: linear-gradient( 145deg, #ff8b52 0%, #ff7540 54%, #f45f32 100% ) !important; border: 0 !important; border-radius: 11px !important; box-shadow: 0 9px 20px rgba(255, 105, 55, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* Icon shine */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon::before { content: "" !important; position: absolute !important; top: -90% !important; left: -130% !important; width: 42% !important; height: 280% !important; pointer-events: none !important; background: linear-gradient( 100deg, transparent, rgba(255, 255, 255, 0.52), transparent ) !important; transform: rotate(22deg) !important; transition: left 0.8s ease !important; } /* Icon */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon i { position: relative !important; z-index: 2 !important; color: #ffffff !important; font-size: 23px !important; line-height: 1 !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon svg { position: relative !important; z-index: 2 !important; width: 26px !important; height: 26px !important; color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } /* Content */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-content { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Title */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title a { display: block !important; width: 100% !important; margin: 0 0 21px 0 !important; padding: 0 !important; color: var(--purple) !important; font-size: clamp(20px, 2vw, 24px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.35px !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Description */ .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-description { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--text) !important; font-size: clamp(16px, 1.5vw, 19px) !important; font-weight: 400 !important; line-height: 1.48 !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Desktop hover */ @media (hover: hover) and (pointer: fine) { .elementor-2889 .elementor-element.elementor-element-ca0455b:hover { transform: translateY(-5px) !important; border-color: rgba(128, 100, 216, 0.66) !important; box-shadow: 0 21px 43px rgba(112, 72, 216, 0.19), 0 0 0 4px rgba(196, 181, 253, 0.11), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) rotate(-4deg) scale(1.05) !important; box-shadow: 0 14px 28px rgba(255, 105, 55, 0.34), 0 0 0 5px rgba(255, 117, 64, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.52) !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b:hover .elementor-icon-box-icon .elementor-icon::before { left: 135% !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b:hover .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-ca0455b:hover .elementor-icon-box-title a { color: #5940b2 !important; } } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-ca0455b { min-height: 330px !important; padding: 32px 29px 36px !important; border-radius: 26px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon { margin-bottom: 28px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title a { margin-bottom: 18px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-ca0455b { min-height: auto !important; padding: 28px 23px 32px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon { margin-bottom: 25px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon { border-radius: 9px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon i { font-size: 20px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title a { margin-bottom: 16px !important; font-size: 20px !important; line-height: 1.12 !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-description { font-size: 16px !important; line-height: 1.45 !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b:hover { transform: translateY(-2px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-ca0455b { padding: 24px 19px 28px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; min-width: 46px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-icon { margin-bottom: 22px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-title a { font-size: 18px !important; } .elementor-2889 .elementor-element.elementor-element-ca0455b .elementor-icon-box-description { font-size: 15px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-ca0455b, .elementor-2889 .elementor-element.elementor-element-ca0455b *, .elementor-2889 .elementor-element.elementor-element-ca0455b::before, .elementor-2889 .elementor-element.elementor-element-ca0455b::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5dac063 *//* ========================================= PREMIUM VERTICAL ORANGE + LAVENDER ICON BOX ELEMENTOR PRO FRIENDLY FULLY MOBILE RESPONSIVE ========================================= */ .elementor-2889 .elementor-element.elementor-element-5dac063, .elementor-2889 .elementor-element.elementor-element-5dac063 * { box-sizing: border-box !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-5dac063 { --orange: #ff7540; --orange-dark: #f45f32; --purple: #30227a; --text: #3f3852; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 360px !important; padding: 38px 36px 42px !important; background: radial-gradient( circle at 100% 0%, rgba(196, 181, 253, 0.48), transparent 42% ), linear-gradient( 145deg, #ffffff 0%, #faf8ff 52%, #f0eaff 100% ) !important; border: 1px solid rgba(196, 181, 253, 0.65) !important; border-radius: 29px !important; box-shadow: 0 13px 32px rgba(112, 72, 216, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* Soft highlight */ .elementor-2889 .elementor-element.elementor-element-5dac063::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 0 !important; height: 1px !important; pointer-events: none !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.95), transparent ) !important; } /* Lavender glow */ .elementor-2889 .elementor-element.elementor-element-5dac063::after { content: "" !important; position: absolute !important; top: -105px !important; right: -90px !important; z-index: 0 !important; width: 230px !important; height: 230px !important; border-radius: 50% !important; pointer-events: none !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.25), transparent 70% ) !important; filter: blur(8px) !important; } /* Vertical layout */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Icon top-left */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; align-self: flex-start !important; width: 58px !important; height: 58px !important; min-width: 58px !important; margin: 0 0 34px 0 !important; padding: 0 !important; text-align: left !important; } /* Icon link */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; } /* Orange icon */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon { position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; color: #ffffff !important; background: linear-gradient( 145deg, #ff8b52 0%, #ff7540 54%, #f45f32 100% ) !important; border: 0 !important; border-radius: 11px !important; box-shadow: 0 9px 20px rgba(255, 105, 55, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* Icon shine */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon::before { content: "" !important; position: absolute !important; top: -90% !important; left: -130% !important; width: 42% !important; height: 280% !important; pointer-events: none !important; background: linear-gradient( 100deg, transparent, rgba(255, 255, 255, 0.52), transparent ) !important; transform: rotate(22deg) !important; transition: left 0.8s ease !important; } /* Icon */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon i { position: relative !important; z-index: 2 !important; color: #ffffff !important; font-size: 23px !important; line-height: 1 !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon svg { position: relative !important; z-index: 2 !important; width: 26px !important; height: 26px !important; color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } /* Content */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-content { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Title */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title a { display: block !important; width: 100% !important; margin: 0 0 21px 0 !important; padding: 0 !important; color: var(--purple) !important; font-size: clamp(20px, 2vw, 24px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.35px !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Description */ .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-description { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--text) !important; font-size: clamp(16px, 1.5vw, 19px) !important; font-weight: 400 !important; line-height: 1.48 !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Desktop hover */ @media (hover: hover) and (pointer: fine) { .elementor-2889 .elementor-element.elementor-element-5dac063:hover { transform: translateY(-5px) !important; border-color: rgba(128, 100, 216, 0.66) !important; box-shadow: 0 21px 43px rgba(112, 72, 216, 0.19), 0 0 0 4px rgba(196, 181, 253, 0.11), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-5dac063:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) rotate(-4deg) scale(1.05) !important; box-shadow: 0 14px 28px rgba(255, 105, 55, 0.34), 0 0 0 5px rgba(255, 117, 64, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.52) !important; } .elementor-2889 .elementor-element.elementor-element-5dac063:hover .elementor-icon-box-icon .elementor-icon::before { left: 135% !important; } .elementor-2889 .elementor-element.elementor-element-5dac063:hover .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-5dac063:hover .elementor-icon-box-title a { color: #5940b2 !important; } } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-5dac063 { min-height: 330px !important; padding: 32px 29px 36px !important; border-radius: 26px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon { margin-bottom: 28px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title a { margin-bottom: 18px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-5dac063 { min-height: auto !important; padding: 28px 23px 32px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon { margin-bottom: 25px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon { border-radius: 9px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon i { font-size: 20px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title a { margin-bottom: 16px !important; font-size: 20px !important; line-height: 1.12 !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-description { font-size: 16px !important; line-height: 1.45 !important; } .elementor-2889 .elementor-element.elementor-element-5dac063:hover { transform: translateY(-2px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-5dac063 { padding: 24px 19px 28px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; min-width: 46px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-icon { margin-bottom: 22px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-title a { font-size: 18px !important; } .elementor-2889 .elementor-element.elementor-element-5dac063 .elementor-icon-box-description { font-size: 15px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-5dac063, .elementor-2889 .elementor-element.elementor-element-5dac063 *, .elementor-2889 .elementor-element.elementor-element-5dac063::before, .elementor-2889 .elementor-element.elementor-element-5dac063::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-00d6962 *//* ========================================= PREMIUM VERTICAL ORANGE + LAVENDER ICON BOX ELEMENTOR PRO FRIENDLY FULLY MOBILE RESPONSIVE ========================================= */ .elementor-2889 .elementor-element.elementor-element-00d6962, .elementor-2889 .elementor-element.elementor-element-00d6962 * { box-sizing: border-box !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-00d6962 { --orange: #ff7540; --orange-dark: #f45f32; --purple: #30227a; --text: #3f3852; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 360px !important; padding: 38px 36px 42px !important; background: radial-gradient( circle at 100% 0%, rgba(196, 181, 253, 0.48), transparent 42% ), linear-gradient( 145deg, #ffffff 0%, #faf8ff 52%, #f0eaff 100% ) !important; border: 1px solid rgba(196, 181, 253, 0.65) !important; border-radius: 29px !important; box-shadow: 0 13px 32px rgba(112, 72, 216, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* Soft highlight */ .elementor-2889 .elementor-element.elementor-element-00d6962::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 0 !important; height: 1px !important; pointer-events: none !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.95), transparent ) !important; } /* Lavender glow */ .elementor-2889 .elementor-element.elementor-element-00d6962::after { content: "" !important; position: absolute !important; top: -105px !important; right: -90px !important; z-index: 0 !important; width: 230px !important; height: 230px !important; border-radius: 50% !important; pointer-events: none !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.25), transparent 70% ) !important; filter: blur(8px) !important; } /* Vertical layout */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Icon top-left */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; align-self: flex-start !important; width: 58px !important; height: 58px !important; min-width: 58px !important; margin: 0 0 34px 0 !important; padding: 0 !important; text-align: left !important; } /* Icon link */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; } /* Orange icon */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon { position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; color: #ffffff !important; background: linear-gradient( 145deg, #ff8b52 0%, #ff7540 54%, #f45f32 100% ) !important; border: 0 !important; border-radius: 11px !important; box-shadow: 0 9px 20px rgba(255, 105, 55, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* Icon shine */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon::before { content: "" !important; position: absolute !important; top: -90% !important; left: -130% !important; width: 42% !important; height: 280% !important; pointer-events: none !important; background: linear-gradient( 100deg, transparent, rgba(255, 255, 255, 0.52), transparent ) !important; transform: rotate(22deg) !important; transition: left 0.8s ease !important; } /* Icon */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon i { position: relative !important; z-index: 2 !important; color: #ffffff !important; font-size: 23px !important; line-height: 1 !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon svg { position: relative !important; z-index: 2 !important; width: 26px !important; height: 26px !important; color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } /* Content */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-content { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Title */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title a { display: block !important; width: 100% !important; margin: 0 0 21px 0 !important; padding: 0 !important; color: var(--purple) !important; font-size: clamp(20px, 2vw, 24px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.35px !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Description */ .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-description { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--text) !important; font-size: clamp(16px, 1.5vw, 19px) !important; font-weight: 400 !important; line-height: 1.48 !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Desktop hover */ @media (hover: hover) and (pointer: fine) { .elementor-2889 .elementor-element.elementor-element-00d6962:hover { transform: translateY(-5px) !important; border-color: rgba(128, 100, 216, 0.66) !important; box-shadow: 0 21px 43px rgba(112, 72, 216, 0.19), 0 0 0 4px rgba(196, 181, 253, 0.11), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-00d6962:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) rotate(-4deg) scale(1.05) !important; box-shadow: 0 14px 28px rgba(255, 105, 55, 0.34), 0 0 0 5px rgba(255, 117, 64, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.52) !important; } .elementor-2889 .elementor-element.elementor-element-00d6962:hover .elementor-icon-box-icon .elementor-icon::before { left: 135% !important; } .elementor-2889 .elementor-element.elementor-element-00d6962:hover .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-00d6962:hover .elementor-icon-box-title a { color: #5940b2 !important; } } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-00d6962 { min-height: 330px !important; padding: 32px 29px 36px !important; border-radius: 26px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon { margin-bottom: 28px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title a { margin-bottom: 18px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-00d6962 { min-height: auto !important; padding: 28px 23px 32px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon { margin-bottom: 25px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon { border-radius: 9px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon i { font-size: 20px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title a { margin-bottom: 16px !important; font-size: 20px !important; line-height: 1.12 !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-description { font-size: 16px !important; line-height: 1.45 !important; } .elementor-2889 .elementor-element.elementor-element-00d6962:hover { transform: translateY(-2px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-00d6962 { padding: 24px 19px 28px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; min-width: 46px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-icon { margin-bottom: 22px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-title a { font-size: 18px !important; } .elementor-2889 .elementor-element.elementor-element-00d6962 .elementor-icon-box-description { font-size: 15px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-00d6962, .elementor-2889 .elementor-element.elementor-element-00d6962 *, .elementor-2889 .elementor-element.elementor-element-00d6962::before, .elementor-2889 .elementor-element.elementor-element-00d6962::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-894bfac *//* ========================================= PREMIUM VERTICAL ORANGE + LAVENDER ICON BOX ELEMENTOR PRO FRIENDLY FULLY MOBILE RESPONSIVE ========================================= */ .elementor-2889 .elementor-element.elementor-element-894bfac, .elementor-2889 .elementor-element.elementor-element-894bfac * { box-sizing: border-box !important; } /* Main card */ .elementor-2889 .elementor-element.elementor-element-894bfac { --orange: #ff7540; --orange-dark: #f45f32; --purple: #30227a; --text: #3f3852; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 360px !important; padding: 38px 36px 42px !important; background: radial-gradient( circle at 100% 0%, rgba(196, 181, 253, 0.48), transparent 42% ), linear-gradient( 145deg, #ffffff 0%, #faf8ff 52%, #f0eaff 100% ) !important; border: 1px solid rgba(196, 181, 253, 0.65) !important; border-radius: 29px !important; box-shadow: 0 13px 32px rgba(112, 72, 216, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* Soft highlight */ .elementor-2889 .elementor-element.elementor-element-894bfac::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 0 !important; height: 1px !important; pointer-events: none !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.95), transparent ) !important; } /* Lavender glow */ .elementor-2889 .elementor-element.elementor-element-894bfac::after { content: "" !important; position: absolute !important; top: -105px !important; right: -90px !important; z-index: 0 !important; width: 230px !important; height: 230px !important; border-radius: 50% !important; pointer-events: none !important; background: radial-gradient( circle, rgba(167, 139, 250, 0.25), transparent 70% ) !important; filter: blur(8px) !important; } /* Vertical layout */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Icon top-left */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; align-self: flex-start !important; width: 58px !important; height: 58px !important; min-width: 58px !important; margin: 0 0 34px 0 !important; padding: 0 !important; text-align: left !important; } /* Icon link */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; } /* Orange icon */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon { position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; color: #ffffff !important; background: linear-gradient( 145deg, #ff8b52 0%, #ff7540 54%, #f45f32 100% ) !important; border: 0 !important; border-radius: 11px !important; box-shadow: 0 9px 20px rgba(255, 105, 55, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* Icon shine */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon::before { content: "" !important; position: absolute !important; top: -90% !important; left: -130% !important; width: 42% !important; height: 280% !important; pointer-events: none !important; background: linear-gradient( 100deg, transparent, rgba(255, 255, 255, 0.52), transparent ) !important; transform: rotate(22deg) !important; transition: left 0.8s ease !important; } /* Icon */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon i { position: relative !important; z-index: 2 !important; color: #ffffff !important; font-size: 23px !important; line-height: 1 !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon svg { position: relative !important; z-index: 2 !important; width: 26px !important; height: 26px !important; color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } /* Content */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-content { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Title */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title a { display: block !important; width: 100% !important; margin: 0 0 21px 0 !important; padding: 0 !important; color: var(--purple) !important; font-size: clamp(20px, 2vw, 24px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.35px !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Description */ .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-description { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--text) !important; font-size: clamp(16px, 1.5vw, 19px) !important; font-weight: 400 !important; line-height: 1.48 !important; text-align: left !important; overflow-wrap: anywhere !important; } /* Desktop hover */ @media (hover: hover) and (pointer: fine) { .elementor-2889 .elementor-element.elementor-element-894bfac:hover { transform: translateY(-5px) !important; border-color: rgba(128, 100, 216, 0.66) !important; box-shadow: 0 21px 43px rgba(112, 72, 216, 0.19), 0 0 0 4px rgba(196, 181, 253, 0.11), inset 0 1px 0 #ffffff !important; } .elementor-2889 .elementor-element.elementor-element-894bfac:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) rotate(-4deg) scale(1.05) !important; box-shadow: 0 14px 28px rgba(255, 105, 55, 0.34), 0 0 0 5px rgba(255, 117, 64, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.52) !important; } .elementor-2889 .elementor-element.elementor-element-894bfac:hover .elementor-icon-box-icon .elementor-icon::before { left: 135% !important; } .elementor-2889 .elementor-element.elementor-element-894bfac:hover .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-894bfac:hover .elementor-icon-box-title a { color: #5940b2 !important; } } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-894bfac { min-height: 330px !important; padding: 32px 29px 36px !important; border-radius: 26px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon { margin-bottom: 28px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title a { margin-bottom: 18px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-894bfac { min-height: auto !important; padding: 28px 23px 32px !important; border-radius: 24px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon { margin-bottom: 25px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon { border-radius: 9px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon i { font-size: 20px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title a { margin-bottom: 16px !important; font-size: 20px !important; line-height: 1.12 !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-description { font-size: 16px !important; line-height: 1.45 !important; } .elementor-2889 .elementor-element.elementor-element-894bfac:hover { transform: translateY(-2px) !important; } } /* Small mobile */ @media (max-width: 420px) { .elementor-2889 .elementor-element.elementor-element-894bfac { padding: 24px 19px 28px !important; border-radius: 21px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon > a, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; min-width: 46px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-icon { margin-bottom: 22px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title, .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-title a { font-size: 18px !important; } .elementor-2889 .elementor-element.elementor-element-894bfac .elementor-icon-box-description { font-size: 15px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-894bfac, .elementor-2889 .elementor-element.elementor-element-894bfac *, .elementor-2889 .elementor-element.elementor-element-894bfac::before, .elementor-2889 .elementor-element.elementor-element-894bfac::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ef8a96 *//* ========================================= CREATIVE PURPLE GRID BACKGROUND ELEMENTOR PRO RESPONSIVE CSS NO BORDER • NO RADIUS • NO SHADOW ========================================= */ .elementor-2889 .elementor-element.elementor-element-1ef8a96, .elementor-2889 .elementor-element.elementor-element-1ef8a96 * { box-sizing: border-box !important; } /* Main content background */ .elementor-2889 .elementor-element.elementor-element-1ef8a96 { position: relative !important; isolation: isolate !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: /* Horizontal grid lines */ linear-gradient( rgba(255, 255, 255, 0.085) 1px, transparent 1px ), /* Vertical grid lines */ linear-gradient( 90deg, rgba(255, 255, 255, 0.085) 1px, transparent 1px ), /* Top purple glow */ radial-gradient( circle at 50% 0%, rgba(173, 151, 255, 0.28), transparent 42% ), /* Left bottom glow */ radial-gradient( circle at 0% 100%, rgba(102, 77, 194, 0.30), transparent 36% ), /* Main purple gradient */ linear-gradient( 135deg, #4f3d98 0%, #47338b 48%, #382374 100% ) !important; background-size: 100px 100px, 100px 100px, 100% 100%, 100% 100%, 100% 100% !important; background-position: center top, center top, center center, center center, center center !important; background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat !important; } /* Keep Elementor content above the background */ .elementor-2889 .elementor-element.elementor-element-1ef8a96 > .elementor-container, .elementor-2889 .elementor-element.elementor-element-1ef8a96 > .e-con, .elementor-2889 .elementor-element.elementor-element-1ef8a96 > .e-con-inner, .elementor-2889 .elementor-element.elementor-element-1ef8a96 .elementor-widget-wrap { position: relative !important; z-index: 2 !important; } /* Remove Elementor overlay interference */ .elementor-2889 .elementor-element.elementor-element-1ef8a96 .elementor-background-overlay { background: transparent !important; opacity: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-1ef8a96 { background-size: 80px 80px, 80px 80px, 100% 100%, 100% 100%, 100% 100% !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-1ef8a96 { width: 100% !important; max-width: 100% !important; background-size: 62px 62px, 62px 62px, 100% 100%, 100% 100%, 100% 100% !important; background: linear-gradient( rgba(255, 255, 255, 0.075) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.075) 1px, transparent 1px ), radial-gradient( circle at 50% 0%, rgba(173, 151, 255, 0.24), transparent 44% ), linear-gradient( 135deg, #4b3990 0%, #402b80 55%, #34206c 100% ) !important; } } /* Small mobile */ @media (max-width: 480px) { .elementor-2889 .elementor-element.elementor-element-1ef8a96 { background-size: 52px 52px, 52px 52px, 100% 100%, 100% 100%, 100% 100% !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-4f20017 *//* ========================================= PREMIUM 3D PURPLE ICON OUTER WHITE BORDER COMPLETELY REMOVED ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-4f20017, .elementor-2889 .elementor-element.elementor-element-4f20017 * { box-sizing: border-box !important; } /* Remove all outside white borders/backgrounds */ .elementor-2889 .elementor-element.elementor-element-4f20017, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-wrapper, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon { border: none !important; outline: none !important; background: transparent !important; } /* Remove Elementor default spacing */ .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-wrapper, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; box-shadow: none !important; } /* Main purple icon box */ .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon { position: relative !important; isolation: isolate !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 70px !important; height: 70px !important; padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; border-radius: 21px !important; background: transparent !important; box-shadow: 0 6px 0 #4d29a5, 0 15px 26px rgba(112, 72, 216, 0.28) !important; overflow: hidden !important; transform: translateY(0) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease !important; } /* Full purple 3D surface */ .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon::after, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; border: none !important; border-radius: inherit !important; background: linear-gradient( 145deg, #b69af6 0%, #7048d8 45%, #4b269f 100% ) !important; box-shadow: inset 5px 5px 9px rgba(255, 255, 255, 0.30), inset -6px -6px 10px rgba(52, 24, 125, 0.34) !important; transition: filter 0.35s ease, transform 0.35s ease !important; } /* Glossy shine */ .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon::before, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon::before { content: "" !important; position: absolute !important; top: 13px !important; left: 15px !important; z-index: 1 !important; width: 32px !important; height: 10px !important; background: rgba(255, 255, 255, 0.42) !important; border: none !important; border-radius: 999px !important; transform: rotate(-35deg) !important; filter: blur(2px) !important; pointer-events: none !important; } /* Icon itself */ .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon i, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon svg { position: relative !important; z-index: 3 !important; width: 27px !important; height: 27px !important; color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; font-size: 27px !important; line-height: 1 !important; filter: drop-shadow( 0 2px 2px rgba(55, 24, 130, 0.42) ) !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon:hover { transform: translateY(-6px) scale(1.04) !important; box-shadow: 0 8px 0 #4d29a5, 0 22px 34px rgba(112, 72, 216, 0.36) !important; } .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon:hover::after, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon:hover::after { transform: scale(1.02) !important; filter: brightness(1.08) saturate(1.08) !important; } /* Remove focus white outline */ .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon:focus, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon:focus-visible, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon:focus, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon:focus-visible { outline: none !important; border: none !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon { width: 58px !important; height: 58px !important; border-radius: 18px !important; box-shadow: 0 5px 0 #4d29a5, 0 12px 22px rgba(112, 72, 216, 0.25) !important; } .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon i, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; font-size: 23px !important; } .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon::before, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon::before { top: 11px !important; left: 13px !important; width: 27px !important; height: 8px !important; } .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon-box-icon .elementor-icon:hover { box-shadow: 0 7px 0 #4d29a5, 0 18px 27px rgba(112, 72, 216, 0.30) !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-4f20017 .elementor-icon::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for counter, class: .elementor-element-ab1a2cc *//* ========================================= PREMIUM WHITE + PURPLE COUNTER ========================================= */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc, .elementor-2889 .elementor-element.elementor-element-ab1a2cc * { box-sizing: border-box !important; } /* Main counter card */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 165px !important; padding: 28px 18px 24px !important; text-align: center !important; background: linear-gradient( 145deg, #ffffff 0%, #fcfaff 48%, #f1eaff 100% ) !important; border: 1px solid #dfd2ff !important; border-radius: 24px !important; box-shadow: 0 16px 36px rgba(112, 72, 216, 0.15), 0 5px 14px rgba(112, 72, 216, 0.08), inset 0 1px 0 #ffffff !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* Soft purple glow */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter::before { content: "" !important; position: absolute !important; top: -75px !important; right: -70px !important; width: 170px !important; height: 170px !important; background: rgba(167, 139, 250, 0.20) !important; border-radius: 50% !important; filter: blur(5px) !important; z-index: 0 !important; } /* Decorative bottom line */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 72px !important; height: 4px !important; background: linear-gradient( 90deg, #a78bfa, #7048d8, #a78bfa ) !important; border-radius: 999px !important; transform: translateX(-50%) !important; z-index: 2 !important; } /* Number wrapper */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-number-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; align-items: baseline !important; justify-content: center !important; gap: 2px !important; margin: 0 0 10px !important; line-height: 1 !important; } /* Counter number */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-number { color: #7048d8 !important; font-size: clamp(34px, 4vw, 50px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -1.5px !important; text-shadow: 0 5px 14px rgba(112, 72, 216, 0.16) !important; } /* Prefix and suffix */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-number-prefix, .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-number-suffix { color: #7048d8 !important; font-size: clamp(22px, 2.5vw, 30px) !important; font-weight: 800 !important; line-height: 1 !important; } /* Counter title */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-title { position: relative !important; z-index: 2 !important; margin: 0 !important; color: #5e5277 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter:hover { transform: translateY(-7px) !important; border-color: #b99cff !important; box-shadow: 0 24px 45px rgba(112, 72, 216, 0.24), 0 0 0 6px rgba(112, 72, 216, 0.07), inset 0 1px 0 #ffffff !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter { min-height: 145px !important; padding: 24px 14px 21px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-number { font-size: 36px !important; } .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-number-prefix, .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-number-suffix { font-size: 23px !important; } .elementor-2889 .elementor-element.elementor-element-ab1a2cc .elementor-counter-title { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-fe853c5 *//* ========================================= PREMIUM 3D PURPLE ICON OUTER WHITE BORDER COMPLETELY REMOVED ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-fe853c5, .elementor-2889 .elementor-element.elementor-element-fe853c5 * { box-sizing: border-box !important; } /* Remove all outside white borders/backgrounds */ .elementor-2889 .elementor-element.elementor-element-fe853c5, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-wrapper, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon { border: none !important; outline: none !important; background: transparent !important; } /* Remove Elementor default spacing */ .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-wrapper, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; box-shadow: none !important; } /* Main purple icon box */ .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon { position: relative !important; isolation: isolate !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 70px !important; height: 70px !important; padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; border-radius: 21px !important; background: transparent !important; box-shadow: 0 6px 0 #4d29a5, 0 15px 26px rgba(112, 72, 216, 0.28) !important; overflow: hidden !important; transform: translateY(0) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease !important; } /* Full purple 3D surface */ .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon::after, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; border: none !important; border-radius: inherit !important; background: linear-gradient( 145deg, #b69af6 0%, #7048d8 45%, #4b269f 100% ) !important; box-shadow: inset 5px 5px 9px rgba(255, 255, 255, 0.30), inset -6px -6px 10px rgba(52, 24, 125, 0.34) !important; transition: filter 0.35s ease, transform 0.35s ease !important; } /* Glossy shine */ .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon::before, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon::before { content: "" !important; position: absolute !important; top: 13px !important; left: 15px !important; z-index: 1 !important; width: 32px !important; height: 10px !important; background: rgba(255, 255, 255, 0.42) !important; border: none !important; border-radius: 999px !important; transform: rotate(-35deg) !important; filter: blur(2px) !important; pointer-events: none !important; } /* Icon itself */ .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon i, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon svg { position: relative !important; z-index: 3 !important; width: 27px !important; height: 27px !important; color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; font-size: 27px !important; line-height: 1 !important; filter: drop-shadow( 0 2px 2px rgba(55, 24, 130, 0.42) ) !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon:hover { transform: translateY(-6px) scale(1.04) !important; box-shadow: 0 8px 0 #4d29a5, 0 22px 34px rgba(112, 72, 216, 0.36) !important; } .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon:hover::after, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon:hover::after { transform: scale(1.02) !important; filter: brightness(1.08) saturate(1.08) !important; } /* Remove focus white outline */ .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon:focus, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon:focus-visible, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon:focus, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon:focus-visible { outline: none !important; border: none !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon { width: 58px !important; height: 58px !important; border-radius: 18px !important; box-shadow: 0 5px 0 #4d29a5, 0 12px 22px rgba(112, 72, 216, 0.25) !important; } .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon i, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; font-size: 23px !important; } .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon::before, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon::before { top: 11px !important; left: 13px !important; width: 27px !important; height: 8px !important; } .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon-box-icon .elementor-icon:hover { box-shadow: 0 7px 0 #4d29a5, 0 18px 27px rgba(112, 72, 216, 0.30) !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-fe853c5 .elementor-icon::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for counter, class: .elementor-element-51b61d8 *//* ========================================= PREMIUM WHITE + PURPLE COUNTER ========================================= */ .elementor-2889 .elementor-element.elementor-element-51b61d8, .elementor-2889 .elementor-element.elementor-element-51b61d8 * { box-sizing: border-box !important; } /* Main counter card */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 165px !important; padding: 28px 18px 24px !important; text-align: center !important; background: linear-gradient( 145deg, #ffffff 0%, #fcfaff 48%, #f1eaff 100% ) !important; border: 1px solid #dfd2ff !important; border-radius: 24px !important; box-shadow: 0 16px 36px rgba(112, 72, 216, 0.15), 0 5px 14px rgba(112, 72, 216, 0.08), inset 0 1px 0 #ffffff !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* Soft purple glow */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter::before { content: "" !important; position: absolute !important; top: -75px !important; right: -70px !important; width: 170px !important; height: 170px !important; background: rgba(167, 139, 250, 0.20) !important; border-radius: 50% !important; filter: blur(5px) !important; z-index: 0 !important; } /* Decorative bottom line */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 72px !important; height: 4px !important; background: linear-gradient( 90deg, #a78bfa, #7048d8, #a78bfa ) !important; border-radius: 999px !important; transform: translateX(-50%) !important; z-index: 2 !important; } /* Number wrapper */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-number-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; align-items: baseline !important; justify-content: center !important; gap: 2px !important; margin: 0 0 10px !important; line-height: 1 !important; } /* Counter number */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-number { color: #7048d8 !important; font-size: clamp(34px, 4vw, 50px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -1.5px !important; text-shadow: 0 5px 14px rgba(112, 72, 216, 0.16) !important; } /* Prefix and suffix */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-number-prefix, .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-number-suffix { color: #7048d8 !important; font-size: clamp(22px, 2.5vw, 30px) !important; font-weight: 800 !important; line-height: 1 !important; } /* Counter title */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-title { position: relative !important; z-index: 2 !important; margin: 0 !important; color: #5e5277 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter:hover { transform: translateY(-7px) !important; border-color: #b99cff !important; box-shadow: 0 24px 45px rgba(112, 72, 216, 0.24), 0 0 0 6px rgba(112, 72, 216, 0.07), inset 0 1px 0 #ffffff !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter { min-height: 145px !important; padding: 24px 14px 21px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-number { font-size: 36px !important; } .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-number-prefix, .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-number-suffix { font-size: 23px !important; } .elementor-2889 .elementor-element.elementor-element-51b61d8 .elementor-counter-title { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-e455ce2 *//* ========================================= PREMIUM 3D PURPLE ICON OUTER WHITE BORDER COMPLETELY REMOVED ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-e455ce2, .elementor-2889 .elementor-element.elementor-element-e455ce2 * { box-sizing: border-box !important; } /* Remove all outside white borders/backgrounds */ .elementor-2889 .elementor-element.elementor-element-e455ce2, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-wrapper, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon { border: none !important; outline: none !important; background: transparent !important; } /* Remove Elementor default spacing */ .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-wrapper, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; box-shadow: none !important; } /* Main purple icon box */ .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon { position: relative !important; isolation: isolate !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 70px !important; height: 70px !important; padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; border-radius: 21px !important; background: transparent !important; box-shadow: 0 6px 0 #4d29a5, 0 15px 26px rgba(112, 72, 216, 0.28) !important; overflow: hidden !important; transform: translateY(0) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease !important; } /* Full purple 3D surface */ .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon::after, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; border: none !important; border-radius: inherit !important; background: linear-gradient( 145deg, #b69af6 0%, #7048d8 45%, #4b269f 100% ) !important; box-shadow: inset 5px 5px 9px rgba(255, 255, 255, 0.30), inset -6px -6px 10px rgba(52, 24, 125, 0.34) !important; transition: filter 0.35s ease, transform 0.35s ease !important; } /* Glossy shine */ .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon::before, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon::before { content: "" !important; position: absolute !important; top: 13px !important; left: 15px !important; z-index: 1 !important; width: 32px !important; height: 10px !important; background: rgba(255, 255, 255, 0.42) !important; border: none !important; border-radius: 999px !important; transform: rotate(-35deg) !important; filter: blur(2px) !important; pointer-events: none !important; } /* Icon itself */ .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon i, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon svg { position: relative !important; z-index: 3 !important; width: 27px !important; height: 27px !important; color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; font-size: 27px !important; line-height: 1 !important; filter: drop-shadow( 0 2px 2px rgba(55, 24, 130, 0.42) ) !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon:hover { transform: translateY(-6px) scale(1.04) !important; box-shadow: 0 8px 0 #4d29a5, 0 22px 34px rgba(112, 72, 216, 0.36) !important; } .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon:hover::after, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon:hover::after { transform: scale(1.02) !important; filter: brightness(1.08) saturate(1.08) !important; } /* Remove focus white outline */ .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon:focus, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon:focus-visible, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon:focus, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon:focus-visible { outline: none !important; border: none !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon { width: 58px !important; height: 58px !important; border-radius: 18px !important; box-shadow: 0 5px 0 #4d29a5, 0 12px 22px rgba(112, 72, 216, 0.25) !important; } .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon svg, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon i, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon svg { width: 23px !important; height: 23px !important; font-size: 23px !important; } .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon::before, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon::before { top: 11px !important; left: 13px !important; width: 27px !important; height: 8px !important; } .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon:hover, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon-box-icon .elementor-icon:hover { box-shadow: 0 7px 0 #4d29a5, 0 18px 27px rgba(112, 72, 216, 0.30) !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon, .elementor-2889 .elementor-element.elementor-element-e455ce2 .elementor-icon::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for counter, class: .elementor-element-f3b1912 *//* ========================================= PREMIUM WHITE + PURPLE COUNTER ========================================= */ .elementor-2889 .elementor-element.elementor-element-f3b1912, .elementor-2889 .elementor-element.elementor-element-f3b1912 * { box-sizing: border-box !important; } /* Main counter card */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter { position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 165px !important; padding: 28px 18px 24px !important; text-align: center !important; background: linear-gradient( 145deg, #ffffff 0%, #fcfaff 48%, #f1eaff 100% ) !important; border: 1px solid #dfd2ff !important; border-radius: 24px !important; box-shadow: 0 16px 36px rgba(112, 72, 216, 0.15), 0 5px 14px rgba(112, 72, 216, 0.08), inset 0 1px 0 #ffffff !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* Soft purple glow */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter::before { content: "" !important; position: absolute !important; top: -75px !important; right: -70px !important; width: 170px !important; height: 170px !important; background: rgba(167, 139, 250, 0.20) !important; border-radius: 50% !important; filter: blur(5px) !important; z-index: 0 !important; } /* Decorative bottom line */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 72px !important; height: 4px !important; background: linear-gradient( 90deg, #a78bfa, #7048d8, #a78bfa ) !important; border-radius: 999px !important; transform: translateX(-50%) !important; z-index: 2 !important; } /* Number wrapper */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-number-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; align-items: baseline !important; justify-content: center !important; gap: 2px !important; margin: 0 0 10px !important; line-height: 1 !important; } /* Counter number */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-number { color: #7048d8 !important; font-size: clamp(34px, 4vw, 50px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -1.5px !important; text-shadow: 0 5px 14px rgba(112, 72, 216, 0.16) !important; } /* Prefix and suffix */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-number-prefix, .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-number-suffix { color: #7048d8 !important; font-size: clamp(22px, 2.5vw, 30px) !important; font-weight: 800 !important; line-height: 1 !important; } /* Counter title */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-title { position: relative !important; z-index: 2 !important; margin: 0 !important; color: #5e5277 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter:hover { transform: translateY(-7px) !important; border-color: #b99cff !important; box-shadow: 0 24px 45px rgba(112, 72, 216, 0.24), 0 0 0 6px rgba(112, 72, 216, 0.07), inset 0 1px 0 #ffffff !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter { min-height: 145px !important; padding: 24px 14px 21px !important; border-radius: 20px !important; } .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-number { font-size: 36px !important; } .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-number-prefix, .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-number-suffix { font-size: 23px !important; } .elementor-2889 .elementor-element.elementor-element-f3b1912 .elementor-counter-title { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for testimonial, class: .elementor-element-abba0f5 *//* ========================================= PREMIUM WHITE + PURPLE TESTIMONIAL ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-abba0f5, .elementor-2889 .elementor-element.elementor-element-abba0f5 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5 { --purple: #7048d8; --purple-dark: #4f35a8; --purple-light: #a78bfa; --soft-purple: #f5efff; --heading: #24183f; --text: #625875; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 285px !important; padding: 32px 30px 28px !important; background: radial-gradient( circle at 100% 0%, rgba(167, 139, 250, 0.25), transparent 34% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 52%, #f3edff 100% ) !important; border: 1px solid rgba(112, 72, 216, 0.20) !important; border-radius: 26px !important; box-shadow: 0 20px 45px rgba(112, 72, 216, 0.15), 0 6px 16px rgba(112, 72, 216, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; } /* Top gradient line */ .elementor-2889 .elementor-element.elementor-element-abba0f5::before { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; width: 76% !important; height: 4px !important; background: linear-gradient( 90deg, transparent, #7048d8, #a78bfa, #7048d8, transparent ) !important; border-radius: 999px !important; opacity: 0.9 !important; } /* Soft glass shine */ .elementor-2889 .elementor-element.elementor-element-abba0f5::after { content: "" !important; position: absolute !important; top: -90px !important; right: -80px !important; width: 210px !important; height: 210px !important; background: rgba(255, 255, 255, 0.48) !important; border-radius: 50% !important; filter: blur(4px) !important; pointer-events: none !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-abba0f5:hover { transform: translateY(-8px) !important; border-color: rgba(112, 72, 216, 0.42) !important; box-shadow: 0 28px 60px rgba(112, 72, 216, 0.23), 0 10px 22px rgba(112, 72, 216, 0.12), inset 0 1px 0 #ffffff !important; } /* Content wrapper */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; } /* Quote text */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-content, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__text { position: relative !important; margin: 0 0 26px !important; padding: 28px 4px 0 !important; color: var(--text) !important; font-size: 16px !important; line-height: 1.75 !important; font-weight: 500 !important; text-align: left !important; } /* Quote icon */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-content::before, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__text::before { content: "“" !important; position: absolute !important; top: -16px !important; left: 0 !important; color: var(--purple) !important; font-family: Georgia, serif !important; font-size: 68px !important; font-weight: 900 !important; line-height: 1 !important; opacity: 0.28 !important; } /* Star rating */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-content::after, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__text::after { content: "★★★★★" !important; display: block !important; margin-top: 16px !important; color: #f4a62a !important; font-size: 17px !important; letter-spacing: 4px !important; line-height: 1 !important; } /* Testimonial bottom information */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-meta, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__footer { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; gap: 13px !important; margin-top: auto !important; padding-top: 20px !important; border-top: 1px solid rgba(112, 72, 216, 0.14) !important; } /* Profile image */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__image img { width: 58px !important; height: 58px !important; min-width: 58px !important; object-fit: cover !important; border: 3px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 0 2px var(--purple-light), 0 8px 18px rgba(112, 72, 216, 0.22) !important; transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5:hover .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-abba0f5:hover .elementor-testimonial__image img { transform: scale(1.08) rotate(3deg) !important; } /* Name */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-name, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__name { margin: 0 0 3px !important; color: var(--heading) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.25 !important; } /* Job title */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-job, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__title { margin: 0 !important; color: var(--purple-dark) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; } /* Carousel support */ .elementor-2889 .elementor-element.elementor-element-abba0f5 .swiper-slide { height: auto !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5 .swiper-slide .elementor-testimonial { height: 100% !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-abba0f5 { min-height: 260px !important; padding: 25px 21px 23px !important; border-radius: 22px !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-content, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__text { margin-bottom: 22px !important; padding-top: 25px !important; font-size: 14px !important; line-height: 1.65 !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-content::before, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__text::before { font-size: 58px !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__image img { width: 50px !important; height: 50px !important; min-width: 50px !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-name, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__name { font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial-job, .elementor-2889 .elementor-element.elementor-element-abba0f5 .elementor-testimonial__title { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for testimonial, class: .elementor-element-c2ac5fd *//* ========================================= PREMIUM WHITE + PURPLE TESTIMONIAL ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd, .elementor-2889 .elementor-element.elementor-element-c2ac5fd * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd { --purple: #7048d8; --purple-dark: #4f35a8; --purple-light: #a78bfa; --soft-purple: #f5efff; --heading: #24183f; --text: #625875; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 285px !important; padding: 32px 30px 28px !important; background: radial-gradient( circle at 100% 0%, rgba(167, 139, 250, 0.25), transparent 34% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 52%, #f3edff 100% ) !important; border: 1px solid rgba(112, 72, 216, 0.20) !important; border-radius: 26px !important; box-shadow: 0 20px 45px rgba(112, 72, 216, 0.15), 0 6px 16px rgba(112, 72, 216, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; } /* Top gradient line */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd::before { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; width: 76% !important; height: 4px !important; background: linear-gradient( 90deg, transparent, #7048d8, #a78bfa, #7048d8, transparent ) !important; border-radius: 999px !important; opacity: 0.9 !important; } /* Soft glass shine */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd::after { content: "" !important; position: absolute !important; top: -90px !important; right: -80px !important; width: 210px !important; height: 210px !important; background: rgba(255, 255, 255, 0.48) !important; border-radius: 50% !important; filter: blur(4px) !important; pointer-events: none !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd:hover { transform: translateY(-8px) !important; border-color: rgba(112, 72, 216, 0.42) !important; box-shadow: 0 28px 60px rgba(112, 72, 216, 0.23), 0 10px 22px rgba(112, 72, 216, 0.12), inset 0 1px 0 #ffffff !important; } /* Content wrapper */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; } /* Quote text */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-content, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__text { position: relative !important; margin: 0 0 26px !important; padding: 28px 4px 0 !important; color: var(--text) !important; font-size: 16px !important; line-height: 1.75 !important; font-weight: 500 !important; text-align: left !important; } /* Quote icon */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-content::before, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__text::before { content: "“" !important; position: absolute !important; top: -16px !important; left: 0 !important; color: var(--purple) !important; font-family: Georgia, serif !important; font-size: 68px !important; font-weight: 900 !important; line-height: 1 !important; opacity: 0.28 !important; } /* Star rating */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-content::after, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__text::after { content: "★★★★★" !important; display: block !important; margin-top: 16px !important; color: #f4a62a !important; font-size: 17px !important; letter-spacing: 4px !important; line-height: 1 !important; } /* Testimonial bottom information */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-meta, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__footer { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; gap: 13px !important; margin-top: auto !important; padding-top: 20px !important; border-top: 1px solid rgba(112, 72, 216, 0.14) !important; } /* Profile image */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__image img { width: 58px !important; height: 58px !important; min-width: 58px !important; object-fit: cover !important; border: 3px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 0 2px var(--purple-light), 0 8px 18px rgba(112, 72, 216, 0.22) !important; transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd:hover .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-c2ac5fd:hover .elementor-testimonial__image img { transform: scale(1.08) rotate(3deg) !important; } /* Name */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-name, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__name { margin: 0 0 3px !important; color: var(--heading) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.25 !important; } /* Job title */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-job, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__title { margin: 0 !important; color: var(--purple-dark) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; } /* Carousel support */ .elementor-2889 .elementor-element.elementor-element-c2ac5fd .swiper-slide { height: auto !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd .swiper-slide .elementor-testimonial { height: 100% !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-c2ac5fd { min-height: 260px !important; padding: 25px 21px 23px !important; border-radius: 22px !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-content, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__text { margin-bottom: 22px !important; padding-top: 25px !important; font-size: 14px !important; line-height: 1.65 !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-content::before, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__text::before { font-size: 58px !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__image img { width: 50px !important; height: 50px !important; min-width: 50px !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-name, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__name { font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial-job, .elementor-2889 .elementor-element.elementor-element-c2ac5fd .elementor-testimonial__title { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for testimonial, class: .elementor-element-54839fc *//* ========================================= PREMIUM WHITE + PURPLE TESTIMONIAL ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-54839fc, .elementor-2889 .elementor-element.elementor-element-54839fc * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-54839fc { --purple: #7048d8; --purple-dark: #4f35a8; --purple-light: #a78bfa; --soft-purple: #f5efff; --heading: #24183f; --text: #625875; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; min-height: 285px !important; padding: 32px 30px 28px !important; background: radial-gradient( circle at 100% 0%, rgba(167, 139, 250, 0.25), transparent 34% ), linear-gradient( 135deg, #ffffff 0%, #fcfaff 52%, #f3edff 100% ) !important; border: 1px solid rgba(112, 72, 216, 0.20) !important; border-radius: 26px !important; box-shadow: 0 20px 45px rgba(112, 72, 216, 0.15), 0 6px 16px rgba(112, 72, 216, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; } /* Top gradient line */ .elementor-2889 .elementor-element.elementor-element-54839fc::before { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; width: 76% !important; height: 4px !important; background: linear-gradient( 90deg, transparent, #7048d8, #a78bfa, #7048d8, transparent ) !important; border-radius: 999px !important; opacity: 0.9 !important; } /* Soft glass shine */ .elementor-2889 .elementor-element.elementor-element-54839fc::after { content: "" !important; position: absolute !important; top: -90px !important; right: -80px !important; width: 210px !important; height: 210px !important; background: rgba(255, 255, 255, 0.48) !important; border-radius: 50% !important; filter: blur(4px) !important; pointer-events: none !important; } /* Hover effect */ .elementor-2889 .elementor-element.elementor-element-54839fc:hover { transform: translateY(-8px) !important; border-color: rgba(112, 72, 216, 0.42) !important; box-shadow: 0 28px 60px rgba(112, 72, 216, 0.23), 0 10px 22px rgba(112, 72, 216, 0.12), inset 0 1px 0 #ffffff !important; } /* Content wrapper */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; } /* Quote text */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-content, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__text { position: relative !important; margin: 0 0 26px !important; padding: 28px 4px 0 !important; color: var(--text) !important; font-size: 16px !important; line-height: 1.75 !important; font-weight: 500 !important; text-align: left !important; } /* Quote icon */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-content::before, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__text::before { content: "“" !important; position: absolute !important; top: -16px !important; left: 0 !important; color: var(--purple) !important; font-family: Georgia, serif !important; font-size: 68px !important; font-weight: 900 !important; line-height: 1 !important; opacity: 0.28 !important; } /* Star rating */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-content::after, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__text::after { content: "★★★★★" !important; display: block !important; margin-top: 16px !important; color: #f4a62a !important; font-size: 17px !important; letter-spacing: 4px !important; line-height: 1 !important; } /* Testimonial bottom information */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-meta, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__footer { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; gap: 13px !important; margin-top: auto !important; padding-top: 20px !important; border-top: 1px solid rgba(112, 72, 216, 0.14) !important; } /* Profile image */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__image img { width: 58px !important; height: 58px !important; min-width: 58px !important; object-fit: cover !important; border: 3px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 0 2px var(--purple-light), 0 8px 18px rgba(112, 72, 216, 0.22) !important; transition: transform 0.35s ease !important; } .elementor-2889 .elementor-element.elementor-element-54839fc:hover .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-54839fc:hover .elementor-testimonial__image img { transform: scale(1.08) rotate(3deg) !important; } /* Name */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-name, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__name { margin: 0 0 3px !important; color: var(--heading) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.25 !important; } /* Job title */ .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-job, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__title { margin: 0 !important; color: var(--purple-dark) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; } /* Carousel support */ .elementor-2889 .elementor-element.elementor-element-54839fc .swiper-slide { height: auto !important; } .elementor-2889 .elementor-element.elementor-element-54839fc .swiper-slide .elementor-testimonial { height: 100% !important; } /* Mobile responsive */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-54839fc { min-height: 260px !important; padding: 25px 21px 23px !important; border-radius: 22px !important; } .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-content, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__text { margin-bottom: 22px !important; padding-top: 25px !important; font-size: 14px !important; line-height: 1.65 !important; } .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-content::before, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__text::before { font-size: 58px !important; } .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-image img, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__image img { width: 50px !important; height: 50px !important; min-width: 50px !important; } .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-name, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__name { font-size: 15px !important; } .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial-job, .elementor-2889 .elementor-element.elementor-element-54839fc .elementor-testimonial__title { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ea070da *//* ========================================= COMPACT PREMIUM PURPLE HERO FULLY RESPONSIVE ELEMENTOR CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-ea070da, .elementor-2889 .elementor-element.elementor-element-ea070da * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-ea070da { --purple-dark: #281154; --purple-main: #35176f; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: clamp(300px, 28vw, 370px) !important; margin: 0 !important; padding: clamp(30px, 5vw, 56px) clamp(20px, 6vw, 74px) !important; border-radius: 14px !important; background: radial-gradient( circle at 88% 18%, rgba(124, 82, 190, 0.38), transparent 31% ), linear-gradient( 135deg, var(--purple-dark) 0%, var(--purple-main) 56%, #2b125e 100% ) !important; } /* Remove unnecessary inner height */ .elementor-2889 .elementor-element.elementor-element-ea070da .elementor-container, .elementor-2889 .elementor-element.elementor-element-ea070da .elementor-row, .elementor-2889 .elementor-element.elementor-element-ea070da .elementor-widget-wrap, .elementor-2889 .elementor-element.elementor-element-ea070da .e-con { min-height: 0 !important; height: auto !important; max-width: 100% !important; min-width: 0 !important; } /* ========================================= DOT PATTERN ========================================= */ .elementor-2889 .elementor-element.elementor-element-ea070da::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 24% !important; left: 0 !important; width: min(250px, 30%) !important; height: 160px !important; background-image: radial-gradient( circle, rgba(255, 255, 255, 0.22) 1.3px, transparent 1.7px ) !important; background-size: 17px 17px !important; -webkit-mask-image: linear-gradient( to right, #000 0%, #000 48%, transparent 100% ) !important; mask-image: linear-gradient( to right, #000 0%, #000 48%, transparent 100% ) !important; opacity: 0.65 !important; pointer-events: none !important; } /* ========================================= CURVED PURPLE SHAPE ========================================= */ .elementor-2889 .elementor-element.elementor-element-ea070da::after { content: "" !important; position: absolute !important; z-index: 0 !important; top: -20% !important; right: -12% !important; width: 58% !important; height: 105% !important; border-radius: 54% 0 0 46% !important; background: radial-gradient( ellipse at 31% 24%, rgba(174, 135, 232, 0.4), transparent 43% ), linear-gradient( 125deg, #704cae 0%, #5a398f 50%, #3b2475 100% ) !important; transform: rotate(-8deg) !important; box-shadow: -48px 190px 0 rgba(83, 55, 143, 0.96), -18px 215px 30px rgba(20, 7, 50, 0.22) !important; pointer-events: none !important; } /* Content above background */ .elementor-2889 .elementor-element.elementor-element-ea070da > * { position: relative !important; z-index: 2 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-ea070da { min-height: 340px !important; padding: 38px 5vw 48px !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::before { width: 220px !important; height: 145px !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::after { width: 64% !important; right: -15% !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-ea070da { min-height: 390px !important; padding: 28px 18px 120px !important; border-radius: 12px !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::before { top: 58px !important; left: -5px !important; width: 170px !important; height: 130px !important; background-size: 15px 15px !important; opacity: 0.58 !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::after { top: auto !important; right: -34% !important; bottom: -28% !important; width: 140% !important; height: 58% !important; border-radius: 52% 0 0 0 !important; transform: rotate(-6deg) !important; box-shadow: -24px -15px 0 rgba(88, 59, 148, 0.96) !important; } } /* ========================================= SMALL PHONES ========================================= */ @media (max-width: 480px) { .elementor-2889 .elementor-element.elementor-element-ea070da { min-height: 350px !important; padding: 24px 16px 105px !important; border-radius: 10px !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::before { top: 52px !important; width: 145px !important; height: 115px !important; background-size: 14px 14px !important; opacity: 0.5 !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::after { right: -40% !important; bottom: -30% !important; width: 150% !important; height: 56% !important; } } /* ========================================= EXTRA SMALL DEVICES ========================================= */ @media (max-width: 360px) { .elementor-2889 .elementor-element.elementor-element-ea070da { min-height: 325px !important; padding: 22px 14px 90px !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::before { width: 125px !important; height: 100px !important; } .elementor-2889 .elementor-element.elementor-element-ea070da::after { right: -45% !important; width: 158% !important; } } /* ========================================= ACCESSIBILITY ========================================= */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-ea070da, .elementor-2889 .elementor-element.elementor-element-ea070da::before, .elementor-2889 .elementor-element.elementor-element-ea070da::after, .elementor-2889 .elementor-element.elementor-element-ea070da * { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-78d04eb *//* ===================================== CENTERED THICK HEADING LINE ===================================== */ .elementor-2889 .elementor-element.elementor-element-78d04eb { position: relative !important; overflow: visible !important; } .elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title { position: relative !important; display: block !important; margin: 0 !important; padding-bottom: 20px !important; text-align: center !important; } /* Thick centered line */ .elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 285px !important; height: 7px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(104, 64, 190, 0.12) 0%, #7043ca 18%, #895cdd 50%, #7043ca 82%, rgba(104, 64, 190, 0.12) 100% ) !important; clip-path: polygon( 0 42%, 100% 0, 100% 64%, 0 100% ) !important; transform: translateX(-50%) rotate(-1deg) !important; transform-origin: center !important; box-shadow: 0 4px 12px rgba(105, 64, 194, 0.32) !important; pointer-events: none !important; } /* Bright center shine */ .elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 95px !important; height: 2px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; transform: translateX(-50%) rotate(-1deg) !important; pointer-events: none !important; } /* Tablet */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title::after { width: 245px !important; height: 6px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title { padding-bottom: 15px !important; } .elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title::after { width: 180px !important; height: 5px !important; } .elementor-2889 .elementor-element.elementor-element-78d04eb .elementor-heading-title::before { width: 60px !important; height: 2px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3dcb8fc *//* ========================================= PREMIUM WHITE RESPONSIVE FAQ ========================================= */ .nx-faq-section, .nx-faq-section * { box-sizing: border-box !important; } .nx-faq-section { width: 100% !important; padding: clamp(22px, 5vw, 60px) 14px !important; background: #ffffff !important; } .nx-faq-list { width: 100% !important; max-width: 920px !important; margin: 0 auto !important; display: grid !important; gap: 16px !important; } .nx-faq-item { position: relative !important; overflow: hidden !important; border: 1px solid #ded2ff !important; border-radius: 20px !important; background: linear-gradient( 135deg, #ffffff 0%, #fcfaff 55%, #f4efff 100% ) !important; box-shadow: 0 12px 28px rgba(112, 72, 216, 0.09), inset 0 1px 0 #ffffff !important; transition: 0.3s ease !important; } .nx-faq-item:hover { transform: translateY(-3px) !important; border-color: #b9a3f5 !important; box-shadow: 0 18px 34px rgba(112, 72, 216, 0.16), inset 0 1px 0 #ffffff !important; } .nx-faq-item[open] { border-color: #7048d8 !important; box-shadow: 0 18px 38px rgba(112, 72, 216, 0.18), 0 0 0 3px rgba(112, 72, 216, 0.07) !important; } .nx-faq-item summary { min-height: 70px !important; padding: 19px 22px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; cursor: pointer !important; list-style: none !important; color: #24183f !important; font-size: clamp(15px, 1.7vw, 18px) !important; font-weight: 700 !important; line-height: 1.4 !important; } .nx-faq-item summary::-webkit-details-marker { display: none !important; } .nx-faq-item summary::marker { display: none !important; } .nx-faq-toggle { position: relative !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; display: block !important; border-radius: 50% !important; background: #f0eaff !important; transition: 0.3s ease !important; } .nx-faq-toggle::before, .nx-faq-toggle::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 12px !important; height: 2px !important; border-radius: 10px !important; background: #7048d8 !important; transform: translate(-50%, -50%) !important; } .nx-faq-toggle::after { transform: translate(-50%, -50%) rotate(90deg) !important; } .nx-faq-item[open] .nx-faq-toggle { background: #7048d8 !important; transform: rotate(45deg) !important; } .nx-faq-item[open] .nx-faq-toggle::before, .nx-faq-item[open] .nx-faq-toggle::after { background: #ffffff !important; } .nx-faq-answer { padding: 0 22px 22px !important; animation: nxFaqFade 0.35s ease both !important; } .nx-faq-answer p { margin: 0 !important; color: #655b78 !important; font-size: clamp(14px, 1.5vw, 16px) !important; font-weight: 400 !important; line-height: 1.8 !important; } @keyframes nxFaqFade { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* Mobile Responsive */ @media (max-width: 600px) { .nx-faq-section { padding: 24px 12px !important; } .nx-faq-list { gap: 12px !important; } .nx-faq-item { border-radius: 16px !important; } .nx-faq-item summary { min-height: 62px !important; padding: 16px 15px !important; font-size: 15px !important; } .nx-faq-answer { padding: 0 15px 17px !important; } .nx-faq-answer p { font-size: 14px !important; line-height: 1.7 !important; } .nx-faq-toggle { flex-basis: 25px !important; width: 25px !important; height: 25px !important; } } @media (prefers-reduced-motion: reduce) { .nx-faq-item, .nx-faq-toggle, .nx-faq-answer { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f420c0 *//* ========================================= COMPACT PREMIUM PURPLE HERO FULLY RESPONSIVE ELEMENTOR CSS ========================================= */ .elementor-2889 .elementor-element.elementor-element-0f420c0, .elementor-2889 .elementor-element.elementor-element-0f420c0 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0 { --purple-dark: #281154; --purple-main: #35176f; position: relative !important; isolation: isolate !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: clamp(300px, 28vw, 370px) !important; margin: 0 !important; padding: clamp(30px, 5vw, 56px) clamp(20px, 6vw, 74px) !important; border-radius: 14px !important; background: radial-gradient( circle at 88% 18%, rgba(124, 82, 190, 0.38), transparent 31% ), linear-gradient( 135deg, var(--purple-dark) 0%, var(--purple-main) 56%, #2b125e 100% ) !important; } /* Remove unnecessary inner height */ .elementor-2889 .elementor-element.elementor-element-0f420c0 .elementor-container, .elementor-2889 .elementor-element.elementor-element-0f420c0 .elementor-row, .elementor-2889 .elementor-element.elementor-element-0f420c0 .elementor-widget-wrap, .elementor-2889 .elementor-element.elementor-element-0f420c0 .e-con { min-height: 0 !important; height: auto !important; max-width: 100% !important; min-width: 0 !important; } /* ========================================= DOT PATTERN ========================================= */ .elementor-2889 .elementor-element.elementor-element-0f420c0::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 24% !important; left: 0 !important; width: min(250px, 30%) !important; height: 160px !important; background-image: radial-gradient( circle, rgba(255, 255, 255, 0.22) 1.3px, transparent 1.7px ) !important; background-size: 17px 17px !important; -webkit-mask-image: linear-gradient( to right, #000 0%, #000 48%, transparent 100% ) !important; mask-image: linear-gradient( to right, #000 0%, #000 48%, transparent 100% ) !important; opacity: 0.65 !important; pointer-events: none !important; } /* ========================================= CURVED PURPLE SHAPE ========================================= */ .elementor-2889 .elementor-element.elementor-element-0f420c0::after { content: "" !important; position: absolute !important; z-index: 0 !important; top: -20% !important; right: -12% !important; width: 58% !important; height: 105% !important; border-radius: 54% 0 0 46% !important; background: radial-gradient( ellipse at 31% 24%, rgba(174, 135, 232, 0.4), transparent 43% ), linear-gradient( 125deg, #704cae 0%, #5a398f 50%, #3b2475 100% ) !important; transform: rotate(-8deg) !important; box-shadow: -48px 190px 0 rgba(83, 55, 143, 0.96), -18px 215px 30px rgba(20, 7, 50, 0.22) !important; pointer-events: none !important; } /* Content above background */ .elementor-2889 .elementor-element.elementor-element-0f420c0 > * { position: relative !important; z-index: 2 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-2889 .elementor-element.elementor-element-0f420c0 { min-height: 340px !important; padding: 38px 5vw 48px !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::before { width: 220px !important; height: 145px !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::after { width: 64% !important; right: -15% !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-0f420c0 { min-height: 390px !important; padding: 28px 18px 120px !important; border-radius: 12px !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::before { top: 58px !important; left: -5px !important; width: 170px !important; height: 130px !important; background-size: 15px 15px !important; opacity: 0.58 !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::after { top: auto !important; right: -34% !important; bottom: -28% !important; width: 140% !important; height: 58% !important; border-radius: 52% 0 0 0 !important; transform: rotate(-6deg) !important; box-shadow: -24px -15px 0 rgba(88, 59, 148, 0.96) !important; } } /* ========================================= SMALL PHONES ========================================= */ @media (max-width: 480px) { .elementor-2889 .elementor-element.elementor-element-0f420c0 { min-height: 350px !important; padding: 24px 16px 105px !important; border-radius: 10px !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::before { top: 52px !important; width: 145px !important; height: 115px !important; background-size: 14px 14px !important; opacity: 0.5 !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::after { right: -40% !important; bottom: -30% !important; width: 150% !important; height: 56% !important; } } /* ========================================= EXTRA SMALL DEVICES ========================================= */ @media (max-width: 360px) { .elementor-2889 .elementor-element.elementor-element-0f420c0 { min-height: 325px !important; padding: 22px 14px 90px !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::before { width: 125px !important; height: 100px !important; } .elementor-2889 .elementor-element.elementor-element-0f420c0::after { right: -45% !important; width: 158% !important; } } /* ========================================= ACCESSIBILITY ========================================= */ @media (prefers-reduced-motion: reduce) { .elementor-2889 .elementor-element.elementor-element-0f420c0, .elementor-2889 .elementor-element.elementor-element-0f420c0::before, .elementor-2889 .elementor-element.elementor-element-0f420c0::after, .elementor-2889 .elementor-element.elementor-element-0f420c0 * { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-4ab8a64 *//* ========================================= PREMIUM WHATSAPP ICON ELEMENTOR PRO ========================================= */ .elementor-2889 .elementor-element.elementor-element-4ab8a64, .elementor-2889 .elementor-element.elementor-element-4ab8a64 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon { position: relative !important; isolation: isolate !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 64px !important; height: 64px !important; border-radius: 50% !important; color: #ffffff !important; background: linear-gradient( 145deg, #39e879 0%, #25d366 48%, #0b9f58 100% ) !important; box-shadow: 0 12px 28px rgba(37, 211, 102, 0.38), inset 0 2px 5px rgba(255, 255, 255, 0.45), inset 0 -4px 8px rgba(0, 80, 45, 0.18) !important; transition: all 0.35s ease !important; } /* WhatsApp icon */ .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon svg { position: relative !important; z-index: 3 !important; color: #ffffff !important; fill: currentColor !important; font-size: 29px !important; } /* Glossy shine */ .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon::after { content: "" !important; position: absolute !important; top: 5px !important; left: 10px !important; width: 30px !important; height: 14px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.30) !important; transform: rotate(-25deg) !important; z-index: 2 !important; } /* Outer glow */ .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon::before { content: "" !important; position: absolute !important; inset: -6px !important; border: 2px solid #25d366 !important; border-radius: 50% !important; opacity: 0.45 !important; z-index: -1 !important; animation: nx-whatsapp-pulse 2s infinite !important; } /* Hover */ .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon:hover { color: #ffffff !important; transform: translateY(-6px) scale(1.10) rotate(5deg) !important; box-shadow: 0 18px 36px rgba(37, 211, 102, 0.50), inset 0 2px 6px rgba(255, 255, 255, 0.55) !important; } /* Pulse animation */ @keyframes nx-whatsapp-pulse { 0% { transform: scale(0.90); opacity: 0.50; } 70% { transform: scale(1.18); opacity: 0; } 100% { opacity: 0; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon { width: 56px !important; height: 56px !important; } .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-4ab8a64 .elementor-icon svg { font-size: 25px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-99a6b75 *//* ========================================= PREMIUM BLUE PHONE ICON ELEMENTOR PRO ========================================= */ .elementor-2889 .elementor-element.elementor-element-99a6b75, .elementor-2889 .elementor-element.elementor-element-99a6b75 * { box-sizing: border-box !important; } .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon { position: relative !important; isolation: isolate !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 64px !important; height: 64px !important; border-radius: 50% !important; color: #ffffff !important; background: linear-gradient( 145deg, #7dd3fc 0%, #2563eb 48%, #1e40af 100% ) !important; box-shadow: 0 12px 28px rgba(37, 99, 235, 0.40), inset 0 2px 6px rgba(255, 255, 255, 0.45), inset 0 -4px 8px rgba(15, 45, 130, 0.25) !important; transition: all 0.35s ease !important; } /* Phone icon */ .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon svg { position: relative !important; z-index: 3 !important; color: #ffffff !important; fill: currentColor !important; font-size: 28px !important; } /* Glossy shine */ .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon::after { content: "" !important; position: absolute !important; top: 5px !important; left: 10px !important; width: 30px !important; height: 14px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.30) !important; transform: rotate(-25deg) !important; z-index: 2 !important; } /* Blue glow ring */ .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon::before { content: "" !important; position: absolute !important; inset: -6px !important; border: 2px solid #38bdf8 !important; border-radius: 50% !important; opacity: 0.45 !important; z-index: -1 !important; animation: nx-phone-pulse 2s infinite !important; } /* Hover */ .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon:hover { color: #ffffff !important; transform: translateY(-6px) scale(1.10) rotate(-5deg) !important; box-shadow: 0 18px 38px rgba(37, 99, 235, 0.55), inset 0 2px 7px rgba(255, 255, 255, 0.55) !important; } /* Animation */ @keyframes nx-phone-pulse { 0% { transform: scale(0.90); opacity: 0.50; } 70% { transform: scale(1.18); opacity: 0; } 100% { opacity: 0; } } /* Mobile */ @media (max-width: 767px) { .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon { width: 56px !important; height: 56px !important; } .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon i, .elementor-2889 .elementor-element.elementor-element-99a6b75 .elementor-icon svg { font-size: 24px !important; } }/* End custom CSS */