.elementor-4714 .elementor-element.elementor-element-66a240f8{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px -3px 10px 0px rgba(0, 0, 0, 0.4);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;--z-index:95;}.elementor-4714 .elementor-element.elementor-element-66a240f8:not(.elementor-motion-effects-element-type-background), .elementor-4714 .elementor-element.elementor-element-66a240f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-61b2c38f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4714 .elementor-element.elementor-element-4b94bf5c{text-align:start;}.elementor-4714 .elementor-element.elementor-element-4b94bf5c img{width:100%;height:45px;object-fit:contain;object-position:center center;}.elementor-4714 .elementor-element.elementor-element-3dcfc84c{--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-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-4714 .elementor-element.elementor-element-a6385de{--display:flex;}.elementor-4714 .elementor-element.elementor-element-a6385de:not(.elementor-motion-effects-element-type-background), .elementor-4714 .elementor-element.elementor-element-a6385de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-4714 .elementor-element.elementor-element-13f74f0{--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--border-radius:20px 20px 20px 20px;box-shadow:-3px 0px 10px 0px rgba(148.99999999999994, 154.99999999999994, 165.99999999999994, 0.38);--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-13f74f0:not(.elementor-motion-effects-element-type-background), .elementor-4714 .elementor-element.elementor-element-13f74f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4714 .elementor-element.elementor-element-0d845ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 30px 30px 0px;--padding-top:30px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-4714 .elementor-element.elementor-element-0d845ae:not(.elementor-motion-effects-element-type-background), .elementor-4714 .elementor-element.elementor-element-0d845ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-4714 .elementor-element.elementor-element-2ba1b88{width:100%;max-width:100%;}.elementor-4714 .elementor-element.elementor-element-2ba1b88 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:700;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-8c6537d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-23ed88d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-23ed88d:hover{background-color:#F0FAFF;}.elementor-4714 .elementor-element.elementor-element-23ed88d.e-con{--align-self:center;}.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-4714 .elementor-element.elementor-element-a8691e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-a8691e7.elementor-element{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-a8691e7 .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-a8691e7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-a8691e7.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-a8691e7.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-a8691e7.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-a8691e7.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-a8691e7 .elementor-icon{font-size:14px;}.elementor-4714 .elementor-element.elementor-element-a8691e7 .elementor-icon svg{height:14px;}.elementor-4714 .elementor-element.elementor-element-1401856{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-220fc2c{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-220fc2c.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-220fc2c .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4714 .elementor-element.elementor-element-6199b9b{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-6199b9b.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-6199b9b p{margin-block-end:0px;}.elementor-4714 .elementor-element.elementor-element-9f9b9be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover{background-color:#F0FAFF;}.elementor-4714 .elementor-element.elementor-element-9f9b9be.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-9ec6344{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-9ec6344.elementor-element{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-9ec6344 .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-9ec6344.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-9ec6344.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-9ec6344.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-9ec6344.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-9ec6344.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-9ec6344 .elementor-icon{font-size:14px;}.elementor-4714 .elementor-element.elementor-element-9ec6344 .elementor-icon svg{height:14px;}.elementor-4714 .elementor-element.elementor-element-0b8f0f3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-502d137{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-502d137.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-502d137 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-28f110b{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-28f110b.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-28f110b p{margin-block-end:0px;}.elementor-4714 .elementor-element.elementor-element-19cb44f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-19cb44f:hover{background-color:#F0FAFF;}.elementor-4714 .elementor-element.elementor-element-19cb44f.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-cfd6354{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-cfd6354.elementor-element{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-cfd6354 .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-cfd6354.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-cfd6354.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-cfd6354.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-cfd6354.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-cfd6354.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-cfd6354 .elementor-icon{font-size:14px;}.elementor-4714 .elementor-element.elementor-element-cfd6354 .elementor-icon svg{height:14px;}.elementor-4714 .elementor-element.elementor-element-389e34f{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-53db0b2{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-53db0b2.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-53db0b2 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-97fbc3c{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-97fbc3c.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-97fbc3c p{margin-block-end:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4714 .elementor-element.elementor-element-d2ddf41{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor7 );--divider-border-width:1px;}.elementor-4714 .elementor-element.elementor-element-d2ddf41 .elementor-divider-separator{width:100%;}.elementor-4714 .elementor-element.elementor-element-d2ddf41 .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.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-4714 .elementor-element.elementor-element-5ba732d .elementor-button{background-color:var( --e-global-color-bd8ac1b );font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:600;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 8px 20px -3px rgba(27.999999999999968, 98.00000000000004, 230, 0.38);border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-5ba732d .elementor-button:hover, .elementor-4714 .elementor-element.elementor-element-5ba732d .elementor-button:focus{background-color:#08448B;color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-4714 .elementor-element.elementor-element-5ba732d{width:auto;max-width:auto;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-5ba732d.elementor-element{--align-self:flex-end;}.elementor-4714 .elementor-element.elementor-element-5ba732d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4714 .elementor-element.elementor-element-5ba732d .elementor-button:hover svg, .elementor-4714 .elementor-element.elementor-element-5ba732d .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-4714 .elementor-element.elementor-element-b5b368b{--display:flex;--border-radius:0px 030px 030px 0px;--padding-top:30px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-4714 .elementor-element.elementor-element-e52be3c{width:100%;max-width:100%;}.elementor-4714 .elementor-element.elementor-element-e52be3c .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:700;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-0ccd745{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-3da1952{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-3da1952:hover{background-color:#F0FAFF;}.elementor-4714 .elementor-element.elementor-element-3da1952.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-803c07c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-803c07c.elementor-element{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-803c07c .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-803c07c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-803c07c.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-803c07c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-803c07c.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-803c07c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-803c07c .elementor-icon{font-size:14px;}.elementor-4714 .elementor-element.elementor-element-803c07c .elementor-icon svg{height:14px;}.elementor-4714 .elementor-element.elementor-element-af03e19{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-09e5dbd{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-09e5dbd.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-09e5dbd .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-ae77b39{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-ae77b39.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-ae77b39 p{margin-block-end:0px;}.elementor-4714 .elementor-element.elementor-element-94a497a{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor7 );--divider-border-width:1px;}.elementor-4714 .elementor-element.elementor-element-94a497a .elementor-divider-separator{width:100%;}.elementor-4714 .elementor-element.elementor-element-94a497a .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.elementor-4714 .elementor-element.elementor-element-233e6ef .elementor-button{background-color:var( --e-global-color-bd8ac1b );font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:600;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 8px 20px -3px rgba(27.999999999999968, 98.00000000000004, 230, 0.38);border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-233e6ef .elementor-button:hover, .elementor-4714 .elementor-element.elementor-element-233e6ef .elementor-button:focus{background-color:#08448B;color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-4714 .elementor-element.elementor-element-233e6ef{width:auto;max-width:auto;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-233e6ef.elementor-element{--align-self:flex-end;}.elementor-4714 .elementor-element.elementor-element-233e6ef .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4714 .elementor-element.elementor-element-233e6ef .elementor-button:hover svg, .elementor-4714 .elementor-element.elementor-element-233e6ef .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-4714 .elementor-element.elementor-element-84a0e27{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-61a8989 );--border-color:var( --e-global-color-61a8989 );--border-radius:0px 30px 30px 0px;--padding-top:30px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-4714 .elementor-element.elementor-element-84a0e27:not(.elementor-motion-effects-element-type-background), .elementor-4714 .elementor-element.elementor-element-84a0e27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top left, var( --e-global-color-astglobalcolor4 ) 0%, var( --e-global-color-astglobalcolor4 ) 100%);}.elementor-4714 .elementor-element.elementor-element-e75c60b{width:100%;max-width:100%;}.elementor-4714 .elementor-element.elementor-element-e75c60b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:700;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-1a392f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-9ead494{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-9ead494:hover{background-color:#F0FAFF;}.elementor-4714 .elementor-element.elementor-element-9ead494.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-2ced1e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-2ced1e8.elementor-element{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-2ced1e8 .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-2ced1e8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-2ced1e8.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-2ced1e8.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-2ced1e8.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-2ced1e8.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-2ced1e8 .elementor-icon{font-size:14px;}.elementor-4714 .elementor-element.elementor-element-2ced1e8 .elementor-icon svg{height:14px;}.elementor-4714 .elementor-element.elementor-element-5152b2f{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-3dfdda4{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-3dfdda4.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-3dfdda4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-7194d16{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-4eca4e1 );}.elementor-4714 .elementor-element.elementor-element-7194d16.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-7194d16 p{margin-block-end:0px;}.elementor-4714 .elementor-element.elementor-element-eea83eb{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor7 );--divider-border-width:1px;}.elementor-4714 .elementor-element.elementor-element-eea83eb .elementor-divider-separator{width:100%;}.elementor-4714 .elementor-element.elementor-element-eea83eb .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.elementor-4714 .elementor-element.elementor-element-66c4221 .elementor-button{background-color:var( --e-global-color-bd8ac1b );font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:600;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 8px 20px -3px rgba(27.999999999999968, 98.00000000000004, 230, 0.38);border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-66c4221 .elementor-button:hover, .elementor-4714 .elementor-element.elementor-element-66c4221 .elementor-button:focus{background-color:#08448B;color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-4714 .elementor-element.elementor-element-66c4221{width:auto;max-width:auto;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-66c4221.elementor-element{--align-self:flex-end;}.elementor-4714 .elementor-element.elementor-element-66c4221 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4714 .elementor-element.elementor-element-66c4221 .elementor-button:hover svg, .elementor-4714 .elementor-element.elementor-element-66c4221 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-4714 .elementor-element.elementor-element-949882d{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:22%;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:30px 0px 0px 30px;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#182D54;--n-tabs-title-color-active:var( --e-global-color-bd8ac1b );--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-color:var( --e-global-color-4eca4e1 );--n-tabs-icon-color-active:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-949882d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-4714 .elementor-element.elementor-element-949882d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F0F5FA;}.elementor-4714 .elementor-element.elementor-element-949882d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4714 .elementor-element.elementor-element-949882d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F0F5FA;}.elementor-4714 .elementor-element.elementor-element-949882d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-4714 .elementor-element.elementor-element-949882d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-4714 .elementor-element.elementor-element-949882d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-f0d7054 );--n-tabs-icon-color-hover:var( --e-global-color-f0d7054 );}.elementor-4714 .elementor-element.elementor-element-e23e4f0{--display:flex;}.elementor-4714 .elementor-element.elementor-element-4956cba{--display:flex;}.elementor-4714 .elementor-element.elementor-element-82a617d{--display:flex;}.elementor-4714 .elementor-element.elementor-element-d4c59db{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:400px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-d4c59db:not(.elementor-motion-effects-element-type-background), .elementor-4714 .elementor-element.elementor-element-d4c59db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-4714 .elementor-element.elementor-element-37a519f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--border-radius:20px 20px 20px 20px;box-shadow:-3px 0px 10px 0px rgba(148.99999999999994, 154.99999999999994, 165.99999999999994, 0.38);--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-37a519f:not(.elementor-motion-effects-element-type-background), .elementor-4714 .elementor-element.elementor-element-37a519f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-9c1b13f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--background-transition:0.3s;--border-radius:20px 20px 0px 0px;--padding-top:17px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover{background-color:#F0FAFF;}.elementor-4714 .elementor-element.elementor-element-c3fc43e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-c3fc43e.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-c3fc43e .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-c3fc43e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-c3fc43e.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-c3fc43e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-c3fc43e.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-c3fc43e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-c3fc43e .elementor-icon{font-size:24px;}.elementor-4714 .elementor-element.elementor-element-c3fc43e .elementor-icon svg{height:24px;}.elementor-4714 .elementor-element.elementor-element-af85317{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-9cade47{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-9cade47.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-9cade47 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-b9491a7{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-b9491a7.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-b9491a7 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4714 .elementor-element.elementor-element-5bdcde2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--background-transition:0.3s;--padding-top:17px;--padding-bottom:17px;--padding-left:20px;--padding-right:20px;}.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover{background-color:#F0FAFF;--border-radius:0px 0px 20px 20px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:20px;--border-bottom-left-radius:20px;}.elementor-4714 .elementor-element.elementor-element-5bdcde2, .elementor-4714 .elementor-element.elementor-element-5bdcde2::before{--border-transition:0.3s;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-e0c0e7a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-e0c0e7a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a .elementor-icon{font-size:24px;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a .elementor-icon svg{height:24px;}.elementor-4714 .elementor-element.elementor-element-acfe35c{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-9c24f62{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-9c24f62.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-9c24f62 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-c7ef8f4{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4714 .elementor-element.elementor-element-c7ef8f4.elementor-element{--align-self:flex-start;}.elementor-4714 .elementor-element.elementor-element-c7ef8f4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4714 .elementor-element.elementor-element-1040386{--display:flex;}.elementor-4714 .elementor-element.elementor-element-7b81d8e{--display:flex;}.elementor-4714 .elementor-element.elementor-element-085b7c6{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-transition:0ms;--n-menu-icon-size:15px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-4714 .elementor-element.elementor-element-085b7c6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-4714 .elementor-element.elementor-element-085b7c6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-4714 .elementor-element.elementor-element-085b7c6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-4714 .elementor-element.elementor-element-085b7c6 {--n-menu-title-color-hover:var( --e-global-color-bd8ac1b );--n-menu-title-color-active:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-085b7c6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-085b7c6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-b5e9686{margin:0px -17px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-4714 .elementor-element.elementor-element-b5e9686 .ekit_navsearch-button :is(i, svg){font-size:16px;}.elementor-4714 .elementor-element.elementor-element-b5e9686 .ekit_navsearch-button{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;text-align:center;}.elementor-4714 .elementor-element.elementor-element-1b8b918 .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-1b8b918.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-4714 .elementor-element.elementor-element-1b8b918.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-1b8b918.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor6 );border-color:var( --e-global-color-astglobalcolor6 );}.elementor-4714 .elementor-element.elementor-element-1b8b918.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-1b8b918.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor6 );}.elementor-4714 .elementor-element.elementor-element-4d55721 .e-off-canvas__content{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-4714 .elementor-element.elementor-element-4d55721 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-4714 .elementor-element.elementor-element-4d55721{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-4714 .elementor-element.elementor-element-78f74a0{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4714 .elementor-element.elementor-element-3ceb9e9{--display:flex;}.elementor-4714 .elementor-element.elementor-element-fb6dba2 img{width:32%;}.elementor-4714 .elementor-element.elementor-element-cb1c6b1 .elementor-icon-wrapper{text-align:center;}.elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor6 );border-color:var( --e-global-color-astglobalcolor6 );}.elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-framed .elementor-icon, .elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor6 );}.elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-framed .elementor-icon:hover, .elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-bd8ac1b );border-color:var( --e-global-color-bd8ac1b );}.elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-framed .elementor-icon:hover, .elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-bd8ac1b );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a, .elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a:hover,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a:focus,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-menu-toggle:hover,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-menu-toggle:focus{color:var( --e-global-color-61a8989 );}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a:hover,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a:focus,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-61a8989 );background-color:#02010100;}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown .elementor-item, .elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-4714 .elementor-element.elementor-element-471d570 .elementor-button{background-color:#0C67D5;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 8px 20px -3px rgba(27.73644701086957, 98.35369055706532, 229.5, 0.38);transition-duration:0.3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF7;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;}.elementor-4714 .elementor-element.elementor-element-471d570 .elementor-button:hover, .elementor-4714 .elementor-element.elementor-element-471d570 .elementor-button:focus{background-color:#08448D;color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-48c3704 );box-shadow:0px 0px 0px 0px #FFFFFF;}.elementor-4714 .elementor-element.elementor-element-471d570.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-4714 .elementor-element.elementor-element-471d570 .elementor-button:hover svg, .elementor-4714 .elementor-element.elementor-element-471d570 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.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-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-icon i{color:var( --e-global-color-bd8ac1b );transition:color 0.3s;}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-icon svg{fill:var( --e-global-color-bd8ac1b );transition:fill 0.3s;}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-61a8989 );}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-61a8989 );}.elementor-4714 .elementor-element.elementor-element-540f0f7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4714 .elementor-element.elementor-element-3b94f558 .elementor-button{background-color:#0C67D5;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 8px 20px -3px rgba(27.999999999999968, 98.00000000000004, 230, 0.38);transition-duration:0.3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF7;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;}.elementor-4714 .elementor-element.elementor-element-3b94f558 .elementor-button:hover, .elementor-4714 .elementor-element.elementor-element-3b94f558 .elementor-button:focus{background-color:#08448D;color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 0px 0px 0px #FFFFFF;}.elementor-4714 .elementor-element.elementor-element-3b94f558.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-4714 .elementor-element.elementor-element-3b94f558 .elementor-button:hover svg, .elementor-4714 .elementor-element.elementor-element-3b94f558 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-4714 .elementor-element.elementor-element-66a240f8{--content-width:1300px;}.elementor-4714 .elementor-element.elementor-element-61b2c38f{--width:20%;}.elementor-4714 .elementor-element.elementor-element-3dcfc84c{--width:100%;}.elementor-4714 .elementor-element.elementor-element-a6385de{--content-width:76%;}.elementor-4714 .elementor-element.elementor-element-13f74f0{--width:100%;}.elementor-4714 .elementor-element.elementor-element-23ed88d{--width:30%;}.elementor-4714 .elementor-element.elementor-element-1401856{--width:80%;}.elementor-4714 .elementor-element.elementor-element-9f9b9be{--width:30%;}.elementor-4714 .elementor-element.elementor-element-0b8f0f3{--width:80%;}.elementor-4714 .elementor-element.elementor-element-19cb44f{--width:30%;}.elementor-4714 .elementor-element.elementor-element-389e34f{--width:80%;}.elementor-4714 .elementor-element.elementor-element-3da1952{--width:30%;}.elementor-4714 .elementor-element.elementor-element-af03e19{--width:80%;}.elementor-4714 .elementor-element.elementor-element-9ead494{--width:30%;}.elementor-4714 .elementor-element.elementor-element-5152b2f{--width:80%;}.elementor-4714 .elementor-element.elementor-element-d4c59db{--content-width:24%;}.elementor-4714 .elementor-element.elementor-element-37a519f{--width:100%;}.elementor-4714 .elementor-element.elementor-element-af85317{--width:70%;}.elementor-4714 .elementor-element.elementor-element-acfe35c{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4714 .elementor-element.elementor-element-66a240f8{--content-width:100%;}.elementor-4714 .elementor-element.elementor-element-61b2c38f{--width:15%;}.elementor-4714 .elementor-element.elementor-element-3dcfc84c{--width:85%;}.elementor-4714 .elementor-element.elementor-element-23ed88d{--width:50%;}.elementor-4714 .elementor-element.elementor-element-1401856{--width:74%;}.elementor-4714 .elementor-element.elementor-element-9f9b9be{--width:50%;}.elementor-4714 .elementor-element.elementor-element-0b8f0f3{--width:74%;}.elementor-4714 .elementor-element.elementor-element-19cb44f{--width:50%;}.elementor-4714 .elementor-element.elementor-element-389e34f{--width:74%;}.elementor-4714 .elementor-element.elementor-element-3da1952{--width:50%;}.elementor-4714 .elementor-element.elementor-element-af03e19{--width:74%;}.elementor-4714 .elementor-element.elementor-element-9ead494{--width:50%;}.elementor-4714 .elementor-element.elementor-element-5152b2f{--width:74%;}.elementor-4714 .elementor-element.elementor-element-d4c59db{--content-width:35%;}}@media(max-width:1024px){.elementor-4714 .elementor-element.elementor-element-66a240f8{--min-height:58px;--padding-top:0%;--padding-bottom:0%;--padding-left:02%;--padding-right:2%;}.elementor-4714 .elementor-element.elementor-element-4b94bf5c img{height:27px;}.elementor-4714 .elementor-element.elementor-element-13f74f0{--border-radius:20px 20px 20px 20px;}.elementor-4714 .elementor-element.elementor-element-0d845ae{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:20px;}.elementor-4714 .elementor-element.elementor-element-2ba1b88 .elementor-heading-title{font-size:12px;}.elementor-4714 .elementor-element.elementor-element-8c6537d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-23ed88d{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:010px;--padding-right:00px;}.elementor-4714 .elementor-element.elementor-element-23ed88d.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-a8691e7 .elementor-icon{font-size:13px;}.elementor-4714 .elementor-element.elementor-element-a8691e7 .elementor-icon svg{height:13px;}.elementor-4714 .elementor-element.elementor-element-1401856{--justify-content:center;}.elementor-4714 .elementor-element.elementor-element-220fc2c .elementor-heading-title{font-size:11px;}.elementor-4714 .elementor-element.elementor-element-6199b9b{font-size:9px;}.elementor-4714 .elementor-element.elementor-element-9f9b9be{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:010px;--padding-right:00px;}.elementor-4714 .elementor-element.elementor-element-9f9b9be.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-9ec6344 .elementor-icon{font-size:13px;}.elementor-4714 .elementor-element.elementor-element-9ec6344 .elementor-icon svg{height:13px;}.elementor-4714 .elementor-element.elementor-element-0b8f0f3{--justify-content:center;}.elementor-4714 .elementor-element.elementor-element-502d137 .elementor-heading-title{font-size:11px;}.elementor-4714 .elementor-element.elementor-element-28f110b{font-size:9px;}.elementor-4714 .elementor-element.elementor-element-19cb44f{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:010px;--padding-right:00px;}.elementor-4714 .elementor-element.elementor-element-19cb44f.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-cfd6354 .elementor-icon{font-size:13px;}.elementor-4714 .elementor-element.elementor-element-cfd6354 .elementor-icon svg{height:13px;}.elementor-4714 .elementor-element.elementor-element-389e34f{--justify-content:center;}.elementor-4714 .elementor-element.elementor-element-53db0b2 .elementor-heading-title{font-size:11px;}.elementor-4714 .elementor-element.elementor-element-97fbc3c{font-size:9px;}.elementor-4714 .elementor-element.elementor-element-5ba732d .elementor-button{font-size:10px;}.elementor-4714 .elementor-element.elementor-element-b5b368b{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:20px;}.elementor-4714 .elementor-element.elementor-element-e52be3c .elementor-heading-title{font-size:12px;}.elementor-4714 .elementor-element.elementor-element-0ccd745{--gap:3px 3px;--row-gap:3px;--column-gap:3px;--flex-wrap:wrap;}.elementor-4714 .elementor-element.elementor-element-3da1952{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:010px;--padding-right:00px;}.elementor-4714 .elementor-element.elementor-element-3da1952.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-803c07c .elementor-icon{font-size:13px;}.elementor-4714 .elementor-element.elementor-element-803c07c .elementor-icon svg{height:13px;}.elementor-4714 .elementor-element.elementor-element-af03e19{--justify-content:center;}.elementor-4714 .elementor-element.elementor-element-09e5dbd .elementor-heading-title{font-size:11px;}.elementor-4714 .elementor-element.elementor-element-ae77b39{font-size:9px;}.elementor-4714 .elementor-element.elementor-element-233e6ef .elementor-button{font-size:10px;}.elementor-4714 .elementor-element.elementor-element-84a0e27{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:20px;}.elementor-4714 .elementor-element.elementor-element-e75c60b .elementor-heading-title{font-size:12px;}.elementor-4714 .elementor-element.elementor-element-1a392f2{--gap:3px 3px;--row-gap:3px;--column-gap:3px;--flex-wrap:wrap;}.elementor-4714 .elementor-element.elementor-element-9ead494{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:010px;--padding-right:00px;}.elementor-4714 .elementor-element.elementor-element-9ead494.e-con{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-2ced1e8 .elementor-icon{font-size:13px;}.elementor-4714 .elementor-element.elementor-element-2ced1e8 .elementor-icon svg{height:13px;}.elementor-4714 .elementor-element.elementor-element-5152b2f{--justify-content:center;}.elementor-4714 .elementor-element.elementor-element-3dfdda4 .elementor-heading-title{font-size:11px;}.elementor-4714 .elementor-element.elementor-element-7194d16{font-size:9px;}.elementor-4714 .elementor-element.elementor-element-66c4221 .elementor-button{font-size:10px;}.elementor-4714 .elementor-element.elementor-element-949882d{padding:0px 0px 0px 0px;--n-tabs-heading-width:149px;--n-tabs-title-font-size:11px;}.elementor-4714 .elementor-element.elementor-element-d4c59db{--padding-top:0px;--padding-bottom:0px;--padding-left:0200px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-37a519f{--border-radius:20px 20px 20px 20px;}.elementor-4714 .elementor-element.elementor-element-c3fc43e .elementor-icon{font-size:13px;}.elementor-4714 .elementor-element.elementor-element-c3fc43e .elementor-icon svg{height:13px;}.elementor-4714 .elementor-element.elementor-element-9cade47 .elementor-heading-title{font-size:11px;}.elementor-4714 .elementor-element.elementor-element-b9491a7 .elementor-heading-title{font-size:9px;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a .elementor-icon{font-size:12px;}.elementor-4714 .elementor-element.elementor-element-e0c0e7a .elementor-icon svg{height:12px;}.elementor-4714 .elementor-element.elementor-element-9c24f62 .elementor-heading-title{font-size:11px;}.elementor-4714 .elementor-element.elementor-element-c7ef8f4 .elementor-heading-title{font-size:9px;}.elementor-4714 .elementor-element.elementor-element-085b7c6{--n-menu-title-font-size:9px;--n-menu-title-padding:4px 4px 4px 4px;--n-menu-icon-size:11px;}.elementor-4714 .elementor-element.elementor-element-b5e9686{margin:0px -35px calc(var(--kit-widget-spacing, 0px) + -5px) -31px;}.elementor-4714 .elementor-element.elementor-element-b5e9686 .ekit_navsearch-button :is(i, svg){font-size:13px;}.elementor-4714 .elementor-element.elementor-element-b5e9686 .ekit_navsearch-button{margin:0px 0px 0px 0px;}.elementor-4714 .elementor-element.elementor-element-471d570 .elementor-button{font-size:10px;border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}.elementor-4714 .elementor-element.elementor-element-3b94f558 .elementor-button{font-size:10px;border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-4714 .elementor-element.elementor-element-66a240f8{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:05%;}.elementor-4714 .elementor-element.elementor-element-61b2c38f{--width:38%;--min-height:61px;}.elementor-4714 .elementor-element.elementor-element-4b94bf5c img{width:583px;max-width:100%;height:26px;}.elementor-4714 .elementor-element.elementor-element-3dcfc84c{--width:58%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4714 .elementor-element.elementor-element-b5e9686{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 0px 0px 0px;}.elementor-4714 .elementor-element.elementor-element-b5e9686 .ekit_navsearch-button :is(i, svg){font-size:17px;}.elementor-4714 .elementor-element.elementor-element-1b8b918{padding:4px 0px 0px 0px;}.elementor-4714 .elementor-element.elementor-element-1b8b918 .elementor-icon{font-size:18px;}.elementor-4714 .elementor-element.elementor-element-1b8b918 .elementor-icon svg{height:18px;}.elementor-4714 .elementor-element.elementor-element-4d55721{--e-off-canvas-justify-content:flex-start;--e-off-canvas-width:75%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;}.elementor-4714 .elementor-element.elementor-element-78f74a0{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4714 .elementor-element.elementor-element-3ceb9e9{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4714 .elementor-element.elementor-element-fb6dba2{width:var( --container-widget-width, 186px );max-width:186px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:186px;--container-widget-flex-grow:0;text-align:start;}.elementor-4714 .elementor-element.elementor-element-fb6dba2 img{width:77%;}.elementor-4714 .elementor-element.elementor-element-cb1c6b1{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-cb1c6b1.elementor-element{--align-self:center;}.elementor-4714 .elementor-element.elementor-element-cb1c6b1 .elementor-icon-wrapper{text-align:end;}.elementor-4714 .elementor-element.elementor-element-cb1c6b1 .elementor-icon{font-size:21px;}.elementor-4714 .elementor-element.elementor-element-cb1c6b1 .elementor-icon svg{height:21px;}.elementor-4714 .elementor-element.elementor-element-60fa79b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) -14px;}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown .elementor-item, .elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-4714 .elementor-element.elementor-element-60fa79b .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-4714 .elementor-element.elementor-element-471d570{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-471d570.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-4714 .elementor-element.elementor-element-471d570 .elementor-button{font-size:14px;padding:9px 9px 9px 9px;}.elementor-4714 .elementor-element.elementor-element-540f0f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;--e-icon-list-icon-size:15px;}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4714 .elementor-element.elementor-element-540f0f7 .elementor-icon-list-item > a{font-size:12px;}.elementor-4714 .elementor-element.elementor-element-3b94f558{width:auto;max-width:auto;}.elementor-4714 .elementor-element.elementor-element-3b94f558.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-4714 .elementor-element.elementor-element-3b94f558 .elementor-button{padding:9px 9px 9px 9px;}}/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ed88d *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-23ed88d .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-23ed88d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9b9be *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9f9b9be .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9f9b9be:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cb44f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-19cb44f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-19cb44f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da1952 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-3da1952 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-3da1952:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ead494 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9ead494 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9ead494:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1b13f *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-9c1b13f .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-9c1b13f:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdcde2 *//* 1. Base style untuk elemen ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Gradien khas Astranova (#2abaf9 ke #0c67d5) */
    background: linear-gradient(
        145deg,
        #2abaf9 0%,
        #0c67d5 45%,
        #0c67d5 100%
    );

    position: relative;
    overflow: visible;

    /* Transisi halus untuk pergerakan */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 2. Ukuran & warna ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon i,
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::before {
    content: "";
    position: absolute;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    /* Menggunakan warna #2abaf9 & #0c67d5 transparan */
    background: radial-gradient(
        circle,
        rgba(42, 186, 249, 0.7) 0%,
        rgba(12, 103, 213, 0.4) 45%,
        rgba(12, 103, 213, 0) 75%
    );

    filter: blur(14px);

    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    z-index: 0;
    opacity: 0.6;
    transition: all 0.35s ease;
}

/* 4. Highlight kilau di kiri atas */
.elementor-4714 .elementor-element.elementor-element-5bdcde2 .astranova-icon::after {
    content: "";
    position: absolute;

    width: 38px;
    height: 38px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    top: 1px;
    left: 1px;

    filter: blur(4px);
    pointer-events: none;
}

/* =========================================================
   HOVER STATE (Aktif saat KONTAINER induk disorot)
   ========================================================= */

/* Ikon naik ke atas & sedikit membesar */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4714 .elementor-element.elementor-element-5bdcde2:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66a240f8 *//* 1. Tampilan Awal (Awal Halaman - Solid White) */
.elementor-4714 .elementor-element.elementor-element-66a240f8 {
    background-color: #ffffff !important;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border-bottom: 1px solid transparent;
    transition: all 0.4s ease-in-out !important;
}

/* 2. Tampilan Saat Di-scroll Down (Agak Transparan + Blur) */
.elementor-4714 .elementor-element.elementor-element-66a240f8.elementor-sticky--active {
    /* Putih transparan (85% opacity) */
    background-color: rgba(255, 255, 255, 0.85) !important;
    
    /* Efek Blur Kaca (Glassmorphism) */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    
    /* Garis pemisah tipis dan bayangan halus */
    border-bottom: 1px solid rgba(24, 45, 84, 0.08) !important;
    box-shadow: 0 4px 20px rgba(24, 45, 84, 0.06) !important;
}/* End custom CSS */