.elementor-306 .elementor-element.elementor-element-b8d3821{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0000000D;--border-color:#0000000D;--padding-top:17px;--padding-bottom:17px;--padding-left:32px;--padding-right:015px;top:0px;}.elementor-306 .elementor-element.elementor-element-b8d3821:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-b8d3821 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-b8d3821{left:0px;}body.rtl .elementor-306 .elementor-element.elementor-element-b8d3821{right:0px;}.elementor-widget-theme-site-logo .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-306 .elementor-element.elementor-element-86f5a38{text-align:center;}.elementor-306 .elementor-element.elementor-element-86f5a38 img{width:100%;max-width:100%;height:40px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-a665861{--display:flex;}.elementor-306 .elementor-element.elementor-element-572d939{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D5DB;--border-color:#D1D5DB;--border-radius:22px 22px 22px 22px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-306 .elementor-element.elementor-element-572d939.e-con{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-316f507{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-color:#D1D5DB;--border-color:#D1D5DB;}.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-306 .elementor-element.elementor-element-ea15ce4 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#000000;}.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-306 .elementor-element.elementor-element-643d931{--divider-border-style:solid;--divider-color:#C1C1C1;--divider-border-width:1px;}.elementor-306 .elementor-element.elementor-element-643d931 .elementor-divider-separator{width:100%;}.elementor-306 .elementor-element.elementor-element-643d931 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-306 .elementor-element.elementor-element-899ec3b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-962981e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-306 .elementor-element.elementor-element-646ba95.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-306 .elementor-element.elementor-element-646ba95 .elementor-icon-wrapper{text-align:start;}.elementor-306 .elementor-element.elementor-element-646ba95.elementor-view-stacked .elementor-icon{background-color:#DBEAFE;color:#2563EB;}.elementor-306 .elementor-element.elementor-element-646ba95.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-646ba95.elementor-view-default .elementor-icon{color:#DBEAFE;border-color:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-646ba95.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-646ba95.elementor-view-default .elementor-icon svg{fill:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-646ba95.elementor-view-framed .elementor-icon{background-color:#2563EB;}.elementor-306 .elementor-element.elementor-element-646ba95.elementor-view-stacked .elementor-icon svg{fill:#2563EB;}.elementor-306 .elementor-element.elementor-element-646ba95 .elementor-icon{font-size:22px;border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-646ba95 .elementor-icon svg{height:22px;}.elementor-306 .elementor-element.elementor-element-fad5c23{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-306 .elementor-element.elementor-element-ad2efde{padding:-8px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-ad2efde.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-ad2efde .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:14px;font-weight:600;color:#383838;}.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-306 .elementor-element.elementor-element-7782959{font-family:"Inter", Sans-serif;font-size:11px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-eacba7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-306 .elementor-element.elementor-element-ddb91d6 .elementor-icon-wrapper{text-align:start;}.elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-view-stacked .elementor-icon{background-color:#DBEAFE;color:#2563EB;}.elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-view-default .elementor-icon{color:#DBEAFE;border-color:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-view-default .elementor-icon svg{fill:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-view-framed .elementor-icon{background-color:#2563EB;}.elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-view-stacked .elementor-icon svg{fill:#2563EB;}.elementor-306 .elementor-element.elementor-element-ddb91d6 .elementor-icon{font-size:22px;border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-ddb91d6 .elementor-icon svg{height:22px;}.elementor-306 .elementor-element.elementor-element-cbbffbb{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-306 .elementor-element.elementor-element-c131b50{padding:-8px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-c131b50.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-c131b50 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:14px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-54c4ec3{font-family:"Inter", Sans-serif;font-size:11px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-0294ecd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-306 .elementor-element.elementor-element-74f60e6.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-306 .elementor-element.elementor-element-74f60e6 .elementor-icon-wrapper{text-align:start;}.elementor-306 .elementor-element.elementor-element-74f60e6.elementor-view-stacked .elementor-icon{background-color:#DBEAFE;color:#2563EB;}.elementor-306 .elementor-element.elementor-element-74f60e6.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-74f60e6.elementor-view-default .elementor-icon{color:#DBEAFE;border-color:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-74f60e6.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-74f60e6.elementor-view-default .elementor-icon svg{fill:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-74f60e6.elementor-view-framed .elementor-icon{background-color:#2563EB;}.elementor-306 .elementor-element.elementor-element-74f60e6.elementor-view-stacked .elementor-icon svg{fill:#2563EB;}.elementor-306 .elementor-element.elementor-element-74f60e6 .elementor-icon{font-size:22px;border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-74f60e6 .elementor-icon svg{height:22px;}.elementor-306 .elementor-element.elementor-element-b2a53b8{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-306 .elementor-element.elementor-element-cd82ff2{padding:-7px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-cd82ff2.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-cd82ff2 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:14px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-bb1675b{font-family:"Inter", Sans-serif;font-size:11px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-d5dc542{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-306 .elementor-element.elementor-element-08d6d29.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-306 .elementor-element.elementor-element-08d6d29 .elementor-icon-wrapper{text-align:start;}.elementor-306 .elementor-element.elementor-element-08d6d29.elementor-view-stacked .elementor-icon{background-color:#DBEAFE;color:#2563EB;}.elementor-306 .elementor-element.elementor-element-08d6d29.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-08d6d29.elementor-view-default .elementor-icon{color:#DBEAFE;border-color:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-08d6d29.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-08d6d29.elementor-view-default .elementor-icon svg{fill:#DBEAFE;}.elementor-306 .elementor-element.elementor-element-08d6d29.elementor-view-framed .elementor-icon{background-color:#2563EB;}.elementor-306 .elementor-element.elementor-element-08d6d29.elementor-view-stacked .elementor-icon svg{fill:#2563EB;}.elementor-306 .elementor-element.elementor-element-08d6d29 .elementor-icon{font-size:22px;border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-08d6d29 .elementor-icon svg{height:22px;}.elementor-306 .elementor-element.elementor-element-04d70c2{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-306 .elementor-element.elementor-element-4acd4f9{padding:-9px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-4acd4f9.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-4acd4f9 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:14px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-ea8270f{font-family:"Inter", Sans-serif;font-size:11px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-e7b4cca{--divider-border-style:solid;--divider-color:#C1C1C1;--divider-border-width:1px;}.elementor-306 .elementor-element.elementor-element-e7b4cca .elementor-divider-separator{width:100%;}.elementor-306 .elementor-element.elementor-element-e7b4cca .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-306 .elementor-element.elementor-element-47cd7aa{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D5DB;--border-color:#D1D5DB;--border-radius:22px 22px 22px 22px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-306 .elementor-element.elementor-element-47cd7aa.e-con{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-b03666e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-306 .elementor-element.elementor-element-b03666e.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-306 .elementor-element.elementor-element-4a50807 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:22px;font-weight:700;color:#000000;}.elementor-306 .elementor-element.elementor-element-d9deae8{--divider-border-style:solid;--divider-color:#C1C1C1;--divider-border-width:1px;}.elementor-306 .elementor-element.elementor-element-d9deae8 .elementor-divider-separator{width:100%;}.elementor-306 .elementor-element.elementor-element-d9deae8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-306 .elementor-element.elementor-element-8a53f5f{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-9edeb5d{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-08d916a{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-08d916a.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-08d916a .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-f4bd3ae{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-b9dbb7d{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-c7e7692{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-c7e7692.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-c7e7692 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-3004da3{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-712cc40{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-342296c{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-342296c.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-342296c .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-8380237{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-78a1f10{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-6c99f93{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-6c99f93.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-6c99f93 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-0e720bd{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-5ee1ed4{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-41d5aba{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-41d5aba.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-41d5aba .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-f2ace4e{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-d9f986a{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-e62cfa8{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-e62cfa8.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-e62cfa8 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-0fb5ebe{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-fc4e95d{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-6a71bd2{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-6a71bd2.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-6a71bd2 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-82d4983{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-cc308b1{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-04544a1{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-04544a1.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-04544a1 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-03851e7{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-feba65d{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-009327d{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-009327d.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-009327d .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-d4c8645{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-89d6467{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-716176d{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-716176d.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-716176d .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-7e72431{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-56dba58{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-e1c132b{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-e1c132b.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-e1c132b .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-a7f3a03{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-f1305b4{--divider-border-style:solid;--divider-color:#C1C1C1;--divider-border-width:1px;}.elementor-306 .elementor-element.elementor-element-f1305b4 .elementor-divider-separator{width:100%;}.elementor-306 .elementor-element.elementor-element-f1305b4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-306 .elementor-element.elementor-element-732dd8d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D5DB;--border-color:#D1D5DB;--border-radius:22px 22px 22px 22px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-306 .elementor-element.elementor-element-669842c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-306 .elementor-element.elementor-element-669842c.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-306 .elementor-element.elementor-element-7803a61 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:22px;font-weight:700;color:#000000;}.elementor-306 .elementor-element.elementor-element-954f62d{--divider-border-style:solid;--divider-color:#C1C1C1;--divider-border-width:1px;}.elementor-306 .elementor-element.elementor-element-954f62d .elementor-divider-separator{width:100%;}.elementor-306 .elementor-element.elementor-element-954f62d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-306 .elementor-element.elementor-element-5e3a238{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-590e42d{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-def1c3c{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-def1c3c.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-def1c3c .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-b17c1da{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-522431f{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-2875f0a{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-2875f0a.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-2875f0a .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-42a2f0e{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-7b2839c{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-91a72f5{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-91a72f5.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-91a72f5 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-c63d446{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-95371a4{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-0751579{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-0751579.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-0751579 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-b272257{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-1fba8f2{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-306 .elementor-element.elementor-element-73269e7{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-73269e7.elementor-element{--align-self:flex-start;}.elementor-306 .elementor-element.elementor-element-73269e7 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;color:#383838;}.elementor-306 .elementor-element.elementor-element-c11ed56{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-306 .elementor-element.elementor-element-6cd78eb{--divider-border-style:solid;--divider-color:#C1C1C1;--divider-border-width:1px;}.elementor-306 .elementor-element.elementor-element-6cd78eb .elementor-divider-separator{width:100%;}.elementor-306 .elementor-element.elementor-element-6cd78eb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-306 .elementor-element.elementor-element-99c9a96{--display:flex;}.elementor-306 .elementor-element.elementor-element-4b24bc3{--display:flex;}.elementor-306 .elementor-element.elementor-element-99c94e4{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#7A7A7A;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-306 .elementor-element.elementor-element-99c94e4.elementor-element{--align-self:center;}.elementor-306 .elementor-element.elementor-element-99c94e4 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-306 .elementor-element.elementor-element-99c94e4 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-306 .elementor-element.elementor-element-99c94e4 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Sora", Sans-serif;font-weight:500;}.elementor-306 .elementor-element.elementor-element-0235dc9{--display:flex;--min-height:0px;--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:flex-end;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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-306 .elementor-element.elementor-element-cd9874d .elementor-button{background-color:#2563EB;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;letter-spacing:0.4px;border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-cd9874d{padding:00px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-cd9874d.elementor-element{--align-self:center;}.elementor-306 .elementor-element.elementor-element-4cd2762 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#0F172A;color:#0F172A;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D1D5DB;border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-4cd2762{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-4cd2762 .elementor-button:hover, .elementor-306 .elementor-element.elementor-element-4cd2762 .elementor-button:focus{color:#0F172A;border-color:#CBD5F5;}.elementor-306 .elementor-element.elementor-element-4cd2762 .elementor-button:hover svg, .elementor-306 .elementor-element.elementor-element-4cd2762 .elementor-button:focus svg{fill:#0F172A;}.elementor-306 .elementor-element.elementor-element-2ec2e8c{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-306 .elementor-element.elementor-element-572d939{--width:56%;}.elementor-306 .elementor-element.elementor-element-316f507{--width:100%;}.elementor-306 .elementor-element.elementor-element-899ec3b{--width:92%;}.elementor-306 .elementor-element.elementor-element-47cd7aa{--width:68%;}.elementor-306 .elementor-element.elementor-element-9edeb5d{--width:100%;}.elementor-306 .elementor-element.elementor-element-b9dbb7d{--width:100%;}.elementor-306 .elementor-element.elementor-element-712cc40{--width:100%;}.elementor-306 .elementor-element.elementor-element-78a1f10{--width:100%;}.elementor-306 .elementor-element.elementor-element-5ee1ed4{--width:100%;}.elementor-306 .elementor-element.elementor-element-d9f986a{--width:100%;}.elementor-306 .elementor-element.elementor-element-fc4e95d{--width:100%;}.elementor-306 .elementor-element.elementor-element-cc308b1{--width:100%;}.elementor-306 .elementor-element.elementor-element-feba65d{--width:100%;}.elementor-306 .elementor-element.elementor-element-89d6467{--width:100%;}.elementor-306 .elementor-element.elementor-element-56dba58{--width:100%;}.elementor-306 .elementor-element.elementor-element-590e42d{--width:100%;}.elementor-306 .elementor-element.elementor-element-522431f{--width:100%;}.elementor-306 .elementor-element.elementor-element-7b2839c{--width:100%;}.elementor-306 .elementor-element.elementor-element-95371a4{--width:100%;}.elementor-306 .elementor-element.elementor-element-1fba8f2{--width:100%;}.elementor-306 .elementor-element.elementor-element-0235dc9{--width:18%;}}@media(max-width:1024px) and (min-width:768px){.elementor-306 .elementor-element.elementor-element-0235dc9{--width:19%;}}@media(max-width:1024px){.elementor-306 .elementor-element.elementor-element-b8d3821{--justify-content:space-between;}.elementor-306 .elementor-element.elementor-element-86f5a38{text-align:center;}.elementor-306 .elementor-element.elementor-element-86f5a38 img{width:100%;height:30px;}.elementor-306 .elementor-element.elementor-element-899ec3b{--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-8a53f5f{--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-5e3a238{--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-0235dc9{--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-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-cd9874d{padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-cd9874d .elementor-button{font-size:10px;}.elementor-306 .elementor-element.elementor-element-4cd2762 .elementor-button{font-size:9px;}}@media(max-width:767px){.elementor-306 .elementor-element.elementor-element-572d939{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-306 .elementor-element.elementor-element-316f507{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:12px 12px 12px 12px;}.elementor-306 .elementor-element.elementor-element-ea15ce4{padding:18px 18px 18px 18px;text-align:start;}.elementor-306 .elementor-element.elementor-element-ea15ce4 .elementor-heading-title{font-size:20px;}.elementor-306 .elementor-element.elementor-element-899ec3b{--e-con-grid-template-columns:repeat(1, 1fr);--gap:8px 8px;--row-gap:8px;--column-gap:8px;--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-962981e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-306 .elementor-element.elementor-element-646ba95.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-306 .elementor-element.elementor-element-646ba95 .elementor-icon{font-size:25px;}.elementor-306 .elementor-element.elementor-element-646ba95 .elementor-icon svg{height:25px;}.elementor-306 .elementor-element.elementor-element-eacba7c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-306 .elementor-element.elementor-element-ddb91d6.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-306 .elementor-element.elementor-element-ddb91d6 .elementor-icon{font-size:26px;}.elementor-306 .elementor-element.elementor-element-ddb91d6 .elementor-icon svg{height:26px;}.elementor-306 .elementor-element.elementor-element-0294ecd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-306 .elementor-element.elementor-element-74f60e6.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-306 .elementor-element.elementor-element-74f60e6 .elementor-icon{font-size:26px;}.elementor-306 .elementor-element.elementor-element-74f60e6 .elementor-icon svg{height:26px;}.elementor-306 .elementor-element.elementor-element-d5dc542{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-306 .elementor-element.elementor-element-08d6d29.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-306 .elementor-element.elementor-element-08d6d29 .elementor-icon{font-size:26px;}.elementor-306 .elementor-element.elementor-element-08d6d29 .elementor-icon svg{height:26px;}.elementor-306 .elementor-element.elementor-element-4a50807 .elementor-heading-title{font-size:20px;}.elementor-306 .elementor-element.elementor-element-8a53f5f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-7803a61 .elementor-heading-title{font-size:20px;}.elementor-306 .elementor-element.elementor-element-5e3a238{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-99c94e4.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-306 .elementor-element.elementor-element-4cd2762{width:100%;max-width:100%;}.elementor-306 .elementor-element.elementor-element-4cd2762.elementor-element{--align-self:center;}.elementor-306 .elementor-element.elementor-element-4cd2762 .elementor-button{font-size:13px;}}/* Start custom CSS for container, class: .elementor-element-962981e *//* ========================= CARD BASE (COMPLETELY CLEAN) ========================= */ .mega-card { padding: 20px; border-radius: 16px; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } /* ========================= HOVER (ONLY HERE EFFECT) ========================= */ .mega-card:hover { background: #f1f5f9 !important; /* fake border (no jump) */ outline: 1px solid #cbd5e1; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06); } /* ========================= TEXT ========================= */ .mega-card h3 { font-weight: 500; color: #0f172a; transition: all 0.25s ease; } .mega-card:hover h3 { font-weight: 700; color: #020617; } .mega-card p { color: #64748b; transition: all 0.25s ease; } .mega-card:hover p { color: #475569; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacba7c *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0294ecd *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5dc542 *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9edeb5d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9dbb7d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-590e42d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-962981e *//* ========================= CARD BASE (COMPLETELY CLEAN) ========================= */ .mega-card { padding: 20px; border-radius: 16px; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } /* ========================= HOVER (ONLY HERE EFFECT) ========================= */ .mega-card:hover { background: #f1f5f9 !important; /* fake border (no jump) */ outline: 1px solid #cbd5e1; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06); } /* ========================= TEXT ========================= */ .mega-card h3 { font-weight: 500; color: #0f172a; transition: all 0.25s ease; } .mega-card:hover h3 { font-weight: 700; color: #020617; } .mega-card p { color: #64748b; transition: all 0.25s ease; } .mega-card:hover p { color: #475569; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacba7c *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0294ecd *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5dc542 *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9edeb5d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9dbb7d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-590e42d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-962981e *//* ========================= CARD BASE (COMPLETELY CLEAN) ========================= */ .mega-card { padding: 20px; border-radius: 16px; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } /* ========================= HOVER (ONLY HERE EFFECT) ========================= */ .mega-card:hover { background: #f1f5f9 !important; /* fake border (no jump) */ outline: 1px solid #cbd5e1; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06); } /* ========================= TEXT ========================= */ .mega-card h3 { font-weight: 500; color: #0f172a; transition: all 0.25s ease; } .mega-card:hover h3 { font-weight: 700; color: #020617; } .mega-card p { color: #64748b; transition: all 0.25s ease; } .mega-card:hover p { color: #475569; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacba7c *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0294ecd *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5dc542 *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9edeb5d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9dbb7d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-590e42d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-962981e *//* ========================= CARD BASE (COMPLETELY CLEAN) ========================= */ .mega-card { padding: 20px; border-radius: 16px; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } /* ========================= HOVER (ONLY HERE EFFECT) ========================= */ .mega-card:hover { background: #f1f5f9 !important; /* fake border (no jump) */ outline: 1px solid #cbd5e1; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06); } /* ========================= TEXT ========================= */ .mega-card h3 { font-weight: 500; color: #0f172a; transition: all 0.25s ease; } .mega-card:hover h3 { font-weight: 700; color: #020617; } .mega-card p { color: #64748b; transition: all 0.25s ease; } .mega-card:hover p { color: #475569; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacba7c *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0294ecd *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5dc542 *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9edeb5d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9dbb7d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-590e42d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-962981e *//* ========================= CARD BASE (COMPLETELY CLEAN) ========================= */ .mega-card { padding: 20px; border-radius: 16px; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } /* ========================= HOVER (ONLY HERE EFFECT) ========================= */ .mega-card:hover { background: #f1f5f9 !important; /* fake border (no jump) */ outline: 1px solid #cbd5e1; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06); } /* ========================= TEXT ========================= */ .mega-card h3 { font-weight: 500; color: #0f172a; transition: all 0.25s ease; } .mega-card:hover h3 { font-weight: 700; color: #020617; } .mega-card p { color: #64748b; transition: all 0.25s ease; } .mega-card:hover p { color: #475569; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacba7c *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0294ecd *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5dc542 *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9edeb5d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9dbb7d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-590e42d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-962981e *//* ========================= CARD BASE (COMPLETELY CLEAN) ========================= */ .mega-card { padding: 20px; border-radius: 16px; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } /* ========================= HOVER (ONLY HERE EFFECT) ========================= */ .mega-card:hover { background: #f1f5f9 !important; /* fake border (no jump) */ outline: 1px solid #cbd5e1; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06); } /* ========================= TEXT ========================= */ .mega-card h3 { font-weight: 500; color: #0f172a; transition: all 0.25s ease; } .mega-card:hover h3 { font-weight: 700; color: #020617; } .mega-card p { color: #64748b; transition: all 0.25s ease; } .mega-card:hover p { color: #475569; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacba7c *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0294ecd *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5dc542 *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9edeb5d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9dbb7d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-590e42d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-962981e *//* ========================= CARD BASE (COMPLETELY CLEAN) ========================= */ .mega-card { padding: 20px; border-radius: 16px; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } /* ========================= HOVER (ONLY HERE EFFECT) ========================= */ .mega-card:hover { background: #f1f5f9 !important; /* fake border (no jump) */ outline: 1px solid #cbd5e1; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06); } /* ========================= TEXT ========================= */ .mega-card h3 { font-weight: 500; color: #0f172a; transition: all 0.25s ease; } .mega-card:hover h3 { font-weight: 700; color: #020617; } .mega-card p { color: #64748b; transition: all 0.25s ease; } .mega-card:hover p { color: #475569; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacba7c *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0294ecd *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5dc542 *//* ========================= CARD BASE (UPGRADED) ========================= */ .mega-card { position: relative; padding: 20px; border-radius: 16px; /* subtle gradient instead of flat white */ background: linear-gradient(180deg, #ffffff, #fbfdff); /* premium soft shadow */ box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s ease, border 0.25s ease; } /* ========================= ICON (CLEAN + SOFT BASE) ========================= */ .mega-card .mega-icon { background: transparent !important; padding: 12px; border-radius: 12px; /* soft base depth */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } /* ========================= TITLE (BETTER DEFAULT) ========================= */ .mega-card h3 { color: #0f172a; font-weight: 600; letter-spacing: -0.01em; transition: color 0.25s ease; } /* ========================= TEXT (SOFT + READABLE) ========================= */ .mega-card p { color: #64748b; line-height: 1.5; transition: color 0.25s ease; } /* ========================= HOVER (REFINED) ========================= */ .mega-card:hover { background: #f8fafc; transform: translateY(-4px); border: 1px solid rgba(16, 24, 40, 0.06); box-shadow: 0 12px 24px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.04); } /* ========================= ICON HOVER ========================= */ .mega-card:hover .mega-icon { transform: translateY(-2px) scale(1.05); filter: brightness(0.95) contrast(1.05); /* slightly stronger inner edge */ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* ========================= TEXT HOVER ========================= */ .mega-card:hover h3 { color: #020617; } .mega-card:hover p { color: #475569; } /* ========================= SUBTLE EDGE GLOW ========================= */ .mega-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); opacity: 0; transition: opacity 0.25s ease; } .mega-card:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9edeb5d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9dbb7d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-590e42d *//* ========================= CARD BASE ========================= */ .hover-card { border-radius: 12px; padding: 16px; transition: all 0.25s ease; } /* ========================= HOVER BACKGROUND (PREMIUM) ========================= */ .hover-card:hover { background: rgba(120, 113, 108, 0.08) !important; /* soft neutral */ transform: translateY(-2px); } /* ========================= HEADING ========================= */ .hover-card .elementor-heading-title { font-weight: 500; color: #334155; transition: all 0.25s ease; } .hover-card:hover .elementor-heading-title { font-weight: 700 !important; color: #0f172a !important; } /* ========================= TEXT ========================= */ .hover-card p { color: #64748b; transition: all 0.25s ease; } .hover-card:hover p { color: #475569 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8d3821 */.elementor-306 .elementor-element.elementor-element-b8d3821 { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }/* End custom CSS */