.elementor-4202 .elementor-element.elementor-element-3126d5f7{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-4202 .elementor-element.elementor-element-3126d5f7::before, .elementor-4202 .elementor-element.elementor-element-3126d5f7 > .elementor-background-video-container::before, .elementor-4202 .elementor-element.elementor-element-3126d5f7 > .e-con-inner > .elementor-background-video-container::before, .elementor-4202 .elementor-element.elementor-element-3126d5f7 > .elementor-background-slideshow::before, .elementor-4202 .elementor-element.elementor-element-3126d5f7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4202 .elementor-element.elementor-element-3126d5f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4202 .elementor-element.elementor-element-64c3db80{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-4202 .elementor-element.elementor-element-296cb58c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2px 15px 2px 15px;border-radius:0px 0px 0px 0px;text-align:start;}.elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#002A71;}.elementor-4202 .elementor-element.elementor-element-8be232c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:58px;font-weight:700;color:#000000;}.elementor-4202 .elementor-element.elementor-element-668cee6a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:500;color:#002A71;}.elementor-4202 .elementor-element.elementor-element-f97d9c1{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-4202 .elementor-element.elementor-element-f97d9c1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#000000;}.elementor-4202 .elementor-element.elementor-element-22e84acc{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-2aa4dec6.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-2aa4dec6.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-2aa4dec6.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-2aa4dec6:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-2aa4dec6:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-78666ca7.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-78666ca7.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-78666ca7.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-78666ca7:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-78666ca7:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-3e80498b.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-3e80498b.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-3e80498b.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-3e80498b:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-3e80498b:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-448cd1ab.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-448cd1ab.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-448cd1ab.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-448cd1ab:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-448cd1ab:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5c1e8651{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.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-4202 .elementor-element.elementor-element-26022d66 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4202 .elementor-element.elementor-element-891a400{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4202 .elementor-element.elementor-element-5b16c3db img{border-radius:10px 10px 10px 10px;}.elementor-4202 .elementor-element.elementor-element-353b7a56{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-5ac3ea8b.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5ac3ea8b.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-5ac3ea8b.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5ac3ea8b:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-5ac3ea8b:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-27ab3049.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-27ab3049.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-27ab3049.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-27ab3049:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-27ab3049:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-5401dcdc.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5401dcdc.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-5401dcdc.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5401dcdc:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-5401dcdc:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-5a4d3290.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5a4d3290.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-5a4d3290.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5a4d3290:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-5a4d3290:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-2f14a41f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-4202 .elementor-element.elementor-element-1c8feb6b .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-4202 .elementor-element.elementor-element-31c7fbcd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4202 .elementor-element.elementor-element-6b6338b1{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4202 .elementor-element.elementor-element-6b6338b1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-4202 .elementor-element.elementor-element-7ae59f9{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-4202 .elementor-element.elementor-element-7ae59f9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#000000;}.elementor-4202 .elementor-element.elementor-element-a0446fe{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-2b97910e.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-2b97910e.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-2b97910e.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-2b97910e:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-2b97910e:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-23425ef0.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-23425ef0.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-23425ef0.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-23425ef0:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-23425ef0:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-1b41b082.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-1b41b082.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-1b41b082.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-1b41b082:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-1b41b082:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-1da1c69b.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-1da1c69b.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-1da1c69b.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-1da1c69b:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-1da1c69b:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-58a59d3e.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-58a59d3e.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-58a59d3e.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-58a59d3e:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-58a59d3e:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-580d2d47.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-580d2d47.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-580d2d47.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-580d2d47:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-580d2d47:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-2eec20c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-4202 .elementor-element.elementor-element-214851a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4202 .elementor-element.elementor-element-4734e54{--display:flex;}.elementor-4202 .elementor-element.elementor-element-794dc33 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#002A71;border-radius:20px 20px 20px 20px;}.elementor-4202 .elementor-element.elementor-element-e38d304{--display:flex;}.elementor-4202 .elementor-element.elementor-element-e38d304.e-con{--order:-99999 /* order start hack */;}.elementor-4202 .elementor-element.elementor-element-e813430 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#002A71;border-radius:20px 20px 20px 20px;}.elementor-4202 .elementor-element.elementor-element-61190d1c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4202 .elementor-element.elementor-element-1cf8896f{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4202 .elementor-element.elementor-element-1cf8896f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-4202 .elementor-element.elementor-element-2afbdad6{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-4202 .elementor-element.elementor-element-2afbdad6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#000000;}.elementor-4202 .elementor-element.elementor-element-ba56c9e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-7fe4cfe.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-7fe4cfe.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-7fe4cfe.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-7fe4cfe:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-7fe4cfe:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-57d6c8c.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-57d6c8c.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-57d6c8c.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-57d6c8c:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-57d6c8c:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-543fcb1.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-543fcb1.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-543fcb1.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-543fcb1:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-543fcb1:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-cb666bd.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-cb666bd.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-cb666bd.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-cb666bd:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-cb666bd:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-7f556d3.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-7f556d3.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-7f556d3.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-7f556d3:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-7f556d3:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-6b99a07.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-6b99a07.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-6b99a07.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-6b99a07:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-6b99a07:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-acd866c.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-acd866c.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-acd866c.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-acd866c:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-acd866c:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-08372b1.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-08372b1.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-08372b1.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-08372b1:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-08372b1:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-86aec9f.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-86aec9f.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-86aec9f.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-86aec9f:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-86aec9f:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-76a43859{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-1b79eb0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-827f587{text-align:center;}.elementor-4202 .elementor-element.elementor-element-827f587 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:30px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-b3902c3{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-25de9d9{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-42381ed{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-c39d7d0{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-fdeefde{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-adfb5a7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-e49f7e0{text-align:center;}.elementor-4202 .elementor-element.elementor-element-e49f7e0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:30px;}.elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-6ed781b{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-7fe911d{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-3522357{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-58d209f{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-ad302c9{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-8333b70{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-bd1c8ba{text-align:center;}.elementor-4202 .elementor-element.elementor-element-bd1c8ba .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:30px;}.elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-4e0651c{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-99b6289{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-3569619{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-edff84a{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4202 .elementor-element.elementor-element-e81195f{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-text{transition:color 0.3s;}.elementor-4202 .elementor-element.elementor-element-3bdf3fea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-4202 .elementor-element.elementor-element-117a44f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4202 .elementor-element.elementor-element-efb4f38{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4202 .elementor-element.elementor-element-efb4f38 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-4202 .elementor-element.elementor-element-8118e91{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-4202 .elementor-element.elementor-element-8118e91 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#000000;}.elementor-4202 .elementor-element.elementor-element-cc4e0a3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-4202 .elementor-element.elementor-element-a8698db.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4202 .elementor-element.elementor-element-a8698db.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4202 .elementor-element.elementor-element-a8698db.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-a8698db .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-a8698db .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4202 .elementor-element.elementor-element-a8698db .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-a8698db:has(:hover) .elementor-image-box-title, .elementor-4202 .elementor-element.elementor-element-a8698db:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-a8698db .elementor-image-box-description{font-family:"Inter", Sans-serif;font-weight:400;color:#2A2929;}.elementor-4202 .elementor-element.elementor-element-fdf73fb.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4202 .elementor-element.elementor-element-fdf73fb.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4202 .elementor-element.elementor-element-fdf73fb.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-fdf73fb .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-fdf73fb .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4202 .elementor-element.elementor-element-fdf73fb .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-fdf73fb:has(:hover) .elementor-image-box-title, .elementor-4202 .elementor-element.elementor-element-fdf73fb:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-fdf73fb .elementor-image-box-description{font-family:"Inter", Sans-serif;font-weight:400;color:#2A2929;}.elementor-4202 .elementor-element.elementor-element-70a1df0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4202 .elementor-element.elementor-element-70a1df0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4202 .elementor-element.elementor-element-70a1df0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-70a1df0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-70a1df0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4202 .elementor-element.elementor-element-70a1df0 .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-70a1df0:has(:hover) .elementor-image-box-title, .elementor-4202 .elementor-element.elementor-element-70a1df0:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-70a1df0 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-weight:400;color:#2A2929;}.elementor-4202 .elementor-element.elementor-element-9b59335.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4202 .elementor-element.elementor-element-9b59335.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4202 .elementor-element.elementor-element-9b59335.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-9b59335 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-9b59335 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4202 .elementor-element.elementor-element-9b59335 .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-9b59335:has(:hover) .elementor-image-box-title, .elementor-4202 .elementor-element.elementor-element-9b59335:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-9b59335 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-weight:400;color:#2A2929;}.elementor-4202 .elementor-element.elementor-element-b102ebc.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4202 .elementor-element.elementor-element-b102ebc.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4202 .elementor-element.elementor-element-b102ebc.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-b102ebc .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-b102ebc .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4202 .elementor-element.elementor-element-b102ebc .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-b102ebc:has(:hover) .elementor-image-box-title, .elementor-4202 .elementor-element.elementor-element-b102ebc:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-b102ebc .elementor-image-box-description{font-family:"Inter", Sans-serif;font-weight:400;color:#2A2929;}.elementor-4202 .elementor-element.elementor-element-aadd5b6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4202 .elementor-element.elementor-element-aadd5b6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4202 .elementor-element.elementor-element-aadd5b6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-aadd5b6 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-aadd5b6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4202 .elementor-element.elementor-element-aadd5b6 .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-aadd5b6:has(:hover) .elementor-image-box-title, .elementor-4202 .elementor-element.elementor-element-aadd5b6:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-aadd5b6 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-weight:400;color:#2A2929;}.elementor-4202 .elementor-element.elementor-element-e00e8e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-4202 .elementor-element.elementor-element-200c1a62{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4202 .elementor-element.elementor-element-2da88361 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-4202 .elementor-element.elementor-element-55533d07{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4202 .elementor-element.elementor-element-7535177a .elementor-icon-box-wrapper{gap:0px;}.elementor-4202 .elementor-element.elementor-element-7535177a .elementor-icon-box-title{margin-block-end: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-4202 .elementor-element.elementor-element-23b71d32 .elementor-icon-wrapper{text-align:center;}.elementor-4202 .elementor-element.elementor-element-2db7931b .elementor-icon-box-wrapper{gap:0px;}.elementor-4202 .elementor-element.elementor-element-2db7931b .elementor-icon-box-title{margin-block-end:0px;}.elementor-4202 .elementor-element.elementor-element-add1034 .elementor-icon-wrapper{text-align:center;}.elementor-4202 .elementor-element.elementor-element-19e788a0 .elementor-icon-box-wrapper{gap:0px;}.elementor-4202 .elementor-element.elementor-element-19e788a0 .elementor-icon-box-title{margin-block-end:0px;}.elementor-4202 .elementor-element.elementor-element-228cff26{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4202 .elementor-element.elementor-element-4e177489{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4202 .elementor-element.elementor-element-4e177489 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-widget-reviews .elementor-testimonial__header, .elementor-widget-reviews .elementor-testimonial__name{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-reviews .elementor-testimonial__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4202 .elementor-element.elementor-element-34ac0ffa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-main-swiper .swiper-slide{border-width:0px 0px 0px 0px;}.elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__header{padding-top:0px;padding-left:0px;padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__content{padding-bottom:0px;padding-left:0px;padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-swiper-button{font-size:20px;}.elementor-4202 .elementor-element.elementor-element-5f57a551{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4202 .elementor-element.elementor-element-664dccc{--display:flex;}.elementor-4202 .elementor-element.elementor-element-7eb4a0f2{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4202 .elementor-element.elementor-element-7eb4a0f2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-4202 .elementor-element.elementor-element-7b6afe48{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-2aad93e0.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-2aad93e0.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-2aad93e0.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-2aad93e0:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-2aad93e0:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;color:#201F1F;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-5f4d20c9.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-5f4d20c9:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;color:#201F1F;}.elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-wrapper{gap:15px;}.elementor-4202 .elementor-element.elementor-element-51f78841.elementor-view-stacked .elementor-icon{background-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-51f78841.elementor-view-framed .elementor-icon, .elementor-4202 .elementor-element.elementor-element-51f78841.elementor-view-default .elementor-icon{fill:#002A71;color:#002A71;border-color:#002A71;}.elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-51f78841:has(:hover) .elementor-icon-box-title, .elementor-4202 .elementor-element.elementor-element-51f78841:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;color:#201F1F;}.elementor-4202 .elementor-element.elementor-element-244b7885{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-4202 .elementor-element.elementor-element-645f3498 .elementor-icon-wrapper{text-align:center;}.elementor-4202 .elementor-element.elementor-element-2fd283bc .elementor-icon-wrapper{text-align:center;}.elementor-4202 .elementor-element.elementor-element-33ea0797 .elementor-icon-wrapper{text-align:center;}.elementor-4202 .elementor-element.elementor-element-1fe6d6f8 .elementor-icon-wrapper{text-align:center;}.elementor-4202 .elementor-element.elementor-element-3903308{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}@media(max-width:1024px){.elementor-4202 .elementor-element.elementor-element-22e84acc{--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-353b7a56{--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-a0446fe{--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-ba56c9e{--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-76a43859{--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-cc4e0a3{--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-7b6afe48{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4202 .elementor-element.elementor-element-3126d5f7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-64c3db80{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-296cb58c{text-align:center;}.elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-heading-title{font-size:14px;}.elementor-4202 .elementor-element.elementor-element-8be232c{text-align:center;}.elementor-4202 .elementor-element.elementor-element-8be232c .elementor-heading-title{font-size:36px;}.elementor-4202 .elementor-element.elementor-element-668cee6a{text-align:center;}.elementor-4202 .elementor-element.elementor-element-668cee6a .elementor-heading-title{font-size:17px;}.elementor-4202 .elementor-element.elementor-element-f97d9c1{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;}.elementor-4202 .elementor-element.elementor-element-22e84acc{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-5c1e8651{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4202 .elementor-element.elementor-element-353b7a56{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-2f14a41f{--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;}.elementor-4202 .elementor-element.elementor-element-b583f66{width:var( --container-widget-width, 603px );max-width:603px;padding:0px 0px 0px 0px;--container-widget-width:603px;--container-widget-flex-grow:0;}.elementor-4202 .elementor-element.elementor-element-b583f66.elementor-element{--align-self:center;}.elementor-4202 .elementor-element.elementor-element-1c8feb6b{width:var( --container-widget-width, 603px );max-width:603px;padding:0px 0px 0px 0px;--container-widget-width:603px;--container-widget-flex-grow:0;}.elementor-4202 .elementor-element.elementor-element-1c8feb6b.elementor-element{--align-self:center;}.elementor-4202 .elementor-element.elementor-element-31c7fbcd{--padding-top:20px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-4202 .elementor-element.elementor-element-6b6338b1{text-align:center;}.elementor-4202 .elementor-element.elementor-element-6b6338b1 .elementor-heading-title{font-size:23px;line-height:42px;}.elementor-4202 .elementor-element.elementor-element-7ae59f9{width:100%;max-width:100%;text-align:center;}.elementor-4202 .elementor-element.elementor-element-a0446fe{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-2eec20c4{width:var( --container-widget-width, 603px );max-width:603px;padding:0px 0px 0px 0px;--container-widget-width:603px;--container-widget-flex-grow:0;}.elementor-4202 .elementor-element.elementor-element-2eec20c4.elementor-element{--align-self:center;}.elementor-4202 .elementor-element.elementor-element-1cf8896f{text-align:center;}.elementor-4202 .elementor-element.elementor-element-1cf8896f .elementor-heading-title{font-size:28px;line-height:42px;}.elementor-4202 .elementor-element.elementor-element-2afbdad6{width:100%;max-width:100%;text-align:center;}.elementor-4202 .elementor-element.elementor-element-ba56c9e{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4202 .elementor-element.elementor-element-76a43859{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-3bdf3fea{width:var( --container-widget-width, 603px );max-width:603px;padding:0px 0px 0px 0px;--container-widget-width:603px;--container-widget-flex-grow:0;}.elementor-4202 .elementor-element.elementor-element-3bdf3fea.elementor-element{--align-self:center;}.elementor-4202 .elementor-element.elementor-element-efb4f38{text-align:center;}.elementor-4202 .elementor-element.elementor-element-efb4f38 .elementor-heading-title{font-size:23px;line-height:42px;}.elementor-4202 .elementor-element.elementor-element-8118e91{width:100%;max-width:100%;text-align:center;}.elementor-4202 .elementor-element.elementor-element-cc4e0a3{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-4202 .elementor-element.elementor-element-a8698db .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-a8698db .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-a8698db .elementor-image-box-description{font-size:13px;}.elementor-4202 .elementor-element.elementor-element-fdf73fb .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-fdf73fb .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-fdf73fb .elementor-image-box-description{font-size:13px;}.elementor-4202 .elementor-element.elementor-element-70a1df0 .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-70a1df0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-70a1df0 .elementor-image-box-description{font-size:13px;}.elementor-4202 .elementor-element.elementor-element-9b59335 .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-9b59335 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-9b59335 .elementor-image-box-description{font-size:13px;}.elementor-4202 .elementor-element.elementor-element-b102ebc .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-b102ebc .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-b102ebc .elementor-image-box-description{font-size:13px;}.elementor-4202 .elementor-element.elementor-element-aadd5b6 .elementor-image-box-img{margin-bottom:15px;}.elementor-4202 .elementor-element.elementor-element-aadd5b6 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-4202 .elementor-element.elementor-element-aadd5b6 .elementor-image-box-description{font-size:13px;}.elementor-4202 .elementor-element.elementor-element-e00e8e9{width:var( --container-widget-width, 603px );max-width:603px;padding:0px 0px 0px 0px;--container-widget-width:603px;--container-widget-flex-grow:0;}.elementor-4202 .elementor-element.elementor-element-e00e8e9.elementor-element{--align-self:center;}.elementor-4202 .elementor-element.elementor-element-2da88361{text-align:center;}.elementor-4202 .elementor-element.elementor-element-2da88361 .elementor-heading-title{font-size:36px;}.elementor-4202 .elementor-element.elementor-element-228cff26{--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-4202 .elementor-element.elementor-element-4e177489{text-align:center;}.elementor-4202 .elementor-element.elementor-element-4e177489 .elementor-heading-title{font-size:23px;line-height:42px;}.elementor-4202 .elementor-element.elementor-element-7eb4a0f2{text-align:center;}.elementor-4202 .elementor-element.elementor-element-7eb4a0f2 .elementor-heading-title{font-size:36px;}.elementor-4202 .elementor-element.elementor-element-7b6afe48{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-title{margin-block-end:0px;}.elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-description{font-size:15px;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-description{font-size:15px;}.elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-title{margin-block-end:0px;}.elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-description{font-size:15px;}.elementor-4202 .elementor-element.elementor-element-244b7885{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-3903308{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4202 .elementor-element.elementor-element-9e80ee9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-296cb58c *//* TOP HERO PILL HEADING */ .elementor-4202 .elementor-element.elementor-element-296cb58c { width: 100% !important; } .elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-widget-container { overflow: visible !important; } .elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-heading-title { position: relative !important; display: inline-flex !important; align-items: center !important; width: max-content !important; max-width: 100% !important; min-height: 42px; margin: 0 !important; padding: 10px 19px !important; border: 1px solid #cfddf0 !important; border-radius: 100px !important; background: #f8fbff !important; color: #245195 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 0 !important; white-space: nowrap !important; text-transform: uppercase; box-shadow: 0 5px 20px rgba(40, 103, 190, 0.08), inset 0 1px 0 #ffffff !important; } /* Soft blue light travelling across the border */ .elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-heading-title::before { content: ""; position: absolute; inset: -2px; border: 2px solid transparent; border-radius: inherit; pointer-events: none; background: linear-gradient( 90deg, transparent 35%, #4393ff 50%, transparent 65% ) border-box; background-size: 250% 100%; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; animation: heroPillShine 3s ease-in-out infinite; } @keyframes heroPillShine { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } } /* Tablet */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-heading-title { font-size: 11px !important; padding: 9px 14px !important; } } /* Mobile: clean two-line layout when needed */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-heading-title { width: auto !important; max-width: 100% !important; padding: 10px 15px !important; border-radius: 20px !important; font-size: 11px !important; line-height: 1.45 !important; white-space: normal !important; text-align: left !important; } } @media (prefers-reduced-motion: reduce) { .elementor-4202 .elementor-element.elementor-element-296cb58c .elementor-heading-title::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2aa4dec6 *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aa4dec6 { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aa4dec6:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aa4dec6:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-2aa4dec6 { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-2aa4dec6 .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-78666ca7 *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-78666ca7 { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-78666ca7:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-78666ca7:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-78666ca7 { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-78666ca7 .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3e80498b *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-3e80498b { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-3e80498b:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-3e80498b:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-3e80498b { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-3e80498b .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-448cd1ab *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-448cd1ab { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-448cd1ab:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-448cd1ab:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-448cd1ab { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-448cd1ab .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-26022d66 *//* ========================================= PREMIUM BLUE GRADIENT BUTTON ========================================= */ .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 32px !important; background: linear-gradient( 135deg, #0292E5 0%, #006FCB 50%, #003B8E 100% ) !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 600 !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50px !important; box-shadow: 0 6px 18px rgba(0, 80, 160, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.25); overflow: hidden; transition: all 0.35s ease !important; } /* Button Text */ .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button-text { color: #FFFFFF !important; position: relative; z-index: 2; } /* Button Icon */ .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button-icon { color: #FFFFFF !important; position: relative; z-index: 2; transition: transform 0.3s ease; } .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button-icon svg { fill: #FFFFFF !important; } /* Hover Effect */ .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button:hover { background: linear-gradient( 135deg, #16A6F5 0%, #087ACB 50%, #004FA8 100% ) !important; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 80, 160, 0.35), inset 0 1px 3px rgba(255, 255, 255, 0.30); } /* Icon Animation */ .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* Focus Effect */ .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button:focus-visible { outline: 3px solid #8ED5FF; outline-offset: 4px; } /* Mobile Responsive */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-26022d66 .elementor-button { padding: 14px 26px !important; font-size: 14px !important; border-radius: 50px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-449e99df *//* ========================================= PREMIUM BLUE GRADIENT BUTTON ========================================= */ .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 32px !important; background: linear-gradient( 135deg, #0292E5 0%, #006FCB 50%, #003B8E 100% ) !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 600 !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50px !important; box-shadow: 0 6px 18px rgba(0, 80, 160, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.25); overflow: hidden; transition: all 0.35s ease !important; } /* Button Text */ .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button-text { color: #FFFFFF !important; position: relative; z-index: 2; } /* Button Icon */ .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button-icon { color: #FFFFFF !important; position: relative; z-index: 2; transition: transform 0.3s ease; } .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button-icon svg { fill: #FFFFFF !important; } /* Hover Effect */ .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button:hover { background: linear-gradient( 135deg, #16A6F5 0%, #087ACB 50%, #004FA8 100% ) !important; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 80, 160, 0.35), inset 0 1px 3px rgba(255, 255, 255, 0.30); } /* Icon Animation */ .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* Focus Effect */ .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button:focus-visible { outline: 3px solid #8ED5FF; outline-offset: 4px; } /* Mobile Responsive */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-449e99df .elementor-button { padding: 14px 26px !important; font-size: 14px !important; border-radius: 50px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5ac3ea8b *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-5ac3ea8b { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-5ac3ea8b:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5ac3ea8b:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-5ac3ea8b { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-5ac3ea8b .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-27ab3049 *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-27ab3049 { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-27ab3049:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-27ab3049:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-27ab3049 { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-27ab3049 .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5401dcdc *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-5401dcdc { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-5401dcdc:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5401dcdc:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-5401dcdc { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-5401dcdc .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5a4d3290 *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-5a4d3290 { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-5a4d3290:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5a4d3290:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-5a4d3290 { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-5a4d3290 .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b583f66 *//* ========================================= PREMIUM BLUE BUTTON - ELEMENTOR PRO ========================================= */ .elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button { background: linear-gradient( 135deg, #2563EB 0%, #3B82F6 50%, #1D4ED8 100% ) !important; color: #FFFFFF !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 50px !important; padding: 16px 34px !important; font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important; transition: all 0.3s ease !important; overflow: hidden !important; } /* BUTTON HOVER */ .elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button:hover { background: linear-gradient( 135deg, #1D4ED8 0%, #2563EB 50%, #1E40AF 100% ) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 28px rgba(37, 99, 235, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important; } /* BUTTON TEXT */ .elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button-text { color: #FFFFFF !important; } /* BUTTON ICON */ .elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button-icon { color: #FFFFFF !important; transition: transform 0.3s ease !important; } .elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button:hover .elementor-button-icon { transform: translateX(4px) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-b583f66 .elementor-button { padding: 14px 26px !important; font-size: 20px !important; border-radius: 40px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1c8feb6b *//* ========================================= PREMIUM WHITE + BLUE GLASS BUTTON ========================================= */ .elementor-4202 .elementor-element.elementor-element-1c8feb6b .elementor-button { width: 100% !important; box-sizing: border-box !important; background: linear-gradient( 135deg, #FFFFFF 0%, #F4F9FF 50%, #EAF3FF 100% ) !important; color: #2563EB !important; border: 1.5px solid #60A5FA !important; border-radius: 50px !important; padding: 16px 34px !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.12), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* BUTTON TEXT */ .elementor-4202 .elementor-element.elementor-element-1c8feb6b .elementor-button-text { color: #2563EB !important; } /* BUTTON ICON */ .elementor-4202 .elementor-element.elementor-element-1c8feb6b .elementor-button-icon { color: #2563EB !important; transition: transform 0.3s ease !important; } /* HOVER EFFECT */ .elementor-4202 .elementor-element.elementor-element-1c8feb6b .elementor-button:hover { background: linear-gradient( 135deg, #EFF6FF 0%, #DBEAFE 100% ) !important; border-color: #2563EB !important; transform: translateY(-3px) !important; box-shadow: 0 10px 28px rgba(37, 99, 235, 0.20), inset 0 1px 3px #FFFFFF !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-1c8feb6b .elementor-button:hover .elementor-button-icon { transform: translateX(4px) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-1c8feb6b .elementor-button { width: 100% !important; padding: 14px 26px !important; font-size: 20px !important; border-radius: 40px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3126d5f7 *//* PREMIUM WHITE + BLUE HERO GRADIENT */ .elementor-4202 .elementor-element.elementor-element-3126d5f7 { position: relative; background: radial-gradient( ellipse at 15% 10%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.65) 25%, transparent 60% ), radial-gradient( ellipse at 90% 90%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 35%, transparent 65% ), linear-gradient( 135deg, #FFFFFF 0%, #EAF7FF 20%, #A8DFFF 45%, #0292E5 75%, #006FCB 100% ) !important; overflow: hidden; isolation: isolate; } /* Soft White Glow */ .elementor-4202 .elementor-element.elementor-element-3126d5f7::before { content: ""; position: absolute; top: -20%; left: -10%; width: 75%; height: 120%; background: radial-gradient( ellipse, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 35%, transparent 75% ); filter: blur(30px); pointer-events: none; z-index: -1; } /* White Glass Shine */ .elementor-4202 .elementor-element.elementor-element-3126d5f7::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 120deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.08) 40%, transparent 70% ); pointer-events: none; z-index: -1; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2b97910e *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-2b97910e { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-description { font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-2b97910e:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-2b97910e { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-title { font-size: 13px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-2b97910e .elementor-icon-box-description { font-size: 11px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-23425ef0 *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-23425ef0 { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-description { font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-23425ef0:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-23425ef0 { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-title { font-size: 13px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-23425ef0 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1b41b082 *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b41b082 { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-description { font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b41b082:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-1b41b082 { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-title { font-size: 13px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-1b41b082 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1da1c69b *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-1da1c69b { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-description { font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-1da1c69b:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-1da1c69b { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-title { font-size: 13px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-1da1c69b .elementor-icon-box-description { font-size: 11px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-58a59d3e *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-58a59d3e { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-description { font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-58a59d3e:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-58a59d3e { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-title { font-size: 13px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-58a59d3e .elementor-icon-box-description { font-size: 11px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-580d2d47 *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-580d2d47 { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-description { font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-580d2d47:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-580d2d47 { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-title { font-size: 13px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-580d2d47 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2eec20c4 *//* ========================================= PREMIUM BLUE BUTTON - ELEMENTOR PRO ========================================= */ .elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button { background: linear-gradient( 135deg, #2563EB 0%, #3B82F6 50%, #1D4ED8 100% ) !important; color: #FFFFFF !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 50px !important; padding: 16px 34px !important; font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important; transition: all 0.3s ease !important; overflow: hidden !important; } /* BUTTON HOVER */ .elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button:hover { background: linear-gradient( 135deg, #1D4ED8 0%, #2563EB 50%, #1E40AF 100% ) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 28px rgba(37, 99, 235, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important; } /* BUTTON TEXT */ .elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button-text { color: #FFFFFF !important; } /* BUTTON ICON */ .elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button-icon { color: #FFFFFF !important; transition: transform 0.3s ease !important; } .elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button:hover .elementor-button-icon { transform: translateX(4px) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-2eec20c4 .elementor-button { padding: 14px 26px !important; font-size: 20px !important; border-radius: 40px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7fe4cfe *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-7fe4cfe { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-7fe4cfe:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-7fe4cfe { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-7fe4cfe .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-57d6c8c *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-57d6c8c { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-57d6c8c:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-57d6c8c { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-57d6c8c .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-543fcb1 *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-543fcb1 { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-543fcb1:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-543fcb1 { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-543fcb1 .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cb666bd *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-cb666bd { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-cb666bd:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-cb666bd { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-cb666bd .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7f556d3 *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-7f556d3 { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-description { font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-7f556d3:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-7f556d3 { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-7f556d3 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6b99a07 *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-6b99a07 { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-6b99a07:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-6b99a07 { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-6b99a07 .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-acd866c *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-acd866c { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-acd866c:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-acd866c:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-acd866c { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-acd866c .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-08372b1 *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-08372b1 { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-08372b1:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-08372b1:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-08372b1 { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-08372b1 .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-86aec9f *//* ========================================= PREMIUM COMPACT ICON BOX White + Light Blue Design ========================================= */ .elementor-4202 .elementor-element.elementor-element-86aec9f { position: relative; text-align: center; padding: 18px 12px 14px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #F8FCFF 55%, #F0F8FF 100% ) !important; border: 1px solid #D6EAFB !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 85, 160, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON CIRCLE ========================================= */ .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-icon { margin-bottom: 10px !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon { width: 54px !important; height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF5FF 100% ) !important; border: 1px solid #C9E2F8 !important; border-radius: 50% !important; box-shadow: 0 3px 10px rgba(0, 70, 140, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.3s ease !important; } /* ========================================= ICON COLOR ========================================= */ .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon i { color: #063B78 !important; font-size: 28px !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon svg { fill: #063B78 !important; width: 28px !important; height: 28px !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-title { margin: 0 0 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #123B70 !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-title a { color: #123B70 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-description { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #344C6A !important; margin: 0 !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-4202 .elementor-element.elementor-element-86aec9f:hover { transform: translateY(-3px); border-color: #A8D4F5 !important; background: linear-gradient( 180deg, #FFFFFF 0%, #EFF8FF 100% ) !important; box-shadow: 0 8px 20px rgba(0, 85, 160, 0.10) !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f:hover .elementor-icon { transform: scale(1.05); border-color: #A8D4F5 !important; box-shadow: 0 5px 14px rgba(0, 70, 140, 0.12) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-86aec9f { padding: 14px 8px 12px !important; border-radius: 10px !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon i { font-size: 25px !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon svg { width: 25px !important; height: 25px !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-icon { margin-bottom: 8px !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; } .elementor-4202 .elementor-element.elementor-element-86aec9f .elementor-icon-box-description { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b3902c3 *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-b3902c3:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-b3902c3:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-b3902c3 { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-b3902c3 { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-b3902c3:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-b3902c3 { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-b3902c3 { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-b3902c3 .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-25de9d9 *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-25de9d9:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-25de9d9:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-25de9d9 { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-25de9d9 { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-25de9d9:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-25de9d9 { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-25de9d9 { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-25de9d9 .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-42381ed *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-42381ed:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-42381ed:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-42381ed { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-42381ed { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-42381ed:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-42381ed { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-42381ed { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-42381ed .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c39d7d0 *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-c39d7d0:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-c39d7d0:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-c39d7d0 { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-c39d7d0 { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-c39d7d0:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-c39d7d0 { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-c39d7d0 { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-c39d7d0 .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-fdeefde *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-fdeefde:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-fdeefde:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-fdeefde { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-fdeefde { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-fdeefde:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-fdeefde { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-fdeefde { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-fdeefde .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b79eb0 *//* ========================================= PREMIUM MAIN CONTAINER IMAGE + HEADING + ICON LIST RESPONSIVE ELEMENTOR CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 { width: 100% !important; max-width: 100% !important; /* Prevent content overflow */ overflow: hidden !important; /* Premium rounded container */ border-radius: 24px !important; /* Inner spacing */ padding: 10px !important; box-sizing: border-box !important; /* Premium White + Blue Background */ background: linear-gradient( 135deg, #FFFFFF 0%, #F1F8FF 25%, #DCEEFF 55%, #C7E2FF 78%, #B5D8FF 100% ) !important; /* Soft premium border */ border: 1px solid rgba(76, 130, 200, 0.22) !important; /* Premium shadow */ box-shadow: 0 12px 35px rgba(40, 100, 180, 0.10), 0 4px 12px rgba(40, 100, 180, 0.06), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; /* Smooth hover */ transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================= PREMIUM LIGHT SHINE ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b79eb0::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient( 120deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.08) 35%, transparent 60% ) !important; pointer-events: none !important; border-radius: inherit !important; z-index: 0 !important; } /* ========================================= KEEP CONTENT ABOVE SHINE ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 > .elementor-element { position: relative !important; z-index: 2 !important; } /* ========================================= IMAGE INSIDE MAIN CONTAINER ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 img { max-width: 100% !important; height: auto !important; display: block !important; object-fit: contain !important; object-position: center !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 h1, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h2, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h3, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h4, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h5, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h6 { position: relative !important; z-index: 2 !important; margin-top: 0 !important; color: #002A71 !important; } /* ========================================= NORMAL TEXT ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 p { position: relative !important; z-index: 2 !important; color: #4B6075 !important; } /* ========================================= ICON LIST ========================================= */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-item { position: relative !important; z-index: 2 !important; transition: transform 0.3s ease !important; } /* ICON */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-icon { color: #002A71 !important; transition: transform 0.3s ease, color 0.3s ease !important; } /* ICON SVG */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-icon svg { width: 22px !important; height: 22px !important; fill: none !important; stroke: currentColor !important; } /* ICON LIST TEXT */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-text { color: #263F59 !important; font-weight: 500 !important; } /* ========================================= ICON LIST HOVER ========================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-item:hover { transform: translateX(4px) !important; } .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-item:hover .elementor-icon-list-icon { color: #0057B8 !important; transform: scale(1.08) !important; } } /* ========================================= HOVER MAIN CONTAINER ========================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-1b79eb0:hover { transform: translateY(-4px) !important; border-color: rgba(76, 130, 200, 0.32) !important; box-shadow: 0 18px 45px rgba(40, 100, 180, 0.15), 0 6px 16px rgba(40, 100, 180, 0.08), inset 0 1px 2px rgba(255,255,255,0.95) !important; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-1b79eb0 { width: 100% !important; max-width: 100% !important; padding: 22px !important; border-radius: 20px !important; } .elementor-4202 .elementor-element.elementor-element-1b79eb0 img { max-width: 100% !important; height: auto !important; } .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-icon svg { width: 21px !important; height: 21px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-1b79eb0 { width: 100% !important; max-width: 100% !important; padding: 17px !important; border-radius: 17px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* Image stays inside container */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 img { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* Heading spacing */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 h1, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h2, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h3, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h4, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h5, .elementor-4202 .elementor-element.elementor-element-1b79eb0 h6 { margin-bottom: 10px !important; } /* Icon list */ .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-item { align-items: center !important; } .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; } .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.5 !important; } /* Remove desktop hover movement on mobile */ .elementor-4202 .elementor-element.elementor-element-1b79eb0:hover { transform: none !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-1b79eb0 { padding: 14px !important; border-radius: 15px !important; } .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-text { font-size: 13.5px !important; } .elementor-4202 .elementor-element.elementor-element-1b79eb0 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-6ed781b *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-6ed781b:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-6ed781b:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-6ed781b { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-6ed781b { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-6ed781b:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-6ed781b { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-6ed781b { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-6ed781b .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fe911d *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-7fe911d:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-7fe911d:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-7fe911d { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-7fe911d { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-7fe911d:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-7fe911d { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-7fe911d { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-7fe911d .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-3522357 *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-3522357:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-3522357:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-3522357 { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-3522357 { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-3522357:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-3522357 { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-3522357 { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3522357 .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-58d209f *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-58d209f:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-58d209f:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-58d209f { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-58d209f { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-58d209f:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-58d209f { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-58d209f { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-58d209f .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ad302c9 *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-ad302c9:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-ad302c9:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-ad302c9 { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-ad302c9 { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-ad302c9:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-ad302c9 { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-ad302c9 { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-ad302c9 .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adfb5a7 *//* ========================================= PREMIUM MAIN CONTAINER IMAGE + HEADING + ICON LIST RESPONSIVE ELEMENTOR CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 { width: 100% !important; max-width: 100% !important; /* Prevent content overflow */ overflow: hidden !important; /* Premium rounded container */ border-radius: 24px !important; /* Inner spacing */ padding: 10px !important; box-sizing: border-box !important; /* Premium White + Blue Background */ background: linear-gradient( 135deg, #FFFFFF 0%, #F1F8FF 25%, #DCEEFF 55%, #C7E2FF 78%, #B5D8FF 100% ) !important; /* Soft premium border */ border: 1px solid rgba(76, 130, 200, 0.22) !important; /* Premium shadow */ box-shadow: 0 12px 35px rgba(40, 100, 180, 0.10), 0 4px 12px rgba(40, 100, 180, 0.06), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; /* Smooth hover */ transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================= PREMIUM LIGHT SHINE ========================================= */ .elementor-4202 .elementor-element.elementor-element-adfb5a7::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient( 120deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.08) 35%, transparent 60% ) !important; pointer-events: none !important; border-radius: inherit !important; z-index: 0 !important; } /* ========================================= KEEP CONTENT ABOVE SHINE ========================================= */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 > .elementor-element { position: relative !important; z-index: 2 !important; } /* ========================================= IMAGE INSIDE MAIN CONTAINER ========================================= */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 img { max-width: 100% !important; height: auto !important; display: block !important; object-fit: contain !important; object-position: center !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 h1, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h2, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h3, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h4, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h5, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h6 { position: relative !important; z-index: 2 !important; margin-top: 0 !important; color: #002A71 !important; } /* ========================================= NORMAL TEXT ========================================= */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 p { position: relative !important; z-index: 2 !important; color: #4B6075 !important; } /* ========================================= ICON LIST ========================================= */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-item { position: relative !important; z-index: 2 !important; transition: transform 0.3s ease !important; } /* ICON */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-icon { color: #002A71 !important; transition: transform 0.3s ease, color 0.3s ease !important; } /* ICON SVG */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-icon svg { width: 22px !important; height: 22px !important; fill: none !important; stroke: currentColor !important; } /* ICON LIST TEXT */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-text { color: #263F59 !important; font-weight: 500 !important; } /* ========================================= ICON LIST HOVER ========================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-item:hover { transform: translateX(4px) !important; } .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-item:hover .elementor-icon-list-icon { color: #0057B8 !important; transform: scale(1.08) !important; } } /* ========================================= HOVER MAIN CONTAINER ========================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-adfb5a7:hover { transform: translateY(-4px) !important; border-color: rgba(76, 130, 200, 0.32) !important; box-shadow: 0 18px 45px rgba(40, 100, 180, 0.15), 0 6px 16px rgba(40, 100, 180, 0.08), inset 0 1px 2px rgba(255,255,255,0.95) !important; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-adfb5a7 { width: 100% !important; max-width: 100% !important; padding: 22px !important; border-radius: 20px !important; } .elementor-4202 .elementor-element.elementor-element-adfb5a7 img { max-width: 100% !important; height: auto !important; } .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-icon svg { width: 21px !important; height: 21px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-adfb5a7 { width: 100% !important; max-width: 100% !important; padding: 17px !important; border-radius: 17px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* Image stays inside container */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 img { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* Heading spacing */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 h1, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h2, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h3, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h4, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h5, .elementor-4202 .elementor-element.elementor-element-adfb5a7 h6 { margin-bottom: 10px !important; } /* Icon list */ .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-item { align-items: center !important; } .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; } .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.5 !important; } /* Remove desktop hover movement on mobile */ .elementor-4202 .elementor-element.elementor-element-adfb5a7:hover { transform: none !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-adfb5a7 { padding: 14px !important; border-radius: 15px !important; } .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-text { font-size: 13.5px !important; } .elementor-4202 .elementor-element.elementor-element-adfb5a7 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-4e0651c *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-4e0651c:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-4e0651c:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-4e0651c { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-4e0651c { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-4e0651c:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-4e0651c { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-4e0651c { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-4e0651c .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99b6289 *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-99b6289:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-99b6289:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-99b6289 { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-99b6289 { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-99b6289:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-99b6289 { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-99b6289 { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-99b6289 .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-3569619 *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-3569619:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-3569619:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-3569619 { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-3569619 { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-3569619:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-3569619 { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-3569619 { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-3569619 .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-edff84a *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-edff84a:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-edff84a:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-edff84a { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-edff84a { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-edff84a:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-edff84a { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-edff84a { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-edff84a .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e81195f *//* ========================================================= PREMIUM BLUE LIQUID GLASS ICON LIST Elementor Icon List Widget FIXED BLUE ICON VISIBILITY ========================================================= */ /* ========================================================= MAIN GLASS CARD ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f { position: relative !important; width: 100% !important; max-width: 100% !important; padding: 16px 18px !important; border-radius: 18px !important; box-sizing: border-box !important; /* LIQUID GLASS BACKGROUND */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.88) 0%, rgba(239, 248, 255, 0.78) 45%, rgba(210, 235, 255, 0.72) 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 0.95) !important; /* GLASS BLUR */ backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; /* PREMIUM SHADOW */ box-shadow: 0 10px 30px rgba(0, 71, 140, 0.12), 0 4px 12px rgba(0, 71, 140, 0.07), inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(50, 130, 210, 0.08) !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.10) 65%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 0 !important; transition: left 0.75s ease !important; } /* ========================================================= TOP GLASS HIGHLIGHT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: rgba(255, 255, 255, 1) !important; border-radius: 100% !important; pointer-events: none !important; z-index: 3 !important; } /* ========================================================= ICON LIST CONTENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-items { position: relative !important; z-index: 5 !important; } /* ========================================================= ICON LIST ITEM ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================================= BLUE GLASS ICON BOX ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; /* ICON GLASS BACKGROUND */ background: linear-gradient( 145deg, #FFFFFF 0%, #EDF7FF 45%, #D5ECFF 100% ) !important; /* GLASS BORDER */ border: 1px solid rgba(255, 255, 255, 1) !important; /* FORCE BLUE */ color: #002A71 !important; /* ICON SHADOW */ box-shadow: 0 5px 15px rgba(0, 70, 140, 0.13), 0 0 0 1px rgba(0, 42, 113, 0.05), inset 0 1px 3px rgba(255, 255, 255, 1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* ========================================================= IMPORTANT: FORCE ELEMENTOR SVG BLUE ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; display: block !important; color: #002A71 !important; fill: #002A71 !important; stroke: #002A71 !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= FORCE SVG PATH BLUE THIS FIXES INVISIBLE ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg polyline, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg polygon, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg ellipse { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; opacity: 1 !important; } /* ========================================================= FOR OUTLINE SVG ICONS ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg path[fill="none"], .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg circle[fill="none"], .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg rect[fill="none"] { fill: none !important; stroke: #002A71 !important; stroke-width: 2 !important; } /* ========================================================= ICON FONT / I TAG ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon i { color: #002A71 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= ICON FONT PSEUDO ELEMENT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon i::before { color: #002A71 !important; opacity: 1 !important; } /* ========================================================= ICON TEXT ========================================================= */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-text { color: #123B62 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-e81195f:hover { transform: translateY(-3px) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 18px 42px rgba(0, 71, 140, 0.16), 0 5px 15px rgba(0, 71, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* SHINE */ .elementor-4202 .elementor-element.elementor-element-e81195f:hover::before { left: 145% !important; } /* ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08) !important; color: #0057B8 !important; background: linear-gradient( 145deg, #FFFFFF 0%, #E7F5FF 50%, #C7E6FF 100% ) !important; box-shadow: 0 8px 22px rgba(0, 87, 184, 0.20), 0 0 14px rgba(0, 119, 255, 0.12), inset 0 1px 3px rgba(255, 255, 255, 1) !important; } /* FORCE HOVER SVG BLUE */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: #0057B8 !important; fill: #0057B8 !important; stroke: #0057B8 !important; transform: scale(1.05) !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon svg polyline { fill: #0057B8 !important; stroke: #0057B8 !important; color: #0057B8 !important; } /* FONT ICON HOVER */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-icon i::before { color: #0057B8 !important; transform: scale(1.05) !important; } /* TEXT HOVER */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item:hover .elementor-icon-list-text { color: #002A71 !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-e81195f { padding: 14px 16px !important; border-radius: 16px !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon { width: 35px !important; height: 35px !important; min-width: 35px !important; border-radius: 11px !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-text { font-size: 14.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-e81195f { width: 100% !important; padding: 12px 14px !important; border-radius: 15px !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-item { align-items: center !important; } /* MOBILE ICON */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 10px !important; } /* MOBILE SVG */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } /* MOBILE SVG PATH */ .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg path, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg circle, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg rect, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg line, .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg polyline { fill: #002A71 !important; stroke: #002A71 !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon i { font-size: 18px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-text { font-size: 14px !important; line-height: 1.4 !important; } /* DISABLE DESKTOP MOVEMENT */ .elementor-4202 .elementor-element.elementor-element-e81195f:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-e81195f { padding: 11px 12px !important; border-radius: 14px !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 9px !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon i { font-size: 17px !important; color: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.4 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-e81195f { padding: 10px !important; border-radius: 13px !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; fill: #002A71 !important; stroke: #002A71 !important; } .elementor-4202 .elementor-element.elementor-element-e81195f .elementor-icon-list-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8333b70 *//* ========================================= PREMIUM MAIN CONTAINER IMAGE + HEADING + ICON LIST RESPONSIVE ELEMENTOR CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-8333b70 { width: 100% !important; max-width: 100% !important; /* Prevent content overflow */ overflow: hidden !important; /* Premium rounded container */ border-radius: 24px !important; /* Inner spacing */ padding: 10px !important; box-sizing: border-box !important; /* Premium White + Blue Background */ background: linear-gradient( 135deg, #FFFFFF 0%, #F1F8FF 25%, #DCEEFF 55%, #C7E2FF 78%, #B5D8FF 100% ) !important; /* Soft premium border */ border: 1px solid rgba(76, 130, 200, 0.22) !important; /* Premium shadow */ box-shadow: 0 12px 35px rgba(40, 100, 180, 0.10), 0 4px 12px rgba(40, 100, 180, 0.06), inset 0 1px 2px rgba(255, 255, 255, 0.95) !important; /* Smooth hover */ transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================= PREMIUM LIGHT SHINE ========================================= */ .elementor-4202 .elementor-element.elementor-element-8333b70::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient( 120deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.08) 35%, transparent 60% ) !important; pointer-events: none !important; border-radius: inherit !important; z-index: 0 !important; } /* ========================================= KEEP CONTENT ABOVE SHINE ========================================= */ .elementor-4202 .elementor-element.elementor-element-8333b70 > .elementor-element { position: relative !important; z-index: 2 !important; } /* ========================================= IMAGE INSIDE MAIN CONTAINER ========================================= */ .elementor-4202 .elementor-element.elementor-element-8333b70 img { max-width: 100% !important; height: auto !important; display: block !important; object-fit: contain !important; object-position: center !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-8333b70 h1, .elementor-4202 .elementor-element.elementor-element-8333b70 h2, .elementor-4202 .elementor-element.elementor-element-8333b70 h3, .elementor-4202 .elementor-element.elementor-element-8333b70 h4, .elementor-4202 .elementor-element.elementor-element-8333b70 h5, .elementor-4202 .elementor-element.elementor-element-8333b70 h6 { position: relative !important; z-index: 2 !important; margin-top: 0 !important; color: #002A71 !important; } /* ========================================= NORMAL TEXT ========================================= */ .elementor-4202 .elementor-element.elementor-element-8333b70 p { position: relative !important; z-index: 2 !important; color: #4B6075 !important; } /* ========================================= ICON LIST ========================================= */ .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-item { position: relative !important; z-index: 2 !important; transition: transform 0.3s ease !important; } /* ICON */ .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-icon { color: #002A71 !important; transition: transform 0.3s ease, color 0.3s ease !important; } /* ICON SVG */ .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-icon svg { width: 22px !important; height: 22px !important; fill: none !important; stroke: currentColor !important; } /* ICON LIST TEXT */ .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-text { color: #263F59 !important; font-weight: 500 !important; } /* ========================================= ICON LIST HOVER ========================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-item:hover { transform: translateX(4px) !important; } .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-item:hover .elementor-icon-list-icon { color: #0057B8 !important; transform: scale(1.08) !important; } } /* ========================================= HOVER MAIN CONTAINER ========================================= */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-8333b70:hover { transform: translateY(-4px) !important; border-color: rgba(76, 130, 200, 0.32) !important; box-shadow: 0 18px 45px rgba(40, 100, 180, 0.15), 0 6px 16px rgba(40, 100, 180, 0.08), inset 0 1px 2px rgba(255,255,255,0.95) !important; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-8333b70 { width: 100% !important; max-width: 100% !important; padding: 22px !important; border-radius: 20px !important; } .elementor-4202 .elementor-element.elementor-element-8333b70 img { max-width: 100% !important; height: auto !important; } .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-icon svg { width: 21px !important; height: 21px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-8333b70 { width: 100% !important; max-width: 100% !important; padding: 17px !important; border-radius: 17px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* Image stays inside container */ .elementor-4202 .elementor-element.elementor-element-8333b70 img { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* Heading spacing */ .elementor-4202 .elementor-element.elementor-element-8333b70 h1, .elementor-4202 .elementor-element.elementor-element-8333b70 h2, .elementor-4202 .elementor-element.elementor-element-8333b70 h3, .elementor-4202 .elementor-element.elementor-element-8333b70 h4, .elementor-4202 .elementor-element.elementor-element-8333b70 h5, .elementor-4202 .elementor-element.elementor-element-8333b70 h6 { margin-bottom: 10px !important; } /* Icon list */ .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-item { align-items: center !important; } .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; } .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.5 !important; } /* Remove desktop hover movement on mobile */ .elementor-4202 .elementor-element.elementor-element-8333b70:hover { transform: none !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-8333b70 { padding: 14px !important; border-radius: 15px !important; } .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-text { font-size: 13.5px !important; } .elementor-4202 .elementor-element.elementor-element-8333b70 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bdf3fea *//* ========================================= PREMIUM BLUE BUTTON - ELEMENTOR PRO ========================================= */ .elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button { background: linear-gradient( 135deg, #2563EB 0%, #3B82F6 50%, #1D4ED8 100% ) !important; color: #FFFFFF !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 50px !important; padding: 16px 34px !important; font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important; transition: all 0.3s ease !important; overflow: hidden !important; } /* BUTTON HOVER */ .elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button:hover { background: linear-gradient( 135deg, #1D4ED8 0%, #2563EB 50%, #1E40AF 100% ) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 28px rgba(37, 99, 235, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important; } /* BUTTON TEXT */ .elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button-text { color: #FFFFFF !important; } /* BUTTON ICON */ .elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button-icon { color: #FFFFFF !important; transition: transform 0.3s ease !important; } .elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button:hover .elementor-button-icon { transform: translateX(4px) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-3bdf3fea .elementor-button { padding: 14px 26px !important; font-size: 20px !important; border-radius: 40px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-61190d1c *//* PREMIUM WHITE + BLUE HERO GRADIENT */ .elementor-4202 .elementor-element.elementor-element-61190d1c { position: relative; background: radial-gradient( ellipse at 15% 10%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.65) 25%, transparent 60% ), radial-gradient( ellipse at 90% 90%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 35%, transparent 65% ), linear-gradient( 135deg, #FFFFFF 0%, #EAF7FF 20%, #A8DFFF 45%, #0292E5 75%, #006FCB 100% ) !important; overflow: hidden; isolation: isolate; } /* Soft White Glow */ .elementor-4202 .elementor-element.elementor-element-61190d1c::before { content: ""; position: absolute; top: -20%; left: -10%; width: 75%; height: 120%; background: radial-gradient( ellipse, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 35%, transparent 75% ); filter: blur(30px); pointer-events: none; z-index: -1; } /* White Glass Shine */ .elementor-4202 .elementor-element.elementor-element-61190d1c::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 120deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.08) 40%, transparent 70% ); pointer-events: none; z-index: -1; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-a8698db *//* ========================================= PREMIUM IMAGE BOX - RESPONSIVE ========================================= */ .elementor-4202 .elementor-element.elementor-element-a8698db { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 20px !important; padding: 8px !important; box-sizing: border-box !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF4FF 50%, #D5E8FF 100% ) !important; border: 1px solid rgba(76, 130, 200, 0.22) !important; box-shadow: 0 10px 30px rgba(40, 100, 180, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9) !important; transition: all 0.3s ease !important; } /* IMAGE STYLE */ .elementor-4202 .elementor-element.elementor-element-a8698db img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; object-fit: contain !important; object-position: center !important; border-radius: 14px !important; transition: transform 0.4s ease !important; } /* HOVER EFFECT */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-a8698db:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 36px rgba(40, 100, 180, 0.18) !important; } .elementor-4202 .elementor-element.elementor-element-a8698db:hover img { transform: scale(1.02); } } /* TABLET VIEW */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-a8698db { border-radius: 18px !important; padding: 7px !important; } .elementor-4202 .elementor-element.elementor-element-a8698db img { border-radius: 12px !important; } } /* MOBILE VIEW */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-a8698db { width: 100% !important; max-width: 100% !important; padding: 6px !important; border-radius: 16px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .elementor-4202 .elementor-element.elementor-element-a8698db img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 11px !important; object-fit: contain !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fdf73fb *//* ========================================= PREMIUM IMAGE BOX - RESPONSIVE ========================================= */ .elementor-4202 .elementor-element.elementor-element-fdf73fb { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 20px !important; padding: 8px !important; box-sizing: border-box !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF4FF 50%, #D5E8FF 100% ) !important; border: 1px solid rgba(76, 130, 200, 0.22) !important; box-shadow: 0 10px 30px rgba(40, 100, 180, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9) !important; transition: all 0.3s ease !important; } /* IMAGE STYLE */ .elementor-4202 .elementor-element.elementor-element-fdf73fb img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; object-fit: contain !important; object-position: center !important; border-radius: 14px !important; transition: transform 0.4s ease !important; } /* HOVER EFFECT */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-fdf73fb:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 36px rgba(40, 100, 180, 0.18) !important; } .elementor-4202 .elementor-element.elementor-element-fdf73fb:hover img { transform: scale(1.02); } } /* TABLET VIEW */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-fdf73fb { border-radius: 18px !important; padding: 7px !important; } .elementor-4202 .elementor-element.elementor-element-fdf73fb img { border-radius: 12px !important; } } /* MOBILE VIEW */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-fdf73fb { width: 100% !important; max-width: 100% !important; padding: 6px !important; border-radius: 16px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .elementor-4202 .elementor-element.elementor-element-fdf73fb img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 11px !important; object-fit: contain !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-70a1df0 *//* ========================================= PREMIUM IMAGE BOX - RESPONSIVE ========================================= */ .elementor-4202 .elementor-element.elementor-element-70a1df0 { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 20px !important; padding: 8px !important; box-sizing: border-box !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF4FF 50%, #D5E8FF 100% ) !important; border: 1px solid rgba(76, 130, 200, 0.22) !important; box-shadow: 0 10px 30px rgba(40, 100, 180, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9) !important; transition: all 0.3s ease !important; } /* IMAGE STYLE */ .elementor-4202 .elementor-element.elementor-element-70a1df0 img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; object-fit: contain !important; object-position: center !important; border-radius: 14px !important; transition: transform 0.4s ease !important; } /* HOVER EFFECT */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-70a1df0:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 36px rgba(40, 100, 180, 0.18) !important; } .elementor-4202 .elementor-element.elementor-element-70a1df0:hover img { transform: scale(1.02); } } /* TABLET VIEW */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-70a1df0 { border-radius: 18px !important; padding: 7px !important; } .elementor-4202 .elementor-element.elementor-element-70a1df0 img { border-radius: 12px !important; } } /* MOBILE VIEW */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-70a1df0 { width: 100% !important; max-width: 100% !important; padding: 6px !important; border-radius: 16px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .elementor-4202 .elementor-element.elementor-element-70a1df0 img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 11px !important; object-fit: contain !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9b59335 *//* ========================================= PREMIUM IMAGE BOX - RESPONSIVE ========================================= */ .elementor-4202 .elementor-element.elementor-element-9b59335 { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 20px !important; padding: 8px !important; box-sizing: border-box !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF4FF 50%, #D5E8FF 100% ) !important; border: 1px solid rgba(76, 130, 200, 0.22) !important; box-shadow: 0 10px 30px rgba(40, 100, 180, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9) !important; transition: all 0.3s ease !important; } /* IMAGE STYLE */ .elementor-4202 .elementor-element.elementor-element-9b59335 img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; object-fit: contain !important; object-position: center !important; border-radius: 14px !important; transition: transform 0.4s ease !important; } /* HOVER EFFECT */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-9b59335:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 36px rgba(40, 100, 180, 0.18) !important; } .elementor-4202 .elementor-element.elementor-element-9b59335:hover img { transform: scale(1.02); } } /* TABLET VIEW */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-9b59335 { border-radius: 18px !important; padding: 7px !important; } .elementor-4202 .elementor-element.elementor-element-9b59335 img { border-radius: 12px !important; } } /* MOBILE VIEW */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-9b59335 { width: 100% !important; max-width: 100% !important; padding: 6px !important; border-radius: 16px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .elementor-4202 .elementor-element.elementor-element-9b59335 img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 11px !important; object-fit: contain !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b102ebc *//* ========================================= PREMIUM IMAGE BOX - RESPONSIVE ========================================= */ .elementor-4202 .elementor-element.elementor-element-b102ebc { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 20px !important; padding: 8px !important; box-sizing: border-box !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF4FF 50%, #D5E8FF 100% ) !important; border: 1px solid rgba(76, 130, 200, 0.22) !important; box-shadow: 0 10px 30px rgba(40, 100, 180, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9) !important; transition: all 0.3s ease !important; } /* IMAGE STYLE */ .elementor-4202 .elementor-element.elementor-element-b102ebc img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; object-fit: contain !important; object-position: center !important; border-radius: 14px !important; transition: transform 0.4s ease !important; } /* HOVER EFFECT */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-b102ebc:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 36px rgba(40, 100, 180, 0.18) !important; } .elementor-4202 .elementor-element.elementor-element-b102ebc:hover img { transform: scale(1.02); } } /* TABLET VIEW */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-b102ebc { border-radius: 18px !important; padding: 7px !important; } .elementor-4202 .elementor-element.elementor-element-b102ebc img { border-radius: 12px !important; } } /* MOBILE VIEW */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-b102ebc { width: 100% !important; max-width: 100% !important; padding: 6px !important; border-radius: 16px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .elementor-4202 .elementor-element.elementor-element-b102ebc img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 11px !important; object-fit: contain !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-aadd5b6 *//* ========================================= PREMIUM IMAGE BOX - RESPONSIVE ========================================= */ .elementor-4202 .elementor-element.elementor-element-aadd5b6 { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 20px !important; padding: 8px !important; box-sizing: border-box !important; background: linear-gradient( 145deg, #FFFFFF 0%, #EAF4FF 50%, #D5E8FF 100% ) !important; border: 1px solid rgba(76, 130, 200, 0.22) !important; box-shadow: 0 10px 30px rgba(40, 100, 180, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9) !important; transition: all 0.3s ease !important; } /* IMAGE STYLE */ .elementor-4202 .elementor-element.elementor-element-aadd5b6 img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; object-fit: contain !important; object-position: center !important; border-radius: 14px !important; transition: transform 0.4s ease !important; } /* HOVER EFFECT */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-aadd5b6:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 36px rgba(40, 100, 180, 0.18) !important; } .elementor-4202 .elementor-element.elementor-element-aadd5b6:hover img { transform: scale(1.02); } } /* TABLET VIEW */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-aadd5b6 { border-radius: 18px !important; padding: 7px !important; } .elementor-4202 .elementor-element.elementor-element-aadd5b6 img { border-radius: 12px !important; } } /* MOBILE VIEW */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-aadd5b6 { width: 100% !important; max-width: 100% !important; padding: 6px !important; border-radius: 16px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .elementor-4202 .elementor-element.elementor-element-aadd5b6 img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 11px !important; object-fit: contain !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e00e8e9 *//* ========================================= PREMIUM BLUE BUTTON - ELEMENTOR PRO ========================================= */ .elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button { background: linear-gradient( 135deg, #2563EB 0%, #3B82F6 50%, #1D4ED8 100% ) !important; color: #FFFFFF !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 50px !important; padding: 16px 34px !important; font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important; transition: all 0.3s ease !important; overflow: hidden !important; } /* BUTTON HOVER */ .elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button:hover { background: linear-gradient( 135deg, #1D4ED8 0%, #2563EB 50%, #1E40AF 100% ) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 28px rgba(37, 99, 235, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important; } /* BUTTON TEXT */ .elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button-text { color: #FFFFFF !important; } /* BUTTON ICON */ .elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button-icon { color: #FFFFFF !important; transition: transform 0.3s ease !important; } .elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button:hover .elementor-button-icon { transform: translateX(4px) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-e00e8e9 .elementor-button { padding: 14px 26px !important; font-size: 20px !important; border-radius: 40px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-117a44f *//* PREMIUM WHITE + BLUE HERO GRADIENT */ .elementor-4202 .elementor-element.elementor-element-117a44f { position: relative; background: radial-gradient( ellipse at 15% 10%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.65) 25%, transparent 60% ), radial-gradient( ellipse at 90% 90%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 35%, transparent 65% ), linear-gradient( 135deg, #FFFFFF 0%, #EAF7FF 20%, #A8DFFF 45%, #0292E5 75%, #006FCB 100% ) !important; overflow: hidden; isolation: isolate; } /* Soft White Glow */ .elementor-4202 .elementor-element.elementor-element-117a44f::before { content: ""; position: absolute; top: -20%; left: -10%; width: 75%; height: 120%; background: radial-gradient( ellipse, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 35%, transparent 75% ); filter: blur(30px); pointer-events: none; z-index: -1; } /* White Glass Shine */ .elementor-4202 .elementor-element.elementor-element-117a44f::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 120deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.08) 40%, transparent 70% ); pointer-events: none; z-index: -1; }/* End custom CSS */ /* Start custom CSS for reviews, class: .elementor-element-34ac0ffa *//* ========================================= ZURA NUTRITION PREMIUM WHITE & BLUE TESTIMONIAL SLIDER Elementor Pro - Custom CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa { --blue: #002A71; --blue-light: #EAF4FF; --blue-border: #C9DFFF; --text-dark: #172B4D; --text-muted: #64748B; --white: #FFFFFF; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; } /* MAIN SLIDER */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-main-swiper { width: 100%; padding: 15px 8px 35px; box-sizing: border-box; overflow: hidden; } /* SLIDER SPACING */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .swiper-wrapper { align-items: stretch; } /* EACH SLIDE */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .swiper-slide { height: auto !important; box-sizing: border-box; display: flex; align-items: stretch; } /* ========================================= TESTIMONIAL CARD ========================================= */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 255px; padding: 25px 23px !important; box-sizing: border-box; background: linear-gradient( 145deg, #FFFFFF 0%, #F7FBFF 60%, #EAF4FF 100% ) !important; border: 1px solid var(--blue-border) !important; border-radius: 22px !important; box-shadow: 0 8px 25px rgba(0, 42, 113, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.95); overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* SOFT BLUE GLOW */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient( 90deg, #002A71, #1683FF, #79C5FF ); opacity: 0.9; } /* HOVER EFFECT */ @media (hover: hover) { .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial:hover { transform: translateY(-6px); border-color: #7DB8FF !important; box-shadow: 0 16px 35px rgba(0, 42, 113, 0.13), 0 0 18px rgba(22, 131, 255, 0.06); } } /* ========================================= HEADER / USER PROFILE ========================================= */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__header { display: flex; align-items: center; gap: 13px; width: 100%; margin-bottom: 20px; padding: 0 0 17px; border-bottom: 1px solid #DCEBFA; } /* PROFILE IMAGE */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__image { flex: 0 0 55px; width: 55px; height: 55px; border-radius: 50%; overflow: hidden; border: 3px solid #FFFFFF; box-shadow: 0 0 0 2px #C9DFFF; } /* IMAGE SIZE */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; } /* USER NAME + HANDLE */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__cite { display: flex; flex-direction: column; gap: 5px; font-style: normal; text-align: left; } /* NAME */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__name { color: var(--blue) !important; font-size: 17px; font-weight: 700; line-height: 1.35; font-family: inherit; } /* USER HANDLE */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__title { color: var(--text-muted) !important; font-size: 13px; font-weight: 500; line-height: 1.4; } /* ========================================= TESTIMONIAL TEXT ========================================= */ .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__content { flex: 1; width: 100%; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__text { color: var(--text-dark) !important; font-size: 15px; font-weight: 400; line-height: 1.85; text-align: left; font-family: inherit; overflow-wrap: anywhere; word-break: normal; } /* ========================================= TABLET RESPONSIVE ========================================= */ @media (max-width: 1024px) { .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-main-swiper { padding: 12px 6px 30px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial { min-height: 245px; padding: 22px 19px !important; border-radius: 20px !important; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__header { gap: 11px; margin-bottom: 17px; padding-bottom: 15px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__image { flex-basis: 48px; width: 48px; height: 48px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__name { font-size: 16px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__title { font-size: 12px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__text { font-size: 14px; line-height: 1.8; } } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-34ac0ffa { width: 100%; max-width: 100%; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-main-swiper { width: 100%; padding: 10px 5px 28px; overflow: hidden; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .swiper-slide { height: auto !important; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial { min-height: 0; height: 100%; padding: 22px 20px !important; border-radius: 19px !important; box-shadow: 0 6px 20px rgba(0, 42, 113, 0.08); } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__header { gap: 12px; margin-bottom: 17px; padding-bottom: 15px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__image { flex: 0 0 50px; width: 50px; height: 50px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__name { font-size: 16px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__title { font-size: 12px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__text { font-size: 14px; line-height: 1.8; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-main-swiper { padding: 8px 4px 25px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial { padding: 20px 17px !important; border-radius: 17px !important; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__header { gap: 11px; margin-bottom: 15px; padding-bottom: 13px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__image { flex-basis: 46px; width: 46px; height: 46px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__name { font-size: 15px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__title { font-size: 12px; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__text { font-size: 13.5px; line-height: 1.75; } } /* ========================================= EXTRA SMALL MOBILE ========================================= */ @media (max-width: 360px) { .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial { padding: 18px 15px !important; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__text { font-size: 13px; line-height: 1.7; } .elementor-4202 .elementor-element.elementor-element-34ac0ffa .elementor-testimonial__image { flex-basis: 42px; width: 42px; height: 42px; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2aad93e0 *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aad93e0 { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aad93e0:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-2aad93e0:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-2aad93e0 { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-2aad93e0 .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5f4d20c9 *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-5f4d20c9 { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-5f4d20c9:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-5f4d20c9:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-5f4d20c9 { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-5f4d20c9 .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-51f78841 *//* ========================================= PREMIUM WHITE + BLUE ICON BOX Main Background + Dark Blue Icon ========================================= */ .elementor-4202 .elementor-element.elementor-element-51f78841 { position: relative; text-align: center; padding: 22px 12px 20px !important; /* Main White + Blue Gradient Background */ background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.15) 0%, transparent 55% ), linear-gradient( 145deg, #FFFFFF 0%, #F2F9FF 45%, #DCEEFF 100% ) !important; border: 1px solid #D5E9FA !important; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(0, 70, 140, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; transition: all 0.35s ease !important; overflow: hidden; } /* ========================================= ICON CIRCLE - DARK BLUE GRADIENT ========================================= */ .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-icon { margin-bottom: 12px !important; } .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon { width: 76px !important; height: 76px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #087ACB 0%, #0055A4 50%, #003B78 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0, 45, 100, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.25) !important; transition: all 0.3s ease !important; } /* ========================================= WHITE ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 34px !important; width: 34px !important; height: 34px !important; transition: all 0.3s ease !important; } /* ========================================= HEADING ========================================= */ .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-title { margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #0A2F62 !important; } .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-title a { color: #0A2F62 !important; text-decoration: none !important; } /* ========================================= HOVER EFFECT - MAIN BOX ========================================= */ .elementor-4202 .elementor-element.elementor-element-51f78841:hover { transform: translateY(-5px); background: radial-gradient( ellipse at top left, rgba(2, 146, 229, 0.22) 0%, transparent 60% ), linear-gradient( 145deg, #FFFFFF 0%, #EAF6FF 45%, #CDE7FF 100% ) !important; border-color: #A9D7F7 !important; box-shadow: 0 14px 30px rgba(0, 70, 140, 0.14), inset 0 1px 3px rgba(255, 255, 255, 0.95) !important; } /* ========================================= HOVER EFFECT - ICON ========================================= */ .elementor-4202 .elementor-element.elementor-element-51f78841:hover .elementor-icon { transform: translateY(-3px); background: linear-gradient( 145deg, #0A91E8 0%, #0065BC 50%, #00458C 100% ) !important; box-shadow: 0 10px 24px rgba(0, 60, 130, 0.30), inset 0 1px 4px rgba(255, 255, 255, 0.30) !important; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-51f78841 { padding: 16px 8px 15px !important; border-radius: 16px !important; } .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon { width: 64px !important; height: 64px !important; } .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon svg { font-size: 29px !important; width: 29px !important; height: 29px !important; } .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; } .elementor-4202 .elementor-element.elementor-element-51f78841 .elementor-icon-box-icon { margin-bottom: 9px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-645f3498 *//* ========================================= PREMIUM FACEBOOK ICON Elementor Custom CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-645f3498 { width: 58px !important; height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #1877F2, #0756C9 ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 8px 20px rgba(24, 119, 242, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.25) !important; transition: all 0.35s ease !important; overflow: hidden !important; } /* FACEBOOK ICON */ .elementor-4202 .elementor-element.elementor-element-645f3498 .elementor-icon { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #FFFFFF !important; font-size: 26px !important; transition: all 0.35s ease !important; } .elementor-4202 .elementor-element.elementor-element-645f3498 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-645f3498 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 26px !important; } /* HOVER EFFECT */ .elementor-4202 .elementor-element.elementor-element-645f3498:hover { transform: translateY(-5px) scale(1.06) !important; background: linear-gradient( 145deg, #3693FF, #0756C9 ) !important; box-shadow: 0 14px 28px rgba(24, 119, 242, 0.38), inset 0 1px 3px rgba(255, 255, 255, 0.35) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-645f3498 { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-645f3498 .elementor-icon, .elementor-4202 .elementor-element.elementor-element-645f3498 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-645f3498 .elementor-icon svg { font-size: 22px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-2fd283bc *//* ========================================= PREMIUM INSTAGRAM ICON Elementor Custom CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-2fd283bc { width: 58px !important; height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 135deg, #FEDA75 0%, #FA7E1E 25%, #D62976 55%, #962FBF 78%, #4F5BD5 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 8px 20px rgba(214, 41, 118, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.25) !important; transition: all 0.35s ease !important; overflow: hidden !important; } /* INSTAGRAM ICON */ .elementor-4202 .elementor-element.elementor-element-2fd283bc .elementor-icon { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #FFFFFF !important; font-size: 26px !important; transition: all 0.35s ease !important; } .elementor-4202 .elementor-element.elementor-element-2fd283bc .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-2fd283bc .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 26px !important; } /* HOVER EFFECT */ .elementor-4202 .elementor-element.elementor-element-2fd283bc:hover { transform: translateY(-5px) scale(1.06) !important; box-shadow: 0 14px 28px rgba(214, 41, 118, 0.38), inset 0 1px 3px rgba(255, 255, 255, 0.35) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-2fd283bc { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-2fd283bc .elementor-icon, .elementor-4202 .elementor-element.elementor-element-2fd283bc .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-2fd283bc .elementor-icon svg { font-size: 22px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-33ea0797 *//* ========================================= PREMIUM YOUTUBE ICON Elementor Custom CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-33ea0797 { width: 58px !important; height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #FF4B4B, #CC0000 ) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; box-shadow: 0 8px 20px rgba(255, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.25) !important; transition: all 0.35s ease !important; overflow: hidden !important; } /* YOUTUBE ICON */ .elementor-4202 .elementor-element.elementor-element-33ea0797 .elementor-icon { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #FFFFFF !important; font-size: 26px !important; transition: all 0.35s ease !important; } .elementor-4202 .elementor-element.elementor-element-33ea0797 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-33ea0797 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 26px !important; } /* HOVER EFFECT */ .elementor-4202 .elementor-element.elementor-element-33ea0797:hover { transform: translateY(-5px) scale(1.06) !important; background: linear-gradient( 145deg, #FF5E5E, #B80000 ) !important; box-shadow: 0 14px 28px rgba(255, 0, 0, 0.38), inset 0 1px 3px rgba(255, 255, 255, 0.35) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-33ea0797 { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-33ea0797 .elementor-icon, .elementor-4202 .elementor-element.elementor-element-33ea0797 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-33ea0797 .elementor-icon svg { font-size: 22px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-1fe6d6f8 *//* ========================================= PREMIUM X (TWITTER) ICON Elementor Custom CSS ========================================= */ .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 { width: 58px !important; height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #333333, #000000 ) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 50% !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important; transition: all 0.35s ease !important; overflow: hidden !important; } /* X ICON */ .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 .elementor-icon { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #FFFFFF !important; font-size: 26px !important; transition: all 0.35s ease !important; } .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 26px !important; } /* HOVER EFFECT */ .elementor-4202 .elementor-element.elementor-element-1fe6d6f8:hover { transform: translateY(-5px) scale(1.06) !important; background: linear-gradient( 145deg, #444444, #111111 ) !important; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.2) !important; } /* MOBILE RESPONSIVE */ @media (max-width: 767px) { .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 { width: 48px !important; height: 48px !important; } .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 .elementor-icon, .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 .elementor-icon i, .elementor-4202 .elementor-element.elementor-element-1fe6d6f8 .elementor-icon svg { font-size: 22px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f57a551 *//* PREMIUM WHITE + BLUE HERO GRADIENT */ .elementor-4202 .elementor-element.elementor-element-5f57a551 { position: relative; background: radial-gradient( ellipse at 15% 10%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.65) 25%, transparent 60% ), radial-gradient( ellipse at 90% 90%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 35%, transparent 65% ), linear-gradient( 135deg, #FFFFFF 0%, #EAF7FF 20%, #A8DFFF 45%, #0292E5 75%, #006FCB 100% ) !important; overflow: hidden; isolation: isolate; } /* Soft White Glow */ .elementor-4202 .elementor-element.elementor-element-5f57a551::before { content: ""; position: absolute; top: -20%; left: -10%; width: 75%; height: 120%; background: radial-gradient( ellipse, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 35%, transparent 75% ); filter: blur(30px); pointer-events: none; z-index: -1; } /* White Glass Shine */ .elementor-4202 .elementor-element.elementor-element-5f57a551::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 120deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.08) 40%, transparent 70% ); pointer-events: none; z-index: -1; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9e80ee9 *//* MAIN CARD */ .zura-distributor { width: 100%; max-width: 520px; padding: 28px 30px; border-radius: 20px; background: linear-gradient(135deg, #ffffff, #eaf7ff); box-shadow: 0 18px 45px rgba(0,59,142,0.10), 0 6px 20px rgba(2,146,229,0.06); font-family: 'Segoe UI', sans-serif; } /* LABEL */ .zura-label { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #006FCB; margin-bottom: 6px; } /* COMPANY */ .zura-company { font-size: 24px; font-weight: 800; color: #003B8E; margin-bottom: 14px; } /* ADDRESS */ .zura-address { font-size: 15px; line-height: 1.6; color: #36566D; } /* CONTACT SECTION */ .zura-contact { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(0,59,142,0.15); } /* CONTACT ITEM */ .zura-contact-item { display: flex; align-items: center; gap: 10px; font-size: 15px; margin-bottom: 12px; color: #36566D; } /* ICON */ .zura-icon { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg,#0292E5,#168DD0); color: #fff; display: flex; align-items: center; justify-content: center; } /* EMAIL LINK */ .zura-contact a { color: #006FCB; font-weight: 600; text-decoration: none; } .zura-contact a:hover { text-decoration: underline; } /* ========================= REFUND POLICY (IMPORTANT) ========================= */ .zura-policy { margin-top: 15px; } /* BUTTON STYLE */ .zura-policy a { display: inline-block; padding: 10px 18px; border-radius: 8px; font-size: 14px; font-weight: 700; color: #006FCB; text-decoration: none; border: 1px solid rgba(0,111,203,0.2); background: rgba(255,255,255,0.6); transition: all 0.3s ease; } /* HOVER */ .zura-policy a:hover { color: #fff; background: linear-gradient(135deg,#0292E5,#006FCB); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(2,146,229,0.25); } /* RESPONSIVE */ @media (max-width: 768px) { .zura-distributor { padding: 22px; } .zura-company { font-size: 20px; } .zura-address, .zura-contact-item { font-size: 14px; } }/* End custom CSS */